@devtable/dashboard 14.43.4 → 14.44.0

package/dist/dashboard.es.js

@@ -5,7 +5,7 @@ import { createInstance as Tu } from "i18next";
 import { useTranslation as _, Trans as Mr, initReactI18next as Du, I18nextProvider as Iu } from "react-i18next";
 import Mu from "i18next-browser-languagedetector";
 import "intl-pluralrules";
-import C, { unset as Lu, get as se, isObject as hl, set as $a, omit as yn, isFunction as $u, orderBy as Vu, last as pl, cloneDeepWith as ml, defaults as pe, minBy as Pu, maxBy as Au, cloneDeep as Ae, values as Va, template as Pa, throttle as Ru, range as Eu, defaultsDeep as He, isEqual as Fe, keyBy as Ou, isEmpty as gl, isNumber as Fu, findLastIndex as qu, isString as fl, pick as bl } from "lodash";
+import C, { unset as Lu, get as se, isObject as hl, set as Va, omit as yn, isFunction as Vu, orderBy as $u, last as pl, cloneDeepWith as ml, defaults as pe, minBy as Pu, maxBy as Au, cloneDeep as Ae, values as $a, template as Pa, throttle as Ru, range as Eu, defaultsDeep as He, isEqual as Fe, keyBy as Ou, isEmpty as gl, isNumber as Fu, findLastIndex as qu, isString as fl, pick as bl } from "lodash";
 import { observable as yl, runInAction as Zn, toJS as Bt, reaction as qe, makeAutoObservable as rr } from "mobx";
 import no from "eventemitter2";
 import { jsx as r, Fragment as q, jsxs as u } from "react/jsx-runtime";
@@ -16,7 +16,7 @@ import "echarts-gl";
 import * as Ne from "echarts/core";
 import { use as ju } from "echarts/core";
 import { useBoolean as De, useCreation as Ft, usePrevious as Qu, useAsyncEffect as Nn, useRequest as xn, useLatest as fa, useWhyDidYouUpdate as xl } from "ahooks";
-import { Box as V, TextInput as $, Group as y, Text as k, Select as F, Button as L, Modal as we, Stack as T, Divider as A, NumberInput as ne, SimpleGrid as ze, Menu as W, UnstyledButton as Aa, Tooltip as re, Flex as rt, ColorInput as cn, Center as jt, ActionIcon as te, Badge as Yt, CloseButton as Ct, Overlay as dn, NativeSelect as Ra, useMantineTheme as $r, ColorSwatch as br, Popover as mt, ColorPicker as ro, HoverCard as ge, Checkbox as Z, Paper as Hu, Code as ao, Tabs as S, Switch as ke, Table as w, MultiSelect as Kt, LoadingOverlay as un, Alert as ar, Collapse as ir, CheckIcon as Gu, SegmentedControl as Ea, Anchor as Rn, Pagination as Vr, Textarea as vl, RangeSlider as Wu, Autocomplete as Uu, Combobox as Wt, Mark as wl, Slider as Ku, ThemeIcon as Jn, Pill as Yu, List as Ue, getRadius as Oa, Affix as Xu, AppShell as Je, FileInput as Zu, Highlight as Ju, rem as io, JsonInput as Sl, Drawer as eh, Radio as oo, Skeleton as lo, NavLink as ba, useCombobox as th, Loader as Fa, InputBase as nh, Input as rh } from "@mantine/core";
+import { Box as $, TextInput as V, Group as y, Text as k, Select as F, Button as L, Modal as we, Stack as T, Divider as A, NumberInput as ne, SimpleGrid as ze, Menu as W, UnstyledButton as Aa, Tooltip as re, Flex as rt, ColorInput as cn, Center as jt, ActionIcon as te, Badge as Yt, CloseButton as Ct, Overlay as dn, NativeSelect as Ra, useMantineTheme as Vr, ColorSwatch as br, Popover as mt, ColorPicker as ro, HoverCard as ge, Checkbox as Z, Paper as Hu, Code as ao, Tabs as S, Switch as Ce, Table as w, MultiSelect as Kt, LoadingOverlay as un, Alert as ar, Collapse as ir, CheckIcon as Gu, SegmentedControl as Ea, Anchor as Rn, Pagination as $r, Textarea as vl, RangeSlider as Wu, Autocomplete as Uu, Combobox as Wt, Mark as wl, Slider as Ku, ThemeIcon as Jn, Pill as Yu, List as Ue, getRadius as Oa, Affix as Xu, AppShell as Je, FileInput as Zu, Highlight as Ju, rem as io, JsonInput as Sl, Drawer as eh, Radio as oo, Skeleton as lo, NavLink as ba, useCombobox as th, Loader as Fa, InputBase as nh, Input as rh } from "@mantine/core";
 import { useHover as ah, useDisclosure as hn, useClipboard as ih, randomId as vn, useElementSize as Cl, useResizeObserver as oh, useInputState as kl } from "@mantine/hooks";
 import * as lh from "popmotion";
 import { interpolate as kn } from "popmotion";
@@ -28,7 +28,7 @@ import * as ch from "crypto-js";
 import dh from "crypto-js";
 import O from "dayjs";
 import qt from "numbro";
-import { IconMathFunction as en, IconRecycle as bt, IconDeviceFloppy as fe, IconSelector as uh, IconGripVertical as Tl, IconTrash as Pe, IconArrowBackUp as hh, IconPlayerSkipBack as Dl, IconMathFunctionOff as ph, IconTextSize as qa, IconInfoCircle as Re, IconCheck as Na, IconBorderAll as mh, IconCircleOff as Il, IconX as Pr, IconAlertCircle as tr, IconPlus as dt, IconGripHorizontal as gh, IconChevronUp as fh, IconChevronDown as Ml, IconChartAreaLineFilled as bh, IconPlaylistAdd as nr, IconArrowDown as yh, IconArrowUp as _h, IconChevronLeft as xh, IconChevronRight as vh, IconArrowBarToRight as Ba, IconArrowCurveRight as ya, IconLayersIntersect as wh, IconLayersSubtract as Sh, IconCalendar as Ch, IconMinus as kh, IconRefresh as Ar, IconChevronsUp as zh, IconChevronsDown as Th, IconDatabase as on, IconDownload as or, IconCode as wn, IconCamera as Rr, IconArrowsMaximize as Ll, IconAppWindow as ja, IconVariable as Bn, IconChartHistogram as $l, IconRoute as Qa, IconCopy as Ha, IconArrowLeft as Vl, IconArrowsMove as Dh, IconChevronDownRight as Ih, IconShare3 as Mh, IconArrowsLeftRight as Lh, IconCodeDots as Pl, IconFilter as Ga, IconBoxMultiple as Wa, IconCaretDown as $h, IconAlertTriangle as Al, IconDevices as Vh, IconSettings as jn, IconPointFilled as Er, IconFileImport as so, IconSearch as Rl, IconCircleDashed as Ph, IconCircleDot as Ah, IconChevronsUpRight as Rh, IconAdjustments as Eh, IconLine as Oh, IconEye as El, IconTable as Fh, IconColumns as qh, IconVectorTriangle as Nh, IconVariablePlus as Bh, IconHierarchy as jh, IconDiscountCheckFilled as Qh, IconHash as Hh } from "@tabler/icons-react";
+import { IconMathFunction as en, IconRecycle as bt, IconDeviceFloppy as fe, IconSelector as uh, IconGripVertical as Tl, IconTrash as Pe, IconArrowBackUp as hh, IconPlayerSkipBack as Dl, IconMathFunctionOff as ph, IconTextSize as qa, IconInfoCircle as Re, IconCheck as Na, IconBorderAll as mh, IconCircleOff as Il, IconX as Pr, IconAlertCircle as tr, IconPlus as dt, IconGripHorizontal as gh, IconChevronUp as fh, IconChevronDown as Ml, IconChartAreaLineFilled as bh, IconPlaylistAdd as nr, IconArrowDown as yh, IconArrowUp as _h, IconChevronLeft as xh, IconChevronRight as vh, IconArrowBarToRight as Ba, IconArrowCurveRight as ya, IconLayersIntersect as wh, IconLayersSubtract as Sh, IconCalendar as Ch, IconMinus as kh, IconRefresh as Ar, IconChevronsUp as zh, IconChevronsDown as Th, IconDatabase as on, IconDownload as or, IconCode as wn, IconCamera as Rr, IconArrowsMaximize as Ll, IconAppWindow as ja, IconVariable as Bn, IconChartHistogram as Vl, IconRoute as Qa, IconCopy as Ha, IconArrowLeft as $l, IconArrowsMove as Dh, IconChevronDownRight as Ih, IconShare3 as Mh, IconArrowsLeftRight as Lh, IconCodeDots as Pl, IconFilter as Ga, IconBoxMultiple as Wa, IconCaretDown as Vh, IconAlertTriangle as Al, IconDevices as $h, IconSettings as jn, IconPointFilled as Er, IconFileImport as so, IconSearch as Rl, IconCircleDashed as Ph, IconCircleDot as Ah, IconChevronsUpRight as Rh, IconAdjustments as Eh, IconLine as Oh, IconEye as El, IconTable as Fh, IconColumns as qh, IconVectorTriangle as Nh, IconVariablePlus as Bh, IconHierarchy as jh, IconDiscountCheckFilled as Qh, IconHash as Hh } from "@tabler/icons-react";
 import { RichTextEditor as le, Link as Ol, useRichTextEditorContext as Gh } from "@mantine/tiptap";
 import { Color as Fl } from "@tiptap/extension-color";
 import ql from "@tiptap/extension-highlight";
@@ -76,8 +76,8 @@ import Dp from "dayjs/plugin/isBetween";
 import Ip from "dayjs/plugin/isLeapYear";
 import Mp from "dayjs/plugin/isMoment";
 import Lp from "dayjs/plugin/isoWeek";
-import $p from "dayjs/plugin/isoWeeksInYear";
-import Vp from "dayjs/plugin/isSameOrAfter";
+import Vp from "dayjs/plugin/isoWeeksInYear";
+import $p from "dayjs/plugin/isSameOrAfter";
 import Pp from "dayjs/plugin/isSameOrBefore";
 import Ap from "dayjs/plugin/isToday";
 import Rp from "dayjs/plugin/isTomorrow";
@@ -98,7 +98,7 @@ import Yp from "dayjs/plugin/utc";
 import Xp from "dayjs/plugin/weekday";
 import Zp from "dayjs/plugin/weekOfYear";
 import Jp from "dayjs/plugin/weekYear";
-import { types as m, cast as Nt, getParent as Ce, destroy as em, getRoot as Le, addDisposer as Ke, detach as yr, isAlive as rs, flow as Rt, toGenerator as Vt, clone as tm, getSnapshot as Pt, applySnapshot as je, addMiddleware as nm, getType as rm, castToSnapshot as as } from "mobx-state-tree";
+import { types as m, cast as Nt, getParent as ke, destroy as em, getRoot as Le, addDisposer as Ke, detach as yr, isAlive as rs, flow as Rt, toGenerator as $t, clone as tm, getSnapshot as Pt, applySnapshot as je, addMiddleware as nm, getType as rm, castToSnapshot as as } from "mobx-state-tree";
 import is from "dom-to-image-more";
 import { saveAs as Fr } from "file-saver";
 import os from "jszip";
@@ -2243,7 +2243,7 @@ class qr {
         throw new Error("Cannot set root value to non-object");
     else
       Zn(() => {
-        $a(this.rootRef.current, [t], n);
+        Va(this.rootRef.current, [t], n);
       });
     return Promise.resolve(this.getItem(t));
   }
@@ -2398,7 +2398,7 @@ class Mm {
     this.symbol = Symbol(t);
   }
 }
-function $t(e) {
+function Vt(e) {
   return new Mm(e);
 }
 class Ja {
@@ -2434,7 +2434,7 @@ class Ja {
   dispose() {
     this.instanceRegistry.forEach((t) => {
       const n = se(t, "dispose");
-      $u(n) && n.bind(t)();
+      Vu(n) && n.bind(t)();
     }), this.instanceRegistry.clear(), this.factoryRegistry.clear();
   }
 }
@@ -2468,13 +2468,13 @@ function ms({
     e
   ] });
 }
-function $m() {
+function Vm() {
   const {
     addonSlotId: e
   } = R.useContext(ps);
   return e ? document.getElementById(e) : null;
 }
-const gs = "14.43.4", Vm = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const gs = "14.44.0", $m = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   version: gs
 }, Symbol.toStringTag, { value: "Module" }));
@@ -2558,7 +2558,7 @@ class Rm {
       return n;
     if (t.from > t.to)
       throw new Error(`Can not downgrade from version '${t.from}' to (${t.to})`);
-    const i = this.migrations.filter((s) => s.version > t.from && s.version <= t.to), o = Vu(i, "version", "asc");
+    const i = this.migrations.filter((s) => s.version > t.from && s.version <= t.to), o = $u(i, "version", "asc");
     if (((l = pl(o)) == null ? void 0 : l.version) !== t.to)
       throw new Error(`Migration to version ${t.to} not found`);
     return o.reduce((s, c) => c.handler(s, a), n);
@@ -2622,7 +2622,7 @@ const K = (e, t) => {
   width: e,
   height: t,
   children: n
-}) => /* @__PURE__ */ r(V, { pt: et.top, pr: et.right, pb: et.bottom, pl: et.left, sx: {
+}) => /* @__PURE__ */ r($, { pt: et.top, pr: et.right, pb: et.bottom, pl: et.left, sx: {
   width: e,
   height: t,
   overflow: "hidden",
@@ -2633,7 +2633,7 @@ ee(function({
   onChange: n,
   ...a
 }, i) {
-  return /* @__PURE__ */ r($, { ref: i, value: t, onChange: n, ...a });
+  return /* @__PURE__ */ r(V, { ref: i, value: t, onChange: n, ...a });
 });
 class Em {
   constructor({
@@ -2867,7 +2867,7 @@ function ni() {
     throw new Error("Please use PanelContextProvider");
   return e;
 }
-const ot = () => ni(), $e = () => ni();
+const ot = () => ni(), Ve = () => ni();
 function ks() {
   try {
     return ni(), !0;
@@ -3218,7 +3218,7 @@ function cg(e) {
       hovered: s,
       ref: c
     } = ah();
-    return /* @__PURE__ */ r(V, { ref: c, ...a, children: /* @__PURE__ */ u(y, { wrap: "nowrap", justify: "space-between", children: [
+    return /* @__PURE__ */ r($, { ref: c, ...a, children: /* @__PURE__ */ u(y, { wrap: "nowrap", justify: "space-between", children: [
       /* @__PURE__ */ r(k, { size: "sm", sx: {
         flexGrow: 1
       }, children: l }),
@@ -3245,12 +3245,12 @@ const be = (e) => (t, n) => {
   _();
   const {
     panel: p
-  } = $e(), g = R.useMemo(() => p.variableOptions(a, s), [a, s]);
-  return g.length === 0 ? /* @__PURE__ */ r($, { ref: t, label: n, placeholder: a, readOnly: !0, disabled: !0 }) : /* @__PURE__ */ r(F, { ref: t, label: n, description: o, renderOption: cg(d), data: g, value: a, required: l, sx: c, maxDropdownHeight: 500, comboboxProps: {
+  } = Ve(), g = R.useMemo(() => p.variableOptions(a, s), [a, s]);
+  return g.length === 0 ? /* @__PURE__ */ r(V, { ref: t, label: n, placeholder: a, readOnly: !0, disabled: !0 }) : /* @__PURE__ */ r(F, { ref: t, label: n, description: o, renderOption: cg(d), data: g, value: a, required: l, sx: c, maxDropdownHeight: 500, comboboxProps: {
     withinPortal: !0,
     zIndex: h
   }, onChange: be(i) });
-})), $s = {
+})), Vs = {
   static: {
     type: "static",
     value: 10
@@ -3263,7 +3263,7 @@ const be = (e) => (t, n) => {
 }, dg = ({
   value: e,
   onChange: t
-}) => /* @__PURE__ */ r(V, { children: /* @__PURE__ */ r(Qt, { height: "500px", defaultLanguage: "javascript", value: e, onChange: (a) => {
+}) => /* @__PURE__ */ r($, { children: /* @__PURE__ */ r(Qt, { height: "500px", defaultLanguage: "javascript", value: e, onChange: (a) => {
   a && t(a);
 }, theme: "vs-dark", options: {
   minimap: {
@@ -3296,10 +3296,10 @@ const be = (e) => (t, n) => {
       value: g
     }));
   }, p = () => {
-    h($s.dynamic.value);
+    h(Vs.dynamic.value);
   };
   return /* @__PURE__ */ u(q, { children: [
-    /* @__PURE__ */ r(V, { sx: {
+    /* @__PURE__ */ r($, { sx: {
       width: "50%"
     }, children: /* @__PURE__ */ r(L, { color: "grape", variant: "filled", leftSection: /* @__PURE__ */ r(en, { size: 16 }), mt: 24, onClick: i, sx: {
       flexGrow: 0
@@ -3342,7 +3342,7 @@ const be = (e) => (t, n) => {
     i18n: o
   } = _(), l = (c) => {
     c !== "static" && c !== "dynamic" || n({
-      ...$s[c]
+      ...Vs[c]
     });
   }, s = z(() => [{
     label: i("chart.number_or_dynamic_value.type.static"),
@@ -3383,7 +3383,7 @@ function mo(e, t, n) {
     return console.error(`[getNumberOrDynamicValue] failed parsing custom function, error: ${i.message}`), 10;
   }
 }
-function Vs(e) {
+function $s(e) {
   return {
     type: "continuous",
     id: "continuous-example",
@@ -3440,7 +3440,7 @@ function mg() {
   };
 }
 function Xt() {
-  return Vs();
+  return $s();
 }
 function gg() {
   return {
@@ -3538,7 +3538,7 @@ const fg = gg(), bg = ({
         borderRadius: "0.25rem",
         columnGap: 10
       }, children: [
-        /* @__PURE__ */ r(V, { style: {
+        /* @__PURE__ */ r($, { style: {
           height: "20px",
           flexGrow: 1,
           backgroundImage: i,
@@ -3552,7 +3552,7 @@ const fg = gg(), bg = ({
       /* @__PURE__ */ r(W.Divider, {}),
       Object.entries(fg).map(([o, l]) => /* @__PURE__ */ r(re, { label: a("chart.visual_map.use_palette_x", {
         x: o
-      }), children: /* @__PURE__ */ r(W.Item, { children: /* @__PURE__ */ r(V, { style: {
+      }), children: /* @__PURE__ */ r(W.Item, { children: /* @__PURE__ */ r($, { style: {
         height: "20px",
         width: "100%",
         backgroundImage: `linear-gradient(to right,  ${l.join(", ")})`,
@@ -3671,9 +3671,9 @@ const fg = gg(), bg = ({
     s(e);
   }, [e]);
   const c = ae(() => s(e), [s, e]);
-  return /* @__PURE__ */ u(V, { children: [
+  return /* @__PURE__ */ u($, { children: [
     /* @__PURE__ */ r(A, { color: "rgb(206, 212, 218)", variant: "dotted", my: "1rem" }),
-    /* @__PURE__ */ u(V, { px: "1rem", children: [
+    /* @__PURE__ */ u($, { px: "1rem", children: [
       /* @__PURE__ */ r(f, { control: o, name: "variable", render: ({
         field: d
       }) => /* @__PURE__ */ r(la, { label: a("rich_text.color_mapping.choose_value_var"), clearable: !1, preview: "aggregated", zIndex: 340, ...d }) }),
@@ -3686,7 +3686,7 @@ const fg = gg(), bg = ({
         }, ...d }) }),
         /* @__PURE__ */ r(f, { name: "min_val", control: o, render: ({
           field: d
-        }) => /* @__PURE__ */ r($, { label: a("rich_text.color_mapping.min.val"), ...d, sx: {
+        }) => /* @__PURE__ */ r(V, { label: a("rich_text.color_mapping.min.val"), ...d, sx: {
           maxWidth: "120px",
           flexGrow: 0
         } }) })
@@ -3700,7 +3700,7 @@ const fg = gg(), bg = ({
         }, ...d }) }),
         /* @__PURE__ */ r(f, { name: "max_val", control: o, render: ({
           field: d
-        }) => /* @__PURE__ */ r($, { label: a("rich_text.color_mapping.max.val"), ...d, sx: {
+        }) => /* @__PURE__ */ r(V, { label: a("rich_text.color_mapping.max.val"), ...d, sx: {
           maxWidth: "120px",
           flexGrow: 0
         } }) })
@@ -3735,7 +3735,7 @@ const vg = () => /* @__PURE__ */ r("div", { style: {
   background: Rs(90, ...Object.values(Et.graphics.depth))
 } }), wg = ({
   disabled: e
-}) => /* @__PURE__ */ r(V, { sx: {
+}) => /* @__PURE__ */ r($, { sx: {
   width: "16px",
   height: "10px",
   borderRadius: "2px",
@@ -3980,7 +3980,7 @@ const Xn = "data-value", Mg = Xn, Ns = "dynamicColor", Bs = Jl.create({
       ] })
     ] }),
     /* @__PURE__ */ r(k, { size: "14px", children: n }),
-    /* @__PURE__ */ u(V, { sx: {
+    /* @__PURE__ */ u($, { sx: {
       position: "relative",
       flexGrow: 1
     }, children: [
@@ -4008,14 +4008,14 @@ const Xn = "data-value", Mg = Xn, Ns = "dynamicColor", Bs = Jl.create({
   return /* @__PURE__ */ u(q, { children: [
     /* @__PURE__ */ u(we, { opened: g, onClose: x, title: e, withinPortal: !0, zIndex: d, size: "900px", children: [
       i,
-      /* @__PURE__ */ r(V, { h: 600, children: /* @__PURE__ */ r(Cn, { value: t, onChange: n, defaultValue: c, label: a, restrictions: h }) })
+      /* @__PURE__ */ r($, { h: 600, children: /* @__PURE__ */ r(Cn, { value: t, onChange: n, defaultValue: c, label: a, restrictions: h }) })
     ] }),
     s == null ? void 0 : s({
       onClick: b
     }),
     !s && /* @__PURE__ */ r(L, { onClick: b, ...l, children: o })
   ] });
-}), $g = ({
+}), Vg = ({
   onClick: e
 }) => {
   const {
@@ -4028,7 +4028,7 @@ const Xn = "data-value", Mg = Xn, Ns = "dynamicColor", Bs = Jl.create({
     borderColor: "#ced4da !important",
     color: "rgb(190, 75, 219)"
   }, onClick: e, children: /* @__PURE__ */ r(en, { stroke: 2, size: 16 }) }) });
-}, Vg = ({
+}, $g = ({
   editor: e
 }) => {
   const {
@@ -4037,7 +4037,7 @@ const Xn = "data-value", Mg = Xn, Ns = "dynamicColor", Bs = Jl.create({
   return /* @__PURE__ */ u(q, { children: [
     /* @__PURE__ */ r(li, { title: t("rich_text.dynamic_color.edit"), label: "", triggerLabel: "", value: a, onChange: (o) => {
       o ? e.chain().focus().setDynamicColor(o).run() : e.chain().focus().unsetDynamicColor().run();
-    }, defaultValue: kg, renderTriggerButton: $g, restrictions: i, zIndex: 340 }),
+    }, defaultValue: kg, renderTriggerButton: Vg, restrictions: i, zIndex: 340 }),
     /* @__PURE__ */ r(re, { label: t("rich_text.dynamic_color.clear"), children: /* @__PURE__ */ r(te, { variant: "default", "data-rich-text-editor-control": "true", sx: {
       height: "26px",
       minHeight: "26px",
@@ -4210,7 +4210,7 @@ const sa = ({
 }, n) => /* @__PURE__ */ r(le.Control, { ref: n, onClick: t, children: /* @__PURE__ */ r(br, { color: e, size: 14 }) })), Fg = ({
   editor: e
 }) => {
-  const t = $r(), n = e.getAttributes("textStyle").color || t.black, a = z(() => Ws(n), [n]), i = ae((l) => {
+  const t = Vr(), n = e.getAttributes("textStyle").color || t.black, a = z(() => Ws(n), [n]), i = ae((l) => {
     e.chain().setColor(l).run();
   }, [e]), o = ae(() => {
     e.chain().focus().unsetColor().run();
@@ -4283,7 +4283,7 @@ const ln = ee(({
     setFalse: g
   }] = De(!1), [b, x] = Q(e), v = Xl({
     extensions: d,
-    content: b,
+    content: e,
     onUpdate: ({
       editor: E
     }) => {
@@ -4299,7 +4299,7 @@ const ln = ee(({
     onBlur: g
   });
   N(() => {
-    x((E) => e === E ? E : (v == null || v.commands.setContent(e), e));
+    x(e), v == null || v.commands.setContent(e);
   }, [e]);
   const I = () => {
     t(b), o == null || o();
@@ -4325,7 +4325,7 @@ const ln = ee(({
       /* @__PURE__ */ u(le.Toolbar, { sticky: !0, stickyOffset: 0, children: [
         /* @__PURE__ */ r(Fg, { editor: v }),
         c && /* @__PURE__ */ r(Sg, { editor: v }),
-        /* @__PURE__ */ r(le.ControlsGroup, { children: /* @__PURE__ */ r(Vg, { editor: v }) }),
+        /* @__PURE__ */ r(le.ControlsGroup, { children: /* @__PURE__ */ r($g, { editor: v }) }),
         /* @__PURE__ */ u(le.ControlsGroup, { children: [
           /* @__PURE__ */ r(le.Bold, {}),
           /* @__PURE__ */ r(le.Italic, {}),
@@ -4401,7 +4401,7 @@ const Us = ({
     const c = s.currentTarget.value;
     o(c), Qg(c) && t(c);
   }, [t]);
-  return /* @__PURE__ */ r($, { value: i, onChange: l, leftSection: /* @__PURE__ */ r(Us, { value: i }), size: "xs", placeholder: a("chart.color.not_set"), styles: {
+  return /* @__PURE__ */ r(V, { value: i, onChange: l, leftSection: /* @__PURE__ */ r(Us, { value: i }), size: "xs", placeholder: a("chart.color.not_set"), styles: {
     root: {
       flexGrow: 1
     },
@@ -4435,7 +4435,7 @@ const Us = ({
 }) => {
   const {
     t: i
-  } = _(), o = $r(), [l, {
+  } = _(), o = Vr(), [l, {
     set: s,
     setFalse: c,
     toggle: d
@@ -4629,7 +4629,7 @@ class Te extends R.Component {
           error: null
         });
       };
-      return /* @__PURE__ */ u(V, { children: [
+      return /* @__PURE__ */ u($, { children: [
         /* @__PURE__ */ r(k, { size: "xs", children: (t = this.state.error) == null ? void 0 : t.message }),
         /* @__PURE__ */ r(L, { variant: "subtle", mx: "auto", size: "compact-xs", sx: {
           display: "block"
@@ -4711,7 +4711,7 @@ function ef(e, t, n) {
     throw console.error(a), a;
   }
 }
-const Vn = {
+const $n = {
   sqlSnippet: new RegExp("(?<=sql_snippets\\.)([^\\?}.]+)", "gm"),
   context: new RegExp("(?<=context\\.)([^\\?}.]+)", "gm"),
   filter: new RegExp("(?<=filters\\.)([^\\?}.]+)", "gm")
@@ -4872,11 +4872,11 @@ const X = D(ee(({
 }, d) => {
   const {
     panel: h
-  } = $e(), p = R.useMemo(() => h.dataFieldOptionGroups(a, l, o), [a, l, o]);
+  } = Ve(), p = R.useMemo(() => h.dataFieldOptionGroups(a, l, o), [a, l, o]);
   if (p.length === 0) {
     const g = h.explainDataKey(a);
     return /* @__PURE__ */ u(ge, { shadow: "md", position: "bottom-start", withinPortal: !0, zIndex: 320, children: [
-      /* @__PURE__ */ r(ge.Target, { children: /* @__PURE__ */ r(V, { children: /* @__PURE__ */ r($, { label: e, required: t, defaultValue: g.columnKey, readOnly: !0, disabled: !0 }) }) }),
+      /* @__PURE__ */ r(ge.Target, { children: /* @__PURE__ */ r($, { children: /* @__PURE__ */ r(V, { label: e, required: t, defaultValue: g.columnKey, readOnly: !0, disabled: !0 }) }) }),
       /* @__PURE__ */ r(ge.Dropdown, { children: /* @__PURE__ */ u(y, { justify: "flex-start", gap: 0, children: [
         /* @__PURE__ */ r(k, { size: "xs", c: g.queryName ? "black" : "red", ff: "monospace", children: g.queryName ?? g.queryID }),
         /* @__PURE__ */ r(k, { size: "xs", c: "black", ff: "monospace", children: "." }),
@@ -4912,7 +4912,7 @@ function of({
       }) => /* @__PURE__ */ r(X, { label: "Data Field", required: !0, ...s }) }),
       /* @__PURE__ */ r(f, { name: "xAxis3D.name", control: i, render: ({
         field: s
-      }) => /* @__PURE__ */ r($, { sx: {
+      }) => /* @__PURE__ */ r(V, { sx: {
         flexGrow: 1
       }, size: "md", label: "Name", ...s }) })
     ] }),
@@ -4926,7 +4926,7 @@ function of({
       }) => /* @__PURE__ */ r(X, { label: "Data Field", required: !0, ...s }) }),
       /* @__PURE__ */ r(f, { name: "yAxis3D.name", control: i, render: ({
         field: s
-      }) => /* @__PURE__ */ r($, { sx: {
+      }) => /* @__PURE__ */ r(V, { sx: {
         flexGrow: 1
       }, size: "md", label: "Name", ...s }) })
     ] }),
@@ -4940,7 +4940,7 @@ function of({
       }) => /* @__PURE__ */ r(X, { label: "Data Field", required: !0, ...s }) }),
       /* @__PURE__ */ r(f, { name: "zAxis3D.name", control: i, render: ({
         field: s
-      }) => /* @__PURE__ */ r($, { sx: {
+      }) => /* @__PURE__ */ r(V, { sx: {
         flexGrow: 1
       }, size: "md", label: "Name", ...s }) })
     ] }),
@@ -5029,7 +5029,7 @@ const hf = {
   disabled: e,
   value: t,
   onChange: n
-}) => /* @__PURE__ */ u(V, { sx: {
+}) => /* @__PURE__ */ u($, { sx: {
   position: "relative"
 }, children: [
   e && /* @__PURE__ */ r(dn, { backgroundOpacity: 0.6, color: "#fff", zIndex: 5, blur: 2 }),
@@ -5225,7 +5225,7 @@ const wr = ee(({
       /* @__PURE__ */ r(ne, { label: i("chart.axis.overflow.max_width"), hideControls: !0, value: t.width, onChange: l("width") }),
       /* @__PURE__ */ r(F, { label: i("chart.axis.overflow.label"), data: s, value: t.overflow, onChange: l("overflow") }),
       /* @__PURE__ */ r(
-        $,
+        V,
         {
           label: i("chart.axis.overflow.ellipsis"),
           value: t.ellipsis,
@@ -5313,7 +5313,7 @@ const Be = ee(({
   };
   return /* @__PURE__ */ u(T, { ref: a, gap: "sm", children: [
     /* @__PURE__ */ r(A, { mb: -10, label: i("chart.unit.title"), labelPosition: "center", variant: "dashed" }),
-    !o.has("text") && /* @__PURE__ */ r($, { size: "xs", placeholder: i("chart.unit.text.placeholder"), value: e.text, onChange: (s) => l("text")(s.currentTarget.value) }),
+    !o.has("text") && /* @__PURE__ */ r(V, { size: "xs", placeholder: i("chart.unit.text.placeholder"), value: e.text, onChange: (s) => l("text")(s.currentTarget.value) }),
     /* @__PURE__ */ u(y, { grow: !0, children: [
       !o.has("show_in_tooltip") && /* @__PURE__ */ r(Z, { size: "xs", label: i("chart.unit.show_in_tooltip"), checked: e.show_in_tooltip, onChange: (s) => l("show_in_tooltip")(s.currentTarget.checked) }),
       !o.has("show_in_legend") && /* @__PURE__ */ r(Z, { size: "xs", label: i("chart.unit.show_in_legend"), checked: e.show_in_legend, onChange: (s) => l("show_in_legend")(s.currentTarget.checked) })
@@ -5635,11 +5635,11 @@ class mi {
     await this.attachmentStorage.deleteItem(t);
   }
   async list() {
-    const t = await this.attachmentStorage.getItem(null), n = C.orderBy(Va(t), (a) => Lf[a.schemaRef] ?? 10);
+    const t = await this.attachmentStorage.getItem(null), n = C.orderBy($a(t), (a) => Lf[a.schemaRef] ?? 10);
     return Promise.all(n.map((a) => this.constructInstance(new Pn(this.attachmentStorage, a.id))));
   }
 }
-function $f(e, t) {
+function Vf(e, t) {
   const {
     value: n,
     set: a
@@ -5654,14 +5654,14 @@ function $f(e, t) {
     commit: l
   };
 }
-function Vf(e) {
+function $f(e) {
   const {
     t
   } = _(), {
     config: n,
     setConfig: a,
     commit: i
-  } = $f(e, {
+  } = Vf(e, {
     urlTemplate: "",
     openInNewTab: !0
   });
@@ -5679,8 +5679,8 @@ function Vf(e) {
     urlTemplate: c.currentTarget.value
   });
   return /* @__PURE__ */ u(T, { children: [
-    /* @__PURE__ */ r($, { label: t("interactions.operation.open_link.url"), value: n.urlTemplate, onChange: s, onBlur: o }),
-    /* @__PURE__ */ r(ke, { label: t("interactions.operation.open_link.open_in_new_tab"), checked: n.openInNewTab, onChange: (c) => l(c.currentTarget.checked) })
+    /* @__PURE__ */ r(V, { label: t("interactions.operation.open_link.url"), value: n.urlTemplate, onChange: s, onBlur: o }),
+    /* @__PURE__ */ r(Ce, { label: t("interactions.operation.open_link.open_in_new_tab"), checked: n.openInNewTab, onChange: (c) => l(c.currentTarget.checked) })
   ] });
 }
 async function Pf(e, t) {
@@ -5708,7 +5708,7 @@ class Af extends Se {
 const Rf = {
   displayName: "interactions.operation.open_link.label",
   id: "builtin:op:open-link",
-  configRender: Vf,
+  configRender: $f,
   run: Pf,
   migrator: new Af(),
   createDefaultConfig: () => ({
@@ -5732,7 +5732,7 @@ function Of(e) {
   const {
     t
   } = _(), [n, a] = Ef(e.operation);
-  return /* @__PURE__ */ r($, { defaultValue: n, onBlur: (i) => a(i.currentTarget.value), label: t("interactions.operation.console_log.log_content") });
+  return /* @__PURE__ */ r(V, { defaultValue: n, onBlur: (i) => a(i.currentTarget.value), label: t("interactions.operation.console_log.log_content") });
 }
 async function Ff(e, t) {
   const n = await t.operationData.getItem("config"), a = Pa(n.template || "");
@@ -5785,7 +5785,7 @@ const jf = {
   const [n, a] = Q(e);
   return N(() => {
     a(e);
-  }, [e]), /* @__PURE__ */ r($, { size: "xs", label: "", value: n, onChange: (o) => a(o.currentTarget.value), sx: {
+  }, [e]), /* @__PURE__ */ r(V, { size: "xs", label: "", value: n, onChange: (o) => a(o.currentTarget.value), sx: {
     flexGrow: 1
   }, rightSection: /* @__PURE__ */ r(te, { color: "green", size: "xs", onClick: () => {
     t(n);
@@ -6068,7 +6068,7 @@ class sb {
   }
   watchTriggerSnapshotList(t) {
     return this.instance.instanceData.watchItem(bo, (n) => {
-      const a = Va(n).map((i) => ({
+      const a = $a(n).map((i) => ({
         id: se(i, "id"),
         schemaRef: se(i, "schemaRef"),
         config: Bt(se(i, "data.config"))
@@ -6658,7 +6658,7 @@ function Lb(e, t) {
     datasetIndex: 1
   }, a, i, o];
 }
-const $b = (e, t) => {
+const Vb = (e, t) => {
   const n = va.map((o) => `
     <tr>
       <th style="text-align: right; padding: 0 1em;">${C.capitalize(o)}</th>
@@ -6676,7 +6676,7 @@ const $b = (e, t) => {
       </tbody>
     </table>
   `;
-}, Vb = (e) => ue(e, {
+}, $b = (e) => ue(e, {
   output: "number",
   trimMantissa: !0,
   mantissa: 2,
@@ -6692,7 +6692,7 @@ function oc(e, t) {
     return `
     <tr>
       <th style="text-align: right; padding: 0 1em;">${a.name}</th>
-      <td style="text-align: left; padding: 0 2px 0 1em;">${Vb(t[i.columnKey])}</td>
+      <td style="text-align: left; padding: 0 2px 0 1em;">${$b(t[i.columnKey])}</td>
       <th style="text-align: left; padding: 0;">
         ${o ?? ""}
       </th>
@@ -6742,7 +6742,7 @@ const Rb = (e, t) => (n) => {
   } = n;
   switch (a) {
     case t.Box:
-      return $b(e, i);
+      return Vb(e, i);
     case t.Outlier:
       return Pb(e, i);
     case t.Scatter:
@@ -7063,7 +7063,7 @@ function Qb(e) {
           right: "0.8em"
         } }) }),
         /* @__PURE__ */ u(T, { children: [
-          /* @__PURE__ */ r($, { size: "xs", label: t("style.color.interpolation.palette.mapping.value_input_label"), value: s, onChange: (U) => {
+          /* @__PURE__ */ r(V, { size: "xs", label: t("style.color.interpolation.palette.mapping.value_input_label"), value: s, onChange: (U) => {
             const de = U.currentTarget.value;
             c(de);
           }, error: s && Y }),
@@ -7321,21 +7321,21 @@ const Hb = D(({
   return /* @__PURE__ */ u(T, { children: [
     /* @__PURE__ */ r(A, { variant: "dashed", label: a("chart.zooming.scroll.label"), labelPosition: "center" }),
     /* @__PURE__ */ u(y, { children: [
-      /* @__PURE__ */ r(V, { sx: {
+      /* @__PURE__ */ r($, { sx: {
         flexGrow: 1
-      }, children: /* @__PURE__ */ r(ke, { label: a("chart.zooming.scroll.x_axis"), checked: e.x_axis_scroll, onChange: (o) => i("x_axis_scroll")(o.currentTarget.checked) }) }),
-      /* @__PURE__ */ r(V, { sx: {
+      }, children: /* @__PURE__ */ r(Ce, { label: a("chart.zooming.scroll.x_axis"), checked: e.x_axis_scroll, onChange: (o) => i("x_axis_scroll")(o.currentTarget.checked) }) }),
+      /* @__PURE__ */ r($, { sx: {
         flexGrow: 1
-      }, children: /* @__PURE__ */ r(ke, { label: a("chart.zooming.scroll.y_axis"), checked: e.y_axis_scroll, onChange: (o) => i("y_axis_scroll")(o.currentTarget.checked) }) })
+      }, children: /* @__PURE__ */ r(Ce, { label: a("chart.zooming.scroll.y_axis"), checked: e.y_axis_scroll, onChange: (o) => i("y_axis_scroll")(o.currentTarget.checked) }) })
     ] }),
     /* @__PURE__ */ r(A, { variant: "dashed", label: a("chart.zooming.slider.label"), labelPosition: "center" }),
     /* @__PURE__ */ u(y, { children: [
-      /* @__PURE__ */ r(V, { sx: {
+      /* @__PURE__ */ r($, { sx: {
         flexGrow: 1
-      }, children: /* @__PURE__ */ r(ke, { label: a("chart.zooming.slider.x_axis"), checked: e.x_axis_slider, onChange: (o) => i("x_axis_slider")(o.currentTarget.checked) }) }),
-      /* @__PURE__ */ r(re, { label: a("chart.zooming.slider.y_axis_disabled"), children: /* @__PURE__ */ r(V, { sx: {
+      }, children: /* @__PURE__ */ r(Ce, { label: a("chart.zooming.slider.x_axis"), checked: e.x_axis_slider, onChange: (o) => i("x_axis_slider")(o.currentTarget.checked) }) }),
+      /* @__PURE__ */ r(re, { label: a("chart.zooming.slider.y_axis_disabled"), children: /* @__PURE__ */ r($, { sx: {
         flexGrow: 1
-      }, children: /* @__PURE__ */ r(ke, { label: a("chart.zooming.slider.y_axis"), disabled: !e.y_axis_slider, checked: e.y_axis_slider, onChange: (o) => i("y_axis_slider")(o.currentTarget.checked) }) }) })
+      }, children: /* @__PURE__ */ r(Ce, { label: a("chart.zooming.slider.y_axis"), disabled: !e.y_axis_slider, checked: e.y_axis_slider, onChange: (o) => i("y_axis_slider")(o.currentTarget.checked) }) }) })
     ] })
   ] });
 }), pn = ee(({
@@ -7372,7 +7372,7 @@ const Hb = D(({
   return /* @__PURE__ */ u(T, { children: [
     /* @__PURE__ */ r(y, { grow: !0, wrap: "nowrap", mt: 20, children: /* @__PURE__ */ r(f, { name: "legend.show", control: e, render: ({
       field: o
-    }) => /* @__PURE__ */ r(ke, { label: n("chart.legend.show_legend"), sx: {
+    }) => /* @__PURE__ */ r(Ce, { label: n("chart.legend.show_legend"), sx: {
       flex: 1
     }, checked: o.value, onChange: (l) => o.onChange(l.currentTarget.checked) }) }) }),
     /* @__PURE__ */ r(y, { children: /* @__PURE__ */ r(f, { name: "legend", control: e, render: ({
@@ -7399,7 +7399,7 @@ function ty({
     /* @__PURE__ */ u(y, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `reference_lines.${t}.name`, control: e, render: ({
         field: i
-      }) => /* @__PURE__ */ r($, { label: a("common.name"), placeholder: a("chart.reference_line.name_placeholder"), required: !0, sx: {
+      }) => /* @__PURE__ */ r(V, { label: a("common.name"), placeholder: a("chart.reference_line.name_placeholder"), required: !0, sx: {
         flex: 1
       }, ...i }) }),
       /* @__PURE__ */ r(f, { name: `reference_lines.${t}.variable_key`, control: e, render: ({
@@ -7410,7 +7410,7 @@ function ty({
     ] }),
     /* @__PURE__ */ r(f, { name: `reference_lines.${t}.template`, control: e, render: ({
       field: i
-    }) => /* @__PURE__ */ r($, { label: a("chart.content_template.label"), placeholder: a("chart.content_template.placeholder"), required: !0, sx: {
+    }) => /* @__PURE__ */ r(V, { label: a("chart.content_template.label"), placeholder: a("chart.content_template.placeholder"), required: !0, sx: {
       flex: 1
     }, ...i }) })
   ] });
@@ -7449,7 +7449,7 @@ const ry = ({
     /* @__PURE__ */ u(y, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `tooltip.metrics.${t}.name`, control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r($, { label: n("common.name"), required: !0, sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("common.name"), required: !0, sx: {
         flex: 1
       }, ...a }) }),
       /* @__PURE__ */ r(f, { name: `tooltip.metrics.${t}.data_key`, control: e, render: ({
@@ -7526,7 +7526,7 @@ const tn = ee(({
     /* @__PURE__ */ u(y, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: "x_axis.name", control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r($, { label: n("chart.x_axis.x_axis_name"), sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("chart.x_axis.x_axis_name"), sx: {
         flex: 1
       }, ...a }) }),
       /* @__PURE__ */ r(f, { name: "x_axis.data_key", control: e, render: ({
@@ -7569,7 +7569,7 @@ function sy({
   } = _(), [n, {
     toggle: a
   }] = hn(!1);
-  return /* @__PURE__ */ u(V, { children: [
+  return /* @__PURE__ */ u($, { children: [
     /* @__PURE__ */ r(L, { variant: "subtle", w: "100%", size: "compact-sm", onClick: a, leftSection: n ? /* @__PURE__ */ r(fh, { size: 14 }) : /* @__PURE__ */ r(Ml, { size: 14 }), children: t(n ? "numbro.format.preview.close" : "numbro.format.preview.open") }),
     /* @__PURE__ */ r(ir, { in: n, children: n && /* @__PURE__ */ u(w, { highlightOnHover: !0, sx: {
       tableLayout: "fixed"
@@ -7633,13 +7633,13 @@ function cy({
       }], value: e.output, onChange: be(i), sx: {
         flexGrow: 1
       } }),
-      /* @__PURE__ */ r(ke, { label: /* @__PURE__ */ u(T, { gap: 0, children: [
+      /* @__PURE__ */ r(Ce, { label: /* @__PURE__ */ u(T, { gap: 0, children: [
         /* @__PURE__ */ r(k, { size: "sm", children: a("numbro.format.absolute") }),
         /* @__PURE__ */ r(k, { size: "12px", c: "gray", children: a("numbro.format.absolute_description") })
       ] }), checked: e.absolute, onChange: c, sx: {
         flexGrow: 1
       }, styles: ca }),
-      /* @__PURE__ */ r(ke, { label: /* @__PURE__ */ u(T, { gap: 0, children: [
+      /* @__PURE__ */ r(Ce, { label: /* @__PURE__ */ u(T, { gap: 0, children: [
         /* @__PURE__ */ r(k, { size: "sm", children: a("numbro.format.abbreviation") }),
         /* @__PURE__ */ r(k, { size: "12px", c: "gray", children: a("numbro.format.abbreviation_description") })
       ] }), checked: e.average, onChange: s, disabled: e.output !== "number", sx: {
@@ -7648,11 +7648,11 @@ function cy({
     ] }),
     /* @__PURE__ */ u(y, { grow: !0, children: [
       /* @__PURE__ */ r(ne, { label: a("numbro.format.mantissa"), defaultValue: 0, min: 0, step: 1, max: 4, value: e.mantissa, onChange: o }),
-      /* @__PURE__ */ r(ke, { label: /* @__PURE__ */ u(T, { gap: 0, children: [
+      /* @__PURE__ */ r(Ce, { label: /* @__PURE__ */ u(T, { gap: 0, children: [
         /* @__PURE__ */ r(k, { size: "sm", children: a("numbro.format.trim_mantissa") }),
         /* @__PURE__ */ r(k, { size: "12px", c: "gray", children: a("numbro.format.trim_mantissa_description") })
       ] }), checked: e.trimMantissa, onChange: l, disabled: e.mantissa === 0, styles: ca }),
-      /* @__PURE__ */ r(V, {})
+      /* @__PURE__ */ r($, {})
     ] }),
     /* @__PURE__ */ r(sy, { format: e })
   ] });
@@ -7668,7 +7668,7 @@ const xt = R.forwardRef(cy), dy = ({
     /* @__PURE__ */ u(y, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: "y_axis.name", control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r($, { label: n("chart.y_axis.y_axis_name"), sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("chart.y_axis.y_axis_name"), sx: {
         flex: 1
       }, ...a }) }),
       /* @__PURE__ */ r(f, { name: "y_axis.data_key", control: e, render: ({
@@ -8103,7 +8103,7 @@ const yi = {
   onChange: t,
   label: n
 }) => {
-  const a = $r(), i = ae((l) => () => t(l), [t]), o = (l) => e === l;
+  const a = Vr(), i = ae((l) => () => t(l), [t]), o = (l) => e === l;
   return /* @__PURE__ */ u(T, { gap: 2, children: [
     /* @__PURE__ */ r(k, { size: "14px", fw: 500, children: n }),
     /* @__PURE__ */ r(y, { justify: "flex-start", gap: "xs", children: Object.keys(a.colors).map((l) => {
@@ -8128,7 +8128,7 @@ const yi = {
     value: d
   })), [s.language]);
   return /* @__PURE__ */ r(F, { ref: o, data: c, label: e, value: t, onChange: be(n), sx: a, disabled: !0 });
-}), $y = [{
+}), Vy = [{
   label: "Filled",
   value: "filled"
 }, {
@@ -8151,7 +8151,7 @@ const yi = {
   value: "gradient",
   disabled: !0
 }];
-function Vy({
+function $y({
   context: e
 }) {
   const {
@@ -8177,12 +8177,12 @@ function Vy({
     /* @__PURE__ */ u(T, { children: [
       /* @__PURE__ */ r(f, { control: o, name: "content", render: ({
         field: h
-      }) => /* @__PURE__ */ r($, { label: "Content Template", description: "Filter values & context entries are supported", ...h, required: !0 }) }),
+      }) => /* @__PURE__ */ r(V, { label: "Content Template", description: "Filter values & context entries are supported", ...h, required: !0 }) }),
       /* @__PURE__ */ r(A, { mt: "xs", mb: 0, label: "Styles", labelPosition: "center", variant: "dashed" }),
       /* @__PURE__ */ u(ze, { cols: 2, children: [
         /* @__PURE__ */ r(f, { control: o, name: "variant", render: ({
           field: h
-        }) => /* @__PURE__ */ r(F, { label: "Variant", data: $y, ...h }) }),
+        }) => /* @__PURE__ */ r(F, { label: "Variant", data: Vy, ...h }) }),
         /* @__PURE__ */ r(f, { control: o, name: "color", render: ({
           field: h
         }) => /* @__PURE__ */ r(My, { label: "Theme", ...h }) })
@@ -8260,7 +8260,7 @@ const Oy = {
   migrator: new Ey(),
   name: "button",
   viewRender: Iy,
-  configRender: Vy,
+  configRender: $y,
   createConfig() {
     return {
       version: 2,
@@ -8277,7 +8277,7 @@ const Oy = {
     label: n,
     description: a
   } = e;
-  return /* @__PURE__ */ r(V, { ...t, children: /* @__PURE__ */ u(T, { gap: "0", children: [
+  return /* @__PURE__ */ r($, { ...t, children: /* @__PURE__ */ u(T, { gap: "0", children: [
     /* @__PURE__ */ r(k, { size: "sm", children: n }),
     /* @__PURE__ */ r(k, { size: "xs", opacity: 0.65, children: a })
   ] }) });
@@ -8329,7 +8329,7 @@ const Oy = {
       } }),
       a("chart.series.line.area_style.label")
     ] }), labelPosition: "center" }),
-    /* @__PURE__ */ r(ke, { label: a("chart.series.line.area_style.enabled"), checked: e.enabled, onChange: (o) => i("enabled")(o.currentTarget.checked) }),
+    /* @__PURE__ */ r(Ce, { label: a("chart.series.line.area_style.enabled"), checked: e.enabled, onChange: (o) => i("enabled")(o.currentTarget.checked) }),
     /* @__PURE__ */ u(y, { grow: !0, children: [
       /* @__PURE__ */ r(_o, { label: a("chart.series.line.area_style.color"), placeholder: a("chart.series.line.area_style.use_series_color"), value: e.color, onChange: i("color") }),
       /* @__PURE__ */ r(ne, { size: "xs", label: a("chart.series.line.area_style.opacity"), value: e.opacity, onChange: i("opacity"), step: 0.1, decimalScale: 1, min: 0, max: 1 })
@@ -9074,7 +9074,7 @@ const hc = {
     n(g);
   }, [d, a.current]);
   const h = z(() => d ? "none" : "block", [d]);
-  return /* @__PURE__ */ r(V, { sx: {
+  return /* @__PURE__ */ r($, { sx: {
     display: h
   }, children: /* @__PURE__ */ r(Gn, { ref: a, value: c, styles: {
     root: {
@@ -9434,17 +9434,17 @@ function L_({
     x_axis_data_key: e,
     y_axis_data_key: n
   });
-  let Ve = Object.entries(J);
-  return c.key === "name" && (Ve = C.orderBy(Object.entries(J), 0, [c.order])), Ve.map(([Xe, Gt]) => {
+  let $e = Object.entries(J);
+  return c.key === "name" && ($e = C.orderBy(Object.entries(J), 0, [c.order])), $e.map(([Xe, Gt]) => {
     const rn = Ae(de);
     return rn.name = Xe, rn.color = void 0, "areaStyle" in rn && (rn.areaStyle.color = void 0), rn.data = Gt, rn;
   });
 }
-function $_(e, t, n, a, i, o) {
+function V_(e, t, n, a, i, o) {
   const l = t.map((c) => [c, 0]);
   return e.series.map((c) => L_(e, c, l, n, o, a)).flat().concat(k_(e.reference_lines, i, o, n, t, e.x_axis.type)).concat(S_(e.reference_areas, o));
 }
-function V_(e, t) {
+function $_(e, t) {
   const n = e.find((o) => o.axisDim === "x" && o.axisId === "main-x-axis");
   if (!n)
     return "";
@@ -9514,7 +9514,7 @@ function A_(e, t, n, a) {
         </tr>`;
       });
       d.push(...h);
-      const p = ft(e.x_axis.axisLabel.overflow.in_tooltip), g = V_(c, e);
+      const p = ft(e.x_axis.axisLabel.overflow.in_tooltip), g = $_(c, e);
       return `
       <div style="text-align: left; margin-bottom: .5em; padding: 0 1em .5em; font-weight: bold; border-bottom: 1px dashed #ddd;">
         <div style="${p}">${g}</div>
@@ -9655,7 +9655,7 @@ const N_ = {
   }]
 };
 function B_(e, t, n) {
-  const a = vi(t, n), i = R_(e), o = C.uniq(gt(t, e.x_axis_data_key)), l = $_(e, o, t, i, n, a), s = w_(e, t), c = {
+  const a = vi(t, n), i = R_(e), o = C.uniq(gt(t, e.x_axis_data_key)), l = V_(e, o, t, i, n, a), s = w_(e, t), c = {
     xAxis: E_(e, o),
     yAxis: q_(e, i, l),
     series: [...l, ...s],
@@ -9763,12 +9763,12 @@ function H_({
     /* @__PURE__ */ u(y, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `reference_areas.${t}.name`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ r($, { label: a("chart.reference_area.label"), required: !0, sx: {
+      }) => /* @__PURE__ */ r(V, { label: a("chart.reference_area.label"), required: !0, sx: {
         flex: 1
       }, ...s }) }),
       /* @__PURE__ */ r(f, { name: `reference_areas.${t}.color`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ r($, { label: a("chart.color.label"), required: !0, sx: {
+      }) => /* @__PURE__ */ r(V, { label: a("chart.color.label"), required: !0, sx: {
         flex: 1
       }, ...s }) })
     ] }),
@@ -9864,7 +9864,7 @@ function W_({
     /* @__PURE__ */ u(y, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `reference_lines.${t}.name`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ r($, { label: o("common.name"), placeholder: o("chart.reference_line.name_placeholder"), required: !0, sx: {
+      }) => /* @__PURE__ */ r(V, { label: o("common.name"), placeholder: o("chart.reference_line.name_placeholder"), required: !0, sx: {
         flex: 1
       }, ...s }) }),
       /* @__PURE__ */ r(f, { name: `reference_lines.${t}.variable_key`, control: e, render: ({
@@ -9875,7 +9875,7 @@ function W_({
     ] }),
     /* @__PURE__ */ r(f, { name: `reference_lines.${t}.template`, control: e, render: ({
       field: s
-    }) => /* @__PURE__ */ r($, { label: o("chart.content_template.label"), placeholder: o("chart.content_template.hint"), sx: {
+    }) => /* @__PURE__ */ r(V, { label: o("chart.content_template.label"), placeholder: o("chart.content_template.hint"), sx: {
       flex: 1
     }, ...s }) }),
     /* @__PURE__ */ u(y, { grow: !0, children: [
@@ -9989,7 +9989,7 @@ function K_({
     /* @__PURE__ */ u(y, { grow: !0, children: [
       /* @__PURE__ */ r(f, { name: `regressions.${n}.name`, control: e, render: ({
         field: c
-      }) => /* @__PURE__ */ r($, { label: i("common.name"), required: !0, sx: {
+      }) => /* @__PURE__ */ r(V, { label: i("common.name"), required: !0, sx: {
         flex: 1
       }, ...c }) }),
       /* @__PURE__ */ r(f, { name: `regressions.${n}.group_by_key`, control: e, render: ({
@@ -10094,7 +10094,7 @@ function Y_({
 const X_ = ({
   value: e,
   onChange: t
-}) => /* @__PURE__ */ r(V, { children: /* @__PURE__ */ r(Qt, { height: "500px", defaultLanguage: "javascript", value: e, onChange: (a) => {
+}) => /* @__PURE__ */ r($, { children: /* @__PURE__ */ r(Qt, { height: "500px", defaultLanguage: "javascript", value: e, onChange: (a) => {
   a && t(a);
 }, theme: "vs-dark", options: {
   minimap: {
@@ -10140,7 +10140,7 @@ const X_ = ({
     h(wi.dynamic.func_content);
   };
   return /* @__PURE__ */ u(q, { children: [
-    /* @__PURE__ */ r(V, { sx: {
+    /* @__PURE__ */ r($, { sx: {
       width: "50%"
     }, children: /* @__PURE__ */ r(L, { color: "grape", variant: "filled", mt: 24, onClick: i, sx: {
       flexGrow: 0
@@ -10340,7 +10340,7 @@ function tx({
         color: "grape"
       } })
     ] }),
-    i && /* @__PURE__ */ r($, { label: l("panel.variable.aggregation.fallback_value"), description: l("panel.variable.aggregation.fallback_value_description"), value: t.fallback, onChange: g })
+    i && /* @__PURE__ */ r(V, { label: l("panel.variable.aggregation.fallback_value"), description: l("panel.variable.aggregation.fallback_value_description"), value: t.fallback, onChange: g })
   ] });
 }
 const Ci = R.forwardRef(tx), Un = ee(({
@@ -10425,7 +10425,7 @@ function nx({
     /* @__PURE__ */ u(y, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `series.${t}.stack`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ r($, { label: a("chart.series.bar.stack"), placeholder: a("chart.series.bar.stack_hint"), sx: {
+      }) => /* @__PURE__ */ r(V, { label: a("chart.series.bar.stack"), placeholder: a("chart.series.bar.stack_hint"), sx: {
         flexGrow: 1
       }, ...s }) }),
       /* @__PURE__ */ r(f, { name: `series.${t}.barGap`, control: e, render: ({
@@ -10437,17 +10437,17 @@ function nx({
     /* @__PURE__ */ u(y, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `series.${t}.barMinWidth`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ r($, { label: a("chart.series.bar.bar_width.min"), disabled: o, sx: {
+      }) => /* @__PURE__ */ r(V, { label: a("chart.series.bar.bar_width.min"), disabled: o, sx: {
         flexGrow: 1
       }, ...s }) }),
       /* @__PURE__ */ r(f, { name: `series.${t}.barWidth`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ r($, { label: a("chart.series.bar.bar_width.exact"), sx: {
+      }) => /* @__PURE__ */ r(V, { label: a("chart.series.bar.bar_width.exact"), sx: {
         flexGrow: 1
       }, ...s }) }),
       /* @__PURE__ */ r(f, { name: `series.${t}.barMaxWidth`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ r($, { label: a("chart.series.bar.bar_width.max"), disabled: o, sx: {
+      }) => /* @__PURE__ */ r(V, { label: a("chart.series.bar.bar_width.max"), disabled: o, sx: {
         flexGrow: 1
       }, ...s }) })
     ] })
@@ -10477,7 +10477,7 @@ function rx({
   return /* @__PURE__ */ u(q, { children: [
     /* @__PURE__ */ r(f, { name: `series.${t}.stack`, control: e, render: ({
       field: s
-    }) => /* @__PURE__ */ r($, { label: a("chart.series.bar.stack"), placeholder: a("chart.series.bar.stack_hint"), sx: {
+    }) => /* @__PURE__ */ r(V, { label: a("chart.series.bar.stack"), placeholder: a("chart.series.bar.stack_hint"), sx: {
       flexGrow: 1
     }, ...s }) }),
     /* @__PURE__ */ r(A, { mb: -15, variant: "dashed", label: a("chart.series.line.line_settings"), labelPosition: "center" }),
@@ -10506,22 +10506,22 @@ function rx({
       /* @__PURE__ */ u(T, { children: [
         /* @__PURE__ */ r(f, { name: `series.${t}.smooth`, control: e, render: ({
           field: s
-        }) => /* @__PURE__ */ r(V, { sx: {
+        }) => /* @__PURE__ */ r($, { sx: {
           flexGrow: 1
-        }, children: /* @__PURE__ */ r(ke, { label: a("chart.series.line.smooth_line"), checked: s.value, onChange: (c) => s.onChange(c.currentTarget.checked) }) }) }),
+        }, children: /* @__PURE__ */ r(Ce, { label: a("chart.series.line.smooth_line"), checked: s.value, onChange: (c) => s.onChange(c.currentTarget.checked) }) }) }),
         /* @__PURE__ */ r(f, { name: `series.${t}.display_name_on_line`, control: e, render: ({
           field: s
-        }) => /* @__PURE__ */ r(V, { sx: {
+        }) => /* @__PURE__ */ r($, { sx: {
           flexGrow: 1
-        }, children: /* @__PURE__ */ r(ke, { label: a("chart.series.line.show_name_on_line"), checked: s.value ?? !1, onChange: (c) => s.onChange(c.currentTarget.checked) }) }) })
+        }, children: /* @__PURE__ */ r(Ce, { label: a("chart.series.line.show_name_on_line"), checked: s.value ?? !1, onChange: (c) => s.onChange(c.currentTarget.checked) }) }) })
       ] })
     ] }),
     /* @__PURE__ */ u(T, { children: [
       /* @__PURE__ */ r(f, { name: `series.${t}.showSymbol`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ r(V, { mt: 10, mb: -10, sx: {
+      }) => /* @__PURE__ */ r($, { mt: 10, mb: -10, sx: {
         flexGrow: 1
-      }, children: /* @__PURE__ */ r(ke, { label: a("chart.series.line.show_symbol_on_line"), checked: s.value, onChange: (c) => s.onChange(c.currentTarget.checked) }) }) }),
+      }, children: /* @__PURE__ */ r(Ce, { label: a("chart.series.line.show_symbol_on_line"), checked: s.value, onChange: (c) => s.onChange(c.currentTarget.checked) }) }) }),
       o && /* @__PURE__ */ r(f, { name: `series.${t}.symbolSize`, control: e, render: ({
         field: s
       }) => /* @__PURE__ */ r(Si, { ...s }) })
@@ -10566,7 +10566,7 @@ function ix({
     /* @__PURE__ */ u(y, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `series.${t}.name`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ r($, { label: i("chart.series.name"), required: !0, sx: {
+      }) => /* @__PURE__ */ r(V, { label: i("chart.series.name"), required: !0, sx: {
         flex: 1
       }, ...s }) }),
       /* @__PURE__ */ r(f, { name: `series.${t}.yAxisIndex`, control: e, render: ({
@@ -10674,7 +10674,7 @@ const lx = D(({
 }) => {
   const {
     panel: n
-  } = $e(), {
+  } = Ve(), {
     t: a
   } = _();
   return /* @__PURE__ */ u(T, { children: [
@@ -10706,7 +10706,7 @@ const lx = D(({
     /* @__PURE__ */ u(y, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `tooltip.metrics.${t}.name`, control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r($, { label: n("common.name"), required: !0, sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("common.name"), required: !0, sx: {
         flex: 1
       }, ...a }) }),
       /* @__PURE__ */ r(f, { name: `tooltip.metrics.${t}.data_key`, control: e, render: ({
@@ -10799,7 +10799,7 @@ function hx({
   return /* @__PURE__ */ u(T, { children: [
     /* @__PURE__ */ r(f, { name: "x_axis_name", control: e, render: ({
       field: o
-    }) => /* @__PURE__ */ r($, { label: n("chart.x_axis.x_axis_name"), sx: {
+    }) => /* @__PURE__ */ r(V, { label: n("chart.x_axis.x_axis_name"), sx: {
       flex: 1
     }, ...o }) }),
     /* @__PURE__ */ u(y, { grow: !0, wrap: "nowrap", children: [
@@ -10883,7 +10883,7 @@ function px({
     /* @__PURE__ */ u(y, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `y_axes.${t}.name`, control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r($, { label: n("chart.y_axis.y_axis_name"), required: !0, sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("chart.y_axis.y_axis_name"), required: !0, sx: {
         flex: 1
       }, ...a }) }),
       /* @__PURE__ */ r(f, { name: `y_axes.${t}.nameAlignment`, control: e, render: ({
@@ -10914,10 +10914,10 @@ function px({
       /* @__PURE__ */ u(y, { grow: !0, children: [
         /* @__PURE__ */ r(f, { name: `y_axes.${t}.min`, control: e, render: ({
           field: a
-        }) => /* @__PURE__ */ r($, { label: n("chart.y_axis.value_min"), ...a }) }),
+        }) => /* @__PURE__ */ r(V, { label: n("chart.y_axis.value_min"), ...a }) }),
         /* @__PURE__ */ r(f, { name: `y_axes.${t}.max`, control: e, render: ({
           field: a
-        }) => /* @__PURE__ */ r($, { label: n("chart.y_axis.value_max"), ...a }) })
+        }) => /* @__PURE__ */ r(V, { label: n("chart.y_axis.value_max"), ...a }) })
       ] })
     ] }),
     /* @__PURE__ */ r(A, { mb: -10, mt: 10, variant: "dashed", label: n("chart.y_axis.behavior"), labelPosition: "center" }),
@@ -11269,7 +11269,7 @@ const Ix = ({
   return /* @__PURE__ */ u(T, { children: [
     /* @__PURE__ */ r(y, { grow: !0, wrap: "nowrap", children: /* @__PURE__ */ r(f, { name: `series.${n}.name`, control: t, render: ({
       field: p
-    }) => /* @__PURE__ */ r($, { label: i("viz.funnel_chart.series_name"), ...p }) }) }),
+    }) => /* @__PURE__ */ r(V, { label: i("viz.funnel_chart.series_name"), ...p }) }) }),
     /* @__PURE__ */ u(y, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `series.${n}.level_name_data_key`, control: t, render: ({
         field: p
@@ -11288,13 +11288,13 @@ const Ix = ({
         width: "100%"
       }, children: [
         /* @__PURE__ */ r(k, { size: "sm", children: i("viz.funnel_chart.min_value") }),
-        /* @__PURE__ */ r(re, { label: i("viz.funnel_chart.min_value_checkbox_tip"), children: /* @__PURE__ */ r(V, { children: /* @__PURE__ */ r(f, { name: `series.${n}.min.enable_value`, control: t, render: ({
+        /* @__PURE__ */ r(re, { label: i("viz.funnel_chart.min_value_checkbox_tip"), children: /* @__PURE__ */ r($, { children: /* @__PURE__ */ r(f, { name: `series.${n}.min.enable_value`, control: t, render: ({
           field: g
         }) => /* @__PURE__ */ r(Z, { size: "xs", checked: g.value, onChange: (b) => g.onChange(b.currentTarget.checked) }) }) }) })
       ] }), ...p }) }),
       /* @__PURE__ */ r(f, { name: `series.${n}.min.size`, control: t, render: ({
         field: p
-      }) => /* @__PURE__ */ r($, { placeholder: "0%", label: i("viz.funnel_chart.min_size"), ...p }) })
+      }) => /* @__PURE__ */ r(V, { placeholder: "0%", label: i("viz.funnel_chart.min_size"), ...p }) })
     ] }),
     /* @__PURE__ */ u(y, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `series.${n}.max.value`, control: t, render: ({
@@ -11305,13 +11305,13 @@ const Ix = ({
         width: "100%"
       }, children: [
         /* @__PURE__ */ r(k, { size: "sm", children: i("viz.funnel_chart.max_value") }),
-        /* @__PURE__ */ r(re, { label: i("viz.funnel_chart.max_value_checkbox_tip"), children: /* @__PURE__ */ r(V, { children: /* @__PURE__ */ r(f, { name: `series.${n}.max.enable_value`, control: t, render: ({
+        /* @__PURE__ */ r(re, { label: i("viz.funnel_chart.max_value_checkbox_tip"), children: /* @__PURE__ */ r($, { children: /* @__PURE__ */ r(f, { name: `series.${n}.max.enable_value`, control: t, render: ({
           field: g
         }) => /* @__PURE__ */ r(Z, { size: "xs", checked: g.value, onChange: (b) => g.onChange(b.currentTarget.checked) }) }) }) })
       ] }), ...p }) }),
       /* @__PURE__ */ r(f, { name: `series.${n}.max.size`, control: t, render: ({
         field: p
-      }) => /* @__PURE__ */ r($, { placeholder: "100%", label: i("viz.funnel_chart.max_size"), ...p }) })
+      }) => /* @__PURE__ */ r(V, { placeholder: "100%", label: i("viz.funnel_chart.max_size"), ...p }) })
     ] }),
     /* @__PURE__ */ u(y, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `series.${n}.orient`, control: t, render: ({
@@ -11334,7 +11334,7 @@ const Ix = ({
       /* @__PURE__ */ r(f, { name: `series.${n}.axisLabel.position`, control: t, render: ({
         field: p
       }) => /* @__PURE__ */ r(Un, { label: i("chart.label_position.label"), options: d[c], ...p }) }),
-      /* @__PURE__ */ r(V, {})
+      /* @__PURE__ */ r($, {})
     ] }),
     /* @__PURE__ */ r(y, { grow: !0, wrap: "nowrap", children: /* @__PURE__ */ r(f, { name: `series.${n}.axisLabel.overflow`, control: t, render: ({
       field: p
@@ -11392,7 +11392,7 @@ function Lx({
     /* @__PURE__ */ r(Mx, { control: i, watch: l })
   ] }) });
 }
-const $x = {
+const Vx = {
   funnel_chart: {
     viz_name: "Funnel Chart",
     series_name: "Series Name",
@@ -11414,7 +11414,7 @@ const $x = {
     gap: "Gap",
     align: "Align"
   }
-}, Vx = {
+}, $x = {
   funnel_chart: {
     viz_name: "漏斗图",
     series_name: "系列名称",
@@ -11438,10 +11438,10 @@ const $x = {
   }
 }, Px = [{
   lang: "en",
-  resources: $x
+  resources: Vx
 }, {
   lang: "zh",
-  resources: Vx
+  resources: $x
 }];
 function Ax(e) {
   return {
@@ -11538,7 +11538,7 @@ const Ox = {
   page: e,
   setPage: t,
   totalPages: n
-}) => /* @__PURE__ */ r(Vr, { size: "xs", withControls: !1, siblings: 1, color: "gray", value: e, onChange: t, total: n }), qx = ({
+}) => /* @__PURE__ */ r($r, { size: "xs", withControls: !1, siblings: 1, color: "gray", value: e, onChange: t, total: n }), qx = ({
   page: e,
   setPage: t,
   totalPages: n
@@ -11550,7 +11550,7 @@ const Ox = {
   return /* @__PURE__ */ r(Ra, { size: "xs", value: e, onChange: (i) => {
     t(Number(i.currentTarget.value));
   }, data: a });
-}, Nx = (e) => e.totalPages <= 1 ? null : /* @__PURE__ */ r(V, { sx: {
+}, Nx = (e) => e.totalPages <= 1 ? null : /* @__PURE__ */ r($, { sx: {
   position: "absolute",
   top: "calc(1rem + 5px)",
   right: "calc(1rem + 5px)",
@@ -11860,10 +11860,10 @@ const dr = ({
     /* @__PURE__ */ u(y, { grow: !0, children: [
       /* @__PURE__ */ r(f, { name: "visualMap.text.1", control: a, render: ({
         field: d
-      }) => /* @__PURE__ */ r($, { label: t("chart.visual_map.min_text"), ...d }) }),
+      }) => /* @__PURE__ */ r(V, { label: t("chart.visual_map.min_text"), ...d }) }),
       /* @__PURE__ */ r(f, { name: "visualMap.text.0", control: a, render: ({
         field: d
-      }) => /* @__PURE__ */ r($, { label: t("chart.visual_map.max_text"), ...d }) })
+      }) => /* @__PURE__ */ r(V, { label: t("chart.visual_map.max_text"), ...d }) })
     ] }),
     /* @__PURE__ */ u(y, { grow: !0, children: [
       /* @__PURE__ */ r(f, { name: "visualMap.orient", control: a, render: ({
@@ -11905,7 +11905,7 @@ const dr = ({
     itemHeight: a
   } = e, o = t === "horizontal" ? n : a, {
     panel: l
-  } = $e(), s = Hr(e, l.variableValueMap);
+  } = Ve(), s = Hr(e, l.variableValueMap);
   return /* @__PURE__ */ r(Te, { children: /* @__PURE__ */ r(Ge, { echarts: Ne, option: {
     visualMap: s
   }, style: {
@@ -11950,7 +11950,7 @@ const dr = ({
     /* @__PURE__ */ r(mt.Dropdown, { children: /* @__PURE__ */ u(y, { wrap: "nowrap", gap: 8, children: [
       /* @__PURE__ */ r(f, { name: `visualMap.pieces.${t}.lower.value`, control: a, render: ({
         field: p
-      }) => /* @__PURE__ */ r($, { ...p, placeholder: n("chart.visual_map.min_value"), size: "xs", onChange: (g) => p.onChange(g.currentTarget.value), error: p.value !== "" && Number.isNaN(Number(p.value)) }) }),
+      }) => /* @__PURE__ */ r(V, { ...p, placeholder: n("chart.visual_map.min_value"), size: "xs", onChange: (g) => p.onChange(g.currentTarget.value), error: p.value !== "" && Number.isNaN(Number(p.value)) }) }),
       /* @__PURE__ */ r(f, { name: `visualMap.pieces.${t}.lower.symbol`, control: a, render: ({
         field: p
       }) => /* @__PURE__ */ r(F, { size: "xs", data: wo.lower, ...p, onChange: be((g) => p.onChange(g)) }) }),
@@ -11963,7 +11963,7 @@ const dr = ({
       }) => /* @__PURE__ */ r(F, { size: "xs", data: wo.upper, ...p, onChange: be((g) => p.onChange(g)) }) }),
       /* @__PURE__ */ r(f, { name: `visualMap.pieces.${t}.upper.value`, control: a, render: ({
         field: p
-      }) => /* @__PURE__ */ r($, { ...p, size: "xs", placeholder: n("chart.visual_map.max_value"), onChange: (g) => p.onChange(g.currentTarget.value), error: p.value !== "" && Number.isNaN(Number(p.value)) }) })
+      }) => /* @__PURE__ */ r(V, { ...p, size: "xs", placeholder: n("chart.visual_map.max_value"), onChange: (g) => p.onChange(g.currentTarget.value), error: p.value !== "" && Number.isNaN(Number(p.value)) }) })
     ] }) })
   ] }) });
 }, tv = ({
@@ -11981,7 +11981,7 @@ const dr = ({
     /* @__PURE__ */ r(w.Td, { children: /* @__PURE__ */ r(ev, { form: e, index: t }) }),
     /* @__PURE__ */ r(w.Td, { children: /* @__PURE__ */ r(f, { name: `visualMap.pieces.${t}.label`, control: a, render: ({
       field: o
-    }) => /* @__PURE__ */ r($, { size: "xs", placeholder: "", ...o, onChange: (l) => o.onChange(l.currentTarget.value) }) }) }),
+    }) => /* @__PURE__ */ r(V, { size: "xs", placeholder: "", ...o, onChange: (l) => o.onChange(l.currentTarget.value) }) }) }),
     /* @__PURE__ */ r(w.Td, { children: /* @__PURE__ */ r(f, { name: `visualMap.pieces.${t}.color`, control: a, render: ({
       field: o
     }) => /* @__PURE__ */ r(cn, { label: i(""), placeholder: i("chart.color.label"), size: "xs", popoverProps: {
@@ -12087,7 +12087,7 @@ const dr = ({
   }], [n.language]), l = (s) => {
     switch (s) {
       case "continuous":
-        e.setValue("visualMap", Vs());
+        e.setValue("visualMap", $s());
         break;
       case "piecewise":
         e.setValue("visualMap", mg());
@@ -12311,7 +12311,7 @@ function dv({
     groupedFullData: h
   } = iv(l, o);
   N(() => {
-    const x = Va(h).flat();
+    const x = $a(h).flat();
     We(t, mc(o, l, x, i, s, c));
   }, [h]);
   const [p, g] = Q(1), b = ov(h, o, p);
@@ -12338,7 +12338,7 @@ function uv({
       }, ...i }) }),
       /* @__PURE__ */ r(f, { name: "heat_block.name", control: e, render: ({
         field: i
-      }) => /* @__PURE__ */ r($, { label: n("common.name"), sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("common.name"), sx: {
         flex: 1
       }, ...i }) })
     ] }),
@@ -12353,7 +12353,7 @@ function uv({
     /* @__PURE__ */ u(y, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: "heat_block.label.show", control: e, render: ({
         field: i
-      }) => /* @__PURE__ */ r(ke, { label: n("chart.heatmap.heatblock.show_label"), checked: i.value, onChange: (o) => i.onChange(o.currentTarget.checked), sx: {
+      }) => /* @__PURE__ */ r(Ce, { label: n("chart.heatmap.heatblock.show_label"), checked: i.value, onChange: (o) => i.onChange(o.currentTarget.checked), sx: {
         flexGrow: 1
       } }) }),
       /* @__PURE__ */ r(f, { name: "heat_block.label.fontSize", control: e, render: ({
@@ -12388,7 +12388,7 @@ const pv = ({
     /* @__PURE__ */ u(y, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `tooltip.metrics.${t}.name`, control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r($, { label: n("common.name"), required: !0, sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("common.name"), required: !0, sx: {
         flex: 1
       }, ...a }) }),
       /* @__PURE__ */ r(f, { name: `tooltip.metrics.${t}.data_key`, control: e, render: ({
@@ -12453,7 +12453,7 @@ function fv({
       }, ...a }) }),
       /* @__PURE__ */ r(f, { name: "x_axis.name", control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r($, { label: n("common.name"), sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("common.name"), sx: {
         flex: 1
       }, ...a }) })
     ] }),
@@ -12491,7 +12491,7 @@ function bv({
       }, ...a }) }),
       /* @__PURE__ */ r(f, { name: "y_axis.name", control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r($, { label: n("common.name"), sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("common.name"), sx: {
         flex: 1
       }, ...a }) })
     ] }),
@@ -12818,7 +12818,7 @@ const Mv = {
       label: "Click chart series"
     }
   }
-}, $v = {
+}, Vv = {
   pareto_chart: {
     viz_name: "帕累托图",
     line_80_20: {
@@ -12832,12 +12832,12 @@ const Mv = {
       label: "点击柱或线"
     }
   }
-}, Vv = [{
+}, $v = [{
   lang: "en",
   resources: Lv
 }, {
   lang: "zh",
-  resources: $v
+  resources: Vv
 }], bc = {
   id: "builtin:echarts:click-echart:series",
   // use same id as cartesian's, but different payload
@@ -13252,7 +13252,7 @@ function Xv({
     /* @__PURE__ */ u(y, { grow: !0, children: [
       /* @__PURE__ */ r(f, { name: "bar.name", control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r($, { label: n("common.name"), sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("common.name"), sx: {
         flex: 1
       }, ...a }) }),
       /* @__PURE__ */ r(f, { name: "bar.nameAlignment", control: e, render: ({
@@ -13286,7 +13286,7 @@ function Zv({
     /* @__PURE__ */ u(y, { grow: !0, children: [
       /* @__PURE__ */ r(f, { name: "line.name", control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r($, { label: n("common.name"), sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("common.name"), sx: {
         flex: 1
       }, ...a }) }),
       /* @__PURE__ */ r(f, { name: "line.nameAlignment", control: e, render: ({
@@ -13370,7 +13370,7 @@ function nw({
     /* @__PURE__ */ u(y, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `reference_lines.${t}.name`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ r($, { label: o("common.name"), placeholder: o("chart.reference_line.name_placeholder"), required: !0, sx: {
+      }) => /* @__PURE__ */ r(V, { label: o("common.name"), placeholder: o("chart.reference_line.name_placeholder"), required: !0, sx: {
         flex: 1
       }, ...s }) }),
       /* @__PURE__ */ r(f, { name: `reference_lines.${t}.variable_key`, control: e, render: ({
@@ -13381,7 +13381,7 @@ function nw({
     ] }),
     /* @__PURE__ */ r(f, { name: `reference_lines.${t}.template`, control: e, render: ({
       field: s
-    }) => /* @__PURE__ */ r($, { label: o("chart.content_template.label"), placeholder: o("chart.content_template.hint"), sx: {
+    }) => /* @__PURE__ */ r(V, { label: o("chart.content_template.label"), placeholder: o("chart.content_template.hint"), sx: {
       flex: 1
     }, ...s }) }),
     /* @__PURE__ */ u(y, { grow: !0, children: [
@@ -13469,7 +13469,7 @@ function aw({
     /* @__PURE__ */ u(y, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: "x_axis.name", control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r($, { label: n("common.name"), sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("common.name"), sx: {
         flex: 1
       }, ...a }) }),
       /* @__PURE__ */ r(f, { name: "x_axis.data_key", control: e, render: ({
@@ -13753,7 +13753,7 @@ const bw = {
     };
   },
   triggers: [bc],
-  translation: Vv
+  translation: $v
 };
 function yw(e, t, n, a) {
   const i = a[n];
@@ -13868,7 +13868,7 @@ function ww(e, t, n) {
     },
     labelLayout: function(a) {
       const i = a.labelRect.x < n / 2, o = a.labelLinePoints;
-      return $a(o, [2, 0], i ? a.labelRect.x : a.labelRect.x + a.labelRect.width), {
+      return Va(o, [2, 0], i ? a.labelRect.x : a.labelRect.x + a.labelRect.width), {
         labelLinePoints: o
       };
     },
@@ -14061,17 +14061,17 @@ function Lw(e) {
   const [t, n] = e;
   return [Number(t.replace("%", "")), Number(n.replace("%", ""))];
 }
-function $w(e) {
+function Vw(e) {
   const [t, n] = e;
   return [Number.isFinite(t) ? `${t}%` : "", Number.isFinite(n) ? `${n}%` : ""];
 }
-const Vw = ee(({
+const $w = ee(({
   label: e,
   value: t,
   onChange: n
 }, a) => {
   const [i, o] = Q(Lw(t)), l = ae((s) => {
-    n($w(s));
+    n(Vw(s));
   }, [n]);
   return /* @__PURE__ */ u(T, { gap: 4, mt: 2, mb: "1rem", children: [
     /* @__PURE__ */ r("label", { className: "form-field-label required", children: e }),
@@ -14204,7 +14204,7 @@ const Ow = ({
     /* @__PURE__ */ u(W.Dropdown, { children: [
       /* @__PURE__ */ r(W.Label, { children: n("viz.pie_chart.color.map.click_to_apply_palette") }),
       /* @__PURE__ */ r(W.Divider, {}),
-      Rw.map((o) => /* @__PURE__ */ r(W.Item, { onClick: () => i(o.colors), children: /* @__PURE__ */ r(V, { h: 28, style: {
+      Rw.map((o) => /* @__PURE__ */ r(W.Item, { onClick: () => i(o.colors), children: /* @__PURE__ */ r($, { h: 28, style: {
         backgroundImage: Ew(o.colors)
       } }) }, o.name))
     ] })
@@ -14265,7 +14265,7 @@ function qw({
   }, [i]);
   const [h] = s(["label_field", "value_field", "color_field", "color"]), {
     panel: p
-  } = $e(), g = z(() => {
+  } = Ve(), g = z(() => {
     if (!h)
       return [];
     const b = gt(p.data, h);
@@ -14294,12 +14294,12 @@ function qw({
       }) => /* @__PURE__ */ r(uc, { label: a("chart.series_order.label"), ...b }) }),
       /* @__PURE__ */ r(f, { control: o, name: "radius", render: ({
         field: b
-      }) => /* @__PURE__ */ r(Vw, { label: a("viz.pie_chart.radius.label"), ...b }) }),
+      }) => /* @__PURE__ */ r($w, { label: a("viz.pie_chart.radius.label"), ...b }) }),
       /* @__PURE__ */ r(A, { label: a("viz.pie_chart.others_sector.title"), labelPosition: "center", variant: "dashed" }),
       /* @__PURE__ */ u(y, { grow: !0, children: [
         /* @__PURE__ */ r(f, { control: o, name: "others_sector.label", render: ({
           field: b
-        }) => /* @__PURE__ */ r($, { size: "xs", label: a("viz.pie_chart.others_sector.label"), ...b, value: b.value ?? "" }) }),
+        }) => /* @__PURE__ */ r(V, { size: "xs", label: a("viz.pie_chart.others_sector.label"), ...b, value: b.value ?? "" }) }),
         /* @__PURE__ */ r(f, { control: o, name: "others_sector.threshold", render: ({
           field: b
         }) => /* @__PURE__ */ r(ne, { size: "xs", label: a("viz.pie_chart.others_sector.threshold"), suffix: "%", ...b, value: b.value ?? "" }) })
@@ -14880,7 +14880,7 @@ function m0({
     /* @__PURE__ */ u(y, { grow: !0, wrap: "nowrap", align: "top", children: [
       /* @__PURE__ */ r(f, { name: `dimensions.${t}.name`, control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r($, { label: n("common.name"), required: !0, sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("common.name"), required: !0, sx: {
         flex: 1
       }, ...a }) }),
       /* @__PURE__ */ r(f, { name: `dimensions.${t}.data_key`, control: e, render: ({
@@ -14898,7 +14898,7 @@ function m0({
         fieldState: i
       }) => {
         var o;
-        return /* @__PURE__ */ r($, { label: n("common.max"), required: !0, sx: {
+        return /* @__PURE__ */ r(V, { label: n("common.max"), required: !0, sx: {
           flex: 1
         }, ...a, error: (o = i.error) == null ? void 0 : o.message });
       } })
@@ -15288,7 +15288,7 @@ function L0(e, t) {
   } = e.regression;
   return n ? M0(e, t) : I0(e, t);
 }
-function $0(e) {
+function V0(e) {
   return Array.isArray(e) || (e = [e]), e.map((t) => ({
     marker: t.marker,
     label: t.seriesName,
@@ -15296,11 +15296,11 @@ function $0(e) {
     y: t.value[1]
   }));
 }
-function V0(e) {
+function $0(e) {
   return me.getTooltip({
     trigger: "axis",
     formatter: (t) => {
-      const n = $0(t);
+      const n = V0(t);
       return n.length === 0 ? "" : `
         <table style="width: auto">
           <thead>
@@ -15388,7 +15388,7 @@ function R0(e, t) {
       nameGap: 5
     }),
     series: [...n, ...a],
-    tooltip: V0(e),
+    tooltip: $0(e),
     legend: {
       show: !0,
       type: "scroll",
@@ -15703,7 +15703,7 @@ function W0({
   return /* @__PURE__ */ u(T, { children: [
     /* @__PURE__ */ r(y, { grow: !0, wrap: "nowrap", children: /* @__PURE__ */ r(f, { name: "regression.name", control: e, render: ({
       field: s
-    }) => /* @__PURE__ */ r($, { label: n("common.name"), sx: {
+    }) => /* @__PURE__ */ r(V, { label: n("common.name"), sx: {
       flex: 1
     }, ...s }) }) }),
     /* @__PURE__ */ r(f, { name: "regression.group_by_key", control: e, render: ({
@@ -15736,7 +15736,7 @@ function U0({
     /* @__PURE__ */ u(y, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: "x_axis.name", control: e, render: ({
         field: n
-      }) => /* @__PURE__ */ r($, { label: "X轴名称", sx: {
+      }) => /* @__PURE__ */ r(V, { label: "X轴名称", sx: {
         flex: 1
       }, ...n }) }),
       /* @__PURE__ */ r(f, { name: "x_axis.data_key", control: e, render: ({
@@ -15778,7 +15778,7 @@ function K0({
   return t(["y_axis", "regression.y_axis_data_key"]), /* @__PURE__ */ r(T, { children: /* @__PURE__ */ u(y, { grow: !0, wrap: "nowrap", children: [
     /* @__PURE__ */ r(f, { name: "y_axis.name", control: e, render: ({
       field: n
-    }) => /* @__PURE__ */ r($, { label: "Y轴名称", sx: {
+    }) => /* @__PURE__ */ r(V, { label: "Y轴名称", sx: {
       flex: 1
     }, ...n }) }),
     /* @__PURE__ */ r(f, { name: "regression.y_axis_data_key", control: e, render: ({
@@ -15958,7 +15958,7 @@ const r1 = {
 }) => {
   const {
     panel: t
-  } = $e(), {
+  } = Ve(), {
     t: n
   } = _(), {
     value: a,
@@ -16545,7 +16545,7 @@ function L1({
     }
   };
 }
-function $1({
+function V1({
   type: e,
   ...t
 }, n) {
@@ -16576,7 +16576,7 @@ function $1({
     }
   };
 }
-function V1(e, t, n, a) {
+function $1(e, t, n, a) {
   return e.map((i) => {
     const o = i.orientation === "horizontal", l = o ? "yAxis" : "xAxis", s = o ? "insideEndTop" : "end";
     return {
@@ -16624,7 +16624,7 @@ function P1({
     yAxisIndex: 0,
     datasetIndex: 0,
     itemStyle: {
-      color: $1(t.color, n)
+      color: V1(t.color, n)
     },
     symbolSize: L1(t.symbolSize, n),
     encode: {
@@ -16634,7 +16634,7 @@ function P1({
   };
 }
 function A1(e, t, n, a) {
-  return [P1(e, a)].concat(V1(e.reference_lines, n, a, t)).concat(M1({
+  return [P1(e, a)].concat($1(e.reference_lines, n, a, t)).concat(M1({
     reference_areas: e.reference_areas,
     variableValueMap: a
   }));
@@ -16914,7 +16914,7 @@ const H1 = ee(({
   return /* @__PURE__ */ u(T, { children: [
     /* @__PURE__ */ r(A, { mb: -15, variant: "dashed", label: l("chart.reference_area.content.label"), labelPosition: "right" }),
     /* @__PURE__ */ u(y, { grow: !0, wrap: "nowrap", children: [
-      /* @__PURE__ */ r($, { label: l("chart.reference_area.content.content_text"), value: e.content.text, onChange: (d) => c("content.text", d.currentTarget.value) }),
+      /* @__PURE__ */ r(V, { label: l("chart.reference_area.content.content_text"), value: e.content.text, onChange: (d) => c("content.text", d.currentTarget.value) }),
       /* @__PURE__ */ r(Un, { label: l("chart.reference_area.content.text_position"), value: e.label.position, onChange: (d) => c("label.position", d) })
     ] }),
     /* @__PURE__ */ r(A, { mb: -15, variant: "dashed", label: l("chart.reference_area.endpoint.labels"), labelPosition: "right" }),
@@ -17008,7 +17008,7 @@ function U1({
     /* @__PURE__ */ u(y, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `reference_lines.${t}.name`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ r($, { label: o("common.name"), placeholder: o("chart.reference_line.name_placeholder"), required: !0, sx: {
+      }) => /* @__PURE__ */ r(V, { label: o("common.name"), placeholder: o("chart.reference_line.name_placeholder"), required: !0, sx: {
         flex: 1
       }, ...s }) }),
       /* @__PURE__ */ r(f, { name: `reference_lines.${t}.variable_key`, control: e, render: ({
@@ -17019,7 +17019,7 @@ function U1({
     ] }),
     /* @__PURE__ */ r(f, { name: `reference_lines.${t}.template`, control: e, render: ({
       field: s
-    }) => /* @__PURE__ */ r($, { label: o("chart.content_template.label"), placeholder: o("chart.content_template.hint"), sx: {
+    }) => /* @__PURE__ */ r(V, { label: o("chart.content_template.label"), placeholder: o("chart.content_template.hint"), sx: {
       flex: 1
     }, ...s }) }),
     /* @__PURE__ */ u(y, { grow: !0, children: [
@@ -17104,7 +17104,7 @@ function K1({
 const Y1 = ({
   value: e,
   onChange: t
-}) => /* @__PURE__ */ r(V, { children: /* @__PURE__ */ r(Qt, { height: "500px", defaultLanguage: "javascript", value: e, onChange: (a) => {
+}) => /* @__PURE__ */ r($, { children: /* @__PURE__ */ r(Qt, { height: "500px", defaultLanguage: "javascript", value: e, onChange: (a) => {
   a && t(a);
 }, theme: "vs-dark", options: {
   minimap: {
@@ -17140,7 +17140,7 @@ const Y1 = ({
     h(cr.dynamic.func_content);
   };
   return /* @__PURE__ */ u(q, { children: [
-    /* @__PURE__ */ r(V, { sx: {
+    /* @__PURE__ */ r($, { sx: {
       width: "50%"
     }, children: /* @__PURE__ */ r(L, { color: "grape", variant: "filled", leftSection: /* @__PURE__ */ r(en, { size: 16 }), mt: 24, onClick: i, sx: {
       flexGrow: 0
@@ -17267,7 +17267,7 @@ const rS = D(({
 }) => {
   const {
     panel: n
-  } = $e(), {
+  } = Ve(), {
     t: a
   } = _();
   return /* @__PURE__ */ u(T, { children: [
@@ -17299,7 +17299,7 @@ const rS = D(({
     /* @__PURE__ */ u(y, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `tooltip.metrics.${t}.name`, control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r($, { label: n("common.name"), required: !0, sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("common.name"), required: !0, sx: {
         flex: 1
       }, ...a }) }),
       /* @__PURE__ */ r(f, { name: `tooltip.metrics.${t}.data_key`, control: e, render: ({
@@ -17383,7 +17383,7 @@ function lS({
       }, ...a }) }),
       /* @__PURE__ */ r(f, { name: "x_axis.name", control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r($, { label: n("common.name"), sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("common.name"), sx: {
         flex: 1
       }, ...a }) })
     ] }),
@@ -17420,7 +17420,7 @@ function sS({
     /* @__PURE__ */ u(y, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `y_axes.${t}.name`, control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r($, { label: n("common.name"), required: !0, sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("common.name"), required: !0, sx: {
         flex: 1
       }, ...a }) }),
       /* @__PURE__ */ r(f, { name: `y_axes.${t}.nameAlignment`, control: e, render: ({
@@ -17446,10 +17446,10 @@ function sS({
       /* @__PURE__ */ u(y, { grow: !0, children: [
         /* @__PURE__ */ r(f, { name: `y_axes.${t}.min`, control: e, render: ({
           field: a
-        }) => /* @__PURE__ */ r($, { label: n("chart.y_axis.value_min"), ...a }) }),
+        }) => /* @__PURE__ */ r(V, { label: n("chart.y_axis.value_min"), ...a }) }),
         /* @__PURE__ */ r(f, { name: `y_axes.${t}.max`, control: e, render: ({
           field: a
-        }) => /* @__PURE__ */ r($, { label: n("chart.y_axis.value_max"), ...a }) })
+        }) => /* @__PURE__ */ r(V, { label: n("chart.y_axis.value_max"), ...a }) })
       ] })
     ] })
   ] });
@@ -17614,7 +17614,7 @@ function fS(e) {
 }
 function bS(e) {
   const t = Ae(e), n = se(t, "color.valueRange");
-  return n !== void 0 && $a(t, "color.valueRange", n.map((a) => Number(a))), t;
+  return n !== void 0 && Va(t, "color.valueRange", n.map((a) => Number(a))), t;
 }
 function yS(e, t) {
   return !t || t === "left" ? e : `<p style="text-align: ${t}">${e}</p>`;
@@ -17775,7 +17775,7 @@ const zS = D(({
   }, [n.current, h, p, g]), /* @__PURE__ */ r(rt, { className: "viz-stats", sx: {
     width: h,
     height: p
-  }, align: CS[s.vertical_align], direction: "row", children: /* @__PURE__ */ r(V, { className: "viz-stats--clickable-wrapper", sx: kS(i.length), onClick: b, children: /* @__PURE__ */ r(Gn, { ref: n, value: g, styles: {
+  }, align: CS[s.vertical_align], direction: "row", children: /* @__PURE__ */ r($, { className: "viz-stats--clickable-wrapper", sx: kS(i.length), onClick: b, children: /* @__PURE__ */ r(Gn, { ref: n, value: g, styles: {
     root: {
       border: "none",
       maxWidth: h,
@@ -17815,7 +17815,7 @@ const zS = D(({
 }) => {
   const {
     panel: n
-  } = $e(), {
+  } = Ve(), {
     t: a
   } = _(), i = R.useMemo(() => pe({}, e), [e]), {
     control: o,
@@ -17864,13 +17864,13 @@ const MS = {
       trigger: "点击文字"
     }
   }
-}, $S = [{
+}, VS = [{
   lang: "en",
   resources: MS
 }, {
   lang: "zh",
   resources: LS
-}], VS = {
+}], $S = {
   createConfig() {
     return {
       version: 5,
@@ -17884,7 +17884,7 @@ const MS = {
   viewRender: TS,
   configRender: IS,
   triggers: [Mc],
-  translation: $S
+  translation: VS
 }, Mi = {
   label_key: "",
   value_key: "",
@@ -18105,10 +18105,10 @@ const HS = ({
     /* @__PURE__ */ u(y, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `levels.${t}.r0`, control: e, render: ({
         field: o
-      }) => /* @__PURE__ */ r($, { label: n("viz.sunburst_chart.level.inside_radius"), placeholder: "0%", ...o }) }),
+      }) => /* @__PURE__ */ r(V, { label: n("viz.sunburst_chart.level.inside_radius"), placeholder: "0%", ...o }) }),
       /* @__PURE__ */ r(f, { name: `levels.${t}.r`, control: e, render: ({
         field: o
-      }) => /* @__PURE__ */ r($, { label: n("viz.sunburst_chart.level.outside_radius"), placeholder: "50%", ...o }) })
+      }) => /* @__PURE__ */ r(V, { label: n("viz.sunburst_chart.level.outside_radius"), placeholder: "50%", ...o }) })
     ] }),
     /* @__PURE__ */ r(A, { mb: -10, mt: 10, variant: "dashed", label: n("chart.label.label_full"), labelPosition: "center" }),
     /* @__PURE__ */ r(f, { name: `levels.${t}.label.show_label_tolerance`, control: e, render: ({
@@ -18376,8 +18376,8 @@ function Lc() {
     page_size: 0
   };
 }
-const $c = ["function text({ value, row_data }, utils) {", "    return value", "}"].join(`
-`), Vc = {
+const Vc = ["function text({ value, row_data }, utils) {", "    return value", "}"].join(`
+`), $c = {
   columns: [],
   fontSize: "14px",
   highlightOnHover: !0,
@@ -18838,7 +18838,7 @@ function kC(e) {
       /* @__PURE__ */ r(wl, { children: "Use original data columns" }),
       " is enabled, you have to address trigger column by its data field"
     ] }) }),
-    /* @__PURE__ */ r($, { label: t("viz.table.click_cell.column_data_field"), value: c.toString(), onChange: (h) => d(h.currentTarget.value) })
+    /* @__PURE__ */ r(V, { label: t("viz.table.click_cell.column_data_field"), value: c.toString(), onChange: (h) => d(h.currentTarget.value) })
   ] }) : /* @__PURE__ */ r(F, { clearable: !1, data: o, label: t("viz.table.click_cell.choose_a_column"), value: c.toString(), onChange: d, comboboxProps: {
     zIndex: 340
   }, maxDropdownHeight: 500 });
@@ -18959,7 +18959,7 @@ const MC = (e) => {
   if (i === 0)
     return null;
   if (l === 0)
-    return /* @__PURE__ */ r(V, { className: e.info_bar, sx: {
+    return /* @__PURE__ */ r($, { className: e.info_bar, sx: {
       height: 22
     }, children: /* @__PURE__ */ r(k, { ta: "right", pr: 6, size: "14px", c: "dimmed", fw: "normal", children: o("common.pagination.total_rows", {
       total: i
@@ -19058,7 +19058,7 @@ function Mo({
     getSortedRowModel: _p()
   }), {
     rows: de
-  } = U.getRowModel(), J = R.useRef(null), Ve = e.length, Xe = Ve > 0, Gt = Xe ? n - 22 : n, rn = Xe ? 22 : 0;
+  } = U.getRowModel(), J = R.useRef(null), $e = e.length, Xe = $e > 0, Gt = Xe ? n - 22 : n, rn = Xe ? 22 : 0;
   return /* @__PURE__ */ u("div", { ref: J, style: {
     height: n,
     width: t,
@@ -19066,7 +19066,7 @@ function Mo({
   }, "data-enable-scrollbar": !0, className: p(h.root, {
     "table-highlight-on-hover": a.highlightOnHover
   }), children: [
-    /* @__PURE__ */ r(LC, { classes: h, pagination: M, totalRows: Ve, setPagination: P, pageCount: Y }),
+    /* @__PURE__ */ r(LC, { classes: h, pagination: M, totalRows: $e, setPagination: P, pageCount: Y }),
     /* @__PURE__ */ u(w, { sx: {
       ...mC,
       maxHeight: Gt
@@ -19089,7 +19089,7 @@ function Lo() {
   } = _();
   return /* @__PURE__ */ r(k, { size: "sm", c: "gray", ta: "center", children: e("data.empty_data") });
 }
-function $C({
+function VC({
   data: e,
   width: t,
   height: n,
@@ -19116,7 +19116,7 @@ function $C({
   const h = e[d];
   return !Array.isArray(h) || h.length === 0 ? /* @__PURE__ */ r(Lo, {}) : /* @__PURE__ */ r(Mo, { queryData: h, width: t, height: n, conf: a, context: i, instance: o });
 }
-function VC({
+function $C({
   context: e,
   instance: t
 }) {
@@ -19126,7 +19126,7 @@ function VC({
   } = e.viewport, {
     value: o
   } = K(e.instanceData, "config");
-  return o ? /* @__PURE__ */ r($C, { data: n, width: i, height: a, conf: o, context: e, instance: t }) : null;
+  return o ? /* @__PURE__ */ r(VC, { data: n, width: i, height: a, conf: o, context: e, instance: t }) : null;
 }
 const PC = {
   table: {
@@ -19234,8 +19234,8 @@ const PC = {
 }, c) => {
   const {
     panel: d
-  } = $e(), h = R.useMemo(() => d.queryOptions(a, o), [a, o]);
-  return h.length === 0 ? /* @__PURE__ */ r(V, { children: /* @__PURE__ */ r($, { label: e, required: t, defaultValue: a, readOnly: !0, disabled: !0 }) }) : /* @__PURE__ */ r(F, { ref: c, label: e, description: n, data: h, value: a, onChange: be(i), required: t, sx: l, maxDropdownHeight: 500, ...s });
+  } = Ve(), h = R.useMemo(() => d.queryOptions(a, o), [a, o]);
+  return h.length === 0 ? /* @__PURE__ */ r($, { children: /* @__PURE__ */ r(V, { label: e, required: t, defaultValue: a, readOnly: !0, disabled: !0 }) }) : /* @__PURE__ */ r(F, { ref: c, label: e, description: n, data: h, value: a, onChange: be(i), required: t, sx: l, maxDropdownHeight: 500, ...s });
 })), OC = [{
   from: 0,
   to: 0
@@ -19303,7 +19303,7 @@ const NC = ee((e, t) => {
   }, h = () => {
     l(), c(e);
   }, p = () => {
-    c($c);
+    c(Vc);
   };
   return N(() => {
     c(e);
@@ -19313,7 +19313,7 @@ const NC = ee((e, t) => {
     }, children: a("viz.table.column.custom_cell_content") }),
     /* @__PURE__ */ r(we, { size: 800, title: a("viz.table.column.custom_cell_content"), opened: i, onClose: l, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: i && /* @__PURE__ */ u(T, { children: [
       /* @__PURE__ */ r(y, { justify: "flex-start", children: /* @__PURE__ */ r(Qs, {}) }),
-      /* @__PURE__ */ r(V, { sx: {
+      /* @__PURE__ */ r($, { sx: {
         position: "relative"
       }, children: /* @__PURE__ */ r(Qt, { height: "500px", defaultLanguage: "javascript", value: s, onChange: (g) => c(g ?? ""), theme: "vs-dark", options: {
         minimap: {
@@ -19343,7 +19343,7 @@ const NC = ee((e, t) => {
     /* @__PURE__ */ u(y, { grow: !0, children: [
       /* @__PURE__ */ r(f, { name: `columns.${t}.label`, control: e, render: ({
         field: l
-      }) => /* @__PURE__ */ r($, { label: a("chart.label.label"), required: !0, id: `col-label-${t}`, sx: {
+      }) => /* @__PURE__ */ r(V, { label: a("chart.label.label"), required: !0, id: `col-label-${t}`, sx: {
         flex: 1
       }, ...l }) }),
       /* @__PURE__ */ r(f, { name: `columns.${t}.value_field`, control: e, render: ({
@@ -19358,7 +19358,7 @@ const NC = ee((e, t) => {
       }, ...l }) }),
       i === vt.custom && /* @__PURE__ */ r(f, { name: `columns.${t}.func_content`, control: e, render: ({
         field: l
-      }) => /* @__PURE__ */ r(jC, { value: l.value ?? $c, onChange: (s) => l.onChange(s ?? "") }) })
+      }) => /* @__PURE__ */ r(jC, { value: l.value ?? Vc, onChange: (s) => l.onChange(s ?? "") }) })
     ] }),
     /* @__PURE__ */ r(A, { mb: -10, variant: "dashed", label: a("style.label"), labelPosition: "center" }),
     /* @__PURE__ */ u(y, { grow: !0, children: [
@@ -19400,7 +19400,7 @@ const NC = ee((e, t) => {
   return /* @__PURE__ */ u(q, { children: [
     /* @__PURE__ */ r(f, { name: "use_raw_columns", control: e, render: ({
       field: l
-    }) => /* @__PURE__ */ r(ke, { mt: 20, mb: 20, label: n("viz.table.column.use_original_data_columns"), checked: l.value, onChange: (s) => l.onChange(s.currentTarget.checked) }) }),
+    }) => /* @__PURE__ */ r(Ce, { mt: 20, mb: 20, label: n("viz.table.column.use_original_data_columns"), checked: l.value, onChange: (s) => l.onChange(s.currentTarget.checked) }) }),
     o && /* @__PURE__ */ r(f, { name: "ignored_column_keys", control: e, render: ({
       field: l
     }) => /* @__PURE__ */ r(vl, { label: n("viz.table.column.ignore_columns_by_these_key"), placeholder: n("viz.table.column.separate_by_line_break"), autosize: !0, minRows: 2, maxRows: 10, ...l }) }),
@@ -19440,16 +19440,16 @@ function GC({
       }
     }, children: /* @__PURE__ */ r(f, { name: "fontSize", control: e, render: ({
       field: a
-    }) => /* @__PURE__ */ r($, { label: n("style.font_size.label"), placeholder: n("style.font_size.placeholder"), required: !0, sx: {
+    }) => /* @__PURE__ */ r(V, { label: n("style.font_size.label"), placeholder: n("style.font_size.placeholder"), required: !0, sx: {
       flex: 1
     }, ...a }) }) }),
     /* @__PURE__ */ u(y, { justify: "space-between", grow: !0, children: [
       /* @__PURE__ */ r(f, { name: "striped", control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r(ke, { label: n("viz.table.style.striped"), checked: a.value, onChange: (i) => a.onChange(i.currentTarget.checked) }) }),
+      }) => /* @__PURE__ */ r(Ce, { label: n("viz.table.style.striped"), checked: a.value, onChange: (i) => a.onChange(i.currentTarget.checked) }) }),
       /* @__PURE__ */ r(f, { name: "highlightOnHover", control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r(ke, { label: n("viz.table.style.highlight_on_hover"), checked: a.value, onChange: (i) => a.onChange(i.currentTarget.checked) }) })
+      }) => /* @__PURE__ */ r(Ce, { label: n("viz.table.style.highlight_on_hover"), checked: a.value, onChange: (i) => a.onChange(i.currentTarget.checked) }) })
     ] })
   ] });
 }
@@ -19491,7 +19491,7 @@ function KC({
   } = _(), {
     value: n,
     set: a
-  } = K(e.instanceData, "config"), i = z(() => He({}, n, Vc), [n]), o = z(() => UC(i), [i]);
+  } = K(e.instanceData, "config"), i = z(() => He({}, n, $c), [n]), o = z(() => UC(i), [i]);
   N(() => {
     !Fe(i, o) && (console.log("config malformed, resetting to defaults", i, o), a(o));
   }, [i, o]);
@@ -19535,23 +19535,23 @@ function KC({
     ] })
   ] });
 }
-const $o = new dC(), Ca = {
+const Vo = new dC(), Ca = {
   createConfig() {
     return {
-      version: $o.VERSION,
-      config: Ae(Vc)
+      version: Vo.VERSION,
+      config: Ae($c)
     };
   },
   displayName: "viz.table.viz_name",
   displayGroup: "chart.groups.others",
-  migrator: $o,
+  migrator: Vo,
   name: "table",
-  viewRender: VC,
+  viewRender: $C,
   configRender: KC,
   triggers: [Li],
   translation: RC
 }, qc = ["function text({ data, variables, filters, context}) {", "    // your code goes here", '    return "text"', "}"].join(`
-`), $i = {
+`), Vi = {
   func_content: qc,
   horizontal_align: "left",
   font_size: "14px",
@@ -19560,7 +19560,7 @@ const $o = new dC(), Ca = {
   context: e
 }) => {
   const t = _e(), {
-    value: n = $i
+    value: n = Vi
   } = K(e.instanceData, "config"), {
     variables: a
   } = e, i = e.data, {
@@ -19608,13 +19608,13 @@ function XC({
     s && n(s.label);
   }, [i]), /* @__PURE__ */ u(T, { gap: 0, mt: "sm", mb: "lg", children: [
     /* @__PURE__ */ r(k, { size: "sm", children: e }),
-    /* @__PURE__ */ r(V, { px: "1.5em", children: /* @__PURE__ */ r(Ku, { label: null, marks: hr, value: i, onChange: o, step: 25, ref: a }) })
+    /* @__PURE__ */ r($, { px: "1.5em", children: /* @__PURE__ */ r(Ku, { label: null, marks: hr, value: i, onChange: o, step: 25, ref: a }) })
   ] });
 }
 const ZC = R.forwardRef(XC), JC = ({
   value: e,
   onChange: t
-}) => /* @__PURE__ */ r(V, { sx: {
+}) => /* @__PURE__ */ r($, { sx: {
   position: "relative"
 }, children: /* @__PURE__ */ r(Qt, { height: "500px", defaultLanguage: "javascript", value: e, onChange: (a) => {
   a && t(a);
@@ -19664,7 +19664,7 @@ function tk({
   } = _(), {
     value: n,
     set: a
-  } = K(e.instanceData, "config"), i = z(() => He({}, n, $i), [n]), o = z(() => {
+  } = K(e.instanceData, "config"), i = z(() => He({}, n, Vi), [n]), o = z(() => {
     const {
       func_content: p,
       horizontal_align: g,
@@ -19704,7 +19704,7 @@ function tk({
       }) => /* @__PURE__ */ r(bi, { ...p }) }),
       /* @__PURE__ */ r(f, { name: "font_size", control: l, render: ({
         field: p
-      }) => /* @__PURE__ */ r($, { label: t("style.font_size.label"), placeholder: t("style.font_size.placeholder"), sx: {
+      }) => /* @__PURE__ */ r(V, { label: t("style.font_size.label"), placeholder: t("style.font_size.placeholder"), sx: {
         flex: 1
       }, ...p }) }),
       /* @__PURE__ */ r(y, { justify: "space-between", grow: !0, sx: {
@@ -19763,7 +19763,7 @@ const ok = {
   createConfig() {
     return {
       version: 1,
-      config: Ae($i)
+      config: Ae(Vi)
     };
   },
   translation: ak
@@ -19772,7 +19772,7 @@ const ok = {
   /* @__PURE__ */ r("path", { d: "M18.39 32.28H16.51V35.02H18.39V32.28Z", fill: "#9399A5" }),
   /* @__PURE__ */ r("path", { d: "M46.87 15H20.69C18.38 15 16.5 16.88 16.5 19.19V26.22H18.38V23.45H49.18V47.68H18.38V41.07H16.5V49.55H51.05V19.19C51.06 16.88 49.18 15 46.87 15ZM39.46 20.73C38.81 20.73 38.29 20.2 38.29 19.56C38.29 18.92 38.82 18.39 39.46 18.39C40.11 18.39 40.63 18.92 40.63 19.56C40.63 20.2 40.11 20.73 39.46 20.73ZM43.22 20.73C42.57 20.73 42.05 20.2 42.05 19.56C42.05 18.92 42.58 18.39 43.22 18.39C43.87 18.39 44.39 18.92 44.39 19.56C44.39 20.2 43.87 20.73 43.22 20.73ZM46.97 20.73C46.32 20.73 45.8 20.2 45.8 19.56C45.8 18.92 46.33 18.39 46.97 18.39C47.62 18.39 48.14 18.92 48.14 19.56C48.14 20.2 47.62 20.73 46.97 20.73Z", fill: "#9399A5" })
 ] });
-function Vo(e, t) {
+function $o(e, t) {
   const n = C.get(e, t, "");
   if (n)
     throw new Error(n);
@@ -19815,9 +19815,9 @@ const ck = ({
     const c = n.startsWith("http") ? n : window.location.origin;
     return await sk(c, `/expert/v3/devtable/${a}`, s, {});
   } catch (c) {
-    throw Vo(c, "response.data.detail"), Vo(c, "response.data.error"), console.error(c), c;
+    throw $o(c, "response.data.detail"), $o(c, "response.data.error"), console.error(c), c;
   }
-}, Vi = {
+}, $i = {
   expertSystemURL: "",
   path: "",
   goal: "",
@@ -19828,7 +19828,7 @@ const ck = ({
   ...ri
 }, Po = ({
   message: e
-}) => /* @__PURE__ */ r(V, { sx: ka, children: /* @__PURE__ */ r("div", { dangerouslySetInnerHTML: {
+}) => /* @__PURE__ */ r($, { sx: ka, children: /* @__PURE__ */ r("div", { dangerouslySetInnerHTML: {
   __html: e
 }, style: {
   fontSize: "14px",
@@ -19856,7 +19856,7 @@ function uk({
 }) {
   const {
     value: t
-  } = K(e.instanceData, "config"), n = z(() => He({}, t, Vi), [t]), {
+  } = K(e.instanceData, "config"), n = z(() => He({}, t, $i), [t]), {
     width: a,
     height: i
   } = e.viewport, o = e.data, {
@@ -19869,10 +19869,10 @@ function uk({
   }), {
     refreshDeps: [o, n]
   });
-  return !a || !i || !n ? null : c ? /* @__PURE__ */ r(V, { sx: {
+  return !a || !i || !n ? null : c ? /* @__PURE__ */ r($, { sx: {
     position: "relative",
     height: i
-  }, children: /* @__PURE__ */ r(un, { visible: !0 }) }) : s ? /* @__PURE__ */ r(V, { sx: ka, "data-enable-scrollbar": !0, children: /* @__PURE__ */ r(dk, { error: s, width: a, height: i }) }) : !l || !Array.isArray(l.replies) || l.replies.length === 0 ? null : /* @__PURE__ */ r(V, { sx: ka, "data-enable-scrollbar": !0, children: l.replies.map((d, h) => /* @__PURE__ */ r("div", { dangerouslySetInnerHTML: {
+  }, children: /* @__PURE__ */ r(un, { visible: !0 }) }) : s ? /* @__PURE__ */ r($, { sx: ka, "data-enable-scrollbar": !0, children: /* @__PURE__ */ r(dk, { error: s, width: a, height: i }) }) : !l || !Array.isArray(l.replies) || l.replies.length === 0 ? null : /* @__PURE__ */ r($, { sx: ka, "data-enable-scrollbar": !0, children: l.replies.map((d, h) => /* @__PURE__ */ r("div", { dangerouslySetInnerHTML: {
     __html: d.interpretation.html
   } }, h)) });
 }
@@ -19882,7 +19882,7 @@ function hk({
   const {
     value: t,
     set: n
-  } = K(e.instanceData, "config"), a = z(() => He({}, t, Vi), [t]), {
+  } = K(e.instanceData, "config"), a = z(() => He({}, t, $i), [t]), {
     control: i,
     handleSubmit: o,
     watch: l,
@@ -19897,18 +19897,18 @@ function hk({
     /* @__PURE__ */ u(y, { grow: !0, children: [
       /* @__PURE__ */ r(f, { name: "expertSystemURL", control: i, render: ({
         field: d
-      }) => /* @__PURE__ */ r($, { label: "Expert System URL", ...d }) }),
+      }) => /* @__PURE__ */ r(V, { label: "Expert System URL", ...d }) }),
       /* @__PURE__ */ r(f, { name: "path", control: i, render: ({
         field: d
-      }) => /* @__PURE__ */ r($, { label: "Path", required: !0, ...d }) })
+      }) => /* @__PURE__ */ r(V, { label: "Path", required: !0, ...d }) })
     ] }),
     /* @__PURE__ */ u(y, { grow: !0, children: [
       /* @__PURE__ */ r(f, { name: "goal", control: i, render: ({
         field: d
-      }) => /* @__PURE__ */ r($, { label: "Goal", required: !0, ...d }) }),
+      }) => /* @__PURE__ */ r(V, { label: "Goal", required: !0, ...d }) }),
       /* @__PURE__ */ r(f, { name: "question", control: i, render: ({
         field: d
-      }) => /* @__PURE__ */ r($, { label: "Question", required: !0, ...d }) })
+      }) => /* @__PURE__ */ r(V, { label: "Question", required: !0, ...d }) })
     ] }),
     /* @__PURE__ */ r(A, { variant: "dashed", mt: 16, mb: 8 }),
     /* @__PURE__ */ r(L, { type: "submit", variant: "filled", color: "blue", leftSection: /* @__PURE__ */ r(fe, { size: 20 }), disabled: !s.isDirty, sx: {
@@ -19953,7 +19953,7 @@ const bk = {
   createConfig() {
     return {
       version: 1,
-      config: Ae(Vi)
+      config: Ae($i)
     };
   },
   translation: gk
@@ -20208,7 +20208,7 @@ function Lk(e, t) {
     }))
   };
 }
-function $k(e, t, n) {
+function Vk(e, t, n) {
   return e ? {
     type: "heatmap",
     name: "heatmap",
@@ -20223,7 +20223,7 @@ function $k(e, t, n) {
     data: i
   }));
 }
-const Vk = (e) => ue(e, {
+const $k = (e) => ue(e, {
   output: "number",
   trimMantissa: !0,
   mantissa: 2,
@@ -20247,7 +20247,7 @@ function Pk({
     const g = j(p.data_key), b = i[p.name] ?? "";
     d.push({
       label: p.name,
-      value: Vk(C.get(h, g.columnKey, "")),
+      value: $k(C.get(h, g.columnKey, "")),
       unit: b
     });
   }), d;
@@ -20335,7 +20335,7 @@ function Ok(e, t, n) {
   } = Ek(h), v = p <= 366;
   return {
     calendar: Ik(v, g, x),
-    series: $k(v, b, h),
+    series: Vk(v, b, h),
     tooltip: Ak(e, t, s),
     visualMap: {
       ...i,
@@ -20452,7 +20452,7 @@ function Qk({
       }, ...a }) }),
       /* @__PURE__ */ r(f, { name: "heat_block.name", control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r($, { label: n("common.name"), sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("common.name"), sx: {
         flex: 1
       }, ...a }) })
     ] }),
@@ -20476,7 +20476,7 @@ const Hk = ({
     /* @__PURE__ */ u(y, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `tooltip.metrics.${t}.name`, control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r($, { label: n("common.name"), required: !0, sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("common.name"), required: !0, sx: {
         flex: 1
       }, ...a }) }),
       /* @__PURE__ */ r(f, { name: `tooltip.metrics.${t}.data_key`, control: e, render: ({
@@ -21095,7 +21095,7 @@ function _2({
     /* @__PURE__ */ u(y, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `reference_lines.${t}.name`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ r($, { label: o("common.name"), placeholder: o("chart.reference_line.name_placeholder"), required: !0, sx: {
+      }) => /* @__PURE__ */ r(V, { label: o("common.name"), placeholder: o("chart.reference_line.name_placeholder"), required: !0, sx: {
         flex: 1
       }, ...s }) }),
       /* @__PURE__ */ r(f, { name: `reference_lines.${t}.variable_key`, control: e, render: ({
@@ -21106,7 +21106,7 @@ function _2({
     ] }),
     /* @__PURE__ */ r(f, { name: `reference_lines.${t}.template`, control: e, render: ({
       field: s
-    }) => /* @__PURE__ */ r($, { label: o("chart.content_template.label"), placeholder: o("chart.content_template.hint"), sx: {
+    }) => /* @__PURE__ */ r(V, { label: o("chart.content_template.label"), placeholder: o("chart.content_template.hint"), sx: {
       flex: 1
     }, ...s }) }),
     /* @__PURE__ */ u(y, { grow: !0, children: [
@@ -21189,7 +21189,7 @@ function v2({
     /* @__PURE__ */ u(y, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `series.${t}.stack`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ r($, { label: a("chart.series.bar.stack"), placeholder: a("chart.series.bar.stack_hint"), sx: {
+      }) => /* @__PURE__ */ r(V, { label: a("chart.series.bar.stack"), placeholder: a("chart.series.bar.stack_hint"), sx: {
         flexGrow: 1
       }, ...s }) }),
       /* @__PURE__ */ r(f, { name: `series.${t}.barGap`, control: e, render: ({
@@ -21201,17 +21201,17 @@ function v2({
     /* @__PURE__ */ u(y, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `series.${t}.barMinWidth`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ r($, { label: a("chart.series.bar.bar_width.min"), disabled: o, sx: {
+      }) => /* @__PURE__ */ r(V, { label: a("chart.series.bar.bar_width.min"), disabled: o, sx: {
         flexGrow: 1
       }, ...s }) }),
       /* @__PURE__ */ r(f, { name: `series.${t}.barWidth`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ r($, { label: a("chart.series.bar.bar_width.exact"), sx: {
+      }) => /* @__PURE__ */ r(V, { label: a("chart.series.bar.bar_width.exact"), sx: {
         flexGrow: 1
       }, ...s }) }),
       /* @__PURE__ */ r(f, { name: `series.${t}.barMaxWidth`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ r($, { label: a("chart.series.bar.bar_width.max"), disabled: o, sx: {
+      }) => /* @__PURE__ */ r(V, { label: a("chart.series.bar.bar_width.max"), disabled: o, sx: {
         flexGrow: 1
       }, ...s }) })
     ] })
@@ -21232,7 +21232,7 @@ function w2({
     /* @__PURE__ */ u(y, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `series.${t}.name`, control: e, render: ({
         field: o
-      }) => /* @__PURE__ */ r($, { label: i("common.name"), required: !0, sx: {
+      }) => /* @__PURE__ */ r(V, { label: i("common.name"), required: !0, sx: {
         flex: 1
       }, ...o }) }),
       /* @__PURE__ */ r(f, { name: `series.${t}.xAxisIndex`, control: e, render: ({
@@ -21329,7 +21329,7 @@ function k2({
     /* @__PURE__ */ u(y, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `x_axes.${t}.name`, control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r($, { label: n("common.name"), required: !0, sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("common.name"), required: !0, sx: {
         flex: 1
       }, ...a }) }),
       /* @__PURE__ */ r(f, { name: `x_axes.${t}.position`, control: e, render: ({
@@ -21349,10 +21349,10 @@ function k2({
       /* @__PURE__ */ u(y, { grow: !0, children: [
         /* @__PURE__ */ r(f, { name: `x_axes.${t}.min`, control: e, render: ({
           field: a
-        }) => /* @__PURE__ */ r($, { label: n("chart.x_axis.value_min"), ...a }) }),
+        }) => /* @__PURE__ */ r(V, { label: n("chart.x_axis.value_min"), ...a }) }),
         /* @__PURE__ */ r(f, { name: `x_axes.${t}.max`, control: e, render: ({
           field: a
-        }) => /* @__PURE__ */ r($, { label: n("chart.x_axis.value_max"), ...a }) })
+        }) => /* @__PURE__ */ r(V, { label: n("chart.x_axis.value_max"), ...a }) })
       ] })
     ] }),
     /* @__PURE__ */ r(A, { mb: -10, mt: 10, variant: "dashed", label: n("chart.x_axis.behavior"), labelPosition: "center" }),
@@ -21387,7 +21387,7 @@ function T2({
     /* @__PURE__ */ u(y, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: "y_axis.name", control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r($, { label: n("common.name"), sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("common.name"), sx: {
         flex: 1
       }, ...a }) }),
       /* @__PURE__ */ r(f, { name: "y_axis.data_key", control: e, render: ({
@@ -21475,11 +21475,11 @@ const I2 = {
 }, {
   lang: "zh",
   resources: M2
-}], $2 = {
+}], V2 = {
   id: "builtin:echarts:click-echart:series",
   displayName: "viz.cartesian_chart.click_series.label",
   nameRender: P2,
-  configRender: V2,
+  configRender: $2,
   payload: [{
     name: "seriesType",
     description: "'line' | 'scatter' | 'bar'",
@@ -21506,7 +21506,7 @@ const I2 = {
     valueType: "object"
   }]
 };
-function V2(e) {
+function $2(e) {
   return /* @__PURE__ */ r(q, {});
 }
 function P2(e) {
@@ -21599,7 +21599,7 @@ const O2 = {
     version: 3,
     config: C.cloneDeep(Ai)
   }),
-  triggers: [$2],
+  triggers: [V2],
   translation: L2
 }, Ri = {
   x_axis: {
@@ -22295,7 +22295,7 @@ function s3({
   }, [h]), !s.data_key || !d || !h || !o || !l)
     return null;
   const b = Math.max(Tt(o), 300), x = Math.max(Dt(l), 370);
-  return /* @__PURE__ */ u(V, { pt: et.top, pr: et.right, pb: et.bottom, pl: et.left, sx: {
+  return /* @__PURE__ */ u($, { pt: et.top, pr: et.right, pb: et.bottom, pl: et.left, sx: {
     overflow: "hidden",
     height: l,
     width: o
@@ -22311,7 +22311,7 @@ function c3({
   return t(["deviation"]), /* @__PURE__ */ u(T, { children: [
     /* @__PURE__ */ r(y, { grow: !0, wrap: "nowrap", children: /* @__PURE__ */ r(f, { name: "deviation.name", control: e, render: ({
       field: n
-    }) => /* @__PURE__ */ r($, { label: "指标名称", sx: {
+    }) => /* @__PURE__ */ r(V, { label: "指标名称", sx: {
       flex: 1
     }, ...n }) }) }),
     /* @__PURE__ */ u(y, { grow: !0, wrap: "nowrap", children: [
@@ -22338,7 +22338,7 @@ const d3 = ({
   return /* @__PURE__ */ r(T, { children: /* @__PURE__ */ u(y, { grow: !0, wrap: "nowrap", children: [
     /* @__PURE__ */ r(f, { name: `metrics.${t}.name`, control: e, render: ({
       field: a
-    }) => /* @__PURE__ */ r($, { label: n("common.name"), required: !0, sx: {
+    }) => /* @__PURE__ */ r(V, { label: n("common.name"), required: !0, sx: {
       flex: 1
     }, ...a }) }),
     /* @__PURE__ */ r(f, { name: `metrics.${t}.data_key`, control: e, render: ({
@@ -22390,7 +22390,7 @@ function h3({
       }, ...n }) }),
       /* @__PURE__ */ r(f, { name: "x_axis.name", control: e, render: ({
         field: n
-      }) => /* @__PURE__ */ r($, { label: "X轴名称", sx: {
+      }) => /* @__PURE__ */ r(V, { label: "X轴名称", sx: {
         flex: 1
       }, ...n }) })
     ] }),
@@ -22666,7 +22666,7 @@ const Eo = ({
   }], [i.language]);
   return /* @__PURE__ */ u(y, { grow: !0, wrap: "nowrap", children: [
     /* @__PURE__ */ r(F, { label: a("viz.merico_stats.metric.postfix_type.label"), data: d, value: e.type, onChange: s }),
-    e.type === "text" && /* @__PURE__ */ r($, { label: a("viz.merico_stats.metric.postfix_content"), value: e.value, onChange: (h) => {
+    e.type === "text" && /* @__PURE__ */ r(V, { label: a("viz.merico_stats.metric.postfix_content"), value: e.value, onChange: (h) => {
       c(h.currentTarget.value);
     } }),
     e.type === "filter-option-label" && /* @__PURE__ */ r(F, { label: a("viz.merico_stats.metric.postfix_filter"), value: e.value, onChange: c, data: l })
@@ -22688,7 +22688,7 @@ function k3({
     /* @__PURE__ */ u(y, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `metrics.${t}.names.value`, control: e, render: ({
         field: o
-      }) => /* @__PURE__ */ r($, { label: i("viz.merico_stats.metric.metric_name"), required: !0, sx: {
+      }) => /* @__PURE__ */ r(V, { label: i("viz.merico_stats.metric.metric_name"), required: !0, sx: {
         flex: 1
       }, ...o }) }),
       /* @__PURE__ */ r(f, { name: `metrics.${t}.data_keys.value`, control: e, render: ({
@@ -22700,7 +22700,7 @@ function k3({
     /* @__PURE__ */ u(y, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `metrics.${t}.names.basis`, control: e, render: ({
         field: o
-      }) => /* @__PURE__ */ r($, { label: i("viz.merico_stats.metric.basis_name"), required: !0, sx: {
+      }) => /* @__PURE__ */ r(V, { label: i("viz.merico_stats.metric.basis_name"), required: !0, sx: {
         flex: 1
       }, ...o }) }),
       /* @__PURE__ */ r(f, { name: `metrics.${t}.data_keys.basis`, control: e, render: ({
@@ -22853,14 +22853,14 @@ const M3 = {
       postfix_filter: "筛选器"
     }
   }
-}, $3 = [{
+}, V3 = [{
   lang: "en",
   resources: M3
 }, {
   lang: "zh",
   resources: L3
 }];
-class V3 extends Se {
+class $3 extends Se {
   constructor() {
     super(...arguments);
     B(this, "VERSION", 2);
@@ -22880,7 +22880,7 @@ class V3 extends Se {
 const P3 = {
   displayName: "viz.merico_stats.viz_name",
   displayGroup: "chart.groups.merico_suite",
-  migrator: new V3(),
+  migrator: new $3(),
   name: "merico-stats",
   viewRender: S3,
   configRender: D3,
@@ -22888,7 +22888,7 @@ const P3 = {
     version: 2,
     config: Ei
   }),
-  translation: $3
+  translation: V3
 }, Oi = {
   x_axis: {
     name: "",
@@ -22942,7 +22942,7 @@ function A3({
       }, ...i }) }),
       /* @__PURE__ */ r(f, { name: "heat_block.name", control: e, render: ({
         field: i
-      }) => /* @__PURE__ */ r($, { label: n("common.name"), sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("common.name"), sx: {
         flex: 1
       }, ...i }) })
     ] }),
@@ -22957,7 +22957,7 @@ function A3({
     /* @__PURE__ */ u(y, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: "heat_block.label.show", control: e, render: ({
         field: i
-      }) => /* @__PURE__ */ r(ke, { label: n("chart.heatmap.heatblock.show_label"), checked: i.value, onChange: (o) => i.onChange(o.currentTarget.checked), sx: {
+      }) => /* @__PURE__ */ r(Ce, { label: n("chart.heatmap.heatblock.show_label"), checked: i.value, onChange: (o) => i.onChange(o.currentTarget.checked), sx: {
         flexGrow: 1
       } }) }),
       /* @__PURE__ */ r(f, { name: "heat_block.label.fontSize", control: e, render: ({
@@ -22977,7 +22977,7 @@ const R3 = ({
     /* @__PURE__ */ u(y, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `tooltip.metrics.${t}.name`, control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r($, { label: n("common.name"), required: !0, sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("common.name"), required: !0, sx: {
         flex: 1
       }, ...a }) }),
       /* @__PURE__ */ r(f, { name: `tooltip.metrics.${t}.data_key`, control: e, render: ({
@@ -23042,7 +23042,7 @@ function F3({
       }, ...a }) }),
       /* @__PURE__ */ r(f, { name: "x_axis.name", control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r($, { label: n("common.name"), sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("common.name"), sx: {
         flex: 1
       }, ...a }) })
     ] }),
@@ -23080,7 +23080,7 @@ function q3({
       }, ...a }) }),
       /* @__PURE__ */ r(f, { name: "y_axis.name", control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r($, { label: n("common.name"), required: !0, sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("common.name"), required: !0, sx: {
         flex: 1
       }, ...a }) })
     ] }),
@@ -23854,7 +23854,7 @@ const cz = {
       clearable: !0
     }
   );
-}), $z = ({
+}), Vz = ({
   form: e
 }) => {
   const {
@@ -23869,7 +23869,7 @@ const cz = {
     }) => /* @__PURE__ */ r(Lz, { disabled: n, ...a }) })
   ] });
 };
-function Vz({
+function $z({
   context: e
 }) {
   const {
@@ -23886,7 +23886,7 @@ function Vz({
     s(a);
   }, [a]), /* @__PURE__ */ u("form", { onSubmit: o(n), children: [
     /* @__PURE__ */ r(Ie, { canSubmit: l.isDirty }),
-    /* @__PURE__ */ r($z, { form: i })
+    /* @__PURE__ */ r(Vz, { form: i })
   ] });
 }
 const Pz = {
@@ -23932,7 +23932,7 @@ const Oz = {
   migrator: new Ez(),
   name: "vizDashboardState",
   viewRender: Dz,
-  configRender: Vz,
+  configRender: $z,
   createConfig: () => ({
     version: 1,
     config: Hc
@@ -23985,7 +23985,7 @@ const Oz = {
   value: e.value,
   type: "single",
   category: "basic"
-})), qz = [Cm, km, Dm, Tm, zm, Im], Fi = [Ca, VS, ok, d1, rC, Jw, O2, hf, Cy, Ox, Mv, Yk, bw, bx, hS, T0, r1, bk, x3, cz, P3, Oy, Oz], Gc = Fi.reduce((e, t) => (e[t.name] = {
+})), qz = [Cm, km, Dm, Tm, zm, Im], Fi = [Ca, $S, ok, d1, rC, Jw, O2, hf, Cy, Ox, Mv, Yk, bw, bx, hS, T0, r1, bk, x3, cz, P3, Oy, Oz], Gc = Fi.reduce((e, t) => (e[t.name] = {
   displayName: t.displayName,
   displayGroup: t.displayGroup
 }, e), {}), Wc = () => ({
@@ -23996,17 +23996,17 @@ const Oz = {
     color: [...Fz, ...qz]
   }
 }), Ln = new Am(), ve = {
-  pluginManager: $t("pluginManager"),
-  vizManager: $t("vizManager"),
-  colorManager: $t("colorManager"),
-  panelAddonManager: $t("panelAddonManager"),
+  pluginManager: Vt("pluginManager"),
+  vizManager: Vt("vizManager"),
+  colorManager: Vt("colorManager"),
+  panelAddonManager: Vt("panelAddonManager"),
   instanceScope: {
-    panelModel: $t("panelModel"),
-    vizInstance: $t("vizInstance"),
-    interactionManager: $t("interactionManager"),
-    migrator: $t("migrator"),
-    operationManager: $t("operationManager"),
-    triggerManager: $t("triggerManager")
+    panelModel: Vt("panelModel"),
+    vizInstance: Vt("vizInstance"),
+    interactionManager: Vt("interactionManager"),
+    migrator: Vt("migrator"),
+    operationManager: Vt("operationManager"),
+    triggerManager: Vt("triggerManager")
   }
 }, qi = () => {
   try {
@@ -24063,13 +24063,13 @@ O.extend(Tp);
 O.extend(Dp);
 O.extend(Ip);
 O.extend(Mp);
-O.extend(Vp);
+O.extend($p);
 O.extend(Pp);
 O.extend(Ap);
 O.extend(Rp);
 O.extend(Ep);
 O.extend(Lp);
-O.extend($p);
+O.extend(Vp);
 O.extend(Op);
 O.extend(Fp);
 O.extend(qp);
@@ -24250,11 +24250,11 @@ class Hz {
     return this.getRequest("PUT", t);
   }
 }
-const $n = new Qz();
+const Vn = new Qz();
 function Kc(e) {
-  $n.baseURL !== e.apiBaseURL && ($n.baseURL = e.apiBaseURL), e.app_id && ($n.app_id = e.app_id), e.app_secret && ($n.app_secret = e.app_secret), e.makeQueryENV && ($n.makeQueryENV = e.makeQueryENV);
+  Vn.baseURL !== e.apiBaseURL && (Vn.baseURL = e.apiBaseURL), e.app_id && (Vn.app_id = e.app_id), e.app_secret && (Vn.app_secret = e.app_secret), e.makeQueryENV && (Vn.makeQueryENV = e.makeQueryENV);
 }
-const Gz = new Hz($n), pt = Gz, Yc = m.model("MockContextMeta", {
+const Gz = new Hz(Vn), pt = Gz, Yc = m.model("MockContextMeta", {
   current: m.optional(m.frozen(), {})
 }).views((e) => ({
   get keys() {
@@ -24480,7 +24480,7 @@ const Zc = m.model("DBQueryMeta", {
   sql: m.string
 }).views((e) => ({
   get base() {
-    return Ce(e);
+    return ke(e);
   },
   get valid() {
     return !!e.sql;
@@ -24575,7 +24575,7 @@ const Zc = m.model("DBQueryMeta", {
   }
 })).actions((e) => ({
   removeSelf() {
-    Ce(e, 2).removeFilter(e);
+    ke(e, 2).removeFilter(e);
   },
   setDimension(t) {
     e.dimension = t ?? "", e.allEmpty && this.removeSelf();
@@ -24595,10 +24595,11 @@ const Zc = m.model("DBQueryMeta", {
     unit_variable: m.optional(m.string, ""),
     timezone: m.optional(m.string, "PRC"),
     stepKeyFormat: m.optional(m.string, "YYYY-MM-DD")
-  })
+  }),
+  useDefaultValues: m.optional(m.boolean, !1)
 }).views((e) => ({
   get query() {
-    return Ce(e);
+    return ke(e);
   },
   get valid() {
     return !!e.id;
@@ -24639,7 +24640,7 @@ const Zc = m.model("DBQueryMeta", {
   }
 })).actions((e) => ({
   reset() {
-    e.filters.length = 0, e.groupBys.length = 0, e.timeQuery.enabled = !1, e.timeQuery.range_variable = "", e.timeQuery.unit_variable = "", "data" in e.query && (e.query.setData([]), e.query.setError(null));
+    e.filters.length = 0, e.groupBys.length = 0, e.timeQuery.enabled = !1, e.timeQuery.range_variable = "", e.timeQuery.unit_variable = "", e.useDefaultValues = !1, "data" in e.query && (e.query.setData([]), e.query.setError(null));
   },
   setID(t) {
     t !== e.id && this.reset(), e.id = t;
@@ -24667,6 +24668,9 @@ const Zc = m.model("DBQueryMeta", {
   },
   setTimeQueryEnabled(t) {
     e.timeQuery.enabled = t, t ? e.groupBys.length > 1 && (e.groupBys.length = 0) : (e.timeQuery.range_variable = "", e.timeQuery.unit_variable = "");
+  },
+  setUseDefaultValues(t) {
+    e.useDefaultValues = t;
   }
 })), n5 = () => td.create({
   _type: ie.MericoMetricSystem,
@@ -24679,7 +24683,8 @@ const Zc = m.model("DBQueryMeta", {
     unit_variable: "",
     timezone: "PRC",
     stepKeyFormat: "YYYY-MM-DD"
-  }
+  },
+  useDefaultValues: !1
 }), r5 = m.model("QueryMeta", {
   id: m.string,
   name: m.string,
@@ -25301,7 +25306,7 @@ const c5 = m.model("FilterDateRangeConfigMeta", {
     }
   },
   get filter() {
-    return Ce(e);
+    return ke(e);
   },
   get dateStringsValue() {
     try {
@@ -25391,7 +25396,7 @@ const c5 = m.model("FilterDateRangeConfigMeta", {
     return Le(e).content;
   },
   get filter() {
-    return Ce(e);
+    return ke(e);
   },
   get usingQuery() {
     return !!e.options_query_id;
@@ -25717,7 +25722,7 @@ const c5 = m.model("FilterDateRangeConfigMeta", {
       /* @__PURE__ */ r(Z, { checked: a.required, onChange: (i) => a.setRequired(i.currentTarget.checked), label: n("filter.widget.select.required") }),
       /* @__PURE__ */ r(Dn, { filter: t })
     ] }),
-    /* @__PURE__ */ r($, { label: n("filter.widget.common.min_width"), value: a.min_width, onChange: (i) => a.setMinWidth(i.currentTarget.value), placeholder: "200px" }),
+    /* @__PURE__ */ r(V, { label: n("filter.widget.common.min_width"), value: a.min_width, onChange: (i) => a.setMinWidth(i.currentTarget.value), placeholder: "200px" }),
     /* @__PURE__ */ r(A, { label: n("filter.widget.common.fetch_options_from_datasource"), labelPosition: "center" }),
     /* @__PURE__ */ r(Z, { checked: a.treeCheckStrictly, onChange: (i) => a.setTreeCheckStrictly(i.currentTarget.checked), label: n("filter.widget.tree_select.strictly") }),
     /* @__PURE__ */ r(na, { value: a.options_query_id, onChange: a.setOptionsQueryID }),
@@ -26158,7 +26163,7 @@ const c5 = m.model("FilterDateRangeConfigMeta", {
       /* @__PURE__ */ r(Z, { checked: n.required, onChange: (a) => n.setRequired(a.currentTarget.checked), label: t("filter.widget.select.required") }),
       /* @__PURE__ */ r(Dn, { filter: e })
     ] }),
-    /* @__PURE__ */ r($, { label: t("filter.widget.common.min_width"), value: n.min_width, onChange: (a) => n.setMinWidth(a.currentTarget.value), placeholder: "200px" }),
+    /* @__PURE__ */ r(V, { label: t("filter.widget.common.min_width"), value: n.min_width, onChange: (a) => n.setMinWidth(a.currentTarget.value), placeholder: "200px" }),
     /* @__PURE__ */ r(A, { label: t("filter.widget.common.fetch_options_from_datasource"), labelPosition: "center" }),
     /* @__PURE__ */ r(na, { value: n.options_query_id, onChange: n.setOptionsQueryID }),
     /* @__PURE__ */ r(Z, { checked: n.default_selection_count === 1, onChange: (a) => n.setDefaultSelectionCount(a.currentTarget.checked ? 1 : 0), label: t("filter.widget.tree_single_select.select_first_option_by_default") }),
@@ -26701,7 +26706,7 @@ const fd = m.compose("FilterConfigModel_BaseTreeSelect", m.model({
       delay: 0
     }));
   }
-})), $5 = () => yd.create({
+})), V5 = () => yd.create({
   _name: "tree-single-select",
   default_value: "",
   static_options: [],
@@ -26804,7 +26809,7 @@ const fd = m.compose("FilterConfigModel_BaseTreeSelect", m.model({
         e.config = L5();
         break;
       case H.TreeSingleSelect:
-        e.config = $5();
+        e.config = V5();
         break;
       case H.TextInput:
         e.config = ud();
@@ -26842,7 +26847,7 @@ const _d = m.model("ViewDivisionConfig", {
       _name: t
     };
   }
-})), V5 = () => _d.create({
+})), $5 = () => _d.create({
   _name: G.Division
 }), P5 = m.model("CustomModalTitleModel", {
   enabled: m.optional(m.boolean, !1),
@@ -26862,7 +26867,7 @@ const _d = m.model("ViewDivisionConfig", {
     const {
       enabled: t,
       func_content: n
-    } = e, a = Ce(e, 2), i = Le(e);
+    } = e, a = ke(e, 2), i = Le(e);
     if (!t)
       return a.name;
     try {
@@ -27042,7 +27047,7 @@ const _d = m.model("ViewDivisionConfig", {
     if (e.type !== t) {
       switch (t) {
         case G.Division:
-          e.config = V5();
+          e.config = $5();
           break;
         case G.Modal:
           e.config = A5();
@@ -27180,7 +27185,7 @@ const kd = m.compose("ViewRenderModel", O5, m.model({
     return this.tabView ? this.tabView.view_id ?? "" : "";
   },
   get contentModel() {
-    return Ce(e, 3);
+    return ke(e, 3);
   },
   get panels() {
     if (e.type !== G.Tabs)
@@ -27498,12 +27503,12 @@ function Q5(e, t) {
     return console.error(a), Ld(e);
   }
 }
-function $d(e, t) {
+function Vd(e, t) {
   var n;
   return (n = e.default_value_func) != null && n.trim() ? Q5(e, t) : Ld(e);
 }
-function Vd(e, t) {
-  return e.reduce((n, a) => (n[a.key] = $d(a, t), n), {});
+function $d(e, t) {
+  return e.reduce((n, a) => (n[a.key] = Vd(a, t), n), {});
 }
 function Pd(e, t) {
   const n = {};
@@ -27526,7 +27531,7 @@ const Ad = m.model("FiltersRenderModel", {
     return JSON.stringify(e.values);
   },
   get filter() {
-    return Ce(e);
+    return ke(e);
   },
   get keysToTypes() {
     return e.current.reduce((t, n) => (t[n.key] = n.type, t), {});
@@ -27570,7 +27575,7 @@ const Ad = m.model("FiltersRenderModel", {
     });
   },
   get formattedDefaultValues() {
-    return Vd(this.json, this.contentModel.context);
+    return $d(this.json, this.contentModel.context);
   },
   get firstID() {
     if (e.current.length !== 0)
@@ -27653,7 +27658,7 @@ function Rd(e, t, n, a) {
   const i = {
     ...n,
     ...t
-  }, o = Vd(e, i), l = Pd(a, o);
+  }, o = $d(e, i), l = Pd(a, o);
   return {
     current: e,
     values: l
@@ -27895,7 +27900,7 @@ const K5 = r5.views((e) => ({
     };
   },
   get queries() {
-    return Ce(e, 2);
+    return ke(e, 2);
   },
   get inUse() {
     return this.queries.isQueryInUse(e.id);
@@ -27906,7 +27911,7 @@ const K5 = r5.views((e) => ({
     const t = C.get(e, "config.sql", "");
     if (!t)
       return [];
-    const n = C.uniq(t.match(Vn.sqlSnippet)), a = C.uniq(t.match(Vn.filter)), i = C.uniq(t.match(Vn.context)), o = [];
+    const n = C.uniq(t.match($n.sqlSnippet)), a = C.uniq(t.match($n.filter)), i = C.uniq(t.match($n.context)), o = [];
     return n.forEach((l) => {
       o.push({
         type: "sql_snippet",
@@ -27934,7 +27939,7 @@ const K5 = r5.views((e) => ({
     if (e.run_by.forEach((l) => n(l)), C.get(e.config, "react_to", []).forEach((l) => n(l)), !this.typedAsSQL)
       return t;
     const i = C.get(e, "config.sql", "");
-    return i && C.uniq(i.match(Vn.filter)).forEach((l) => n(l)), t;
+    return i && C.uniq(i.match($n.filter)).forEach((l) => n(l)), t;
   },
   get metricQueryPayload() {
     if (e.type !== ie.MericoMetricSystem)
@@ -27961,7 +27966,7 @@ const K5 = r5.views((e) => ({
       filters: i,
       groupBys: a.groupBys
     };
-    if (!a.timeQuery.enabled)
+    if (a.useDefaultValues && (o.useDefaultValues = !0), !a.timeQuery.enabled)
       return o;
     const {
       range_variable: l,
@@ -28067,7 +28072,7 @@ const K5 = r5.views((e) => ({
       e.controller = new AbortController(), e.state = "loading";
       try {
         const n = e.payload, a = e.config;
-        e.data = yield* Vt(G5({
+        e.data = yield* $t(G5({
           payload: n,
           name: e.name,
           query: {
@@ -28102,7 +28107,7 @@ const K5 = r5.views((e) => ({
         } = e.json;
         let o = JSON.parse(e.httpConfigString);
         o = xr(e.datasource, o);
-        const l = yield* Vt(W5({
+        const l = yield* $t(W5({
           type: n,
           key: a,
           configString: JSON.stringify(o),
@@ -28137,7 +28142,7 @@ const K5 = r5.views((e) => ({
           data: e.metricQueryPayload
         };
         o = xr(e.datasource, o);
-        const l = yield* Vt(U5({
+        const l = yield* $t(U5({
           key: a,
           configString: JSON.stringify(o),
           name: e.name,
@@ -28220,7 +28225,7 @@ const K5 = r5.views((e) => ({
     return this.root.name;
   },
   get contentModel() {
-    return Ce(e, 1);
+    return ke(e, 1);
   },
   get visibleQueryIDSet() {
     const {
@@ -28465,7 +28470,7 @@ const qd = m.model("LayoutsRenderModel", {
   }
 })), X5 = o5.views((e) => ({
   isADuplicatedKey(t) {
-    return !t || t === e.key ? !1 : !!Ce(e, 2).findByKey(t);
+    return !t || t === e.key ? !1 : !!ke(e, 2).findByKey(t);
   }
 })), Nd = m.model("SQLSnippetsRenderModel", {
   current: m.optional(m.array(X5), [])
@@ -28555,7 +28560,7 @@ const eT = (e) => new J5(e), tT = ({
     border: "0.0625rem solid rgb(233, 236, 239)",
     boxShadow: "rgb(0 0 0 / 5%) 0px 0.0625rem 0.1875rem, rgb(0 0 0 / 5%) 0px 1.25rem 1.5625rem -0.3125rem, rgb(0 0 0 / 4%) 0px 0.625rem 0.625rem -0.3125rem"
   }
-}, withArrow: !0, children: /* @__PURE__ */ r(V, { sx: {
+}, withArrow: !0, children: /* @__PURE__ */ r($, { sx: {
   height: "16px",
   alignSelf: "center"
 }, children: /* @__PURE__ */ r(Re, { size: 16, color: "gray" }) }) }), nT = D(({
@@ -28568,10 +28573,10 @@ const eT = (e) => new J5(e), tT = ({
   },
   value: o,
   onChange: l
-}) => /* @__PURE__ */ u(V, { children: [
+}) => /* @__PURE__ */ u($, { children: [
   /* @__PURE__ */ r(k, { size: "sm", children: " " }),
   /* @__PURE__ */ r(Z, { label: /* @__PURE__ */ u(y, { wrap: "nowrap", justify: "space-between", align: "middle", gap: 6, children: [
-    /* @__PURE__ */ r(V, { sx: {
+    /* @__PURE__ */ r($, { sx: {
       flexGrow: 1
     }, children: e }),
     /* @__PURE__ */ r(tT, { description: n, isDescriptionEmpty: a })
@@ -28696,7 +28701,7 @@ const eT = (e) => new J5(e), tT = ({
     /* @__PURE__ */ u(y, { justify: "flex-start", grow: !0, wrap: "nowrap", gap: 0, w: "288px", sx: {
       marginTop: "3px"
     }, children: [
-      /* @__PURE__ */ r(mt.Target, { children: /* @__PURE__ */ r($, { label: e, labelProps: {
+      /* @__PURE__ */ r(mt.Target, { children: /* @__PURE__ */ r(V, { label: e, labelProps: {
         title: e
       }, required: t, leftSection: /* @__PURE__ */ r(Ch, { size: 16 }), placeholder: c("filter.widget.date_range.start_date"), readOnly: !0, disabled: s, value: x, onFocus: h, styles: jo(d), sx: {
         ".mantine-TextInput-label": {
@@ -28721,7 +28726,7 @@ const eT = (e) => new J5(e), tT = ({
           opacity: 0.6
         }
       } }) }),
-      /* @__PURE__ */ r($, { label: /* @__PURE__ */ r(y, { justify: "flex-end", children: /* @__PURE__ */ r(aT, { begin: g, end: b }) }), leftSection: /* @__PURE__ */ r(kh, { size: 16 }), placeholder: c("filter.widget.date_range.end_date"), readOnly: !0, disabled: !g || s, value: v, onFocus: h, styles: jo(d), sx: {
+      /* @__PURE__ */ r(V, { label: /* @__PURE__ */ r(y, { justify: "flex-end", children: /* @__PURE__ */ r(aT, { begin: g, end: b }) }), leftSection: /* @__PURE__ */ r(kh, { size: 16 }), placeholder: c("filter.widget.date_range.end_date"), readOnly: !0, disabled: !g || s, value: v, onFocus: h, styles: jo(d), sx: {
         ".mantine-Input-section": {
           transform: "translateX(-18px)"
         },
@@ -28985,11 +28990,11 @@ const eT = (e) => new J5(e), tT = ({
   }, v = g && (i == null ? void 0 : i.length) > 0, [I, M] = Q(""), P = z(() => {
     if (!I)
       return l;
-    const J = I.toLowerCase(), Ve = (Xe) => {
+    const J = I.toLowerCase(), $e = (Xe) => {
       var Gt;
       return ((Gt = Xe.description) == null ? void 0 : Gt.toLowerCase().includes(J)) || Xe.label.toLowerCase().includes(J);
     };
-    return l.filter(Ve);
+    return l.filter($e);
   }, [I, l]), E = z(() => new Set(l.map((J) => J.value)), [l]), Y = z(() => new Set(i), [i]), U = z(() => Y.size !== E.size ? !1 : Array.from(E).every((J) => Y.has(J)), [Y, E]), de = () => {
     if (U) {
       o([]);
@@ -29101,7 +29106,7 @@ function gT({
   value: n,
   onChange: a
 }) {
-  return /* @__PURE__ */ r($, { label: e, value: n || "", onChange: (i) => a(i.currentTarget.value), ...t, styles: {
+  return /* @__PURE__ */ r(V, { label: e, value: n || "", onChange: (i) => a(i.currentTarget.value), ...t, styles: {
     input: {
       borderColor: "#e9ecef"
     }
@@ -29277,7 +29282,7 @@ const CT = ({
     t
   } = _(), n = he(), {
     panel: a
-  } = $e(), i = a.realQueryOptions, o = (s) => {
+  } = Ve(), i = a.realQueryOptions, o = (s) => {
     n.editor.open(["_QUERIES_", s]);
   }, l = () => {
     n.editor.open(["_VIEWS_", e.id, "_PANELS_", a.id, "_TABS_", "Data"]);
@@ -29296,7 +29301,7 @@ const CT = ({
   } = _(), a = he(), i = oe(), o = zt(), {
     panel: l,
     downloadPanelScreenshot: s
-  } = $e(), {
+  } = Ve(), {
     id: c
   } = l, {
     viewPanelInFullScreen: d,
@@ -29326,14 +29331,14 @@ const CT = ({
   }), M = R.useCallback(() => {
     d(c);
   }, [c, d]), P = !h && e.type !== G.Modal;
-  return /* @__PURE__ */ r(q, { children: /* @__PURE__ */ r(V, { sx: {
+  return /* @__PURE__ */ r(q, { children: /* @__PURE__ */ r($, { sx: {
     position: "absolute",
     top: 0,
     left: 0,
     right: 0,
     zIndex: 300
   }, title: t, children: /* @__PURE__ */ u(W, { withinPortal: !0, children: [
-    /* @__PURE__ */ r(W.Target, { children: /* @__PURE__ */ r(V, { className: "panel-dropdown-target", sx: {
+    /* @__PURE__ */ r(W.Target, { children: /* @__PURE__ */ r($, { className: "panel-dropdown-target", sx: {
       width: "100%"
     } }) }),
     /* @__PURE__ */ u(W.Dropdown, { children: [
@@ -29346,7 +29351,7 @@ const CT = ({
       /* @__PURE__ */ r(A, { label: n("common.actions.edit"), labelPosition: "center" }),
       /* @__PURE__ */ r(W.Item, { onClick: g, leftSection: /* @__PURE__ */ r(ja, { size: 14 }), children: n("panel.label") }),
       /* @__PURE__ */ r(W.Item, { onClick: b, leftSection: /* @__PURE__ */ r(Bn, { size: 14 }), children: n("panel.variable.labels") }),
-      /* @__PURE__ */ r(W.Item, { onClick: x, leftSection: /* @__PURE__ */ r($l, { size: 14 }), children: n("visualization.label") }),
+      /* @__PURE__ */ r(W.Item, { onClick: x, leftSection: /* @__PURE__ */ r(Vl, { size: 14 }), children: n("visualization.label") }),
       /* @__PURE__ */ r(W.Item, { onClick: v, leftSection: /* @__PURE__ */ r(Qa, { size: 14 }), children: n("interactions.label") }),
       /* @__PURE__ */ r(A, { label: n("common.actions.actions"), labelPosition: "center" }),
       /* @__PURE__ */ r(W.Item, { onClick: p, leftSection: /* @__PURE__ */ r(Ha, { size: 14 }), children: n("common.actions.duplicate") }),
@@ -29424,7 +29429,7 @@ function LT(e) {
   };
 }
 var Ud = /* @__PURE__ */ ((e) => (e.migrated = "migrated", e.nothingToMigrate = "nothingToMigrate", e.checkFailed = "checkFailed", e.migrationFailed = "migrationFailed", e))(Ud || {}), gr = /* @__PURE__ */ ((e) => (e.notStarted = "notStarted", e.inProgress = "inProgress", e.done = "done", e))(gr || {});
-class $T {
+class VT {
   constructor(t) {
     B(this, "vizInstance");
     B(this, "operationManager");
@@ -29473,7 +29478,7 @@ class $T {
     return await this.operationManager.needMigration() || await this.triggerManager.needMigration();
   }
 }
-class VT {
+class $T {
   getTriggerSchemaList() {
     return [];
   }
@@ -29543,7 +29548,7 @@ class RT {
 }
 const Ho = new RT(), Ir = class Ir {
   constructor() {
-    B(this, "triggerManager", new VT());
+    B(this, "triggerManager", new $T());
     B(this, "operationManager", new AT());
   }
   getInteractionList() {
@@ -29570,7 +29575,7 @@ function Kd(e, t = !0) {
     return a.createScoped().provideFactory(ve.instanceScope.vizInstance, () => i.getOrCreateInstance(e)).provideFactory(ve.instanceScope.interactionManager, (l) => {
       const s = l.getRequired(ve.instanceScope.vizInstance);
       return t ? new nc(s, o, gi) : new Da();
-    }).provideFactory(ve.instanceScope.operationManager, (l) => l.getRequired(ve.instanceScope.interactionManager).operationManager).provideFactory(ve.instanceScope.triggerManager, (l) => l.getRequired(ve.instanceScope.interactionManager).triggerManager).provideValue(ve.instanceScope.panelModel, n).provideFactory(ve.instanceScope.migrator, (l) => new $T(l));
+    }).provideFactory(ve.instanceScope.operationManager, (l) => l.getRequired(ve.instanceScope.interactionManager).operationManager).provideFactory(ve.instanceScope.triggerManager, (l) => l.getRequired(ve.instanceScope.interactionManager).triggerManager).provideValue(ve.instanceScope.panelModel, n).provideFactory(ve.instanceScope.migrator, (l) => new VT(l));
   }, [e.viz.type, e.viz.conf, t]);
 }
 const Yd = {
@@ -29682,7 +29687,7 @@ const NT = D(function({
     w: a,
     h: i
   }), l = a > 0 && i > 0;
-  return /* @__PURE__ */ r("div", { className: "viz-root", ref: n, children: /* @__PURE__ */ r(V, { sx: {
+  return /* @__PURE__ */ r("div", { className: "viz-root", ref: n, children: /* @__PURE__ */ r($, { sx: {
     width: a,
     height: i,
     overflow: "hidden"
@@ -29692,7 +29697,7 @@ const NT = D(function({
     inEditMode: n
   } = Jt(Qr), a = e.getRequired(ve.panelAddonManager), {
     withAddon: i
-  } = Ui(), o = $m();
+  } = Ui(), o = Vm();
   return !o || !i ? null : um(/* @__PURE__ */ r(q, { children: a.createPanelAddonNode({
     viz: t,
     isInEditMode: n
@@ -29733,12 +29738,12 @@ const NT = D(function({
     loading: e.dataLoading,
     errors: e.queryErrors,
     downloadPanelScreenshot: i
-  }, children: /* @__PURE__ */ r(V, { id: e.id, className: `panel-root ${e.title.show ? "panel-root--show-title" : ""}`, ref: a, p: 0, sx: {
+  }, children: /* @__PURE__ */ r($, { id: e.id, className: `panel-root ${e.title.show ? "panel-root--show-title" : ""}`, ref: a, p: 0, sx: {
     ...QT,
     ...t
   }, children: /* @__PURE__ */ u(s, { children: [
     l && /* @__PURE__ */ u(q, { children: [
-      /* @__PURE__ */ r(V, { className: "panel-description-popover-wrapper", children: /* @__PURE__ */ r(Wd, {}) }),
+      /* @__PURE__ */ r($, { className: "panel-description-popover-wrapper", children: /* @__PURE__ */ r(Wd, {}) }),
       n,
       /* @__PURE__ */ r(MT, {})
     ] }),
@@ -29781,14 +29786,14 @@ const KT = D(({
   } = R.useContext(ra), c = R.useCallback(() => {
     l(o);
   }, [o, l]), d = !s && e.type !== G.Modal;
-  return UT(a.viz.type) ? /* @__PURE__ */ r(V, { sx: {
+  return UT(a.viz.type) ? /* @__PURE__ */ r($, { sx: {
     position: "absolute",
     top: 0,
     left: 0,
     right: 0,
     zIndex: 300
   }, title: t, children: /* @__PURE__ */ u(W, { withinPortal: !0, children: [
-    /* @__PURE__ */ r(W.Target, { children: /* @__PURE__ */ r(V, { className: "panel-dropdown-target" }) }),
+    /* @__PURE__ */ r(W.Target, { children: /* @__PURE__ */ r($, { className: "panel-dropdown-target" }) }),
     /* @__PURE__ */ u(W.Dropdown, { children: [
       /* @__PURE__ */ r(W.Item, { onClick: a.refreshData, leftSection: /* @__PURE__ */ r(Ar, { size: 14 }), children: n("common.actions.refresh") }),
       /* @__PURE__ */ r(W.Item, { onClick: a.downloadData, leftSection: /* @__PURE__ */ r(or, { size: 14 }), children: n("common.actions.download_data") }),
@@ -29823,7 +29828,7 @@ const tu = D(({
   panel: n,
   exitFullScreen: a
 }) {
-  return /* @__PURE__ */ r(we, { opened: !0, fullScreen: !0, onClose: a, title: /* @__PURE__ */ r(L, { color: "blue", size: "xs", onClick: a, leftSection: /* @__PURE__ */ r(Vl, { size: 20 }), children: "Exit fullscreen" }), styles: XT, children: /* @__PURE__ */ r(y, { grow: !0, sx: {
+  return /* @__PURE__ */ r(we, { opened: !0, fullScreen: !0, onClose: a, title: /* @__PURE__ */ r(L, { color: "blue", size: "xs", onClick: a, leftSection: /* @__PURE__ */ r($l, { size: 20 }), children: "Exit fullscreen" }), styles: XT, children: /* @__PURE__ */ r(y, { grow: !0, sx: {
     flexGrow: 1,
     flexShrink: 0
   }, children: /* @__PURE__ */ r(tu, { view: t, panel: n }) }) });
@@ -29955,7 +29960,7 @@ const o4 = D(({
     downloadScreenshot: i
   } = Yi(t);
   return /* @__PURE__ */ u(q, { children: [
-    /* @__PURE__ */ r(V, { ref: a, pt: 10, pb: 10, sx: n, children: e }),
+    /* @__PURE__ */ r($, { ref: a, pt: 10, pb: 10, sx: n, children: e }),
     /* @__PURE__ */ r(o4, { downloadScreenshot: i })
   ] });
 }), ru = D(({
@@ -29969,7 +29974,7 @@ const o4 = D(({
     downloadScreenshot: s
   } = Yi(t);
   return /* @__PURE__ */ r(we, { size: a.width, centered: !0, opened: i, onClose: o, withCloseButton: !1, title: /* @__PURE__ */ u(y, { justify: "space-between", px: "1rem", h: "48px", children: [
-    /* @__PURE__ */ r(V, { children: a.custom_modal_title.value }),
+    /* @__PURE__ */ r($, { children: a.custom_modal_title.value }),
     /* @__PURE__ */ r(ru, { downloadScreenshot: s })
   ] }), trapFocus: !0, onDragStart: (c) => {
     c.stopPropagation();
@@ -30005,7 +30010,7 @@ const o4 = D(({
     }
   }, transitionProps: {
     duration: 0
-  }, children: /* @__PURE__ */ r(V, { ref: l, children: e }) });
+  }, children: /* @__PURE__ */ r($, { ref: l, children: e }) });
 }), s4 = (e) => e.color ? {
   "&[data-active], &[data-active]:hover": {
     borderColor: e.color ? e.color : "..."
@@ -30051,9 +30056,9 @@ const o4 = D(({
   const a = oe().layouts, [i, o] = oh();
   return N(() => {
     a.setCurrentLayoutWrapperWidth(o.width);
-  }, [o.width]), /* @__PURE__ */ r(V, { sx: {
+  }, [o.width]), /* @__PURE__ */ r($, { sx: {
     height: "100%"
-  }, ref: i, children: /* @__PURE__ */ r(V, { sx: {
+  }, ref: i, children: /* @__PURE__ */ r($, { sx: {
     paddingBottom: "100px",
     background: "white",
     margin: "0 auto",
@@ -30088,13 +30093,13 @@ const h4 = D(({
     ref: o,
     downloadScreenshot: l
   } = Yi(t);
-  return /* @__PURE__ */ r(V, { sx: {
+  return /* @__PURE__ */ r($, { sx: {
     height: "100%",
     "> div:not(.mantine-Modal-root)": {
       height: "100%"
     }
   }, children: /* @__PURE__ */ r(we, { size: n.width, opened: !0, onClose: C.noop, withCloseButton: !1, title: /* @__PURE__ */ u(y, { justify: "space-between", px: "1rem", h: "48px", children: [
-    /* @__PURE__ */ r(V, { children: n.custom_modal_title.value }),
+    /* @__PURE__ */ r($, { children: n.custom_modal_title.value }),
     /* @__PURE__ */ r(ru, { downloadScreenshot: l })
   ] }), trapFocus: !0, onDragStart: (s) => {
     s.stopPropagation();
@@ -30135,7 +30140,7 @@ const h4 = D(({
     }
   }, withinPortal: !1, transitionProps: {
     duration: 0
-  }, children: /* @__PURE__ */ r(V, { ref: o, children: e }) }) });
+  }, children: /* @__PURE__ */ r($, { ref: o, children: e }) }) });
 }), p4 = ({
   variant: e,
   orientation: t
@@ -30194,7 +30199,7 @@ const h4 = D(({
       return /* @__PURE__ */ u(S.Panel, { value: d.id, sx: {
         position: "relative"
       }, children: [
-        /* @__PURE__ */ u(V, { sx: {
+        /* @__PURE__ */ u($, { sx: {
           position: "absolute",
           top: 0,
           left: 0,
@@ -30208,7 +30213,7 @@ const h4 = D(({
             position: "relative",
             zIndex: 200
           }, children: [
-            /* @__PURE__ */ r($, { label: t("view.component.tabs.tab.name"), required: !0, value: d.name, onChange: (g) => d.setName(g.currentTarget.value) }),
+            /* @__PURE__ */ r(V, { label: t("view.component.tabs.tab.name"), required: !0, value: d.name, onChange: (g) => d.setName(g.currentTarget.value) }),
             /* @__PURE__ */ r(F, { label: t("view.label"), value: d.view_id, onChange: d.setViewID, data: i }),
             /* @__PURE__ */ r(ne, { label: t("view.component.tabs.tab.order"), required: !0, value: d.order, onChange: (g) => d.setOrder(g || 0), min: 0, max: 1e3, step: 1 }),
             /* @__PURE__ */ r(cn, { label: t("view.component.tabs.tab.color"), value: d.color, onChange: d.setColor, disabled: o.variant !== "default" }),
@@ -30245,12 +30250,12 @@ const h4 = D(({
   return /* @__PURE__ */ r(ra.Provider, { value: {
     viewPanelInFullScreen: C.noop,
     inFullScreen: !1
-  }, children: /* @__PURE__ */ r(V, { className: "dashboard-view", "data-enable-scrollbar": !0, sx: {
+  }, children: /* @__PURE__ */ r($, { className: "dashboard-view", "data-enable-scrollbar": !0, sx: {
     background: a ? "transparent" : "#efefef"
-  }, children: /* @__PURE__ */ r(f4, { view: t, children: /* @__PURE__ */ u(V, { sx: {
+  }, children: /* @__PURE__ */ r(f4, { view: t, children: /* @__PURE__ */ u($, { sx: {
     position: "relative"
   }, children: [
-    /* @__PURE__ */ r(V, { className: "dashboard-sticky-area", sx: {
+    /* @__PURE__ */ r($, { className: "dashboard-sticky-area", sx: {
       position: "sticky",
       top: "0px"
     }, children: /* @__PURE__ */ r(Gd, { view: t }) }),
@@ -30271,14 +30276,14 @@ const h4 = D(({
   return /* @__PURE__ */ r(ra.Provider, { value: {
     viewPanelInFullScreen: i,
     inFullScreen: l
-  }, children: /* @__PURE__ */ u(V, { className: "dashboard-view", "data-enable-scrollbar": !0, sx: {
+  }, children: /* @__PURE__ */ u($, { className: "dashboard-view", "data-enable-scrollbar": !0, sx: {
     height: t.type === G.Modal ? "0 !important" : "100%"
   }, children: [
     l && /* @__PURE__ */ r(ZT, { view: t, panel: s, exitFullScreen: o }),
-    /* @__PURE__ */ r(d4, { view: t, children: /* @__PURE__ */ u(V, { sx: {
+    /* @__PURE__ */ r(d4, { view: t, children: /* @__PURE__ */ u($, { sx: {
       position: "relative"
     }, children: [
-      !l && /* @__PURE__ */ r(V, { className: "dashboard-sticky-area", sx: {
+      !l && /* @__PURE__ */ r($, { className: "dashboard-sticky-area", sx: {
         position: "sticky",
         top: "0px"
       }, children: /* @__PURE__ */ r(Gd, { view: t }) }),
@@ -30372,7 +30377,7 @@ const w4 = m.compose("FiltersModel", Ad, m.model({
   function t() {
     v4(e.current, Hi, (n, a) => {
       if (n === "setType") {
-        const i = $d(a.config.default_value, a.config);
+        const i = Vd(a.config.default_value, a.config);
         e.setValueByKey(a.key, i), e.updatePreviewValues({
           ...e.previewValues,
           [a.key]: i
@@ -30477,7 +30482,7 @@ const w4 = m.compose("FiltersModel", Ad, m.model({
       const a = C.get(n, "value", "");
       if (!a)
         return;
-      const i = C.uniq(a.match(Vn.filter)), o = /* @__PURE__ */ new Set();
+      const i = C.uniq(a.match($n.filter)), o = /* @__PURE__ */ new Set();
       i.forEach((l) => o.add(l)), t.set(n.key, o);
     }), t;
   }
@@ -30543,13 +30548,13 @@ const w4 = m.compose("FiltersModel", Ad, m.model({
   error: m.frozen()
 }).views((e) => ({
   get keywords() {
-    return Ce(e, 1);
+    return ke(e, 1);
   },
   get keywordString() {
     const {
       table_name: t,
       table_schema: n
-    } = Ce(e, 1);
+    } = ke(e, 1);
     return `${n}||${t}`;
   }
 })).views((e) => ({
@@ -30615,7 +30620,7 @@ const w4 = m.compose("FiltersModel", Ad, m.model({
   table_name: m.optional(m.string, "")
 }).views((e) => ({
   get dataSource() {
-    return Ce(e);
+    return ke(e);
   },
   get key() {
     return this.dataSource.key;
@@ -30656,7 +30661,7 @@ const w4 = m.compose("FiltersModel", Ad, m.model({
     var n;
     (n = e.controllers.tables) == null || n.abort(), e.controllers.tables = new AbortController(), e.tables.state = "loading";
     try {
-      const a = yield* Vt(pt.structure(e.controllers.tables.signal)({
+      const a = yield* $t(pt.structure(e.controllers.tables.signal)({
         query_type: "TABLES",
         type: e.sqlDataSourceType,
         key: e.key,
@@ -30685,7 +30690,7 @@ const w4 = m.compose("FiltersModel", Ad, m.model({
       var n;
       (n = e.controllers.columns) == null || n.abort(), e.controllers.columns = new AbortController(), e.columns.state = "loading";
       try {
-        e.columns.data = yield* Vt(pt.structure(e.controllers.columns.signal)({
+        e.columns.data = yield* $t(pt.structure(e.controllers.columns.signal)({
           query_type: "COLUMNS",
           type: e.sqlDataSourceType,
           key: e.key,
@@ -30710,7 +30715,7 @@ const w4 = m.compose("FiltersModel", Ad, m.model({
       var n;
       (n = e.controllers.indexes) == null || n.abort(), e.controllers.indexes = new AbortController(), e.indexes.state = "loading";
       try {
-        e.indexes.data = yield* Vt(pt.structure(e.controllers.indexes.signal)({
+        e.indexes.data = yield* $t(pt.structure(e.controllers.indexes.signal)({
           query_type: "INDEXES",
           type: e.sqlDataSourceType,
           key: e.key,
@@ -30737,7 +30742,7 @@ const w4 = m.compose("FiltersModel", Ad, m.model({
       const n = e.tableData;
       n.state = "loading";
       try {
-        n.data = yield* Vt(pt.structure(e.controllers.tableData.signal)({
+        n.data = yield* $t(pt.structure(e.controllers.tableData.signal)({
           query_type: "DATA",
           type: e.sqlDataSourceType,
           key: e.key,
@@ -30752,7 +30757,7 @@ const w4 = m.compose("FiltersModel", Ad, m.model({
         }));
         const [{
           total: i
-        }] = yield* Vt(pt.structure(e.controllers.tableData.signal)({
+        }] = yield* $t(pt.structure(e.controllers.tableData.signal)({
           query_type: "COUNT",
           type: e.sqlDataSourceType,
           key: e.key,
@@ -30839,7 +30844,7 @@ function au(e) {
     return a ? Ko[a] : n.dimension !== null ? Ko.dimension : "ERROR";
   });
 }
-function $4(e) {
+function V4(e) {
   if (e.length === 0)
     return [];
   const t = au(e);
@@ -30869,7 +30874,7 @@ function $4(e) {
     })
   }));
 }
-function V4(e) {
+function $4(e) {
   if (e.length === 0)
     return [];
   const t = au(e);
@@ -30912,7 +30917,7 @@ const A4 = m.model({
     return e.data !== null;
   },
   get mmInfo() {
-    return Ce(e);
+    return ke(e);
   },
   get metricID() {
     return this.mmInfo.metricID;
@@ -30925,10 +30930,10 @@ const A4 = m.model({
     return (t = this.metric) == null ? void 0 : t.type;
   },
   get filterColOptions() {
-    return $4(e.filters);
+    return V4(e.filters);
   },
   get groupByColOptions() {
-    return V4(e.groupBys);
+    return $4(e.groupBys);
   },
   get flatGroupByColOptions() {
     const t = this.groupByColOptions, n = [];
@@ -30955,7 +30960,7 @@ const A4 = m.model({
           data: {
             key: e.mmInfo.key
           }
-        }), i = yield* Vt(pt.mericoMetricInfo(e.controller.signal)({
+        }), i = yield* $t(pt.mericoMetricInfo(e.controller.signal)({
           key: e.mmInfo.key,
           query: JSON.stringify(a),
           ...e.mmInfo.additionalQueryInfo
@@ -30998,7 +31003,7 @@ const A4 = m.model({
     return Object.keys(e.data).length === 0;
   },
   get mmInfo() {
-    return Ce(e);
+    return ke(e);
   }
 })).actions((e) => ({
   setKeyword(t) {
@@ -31019,7 +31024,7 @@ const A4 = m.model({
           params: {
             search: e.keyword
           }
-        }), a = yield* Vt(pt.mericoMetricInfo(e.controller.signal)({
+        }), a = yield* $t(pt.mericoMetricInfo(e.controller.signal)({
           key: e.mmInfo.key,
           query: JSON.stringify(n),
           ...e.mmInfo.additionalQueryInfo
@@ -31057,7 +31062,7 @@ const A4 = m.model({
     return this.contentModel.getAdditionalQueryInfo("");
   },
   get dataSource() {
-    return Ce(e);
+    return ke(e);
   },
   get key() {
     return this.dataSource.key;
@@ -31546,7 +31551,7 @@ const Y4 = m.model("EditorModel", {
   }
 })).actions((e) => ({
   removeSelf() {
-    Ce(e, 2).removeByID(e.id);
+    ke(e, 2).removeByID(e.id);
   }
 })).actions((e) => ({
   moveToView(t, n) {
@@ -31834,14 +31839,14 @@ const n6 = m.model({
     return !Fe(se(e, t), se(e.origin, t));
   },
   get context() {
-    const t = Ce(e).context.current;
+    const t = ke(e).context.current;
     return {
       ...e.mock_context.current,
       ...t
     };
   },
   get payloadForSQL() {
-    const t = Ce(e).globalSQLSnippets, n = {
+    const t = ke(e).globalSQLSnippets, n = {
       context: this.context,
       filters: e.filters.valuesForPayload
     };
@@ -32053,7 +32058,7 @@ const n6 = m.model({
       if (!n.typedAsSQL)
         return;
       const a = n.config;
-      C.uniq(a.sql.match(Vn.sqlSnippet)).forEach((o) => {
+      C.uniq(a.sql.match($n.sqlSnippet)).forEach((o) => {
         t.push({
           queryID: n.id,
           sqlSnippetKey: o,
@@ -32489,7 +32494,7 @@ const o6 = D(({
           fill: "rgb(173, 181, 189)",
           stroke: "none"
         }
-      }, children: /* @__PURE__ */ r($h, { size: 18 }) }) }),
+      }, children: /* @__PURE__ */ r(Vh, { size: 18 }) }) }),
       /* @__PURE__ */ r(W.Dropdown, { children: /* @__PURE__ */ r(W.Item, { leftSection: /* @__PURE__ */ r(bt, { size: 14, color: "red" }), disabled: !o, onClick: i, children: t("common.actions.revert_changes") }) })
     ] })
   ] });
@@ -32513,7 +32518,7 @@ const o6 = D(({
     position: "relative"
   }, children: [
     /* @__PURE__ */ u(y, { children: [
-      /* @__PURE__ */ r(L, { size: "xs", color: i ? "red" : "green", leftSection: /* @__PURE__ */ r(Vl, { size: 20 }), onClick: o, children: /* @__PURE__ */ r(y, { gap: 4, children: /* @__PURE__ */ r(Mr, { i18nKey: "common.actions.end_editing", values: {
+      /* @__PURE__ */ r(L, { size: "xs", color: i ? "red" : "green", leftSection: /* @__PURE__ */ r($l, { size: 20 }), onClick: o, children: /* @__PURE__ */ r(y, { gap: 4, children: /* @__PURE__ */ r(Mr, { i18nKey: "common.actions.end_editing", values: {
         name: a.name
       }, children: /* @__PURE__ */ r(k, { td: "underline", size: "xs", children: a.name }) }) }) }),
       /* @__PURE__ */ r(o6, { saveDashboardChanges: e })
@@ -32570,9 +32575,9 @@ const o6 = D(({
           return "Screen sizes should be unique by min width";
       }
     }
-  }), x = s("list"), v = p.map((J, Ve) => ({
+  }), x = s("list"), v = p.map((J, $e) => ({
     ...J,
-    ...x[Ve]
+    ...x[$e]
   })), I = () => {
     g({
       id: At(),
@@ -32582,11 +32587,11 @@ const o6 = D(({
   }, M = ({
     list: J
   }) => {
-    const Ve = J.filter((Xe) => Number.isFinite(Xe.breakpoint));
-    a.updateLayoutSetsInfo(Ve), e();
+    const $e = J.filter((Xe) => Number.isFinite(Xe.breakpoint));
+    a.updateLayoutSetsInfo($e), e();
   }, P = c(), E = z(() => {
     const J = {
-      list: P.list.filter((Ve) => !!Ve.name && Number.isFinite(Ve.breakpoint))
+      list: P.list.filter(($e) => !!$e.name && Number.isFinite($e.breakpoint))
     };
     return !Fe(J, i);
   }, [P, i]), Y = (de = (U = h.errors.list) == null ? void 0 : U.root) == null ? void 0 : de.message;
@@ -32604,16 +32609,16 @@ const o6 = D(({
         /* @__PURE__ */ r(w.Th, {})
       ] }) }),
       /* @__PURE__ */ u(w.Tbody, { children: [
-        v.map((J, Ve) => /* @__PURE__ */ u(w.Tr, { children: [
-          /* @__PURE__ */ r(w.Th, { children: J.id === "basis" ? J.name : /* @__PURE__ */ r(f, { name: `list.${Ve}.name`, control: o, render: ({
+        v.map((J, $e) => /* @__PURE__ */ u(w.Tr, { children: [
+          /* @__PURE__ */ r(w.Th, { children: J.id === "basis" ? J.name : /* @__PURE__ */ r(f, { name: `list.${$e}.name`, control: o, render: ({
             field: Xe
-          }) => /* @__PURE__ */ r($, { size: "xs", label: "", required: !0, sx: {
+          }) => /* @__PURE__ */ r(V, { size: "xs", label: "", required: !0, sx: {
             flex: 1
           }, ...Xe }) }) }),
           /* @__PURE__ */ r(w.Td, { children: J.id === "basis" ? /* @__PURE__ */ u(k, { size: "sm", ff: "monospace", children: [
             J.breakpoint,
             "px"
-          ] }) : /* @__PURE__ */ r(f, { name: `list.${Ve}.breakpoint`, control: o, render: ({
+          ] }) : /* @__PURE__ */ r(f, { name: `list.${$e}.breakpoint`, control: o, render: ({
             field: Xe
           }) => /* @__PURE__ */ r(ne, { size: "xs", label: "", required: !0, max: 1e4, hideControls: !0, rightSection: /* @__PURE__ */ r(k, { size: "sm", c: "dimmed", children: "px" }), rightSectionProps: {
             style: {
@@ -32626,7 +32631,7 @@ const o6 = D(({
               paddingRight: "30px"
             }
           }, ...Xe }) }) }),
-          /* @__PURE__ */ r(w.Td, { children: J.id !== "basis" && /* @__PURE__ */ r(te, { mx: "auto", size: "xs", variant: "subtle", color: "red", onClick: () => b(Ve), children: /* @__PURE__ */ r(Pe, {}) }) })
+          /* @__PURE__ */ r(w.Td, { children: J.id !== "basis" && /* @__PURE__ */ r(te, { mx: "auto", size: "xs", variant: "subtle", color: "red", onClick: () => b($e), children: /* @__PURE__ */ r(Pe, {}) }) })
         ] }, J.id)),
         /* @__PURE__ */ r(w.Tr, { style: {
           backgroundColor: "transparent"
@@ -32659,7 +32664,7 @@ const o6 = D(({
   return /* @__PURE__ */ u(q, { children: [
     /* @__PURE__ */ u(y, { children: [
       /* @__PURE__ */ u(W, { withArrow: !0, withinPortal: !0, zIndex: 320, trigger: "hover", children: [
-        /* @__PURE__ */ r(W.Target, { children: /* @__PURE__ */ r(L, { size: "xs", variant: "subtle", leftSection: /* @__PURE__ */ r(Vh, { size: 16 }), sx: {
+        /* @__PURE__ */ r(W.Target, { children: /* @__PURE__ */ r(L, { size: "xs", variant: "subtle", leftSection: /* @__PURE__ */ r($h, { size: 16 }), sx: {
           borderRadius: 0
         }, children: /* @__PURE__ */ u(y, { gap: 6, children: [
           /* @__PURE__ */ r(k, { size: "xs", fw: "normal", children: l.name }),
@@ -32719,7 +32724,7 @@ const o6 = D(({
   const {
     t
   } = _(), n = e.views;
-  return !Array.isArray(n) || n.length === 0 ? null : /* @__PURE__ */ u(V, { children: [
+  return !Array.isArray(n) || n.length === 0 ? null : /* @__PURE__ */ u($, { children: [
     /* @__PURE__ */ r(k, { pl: 10, size: "sm", fw: 500, c: "dimmed", ta: "center", children: t("view.labels") }),
     /* @__PURE__ */ r(aa, { headers: /* @__PURE__ */ u(w.Tr, { children: [
       /* @__PURE__ */ r(w.Th, { style: {
@@ -32739,7 +32744,7 @@ const o6 = D(({
   const {
     t
   } = _(), n = e.filters;
-  return !Array.isArray(n) || n.length === 0 ? null : /* @__PURE__ */ u(V, { children: [
+  return !Array.isArray(n) || n.length === 0 ? null : /* @__PURE__ */ u($, { children: [
     /* @__PURE__ */ r(k, { pl: 10, size: "sm", fw: 500, c: "dimmed", ta: "center", children: t("filter.labels") }),
     /* @__PURE__ */ r(aa, { headers: /* @__PURE__ */ u(w.Tr, { children: [
       /* @__PURE__ */ r(w.Th, { style: {
@@ -32759,7 +32764,7 @@ const o6 = D(({
   const {
     t
   } = _(), n = e.panels;
-  return !Array.isArray(n) || n.length === 0 ? null : /* @__PURE__ */ u(V, { children: [
+  return !Array.isArray(n) || n.length === 0 ? null : /* @__PURE__ */ u($, { children: [
     /* @__PURE__ */ r(k, { pl: 10, size: "sm", fw: 500, c: "dimmed", ta: "center", children: t("panel.labels") }),
     /* @__PURE__ */ r(aa, { headers: /* @__PURE__ */ u(w.Tr, { children: [
       /* @__PURE__ */ r(w.Th, { style: {
@@ -32780,7 +32785,7 @@ const o6 = D(({
   const {
     t
   } = _(), n = (a = e.definition) == null ? void 0 : a.queries;
-  return !Array.isArray(n) || n.length === 0 ? null : /* @__PURE__ */ u(V, { children: [
+  return !Array.isArray(n) || n.length === 0 ? null : /* @__PURE__ */ u($, { children: [
     /* @__PURE__ */ r(k, { pl: 10, size: "sm", fw: 500, c: "dimmed", ta: "center", children: t("query.labels") }),
     /* @__PURE__ */ r(aa, { headers: /* @__PURE__ */ u(w.Tr, { children: [
       /* @__PURE__ */ r(w.Th, { style: {
@@ -32807,7 +32812,7 @@ const o6 = D(({
   const {
     t
   } = _(), n = (a = e.definition) == null ? void 0 : a.sqlSnippets;
-  return !Array.isArray(n) || n.length === 0 ? null : /* @__PURE__ */ u(V, { children: [
+  return !Array.isArray(n) || n.length === 0 ? null : /* @__PURE__ */ u($, { children: [
     /* @__PURE__ */ r(k, { pl: 10, size: "sm", fw: 500, c: "dimmed", ta: "center", children: t("sql_snippet.labels") }),
     /* @__PURE__ */ r(Ue, { size: "sm", pl: 10, ff: "monospace", icon: /* @__PURE__ */ r(Er, { size: 10 }), children: n.map((i) => /* @__PURE__ */ r(Ue.Item, { children: i.key }, i.key)) })
   ] });
@@ -32818,13 +32823,13 @@ const o6 = D(({
   const {
     t
   } = _(), n = Object.keys(((a = e.definition) == null ? void 0 : a.mock_context) ?? {});
-  return n.length === 0 ? null : /* @__PURE__ */ u(V, { children: [
+  return n.length === 0 ? null : /* @__PURE__ */ u($, { children: [
     /* @__PURE__ */ r(k, { pl: 10, size: "sm", fw: 500, c: "dimmed", ta: "center", children: t("mock_context.label") }),
     /* @__PURE__ */ r(Ue, { size: "sm", pl: 10, ff: "monospace", icon: /* @__PURE__ */ r(Er, { size: 10 }), children: n.map((i) => /* @__PURE__ */ r(Ue.Item, { children: i }, i)) })
   ] });
 }, y6 = ({
   content: e
-}) => e ? /* @__PURE__ */ u(V, { children: [
+}) => e ? /* @__PURE__ */ u($, { children: [
   /* @__PURE__ */ r(A, { mt: 20, mb: 10, variant: "dashed" }),
   /* @__PURE__ */ r(k, { ta: "left", c: "dimmed", size: "sm", children: "Preview" }),
   /* @__PURE__ */ u(T, { children: [
@@ -32910,7 +32915,7 @@ const x6 = D(({
   const [x] = c(["content"]), v = !x, I = (M = l == null ? void 0 : l.content) == null ? void 0 : M.message;
   return N(() => {
     !x || I ? n() : t();
-  }, [x, I]), /* @__PURE__ */ r(V, { mx: "auto", sx: {
+  }, [x, I]), /* @__PURE__ */ r($, { mx: "auto", sx: {
     position: "relative"
   }, children: /* @__PURE__ */ u("form", { onSubmit: o(p), children: [
     /* @__PURE__ */ r(Zu, { label: a("import.json_file"), required: !0, value: g, onChange: b, error: (P = l == null ? void 0 : l.content) == null ? void 0 : P.message, sx: {
@@ -33000,7 +33005,7 @@ const x6 = D(({
   const {
     t: n
   } = _();
-  return /* @__PURE__ */ r(V, { className: "spotlight-custom-action-component", children: /* @__PURE__ */ u(y, { wrap: "nowrap", children: [
+  return /* @__PURE__ */ r($, { className: "spotlight-custom-action-component", children: /* @__PURE__ */ u(y, { wrap: "nowrap", children: [
     /* @__PURE__ */ r(w6, { iconKey: e.iconKey, size: 14 }),
     /* @__PURE__ */ u("div", { style: {
       flex: 1
@@ -33021,7 +33026,7 @@ const x6 = D(({
   const {
     t: e,
     i18n: t
-  } = _(), n = $r(), a = he(), [i, o] = Q(""), l = z(() => a.editor.spotlightActionGroups.map((c) => ({
+  } = _(), n = Vr(), a = he(), [i, o] = Q(""), l = z(() => a.editor.spotlightActionGroups.map((c) => ({
     group: e(c.group),
     keywords: [c.group, e(c.group)],
     actions: c.actions.map((d) => {
@@ -33117,7 +33122,7 @@ const x6 = D(({
   zIndex: 299,
   borderBottom: "1px solid #e9ecef",
   background: "rgba(233,236,239, 0.15)"
-}, I6 = D(() => /* @__PURE__ */ r(V, { sx: D6, pl: {
+}, I6 = D(() => /* @__PURE__ */ r($, { sx: D6, pl: {
   base: 200,
   xs: 200,
   sm: 200,
@@ -33200,7 +33205,7 @@ function L6(e, t, n) {
     });
   }), a;
 }
-function $6(e, t) {
+function V6(e, t) {
   const n = e.filters.keyLabelMap;
   return {
     edges: L6(e.panels.list, t, n),
@@ -33210,7 +33215,7 @@ function $6(e, t) {
 function cu(e, t, n) {
   return e * t + e * n;
 }
-function V6(e, t, n) {
+function $6(e, t, n) {
   return e * t + (e - 1) * n;
 }
 const Tr = 25, Zi = 40, du = 25, Ji = 350, P6 = 150, A6 = 150, uu = 150, tl = 300, fr = 40, hu = 25, R6 = 300;
@@ -33269,7 +33274,7 @@ const O6 = {
 }, F6 = _4;
 function q6(e) {
   return e.current.map((n, a) => {
-    const i = V6(n.panelIDs.length, fr, hu) + Zi + du;
+    const i = $6(n.panelIDs.length, fr, hu) + Zi + du;
     let o = [];
     return n.type === G.Tabs && (o = n.config.tabsInOrder.map((s) => s.view_id)), {
       id: n.id,
@@ -33386,7 +33391,7 @@ function U6(e) {
   const t = B6(e), n = C.keyBy(t, (c) => c.id), {
     edges: a,
     edgeNodes: i
-  } = $6(e, n), o = [...t, ...i], l = C.keyBy(o, (c) => c.id), s = {
+  } = V6(e, n), o = [...t, ...i], l = C.keyBy(o, (c) => c.id), s = {
     edges: C.uniqBy(a, (c) => c.id),
     nodes: o,
     nodeMap: l
@@ -33455,7 +33460,7 @@ const Y6 = Bu(({
   const o = z(() => K6(e.interactions), [e.interactions]);
   return /* @__PURE__ */ u(q, { children: [
     /* @__PURE__ */ r(co, { type: "target", position: a, isConnectable: t }),
-    /* @__PURE__ */ r(V, { sx: {
+    /* @__PURE__ */ r($, { sx: {
       position: "absolute",
       top: 0,
       right: 0
@@ -33537,7 +33542,7 @@ function tD({
   active: n,
   openSettings: a
 }) {
-  return /* @__PURE__ */ u(V, { sx: {
+  return /* @__PURE__ */ u($, { sx: {
     position: "relative"
   }, children: [
     /* @__PURE__ */ r(Aa, { sx: (i) => ({
@@ -33571,7 +33576,7 @@ const nD = D(() => {
   } = _(), t = he(), n = oe(), a = ae((o) => () => n.views.setIDOfVIE(o), [n]), i = (o) => {
     t.editor.open(["_VIEWS_", o]);
   };
-  return /* @__PURE__ */ u(V, { sx: {
+  return /* @__PURE__ */ u($, { sx: {
     position: "relative"
   }, children: [
     n.views.options.map((o) => /* @__PURE__ */ r(tD, { active: n.views.idOfVIE === o.value, name: o.label, onClick: a(o.value), openSettings: () => i(o.value) }, o.value)),
@@ -33738,7 +33743,7 @@ const nD = D(() => {
       /* @__PURE__ */ r(Z, { checked: a.required, onChange: (s) => a.setRequired(s.currentTarget.checked), label: n("filter.widget.select.required") }),
       /* @__PURE__ */ r(Dn, { filter: t })
     ] }),
-    /* @__PURE__ */ r($, { label: n("filter.widget.select.width"), description: n("filter.widget.multi_select.width_description"), value: a.min_width, onChange: (s) => a.setMinWidth(s.currentTarget.value), placeholder: "200px" }),
+    /* @__PURE__ */ r(V, { label: n("filter.widget.select.width"), description: n("filter.widget.multi_select.width_description"), value: a.min_width, onChange: (s) => a.setMinWidth(s.currentTarget.value), placeholder: "200px" }),
     /* @__PURE__ */ r(A, { label: n("filter.widget.select.configure_options"), labelPosition: "center" }),
     /* @__PURE__ */ u(T, { gap: 10, sx: {
       position: "relative",
@@ -33764,12 +33769,12 @@ const nD = D(() => {
       o.map((s, c) => /* @__PURE__ */ u(rt, { gap: 10, sx: {
         position: "relative"
       }, pr: "40px", children: [
-        /* @__PURE__ */ r($, { label: n("common.label"), required: !0, value: a.static_options[c].label, onChange: (d) => {
+        /* @__PURE__ */ r(V, { label: n("common.label"), required: !0, value: a.static_options[c].label, onChange: (d) => {
           a.static_options[c].setLabel(d.currentTarget.value);
         }, sx: {
           flexGrow: 1
         } }),
-        /* @__PURE__ */ r($, { label: n("common.value"), required: !0, value: a.static_options[c].value, onChange: (d) => {
+        /* @__PURE__ */ r(V, { label: n("common.value"), required: !0, value: a.static_options[c].value, onChange: (d) => {
           a.static_options[c].setValue(d.currentTarget.value);
         }, sx: {
           flexGrow: 1
@@ -33870,12 +33875,12 @@ const nD = D(() => {
     a.map((o, l) => /* @__PURE__ */ u(rt, { gap: 10, sx: {
       position: "relative"
     }, pr: "40px", children: [
-      /* @__PURE__ */ r($, { label: t("common.label"), required: !0, value: e.static_options[l].label, onChange: (s) => {
+      /* @__PURE__ */ r(V, { label: t("common.label"), required: !0, value: e.static_options[l].label, onChange: (s) => {
         e.static_options[l].setLabel(s.currentTarget.value);
       }, sx: {
         flexGrow: 1
       } }),
-      /* @__PURE__ */ r($, { label: t("common.value"), required: !0, value: e.static_options[l].value, onChange: (s) => {
+      /* @__PURE__ */ r(V, { label: t("common.value"), required: !0, value: e.static_options[l].value, onChange: (s) => {
         e.static_options[l].setValue(s.currentTarget.value);
       }, sx: {
         flexGrow: 1
@@ -33900,7 +33905,7 @@ const nD = D(() => {
       /* @__PURE__ */ r(Z, { checked: n.clearable, onChange: (a) => n.setClearable(a.currentTarget.checked), label: t("filter.widget.select.clearable") }),
       /* @__PURE__ */ r(Dn, { filter: e })
     ] }),
-    /* @__PURE__ */ r($, { label: t("filter.widget.select.width"), value: n.width, onChange: (a) => n.setWidth(a.currentTarget.value), placeholder: "200px" }),
+    /* @__PURE__ */ r(V, { label: t("filter.widget.select.width"), value: n.width, onChange: (a) => n.setWidth(a.currentTarget.value), placeholder: "200px" }),
     /* @__PURE__ */ r(A, { label: t("filter.widget.select.configure_options"), labelPosition: "center" }),
     /* @__PURE__ */ u(T, { gap: 10, sx: {
       position: "relative",
@@ -33937,12 +33942,12 @@ const nD = D(() => {
   } = _(), a = t.config;
   return /* @__PURE__ */ u(q, { children: [
     /* @__PURE__ */ u(y, { children: [
-      /* @__PURE__ */ r($, { label: n("filter.widget.text_input.default_value"), value: a.default_value, onChange: (i) => {
+      /* @__PURE__ */ r(V, { label: n("filter.widget.text_input.default_value"), value: a.default_value, onChange: (i) => {
         a.setDefaultValue(i.currentTarget.value);
       }, sx: {
         flexGrow: 1
       } }),
-      /* @__PURE__ */ r(V, { mt: 22, children: /* @__PURE__ */ r(Dn, { filter: t }) })
+      /* @__PURE__ */ r($, { mt: 22, children: /* @__PURE__ */ r(Dn, { filter: t }) })
     ] }),
     /* @__PURE__ */ r(Z, { checked: a.required, onChange: (i) => a.setRequired(i.currentTarget.checked), label: n("filter.widget.text_input.required") })
   ] });
@@ -33992,7 +33997,7 @@ const nD = D(() => {
       /* @__PURE__ */ r(S.Tab, { value: "config", children: t("common.titles.config") }),
       /* @__PURE__ */ r(S.Tab, { value: "usage", children: t("filter.usage.label") })
     ] }),
-    /* @__PURE__ */ r(S.Panel, { value: "config", children: /* @__PURE__ */ r(V, { sx: {
+    /* @__PURE__ */ r(S.Panel, { value: "config", children: /* @__PURE__ */ r($, { sx: {
       minWidth: "480px"
     }, children: /* @__PURE__ */ r(kt, { mt: 22, language: "json", withCopyButton: !1, code: JSON.stringify(e, null, 4) }) }) }),
     /* @__PURE__ */ r(S.Panel, { value: "usage", children: /* @__PURE__ */ r(hD, { filter: e }) })
@@ -34042,7 +34047,7 @@ const nD = D(() => {
     value: "date-range"
   }], [n.language]);
   return /* @__PURE__ */ u(y, { grow: !0, gap: 20, align: "top", children: [
-    /* @__PURE__ */ u(V, { w: 600, children: [
+    /* @__PURE__ */ u($, { w: 600, children: [
       /* @__PURE__ */ r(k, { pb: "md", c: "gray", size: "sm", children: t("common.titles.edit") }),
       /* @__PURE__ */ u(T, { children: [
         /* @__PURE__ */ u(y, { wrap: "nowrap", children: [
@@ -34052,10 +34057,10 @@ const nD = D(() => {
           e.auto_submit_supported && /* @__PURE__ */ r(Z, { label: t("filter.field.auto_submit"), checked: e.auto_submit, onChange: (l) => e.setAutoSubmit(l.currentTarget.checked), mt: 22 })
         ] }),
         /* @__PURE__ */ r(Kt, { label: t("filter.field.visible_in"), data: a.views.options, value: [...e.visibleInViewsIDs], onChange: e.setVisibleInViewsIDs }),
-        /* @__PURE__ */ r($, { label: t("common.key"), placeholder: t("filter.field.key_placeholder"), required: !0, value: e.key, onChange: (l) => {
+        /* @__PURE__ */ r(V, { label: t("common.key"), placeholder: t("filter.field.key_placeholder"), required: !0, value: e.key, onChange: (l) => {
           e.setKey(l.currentTarget.value);
         } }),
-        /* @__PURE__ */ r($, { label: t("common.label"), placeholder: t("filter.field.label_placeholder"), required: !0, value: e.label, onChange: (l) => {
+        /* @__PURE__ */ r(V, { label: t("common.label"), placeholder: t("filter.field.label_placeholder"), required: !0, value: e.label, onChange: (l) => {
           e.setLabel(l.currentTarget.value);
         } }),
         /* @__PURE__ */ r(F, { label: t("filter.field.widget"), data: o, required: !0, value: e.type, onChange: e.setType, maxDropdownHeight: 500 }),
@@ -34104,7 +34109,7 @@ const nD = D(() => {
         zIndex: 320
       });
     }, children: t("filter.delete") }) }),
-    /* @__PURE__ */ r(V, { sx: {
+    /* @__PURE__ */ r($, { sx: {
       flexGrow: 1,
       maxHeight: "calc(100% - 52px)",
       overflow: "auto"
@@ -34125,7 +34130,7 @@ const nD = D(() => {
   return /* @__PURE__ */ u(T, { sx: {
     height: "100%"
   }, gap: "sm", pb: "59px", children: [
-    /* @__PURE__ */ r(V, { pt: 9, pb: 8, sx: {
+    /* @__PURE__ */ r($, { pt: 9, pb: 8, sx: {
       borderBottom: "1px solid #eee"
     }, children: /* @__PURE__ */ r(k, { size: "sm", px: "md", ta: "left", sx: {
       userSelect: "none",
@@ -34148,7 +34153,7 @@ const nD = D(() => {
         }
       )
     ] }) }),
-    /* @__PURE__ */ r(V, { sx: {
+    /* @__PURE__ */ r($, { sx: {
       flexGrow: 1,
       overflow: "auto"
     }, children: /* @__PURE__ */ r(Z.Group, { size: "xs", value: t, onChange: n, children: /* @__PURE__ */ u(w, { fz: "sm", highlightOnHover: !0, sx: {
@@ -34237,7 +34242,7 @@ const nD = D(() => {
     t: e
   } = _(), {
     panel: t
-  } = $e();
+  } = Ve();
   return /* @__PURE__ */ r(ln, { label: e("panel.panel_description"), value: t.description, onChange: t.setDescription, styles: {
     root: {
       flexGrow: 1
@@ -34248,7 +34253,7 @@ const nD = D(() => {
     t: e
   } = _(), {
     panel: t
-  } = $e(), n = _e().layouts.findItemByPanelID(t.id), {
+  } = Ve(), n = _e().layouts.findItemByPanelID(t.id), {
     style: a
   } = t;
   return /* @__PURE__ */ r(q, { children: /* @__PURE__ */ u(T, { gap: 20, children: [
@@ -34281,7 +34286,7 @@ const nD = D(() => {
     t: e
   } = _(), {
     panel: t
-  } = $e(), {
+  } = Ve(), {
     name: n
   } = t, [a, i] = kl(n), o = n !== a, l = R.useCallback(() => {
     o && t.setName(a);
@@ -34298,14 +34303,14 @@ const nD = D(() => {
       ] }),
       /* @__PURE__ */ r(te, { variant: "subtle", color: "blue", disabled: !o || s, onClick: l, children: /* @__PURE__ */ r(fe, { size: 18 }) })
     ] }),
-    /* @__PURE__ */ r($, { value: a, onChange: i, required: !0 })
+    /* @__PURE__ */ r(V, { value: a, onChange: i, required: !0 })
   ] });
 }), SD = D(() => {
   const {
     t: e
   } = _(), {
     panel: t
-  } = $e();
+  } = Ve();
   return /* @__PURE__ */ r(T, { gap: 6, mb: 10, children: /* @__PURE__ */ u(y, { pl: 6, justify: "flex-start", gap: 20, children: [
     /* @__PURE__ */ r(Z, { size: "sm", checked: t.title.show, onChange: (n) => t.title.setShow(n.currentTarget.checked), label: e("panel.show_title"), sx: {
       userSelect: "none"
@@ -34380,7 +34385,7 @@ function mu({
     columnResizeMode: "onChange",
     getCoreRowModel: Za()
   });
-  return e.length === 0 ? /* @__PURE__ */ r(V, { sx: {
+  return e.length === 0 ? /* @__PURE__ */ r($, { sx: {
     height: "5em"
   } }) : /* @__PURE__ */ r(Te, { children: /* @__PURE__ */ u(w, { sx: kD, children: [
     /* @__PURE__ */ r(w.Thead, { children: n.getHeaderGroups().map((a) => /* @__PURE__ */ r(w.Tr, { children: a.headers.map((i) => /* @__PURE__ */ u(w.Th, { style: {
@@ -34431,7 +34436,7 @@ const zD = [{
   const d = s === 1 && l <= 10;
   return /* @__PURE__ */ u(y, { pt: 10, px: 10, justify: "space-between", children: [
     /* @__PURE__ */ u(y, { justify: "flex-start", children: [
-      s > 1 && /* @__PURE__ */ r(Vr, { size: "sm", value: t, onChange: n, total: s, withEdges: s > 7, styles: {
+      s > 1 && /* @__PURE__ */ r($r, { size: "sm", value: t, onChange: n, total: s, withEdges: s > 7, styles: {
         control: {
           height: "30px"
         }
@@ -34462,7 +34467,7 @@ const zD = [{
   }, [e, n, i]);
   return /* @__PURE__ */ u(Te, { children: [
     /* @__PURE__ */ r(DD, { data: e, page: n, setPage: a, limit: i, setLimit: o }),
-    /* @__PURE__ */ u(V, { py: 10, sx: {
+    /* @__PURE__ */ u($, { py: 10, sx: {
       width: "100%",
       height: "calc(100% - 42px)",
       overflow: "auto",
@@ -34522,7 +34527,7 @@ const zD = [{
         /* @__PURE__ */ r(te, { variant: "subtle", color: "blue", disabled: s || h, onClick: d, children: /* @__PURE__ */ r(or, { size: 16 }) })
       ] })
     ] }),
-    /* @__PURE__ */ u(V, { pb: 20, sx: {
+    /* @__PURE__ */ u($, { pb: 20, sx: {
       position: "relative",
       flexGrow: 1,
       overflow: "auto"
@@ -34536,7 +34541,7 @@ const zD = [{
     t
   } = _(), n = he(), a = oe(), {
     panel: i
-  } = $e(), [o, l] = Q(!1), s = (d) => {
+  } = Ve(), [o, l] = Q(!1), s = (d) => {
     n.editor.setPath(["_QUERIES_", d]);
   }, c = i.queryIDs.length;
   return /* @__PURE__ */ u(q, { children: [
@@ -34550,18 +34555,18 @@ const zD = [{
       ] })
     ] })
   ] });
-}), $D = D(() => {
+}), VD = D(() => {
   const {
     panel: e
   } = ot();
   return e.title.show ? /* @__PURE__ */ r(y, { grow: !0, justify: "center", className: "panel-title-wrapper", sx: {
     flexGrow: 1
   }, children: /* @__PURE__ */ r(k, { size: "sm", ta: "center", lineClamp: 1, className: "panel-title-text", children: e.title.show ? e.name : "" }) }) : null;
-}), VD = D(() => {
+}), $D = D(() => {
   const {
     panel: e
   } = ot();
-  return /* @__PURE__ */ r(Te, { children: /* @__PURE__ */ r(V, { className: `panel-root ${e.title.show ? "panel-root--show-title" : ""}`, p: 0, sx: {
+  return /* @__PURE__ */ r(Te, { children: /* @__PURE__ */ r($, { className: `panel-root ${e.title.show ? "panel-root--show-title" : ""}`, p: 0, sx: {
     border: "1px solid",
     borderColor: e.style.border.enabled ? "#e9ecef" : "transparent",
     flexGrow: 0,
@@ -34569,8 +34574,8 @@ const zD = [{
     width: "600px !important",
     height: "450px !important"
   }, children: /* @__PURE__ */ u(ms, { children: [
-    /* @__PURE__ */ r(V, { className: "panel-description-popover-wrapper", children: /* @__PURE__ */ r(Wd, {}) }),
-    /* @__PURE__ */ r($D, {}),
+    /* @__PURE__ */ r($, { className: "panel-description-popover-wrapper", children: /* @__PURE__ */ r(Wd, {}) }),
+    /* @__PURE__ */ r(VD, {}),
     /* @__PURE__ */ r(eu, { panel: e })
   ] }) }) });
 });
@@ -34627,7 +34632,7 @@ function ED() {
       description: l,
       id: s
     }
-  } = $e(), {
+  } = Ve(), {
     vizManager: c
   } = Jt(nn), d = {
     name: i,
@@ -34649,7 +34654,7 @@ const OD = D(() => {
     panel: {
       viz: t
     }
-  } = $e(), {
+  } = Ve(), {
     vizManager: n
   } = Jt(nn), a = R.useCallback((d) => {
     if (d === t.type)
@@ -34823,7 +34828,7 @@ class ND {
 function BD() {
   const {
     panel: e
-  } = $e();
+  } = Ve();
   return Ft(() => new ND(e), [e]);
 }
 const jD = R.forwardRef(function({
@@ -34842,7 +34847,7 @@ const jD = R.forwardRef(function({
       border: "1px solid #e9ecef"
     }, children: [
       /* @__PURE__ */ u(y, { grow: !0, wrap: "nowrap", children: [
-        /* @__PURE__ */ r($, { label: o("common.name"), required: !0, value: t.name, onChange: (s) => l("name", s.currentTarget.value) }),
+        /* @__PURE__ */ r(V, { label: o("common.name"), required: !0, value: t.name, onChange: (s) => l("name", s.currentTarget.value) }),
         /* @__PURE__ */ r(X, { label: o("common.data_field"), required: !0, value: t.data_field, onChange: (s) => l("data_field", s) })
       ] }),
       /* @__PURE__ */ r(Ci, { label: o("panel.variable.aggregation.label"), pt: 0, value: t.aggregation, onChange: (s) => l("aggregation", s), withFallback: !0 }),
@@ -34926,7 +34931,7 @@ const HD = D(({
   height: "100%",
   position: "relative"
 }, children: [
-  /* @__PURE__ */ r(V, { sx: {
+  /* @__PURE__ */ r($, { sx: {
     maxWidth: "calc(100% - 610px - 10px)",
     height: "100%",
     overflow: "auto"
@@ -34937,8 +34942,8 @@ const HD = D(({
     flexGrow: 0,
     flexShrink: 0
   }, children: [
-    /* @__PURE__ */ r(VD, {}),
-    /* @__PURE__ */ r(V, { sx: {
+    /* @__PURE__ */ r($D, {}),
+    /* @__PURE__ */ r($, { sx: {
       flexGrow: 1
     }, children: /* @__PURE__ */ r(qD, {}) })
   ] })
@@ -34996,7 +35001,7 @@ const KD = D(({
         /* @__PURE__ */ r(S.Tab, { value: "Data", leftSection: /* @__PURE__ */ r(on, { size: 14 }), disabled: d, children: t("data.label") }),
         /* @__PURE__ */ r(S.Tab, { value: "Panel", leftSection: /* @__PURE__ */ r(ja, { size: 14 }), children: t("panel.label") }),
         /* @__PURE__ */ r(S.Tab, { value: "Variables", leftSection: /* @__PURE__ */ r(Bn, { size: 14 }), disabled: h, children: /* @__PURE__ */ r(re, { label: t("data.requires_data"), disabled: !h, withinPortal: !0, zIndex: 310, children: /* @__PURE__ */ r(k, { size: "sm", children: t("panel.variable.labels") }) }) }),
-        /* @__PURE__ */ r(S.Tab, { value: "Visualization", leftSection: /* @__PURE__ */ r($l, { size: 14 }), disabled: h, children: /* @__PURE__ */ r(re, { label: t("data.requires_data"), disabled: !h, withinPortal: !0, zIndex: 310, children: /* @__PURE__ */ r(k, { size: "sm", children: t("visualization.label") }) }) }),
+        /* @__PURE__ */ r(S.Tab, { value: "Visualization", leftSection: /* @__PURE__ */ r(Vl, { size: 14 }), disabled: h, children: /* @__PURE__ */ r(re, { label: t("data.requires_data"), disabled: !h, withinPortal: !0, zIndex: 310, children: /* @__PURE__ */ r(k, { size: "sm", children: t("visualization.label") }) }) }),
         /* @__PURE__ */ r(S.Tab, { value: "Interactions", leftSection: /* @__PURE__ */ r(Qa, { size: 14 }), children: t("interactions.label") })
       ] }),
       /* @__PURE__ */ u(S.Panel, { value: "Data", children: [
@@ -35058,7 +35063,7 @@ const KD = D(({
   return /* @__PURE__ */ u(T, { sx: {
     height: "100%"
   }, gap: "sm", pb: "59px", children: [
-    /* @__PURE__ */ r(V, { pt: 9, pb: 8, sx: {
+    /* @__PURE__ */ r($, { pt: 9, pb: 8, sx: {
       borderBottom: "1px solid #eee"
     }, children: /* @__PURE__ */ r(k, { px: "md", ta: "left", sx: {
       userSelect: "none",
@@ -35084,7 +35089,7 @@ const KD = D(({
       ] }),
       /* @__PURE__ */ r(L, { variant: "subtle", size: "xs", color: "red", leftSection: /* @__PURE__ */ r(Pe, { size: 14 }), disabled: !i.content.hasUnusedQueries, onClick: l, children: e("query.delete_unused") })
     ] }),
-    /* @__PURE__ */ r(V, { sx: {
+    /* @__PURE__ */ r($, { sx: {
       flexGrow: 1,
       overflow: "auto"
     }, children: /* @__PURE__ */ r(Z.Group, { size: "xs", value: t, onChange: n, children: /* @__PURE__ */ u(w, { fz: "sm", highlightOnHover: !0, sx: {
@@ -35161,7 +35166,7 @@ const KD = D(({
     hover: !0,
     focus: !1,
     touch: !1
-  }, withinPortal: !0, zIndex: 320, position: "top-end", children: /* @__PURE__ */ r(V, { sx: {
+  }, withinPortal: !0, zIndex: 320, position: "top-end", children: /* @__PURE__ */ r($, { sx: {
     alignSelf: "flex-end"
   }, children: /* @__PURE__ */ r(L, { disabled: !0, size: "xs", leftSection: /* @__PURE__ */ r(Pe, { size: 16 }), children: t("query.delete") }) }) }) : /* @__PURE__ */ r(L, { color: "red", size: "xs", onClick: c, leftSection: /* @__PURE__ */ r(Pe, { size: 16 }), sx: {
     alignSelf: "flex-end"
@@ -35375,7 +35380,7 @@ const lI = D(({
   const t = e.dbInfo, {
     tables: n
   } = t;
-  return n.loading ? /* @__PURE__ */ r(gu, { height: "24px", lastWidth: "50%", count: 15 }) : /* @__PURE__ */ r(V, { h: "100%", sx: {
+  return n.loading ? /* @__PURE__ */ r(gu, { height: "24px", lastWidth: "50%", count: 15 }) : /* @__PURE__ */ r($, { h: "100%", sx: {
     overflow: "auto",
     ".mantine-NavLink-label": {
       fontFamily: "monospace"
@@ -35385,7 +35390,7 @@ const lI = D(({
   }, active: t.table_name === o.table_name }, o.table_name)) }, a)) });
 }), sI = ({
   visible: e
-}) => /* @__PURE__ */ r(V, { py: 10, sx: {
+}) => /* @__PURE__ */ r($, { py: 10, sx: {
   width: "100%",
   height: "100%",
   overflow: "hidden",
@@ -35422,7 +35427,7 @@ const lI = D(({
   } = e.dbInfo;
   return /* @__PURE__ */ u(y, { pt: 10, px: 10, justify: "space-between", children: [
     /* @__PURE__ */ u(y, { justify: "flex-start", children: [
-      n.maxPage > 1 && /* @__PURE__ */ r(Vr, { size: "sm", value: n.page, onChange: n.setPage, total: n.maxPage, withEdges: n.maxPage > 7, styles: {
+      n.maxPage > 1 && /* @__PURE__ */ r($r, { size: "sm", value: n.page, onChange: n.setPage, total: n.maxPage, withEdges: n.maxPage > 7, styles: {
         control: {
           height: "30px"
         }
@@ -35441,7 +35446,7 @@ const lI = D(({
   const t = e.dbInfo.tableData;
   return t.maxPage === 0 ? /* @__PURE__ */ r(k, { mt: 20, c: "red", size: "md", ta: "center", ff: "monospace", children: "This table is empty" }) : t.error ? /* @__PURE__ */ r(k, { mt: 20, c: "red", size: "md", ta: "center", ff: "monospace", children: t.error }) : t.page === 1 && t.loading ? /* @__PURE__ */ r(sI, { visible: !0 }) : /* @__PURE__ */ u(Te, { children: [
     /* @__PURE__ */ r(uI, { dataSource: e }),
-    /* @__PURE__ */ u(V, { py: 10, sx: {
+    /* @__PURE__ */ u($, { py: 10, sx: {
       width: "100%",
       height: "calc(100% - 42px)",
       overflow: "auto",
@@ -35476,7 +35481,7 @@ const lI = D(({
   }, [n]), n.tables.error ? /* @__PURE__ */ r(k, { c: "red", size: "md", ta: "center", ff: "monospace", children: n.tables.error }) : /* @__PURE__ */ u(rt, { sx: {
     height: "100%"
   }, children: [
-    /* @__PURE__ */ r(V, { w: 300, sx: {
+    /* @__PURE__ */ r($, { w: 300, sx: {
       flexGrow: 0,
       flexShrink: 0,
       position: "relative"
@@ -35535,7 +35540,7 @@ const lI = D(({
           to: "red"
         }, children: e.type })
       ] })
-    ] }), zIndex: 320, size: "96vw", styles: gI, children: /* @__PURE__ */ r(V, { sx: {
+    ] }), zIndex: 320, size: "96vw", styles: gI, children: /* @__PURE__ */ r($, { sx: {
       height: "calc(100vh - 220px)"
     }, children: /* @__PURE__ */ r(mI, { dataSource: e }) }) }),
     /* @__PURE__ */ r(L, { variant: "subtle", onClick: () => i(!0), px: 16, styles: {
@@ -35605,7 +35610,7 @@ const lI = D(({
     key: e.key
   }), [a, e.type, e.key]);
   return /* @__PURE__ */ r(F, { size: t, data: l, label: /* @__PURE__ */ u(y, { justify: "space-between", children: [
-    /* @__PURE__ */ r(V, { children: n("data_source.label") }),
+    /* @__PURE__ */ r($, { children: n("data_source.label") }),
     d && /* @__PURE__ */ r(fu, { dataSource: d, triggerButtonProps: {
       size: "compact-xs",
       px: 10
@@ -35646,7 +35651,7 @@ const lI = D(({
     width: "100%"
   }, children: [
     /* @__PURE__ */ r(A, { mb: -10, variant: "dashed", label: t("query.basics"), labelPosition: "center" }),
-    /* @__PURE__ */ r($, { placeholder: t("query.name_description"), label: t("query.name"), required: !0, sx: {
+    /* @__PURE__ */ r(V, { placeholder: t("query.name_description"), label: t("query.name"), required: !0, sx: {
       flex: 1
     }, value: n, onChange: (o) => {
       a(o.currentTarget.value);
@@ -35803,8 +35808,8 @@ WHERE
       /* @__PURE__ */ r(w.Td, { children: t(l.type_label) }),
       /* @__PURE__ */ r(w.Td, { children: /* @__PURE__ */ r(Rn, { size: "sm", component: "button", type: "button", onClick: () => a(l), children: l.label }) }),
       /* @__PURE__ */ r(w.Td, { children: /* @__PURE__ */ u(T, { align: "flex-start", justify: "flex-start", gap: 2, children: [
-        l.views.map((s) => /* @__PURE__ */ r(Rn, { size: "sm", component: "button", type: "button", onClick: () => i(s.id), children: /* @__PURE__ */ r(V, { children: s.label }) }, s.id)),
-        l.views.length === 0 && /* @__PURE__ */ r(V, { children: "--" })
+        l.views.map((s) => /* @__PURE__ */ r(Rn, { size: "sm", component: "button", type: "button", onClick: () => i(s.id), children: /* @__PURE__ */ r($, { children: s.label }) }, s.id)),
+        l.views.length === 0 && /* @__PURE__ */ r($, { children: "--" })
       ] }) })
     ] }, l.id)) })
   ] });
@@ -35823,7 +35828,7 @@ WHERE
         svg: {
           verticalAlign: "middle"
         }
-      }, children: l.map((s) => /* @__PURE__ */ r(Ue.Item, { icon: /* @__PURE__ */ r(V, { sx: {
+      }, children: l.map((s) => /* @__PURE__ */ r(Ue.Item, { icon: /* @__PURE__ */ r($, { sx: {
         path: {
           fill: s.valid ? "rgb(18, 184, 134)" : "rgb(250, 82, 82)"
         }
@@ -35943,7 +35948,7 @@ WHERE
     /* @__PURE__ */ r(k, { size: "sm", children: t("query.transform.guide.pick_queries") }),
     /* @__PURE__ */ r(Kt, { data: n.queries.optionsWithoutTransform, value: [...a.dep_query_ids], onChange: a.setDependantQueryIDs, maxDropdownHeight: 800 }),
     /* @__PURE__ */ r(k, { size: "sm", children: t("query.transform.guide.write_function") }),
-    /* @__PURE__ */ r(V, { sx: {
+    /* @__PURE__ */ r($, { sx: {
       flexGrow: 1
     }, children: /* @__PURE__ */ r(Cn, { label: "", value: e.pre_process, onChange: e.setPreProcess, defaultValue: DI.pre }) })
   ] });
@@ -36012,14 +36017,14 @@ WHERE
   /* @__PURE__ */ r("path", { d: "M6.66665 6.66699C7.03484 6.66699 7.33331 6.96547 7.33331 7.33366V11.3337C7.33331 11.7018 7.03484 12.0003 6.66665 12.0003C6.29846 12.0003 5.99998 11.7018 5.99998 11.3337V7.33366C5.99998 6.96547 6.29846 6.66699 6.66665 6.66699Z", fill: n }),
   /* @__PURE__ */ r("path", { d: "M9.99998 11.3337V7.33366C9.99998 6.96547 9.7015 6.66699 9.33331 6.66699C8.96512 6.66699 8.66665 6.96547 8.66665 7.33366V11.3337C8.66665 11.7018 8.96512 12.0003 9.33331 12.0003C9.7015 12.0003 9.99998 11.7018 9.99998 11.3337Z", fill: n }),
   /* @__PURE__ */ r("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.66665 3.33366V2.66699C4.66665 2.13656 4.87736 1.62785 5.25243 1.25278C5.62751 0.877706 6.13621 0.666992 6.66665 0.666992H9.33331C9.86375 0.666992 10.3725 0.877706 10.7475 1.25278C11.1226 1.62785 11.3333 2.13656 11.3333 2.66699V3.33366H14C14.3682 3.33366 14.6666 3.63214 14.6666 4.00033C14.6666 4.36852 14.3682 4.66699 14 4.66699H13.3333V13.3337C13.3333 13.8641 13.1226 14.3728 12.7475 14.7479C12.3725 15.1229 11.8637 15.3337 11.3333 15.3337H4.66665C4.13621 15.3337 3.62751 15.1229 3.25243 14.7479C2.87736 14.3728 2.66665 13.8641 2.66665 13.3337V4.66699H1.99998C1.63179 4.66699 1.33331 4.36852 1.33331 4.00033C1.33331 3.63214 1.63179 3.33366 1.99998 3.33366H4.66665ZM6.19524 2.19559C6.32027 2.07056 6.48984 2.00033 6.66665 2.00033H9.33331C9.51012 2.00033 9.67969 2.07056 9.80472 2.19559C9.92974 2.32061 9.99998 2.49018 9.99998 2.66699V3.33366H5.99998V2.66699C5.99998 2.49018 6.07022 2.32061 6.19524 2.19559ZM3.99998 4.66699V13.3337C3.99998 13.5105 4.07022 13.68 4.19524 13.8051C4.32027 13.9301 4.48984 14.0003 4.66665 14.0003H11.3333C11.5101 14.0003 11.6797 13.9301 11.8047 13.8051C11.9297 13.68 12 13.5105 12 13.3337V4.66699H3.99998Z", fill: n })
-] }), $I = ({
+] }), VI = ({
   width: e,
   height: t
 }) => /* @__PURE__ */ u("svg", { viewBox: "0 0 18 18", fill: "none", width: e, height: t, children: [
   /* @__PURE__ */ r("path", { d: "M7.5 3.75C7.5 2.92157 8.17157 2.25 9 2.25C9.82843 2.25 10.5 2.92157 10.5 3.75C10.5 4.57843 9.82843 5.25 9 5.25C8.17157 5.25 7.5 4.57843 7.5 3.75Z", fill: "#3D3E45" }),
   /* @__PURE__ */ r("path", { d: "M7.5 9C7.5 8.17157 8.17157 7.5 9 7.5C9.82843 7.5 10.5 8.17157 10.5 9C10.5 9.82843 9.82843 10.5 9 10.5C8.17157 10.5 7.5 9.82843 7.5 9Z", fill: "#3D3E45" }),
   /* @__PURE__ */ r("path", { d: "M9 12.75C8.17157 12.75 7.5 13.4216 7.5 14.25C7.5 15.0784 8.17157 15.75 9 15.75C9.82843 15.75 10.5 15.0784 10.5 14.25C10.5 13.4216 9.82843 12.75 9 12.75Z", fill: "#3D3E45" })
-] }), VI = D(({
+] }), $I = D(({
   queryModel: e
 }) => {
   const {
@@ -36051,8 +36056,8 @@ WHERE
 }), PI = D(({
   queryModel: e
 }) => /* @__PURE__ */ u(W, { shadow: "md", width: 120, trigger: "hover", children: [
-  /* @__PURE__ */ r(W.Target, { children: /* @__PURE__ */ r(te, { variant: "subtle", "aria-label": "Settings", children: /* @__PURE__ */ r($I, { width: 18, height: 18 }) }) }),
-  /* @__PURE__ */ r(W.Dropdown, { children: /* @__PURE__ */ r(VI, { queryModel: e }) })
+  /* @__PURE__ */ r(W.Target, { children: /* @__PURE__ */ r(te, { variant: "subtle", "aria-label": "Settings", children: /* @__PURE__ */ r(VI, { width: 18, height: 18 }) }) }),
+  /* @__PURE__ */ r(W.Dropdown, { children: /* @__PURE__ */ r($I, { queryModel: e }) })
 ] })), AI = {
   width: "fit-content",
   minWidth: "100%",
@@ -36106,7 +36111,7 @@ function RI({
     columnResizeMode: "onChange",
     getCoreRowModel: Za()
   });
-  return e.length === 0 ? /* @__PURE__ */ r(V, { sx: {
+  return e.length === 0 ? /* @__PURE__ */ r($, { sx: {
     height: "5em"
   } }) : /* @__PURE__ */ r(Te, { children: /* @__PURE__ */ u(w, { sx: AI, stickyHeader: !0, stickyHeaderOffset: 0, children: [
     /* @__PURE__ */ r(w.Thead, { style: {
@@ -36174,7 +36179,7 @@ const EI = [{
           onChange: c
         }
       ),
-      s > 1 && /* @__PURE__ */ r(Vr, { size: "sm", value: t, onChange: n, total: s, withEdges: s > 7, styles: {
+      s > 1 && /* @__PURE__ */ r($r, { size: "sm", value: t, onChange: n, total: s, withEdges: s > 7, styles: {
         control: {
           height: "30px"
         }
@@ -36199,7 +36204,7 @@ const EI = [{
     }
   }, children: [
     /* @__PURE__ */ r(FI, { data: e, page: n, setPage: a, limit: i, setLimit: o }),
-    /* @__PURE__ */ u(V, { sx: {
+    /* @__PURE__ */ u($, { sx: {
       width: "100%",
       height: "calc(100% - 42px)",
       overflow: "auto",
@@ -36249,7 +36254,7 @@ const EI = [{
       /* @__PURE__ */ r(k, { size: "sm", fw: 500, children: "查询结果" }),
       /* @__PURE__ */ r(L, { size: "xs", variant: "transparent", color: "gray", leftSection: /* @__PURE__ */ r(or, { size: 16 }), disabled: a || l, onClick: o, children: "下载查询结果" })
     ] }),
-    /* @__PURE__ */ u(V, { sx: {
+    /* @__PURE__ */ u($, { sx: {
       position: "relative",
       flexGrow: 1,
       overflow: "hidden"
@@ -36601,15 +36606,15 @@ const EI = [{
       t.setTimeQueryEnabled(!0);
       return;
     }
-  }, [i.requireTrendingReason, l]), i.supportTrending ? i.requireTrendingReason ? /* @__PURE__ */ r(re, { label: i.requireTrendingReason, children: /* @__PURE__ */ r(V, { children: /* @__PURE__ */ r(ke, { size: "xs", color: "red", checked: !0, readOnly: !0, styles: {
+  }, [i.requireTrendingReason, l]), i.supportTrending ? i.requireTrendingReason ? /* @__PURE__ */ r(re, { label: i.requireTrendingReason, children: /* @__PURE__ */ r($, { children: /* @__PURE__ */ r(Ce, { size: "xs", color: "red", checked: !0, readOnly: !0, styles: {
     track: {
       cursor: "not-allowed"
     }
-  } }) }) }) : /* @__PURE__ */ r(ke, { size: "xs", color: "red", checked: l, onChange: (s) => t.setTimeQueryEnabled(s.currentTarget.checked), styles: {
+  } }) }) }) : /* @__PURE__ */ r(Ce, { size: "xs", color: "red", checked: l, onChange: (s) => t.setTimeQueryEnabled(s.currentTarget.checked), styles: {
     track: {
       cursor: "pointer"
     }
-  } }) : /* @__PURE__ */ r(re, { label: "由于指标未设定时序维度，所以不具备时间序列展示功能。", children: /* @__PURE__ */ r(V, { children: /* @__PURE__ */ r(ke, { size: "xs", color: "red", disabled: !o }) }) });
+  } }) : /* @__PURE__ */ r(re, { label: "由于指标未设定时序维度，所以不具备时间序列展示功能。", children: /* @__PURE__ */ r($, { children: /* @__PURE__ */ r(Ce, { size: "xs", color: "red", disabled: !o }) }) });
 }), n8 = D(({
   queryModel: e
 }) => {
@@ -36713,7 +36718,10 @@ const EI = [{
       }) : h.push(p.value);
     }), t.setGroupBys(h);
   };
-  return /* @__PURE__ */ r(Kt, { size: "sm", label: "分组聚合维度", description: "指标在查询时按照哪些维度进行聚合计算。最多支持两个维度的聚合计算。若选择按时间序列展示，则仅可选择一个聚合维度。", data: l, searchable: !0, styles: a8, renderOption: i8, rightSection: o ? /* @__PURE__ */ r(Fa, { size: "xs" }) : null, value: [...t.groupByValues], onChange: s, maxValues: t.timeQuery.enabled ? 1 : 2, placeholder: t.timeQuery.enabled ? "仅可选一个维度" : "最多选两个维度", disabled: o });
+  return /* @__PURE__ */ u(q, { children: [
+    /* @__PURE__ */ r(Kt, { size: "sm", label: "分组聚合维度", description: "指标在查询时按照哪些维度进行聚合计算。最多支持两个维度的聚合计算。若选择按时间序列展示，则仅可选择一个聚合维度。", data: l, searchable: !0, styles: a8, renderOption: i8, rightSection: o ? /* @__PURE__ */ r(Fa, { size: "xs" }) : null, value: [...t.groupByValues], onChange: s, maxValues: t.timeQuery.enabled ? 1 : 2, placeholder: t.timeQuery.enabled ? "仅可选一个维度" : "最多选两个维度", disabled: o }),
+    /* @__PURE__ */ r(Ce, { labelPosition: "left", label: "聚合维度为空时，自动补零", size: "sm", color: "red", checked: t.useDefaultValues, onChange: (c) => t.setUseDefaultValues(c.currentTarget.checked), disabled: l.length === 0 })
+  ] });
 }), l8 = D(({
   queryModel: e
 }) => {
@@ -36767,7 +36775,7 @@ const EI = [{
 }) => {
   const t = e.metricQueryPayloadError;
   return t.length > 0 ? /* @__PURE__ */ u(ge, { shadow: "md", children: [
-    /* @__PURE__ */ r(ge.Target, { children: /* @__PURE__ */ r(V, { children: /* @__PURE__ */ r(L, { size: "xs", leftSection: /* @__PURE__ */ r(ll, { width: 14, height: 14, color: "rgb(173, 181, 189)" }), variant: "filled", color: "red", disabled: !0, children: "执行查询" }) }) }),
+    /* @__PURE__ */ r(ge.Target, { children: /* @__PURE__ */ r($, { children: /* @__PURE__ */ r(L, { size: "xs", leftSection: /* @__PURE__ */ r(ll, { width: 14, height: 14, color: "rgb(173, 181, 189)" }), variant: "filled", color: "red", disabled: !0, children: "执行查询" }) }) }),
     /* @__PURE__ */ r(ge.Dropdown, { children: /* @__PURE__ */ r(Ue, { size: "xs", children: t.map((n) => /* @__PURE__ */ r(Ue.Item, { children: n }, n)) }) })
   ] }) : /* @__PURE__ */ r(L, { size: "xs", leftSection: /* @__PURE__ */ r(ll, { width: 14, height: 14 }), variant: "filled", color: "red", onClick: () => e.fetchData(!0), children: "执行查询" });
 }), h8 = ({
@@ -36847,7 +36855,7 @@ const EI = [{
         flexGrow: 0,
         flexShrink: 0
       }
-    }, children: /* @__PURE__ */ r($, { size: "xs", placeholder: t("query.name_description"), label: t("query.name"), value: e.name, onChange: (n) => {
+    }, children: /* @__PURE__ */ r(V, { size: "xs", placeholder: t("query.name_description"), label: t("query.name"), value: e.name, onChange: (n) => {
       e.setName(n.currentTarget.value);
     }, styles: {
       root: {
@@ -36927,7 +36935,7 @@ const EI = [{
     /* @__PURE__ */ u(y, { sx: {
       alignItems: "end"
     }, gap: 40, children: [
-      /* @__PURE__ */ r($, { label: a(h ? "sql_snippet.key_occupied" : "sql_snippet.key"), value: l, onChange: (M) => {
+      /* @__PURE__ */ r(V, { label: a(h ? "sql_snippet.key_occupied" : "sql_snippet.key"), value: l, onChange: (M) => {
         s(M.currentTarget.value);
       }, sx: {
         flexGrow: "1 !important"
@@ -37007,7 +37015,7 @@ const EI = [{
   return /* @__PURE__ */ u(T, { sx: {
     height: "100%"
   }, gap: "sm", pb: "59px", children: [
-    /* @__PURE__ */ r(V, { pt: 9, pb: 8, sx: {
+    /* @__PURE__ */ r($, { pt: 9, pb: 8, sx: {
       borderBottom: "1px solid #eee"
     }, children: /* @__PURE__ */ r(k, { size: "sm", px: "md", ta: "left", sx: {
       userSelect: "none",
@@ -37033,7 +37041,7 @@ const EI = [{
       ] }),
       /* @__PURE__ */ r(L, { variant: "subtle", size: "xs", color: "red", leftSection: /* @__PURE__ */ r(Pe, { size: 14 }), disabled: !i.content.hasUnusedSQLSnippets, onClick: l, children: e("sql_snippet.delete_unused") })
     ] }),
-    /* @__PURE__ */ r(V, { sx: {
+    /* @__PURE__ */ r($, { sx: {
       flexGrow: 1,
       overflow: "auto"
     }, children: /* @__PURE__ */ r(Z.Group, { size: "xs", value: t, onChange: n, children: /* @__PURE__ */ u(w, { fz: "sm", highlightOnHover: !0, sx: {
@@ -37104,13 +37112,13 @@ const EI = [{
     /* @__PURE__ */ r(A, { mt: 8, mb: 0, label: t("view.component.tabs.tabs_settings"), labelPosition: "center" }),
     /* @__PURE__ */ r(F, { label: t("common.tabs.variant.label"), value: o.variant, onChange: o.setVariant, data: a }),
     /* @__PURE__ */ r(F, { label: t("common.tabs.orientation.label"), value: o.orientation, onChange: o.setOrientation, data: i }),
-    /* @__PURE__ */ r(ke, { label: t("common.tabs.grow_tabs"), checked: o.grow, onChange: (l) => o.setGrow(l.currentTarget.checked) })
+    /* @__PURE__ */ r(Ce, { label: t("common.tabs.grow_tabs"), checked: o.grow, onChange: (l) => o.setGrow(l.currentTarget.checked) })
   ] });
 }), w8 = ({
   disabled: e,
   value: t,
   onChange: n
-}) => /* @__PURE__ */ u(V, { sx: {
+}) => /* @__PURE__ */ u($, { sx: {
   position: "relative"
 }, children: [
   e && /* @__PURE__ */ r(dn, { backgroundOpacity: 0.6, color: "#fff", zIndex: 5, blur: 2 }),
@@ -37184,14 +37192,14 @@ const EI = [{
   return /* @__PURE__ */ u(T, { children: [
     /* @__PURE__ */ r(A, { mt: 8, label: t("view.component.modal.modal_settings"), labelPosition: "center" }),
     /* @__PURE__ */ u(rt, { gap: 10, children: [
-      /* @__PURE__ */ r($, { label: t("view.component.modal.title"), value: a, onChange: C.noop, disabled: !0, sx: {
+      /* @__PURE__ */ r(V, { label: t("view.component.modal.title"), value: a, onChange: C.noop, disabled: !0, sx: {
         flexGrow: 1
       } }),
       /* @__PURE__ */ r(S8, { value: n.custom_modal_title, onChange: n.custom_modal_title.replace })
     ] }),
     /* @__PURE__ */ u(y, { grow: !0, children: [
-      /* @__PURE__ */ r($, { label: t("view.component.modal.width"), value: n.width, onChange: (i) => n.setWidth(i.currentTarget.value), placeholder: "600px / 50vw" }),
-      /* @__PURE__ */ r($, { label: t("view.component.modal.height"), value: n.height, onChange: (i) => n.setHeight(i.currentTarget.value), placeholder: "600px / 50vw" })
+      /* @__PURE__ */ r(V, { label: t("view.component.modal.width"), value: n.width, onChange: (i) => n.setWidth(i.currentTarget.value), placeholder: "600px / 50vw" }),
+      /* @__PURE__ */ r(V, { label: t("view.component.modal.height"), value: n.height, onChange: (i) => n.setHeight(i.currentTarget.value), placeholder: "600px / 50vw" })
     ] })
   ] });
 }), k8 = D(({
@@ -37219,7 +37227,7 @@ const EI = [{
   return e ? /* @__PURE__ */ u(T, { sx: {
     position: "relative"
   }, children: [
-    /* @__PURE__ */ r($, { label: t("common.name"), value: e.name, onChange: (i) => {
+    /* @__PURE__ */ r(V, { label: t("common.name"), value: e.name, onChange: (i) => {
       e.setName(i.currentTarget.value);
     } }),
     /* @__PURE__ */ r(F, { label: t("common.type"), comboboxProps: {
@@ -37267,7 +37275,7 @@ const EI = [{
         zIndex: 320
       });
     }, children: t("view.delete") }) }),
-    /* @__PURE__ */ r(V, { sx: {
+    /* @__PURE__ */ r($, { sx: {
       flexGrow: 1,
       maxHeight: "calc(100% - 52px)",
       overflow: "auto"
@@ -37277,7 +37285,7 @@ const EI = [{
   height: "100%"
 }, p: "sm", children: /* @__PURE__ */ r(_u, {}) })), I8 = D(() => {
   const e = he().editor, t = e.path;
-  return q4(t) ? /* @__PURE__ */ r(D8, {}) : N4(t) ? /* @__PURE__ */ r(yD, {}) : B4(t) ? /* @__PURE__ */ r(bD, {}) : j4(t) ? /* @__PURE__ */ r(V, { p: "xs", pl: 20, children: /* @__PURE__ */ r(fD, { id: t[1] }) }) : Q4(t) ? /* @__PURE__ */ r(_8, {}) : H4(t) ? /* @__PURE__ */ r(y8, { id: t[1] }) : W4(t) ? /* @__PURE__ */ r(XD, {}) : G4(t) ? /* @__PURE__ */ r(g8, { id: t[1] }) : U4(t) ? /* @__PURE__ */ r(V, { p: "xs", pl: 20, children: /* @__PURE__ */ r(T8, { id: t[1] }) }) : Ia(t) ? /* @__PURE__ */ r(YD, { viewID: t[1], panelID: t[3] }) : /* @__PURE__ */ r(V, { children: e.path });
+  return q4(t) ? /* @__PURE__ */ r(D8, {}) : N4(t) ? /* @__PURE__ */ r(yD, {}) : B4(t) ? /* @__PURE__ */ r(bD, {}) : j4(t) ? /* @__PURE__ */ r($, { p: "xs", pl: 20, children: /* @__PURE__ */ r(fD, { id: t[1] }) }) : Q4(t) ? /* @__PURE__ */ r(_8, {}) : H4(t) ? /* @__PURE__ */ r(y8, { id: t[1] }) : W4(t) ? /* @__PURE__ */ r(XD, {}) : G4(t) ? /* @__PURE__ */ r(g8, { id: t[1] }) : U4(t) ? /* @__PURE__ */ r($, { p: "xs", pl: 20, children: /* @__PURE__ */ r(T8, { id: t[1] }) }) : Ia(t) ? /* @__PURE__ */ r(YD, { viewID: t[1], panelID: t[3] }) : /* @__PURE__ */ r($, { children: e.path });
 }), M8 = D(() => /* @__PURE__ */ r(I8, {})), L8 = D(() => {
   const {
     t: e
@@ -37302,7 +37310,7 @@ const EI = [{
       justifyContent: "flex-start"
     }
   }, children: e("filter.add") });
-}), $8 = D(({
+}), V8 = D(({
   parentID: e
 }) => {
   const {
@@ -37319,7 +37327,7 @@ const EI = [{
       justifyContent: "flex-start"
     }
   }, children: t("panel.add") });
-}), V8 = D(() => {
+}), $8 = D(() => {
   const {
     t: e
   } = _(), t = he();
@@ -37415,7 +37423,7 @@ const EI = [{
 }), F8 = D(({
   action_type: e,
   parentID: t
-}) => e === "_Add_A_Filter_" ? /* @__PURE__ */ r(L8, {}) : e === "_Add_A_SQL_SNIPPET_" ? /* @__PURE__ */ r(P8, {}) : e === "_Add_A_QUERY_" ? /* @__PURE__ */ r(V8, {}) : e === "_Add_A_VIEW_" ? /* @__PURE__ */ r(A8, {}) : e === "_Add_A_PANEL_" ? /* @__PURE__ */ r($8, { parentID: t }) : e === "_QUERIES_SETTINGS_" ? /* @__PURE__ */ r(R8, {}) : e === "_SQL_SNIPPETS_SETTINGS_" ? /* @__PURE__ */ r(E8, {}) : e === "_FILTERS_SETTINGS_" ? /* @__PURE__ */ r(O8, {}) : null), wu = D(({
+}) => e === "_Add_A_Filter_" ? /* @__PURE__ */ r(L8, {}) : e === "_Add_A_SQL_SNIPPET_" ? /* @__PURE__ */ r(P8, {}) : e === "_Add_A_QUERY_" ? /* @__PURE__ */ r($8, {}) : e === "_Add_A_VIEW_" ? /* @__PURE__ */ r(A8, {}) : e === "_Add_A_PANEL_" ? /* @__PURE__ */ r(V8, { parentID: t }) : e === "_QUERIES_SETTINGS_" ? /* @__PURE__ */ r(R8, {}) : e === "_SQL_SNIPPETS_SETTINGS_" ? /* @__PURE__ */ r(E8, {}) : e === "_FILTERS_SETTINGS_" ? /* @__PURE__ */ r(O8, {}) : null), wu = D(({
   option: e
 }) => {
   var h;
@@ -37427,7 +37435,7 @@ const EI = [{
   }, [s]), /* @__PURE__ */ r(ba, { active: i, defaultOpened: s, opened: c, onChange: d, label: t(e.label), onClick: () => l(e), leftSection: e.Icon ? /* @__PURE__ */ r(e.Icon, { size: 18 }) : null, children: (h = e.children) == null ? void 0 : h.map((p) => p._type === "ACTION" ? /* @__PURE__ */ r(F8, { action_type: p._action_type, parentID: p.parentID }, `_ADD_${p.value}_`) : /* @__PURE__ */ r(wu, { option: p }, p.value)) }, e.label);
 }), q8 = D(() => {
   const e = he();
-  return /* @__PURE__ */ r(V, { sx: {
+  return /* @__PURE__ */ r($, { sx: {
     position: "relative"
   }, children: e.editor.navOptions.map((t) => /* @__PURE__ */ r(wu, { option: t }, t.value)) });
 }), N8 = D(() => {
@@ -37620,7 +37628,7 @@ const W8 = {
       }, styles: W8, children: [
         /* @__PURE__ */ r(M6, { onExit: h, saveDashboardChanges: I, headerSlot: s }),
         /* @__PURE__ */ r(rD, {}),
-        /* @__PURE__ */ r(Je.Main, { children: /* @__PURE__ */ r(V, { className: `${i} dashboard-root`, sx: {
+        /* @__PURE__ */ r(Je.Main, { children: /* @__PURE__ */ r($, { className: `${i} dashboard-root`, sx: {
           position: "relative"
         }, children: v.content.views.visibleViews.map((E) => /* @__PURE__ */ r(b4, { view: E }, E.id)) }) })
       ] }),
@@ -37669,7 +37677,7 @@ const Su = m.model({
     return this.json.content;
   },
   get payloadForSQL() {
-    const t = Ce(e).context.current, n = Ce(e).globalSQLSnippets, a = {
+    const t = ke(e).context.current, n = ke(e).globalSQLSnippets, a = {
       context: {
         ...e.mock_context.current,
         ...t
@@ -37683,7 +37691,7 @@ const Su = m.model({
     };
   },
   get payloadForViz() {
-    const t = Ce(e).context.current;
+    const t = ke(e).context.current;
     return {
       context: {
         ...e.mock_context.current,
@@ -37879,8 +37887,8 @@ const Z8 = ({
     setFullScreenPanelID: l
   }, children: /* @__PURE__ */ r(Qr.Provider, { value: {
     inEditMode: !1
-  }, children: /* @__PURE__ */ r(V, { className: `${a} dashboard-root`, children: /* @__PURE__ */ r(nn.Provider, { value: v, children: /* @__PURE__ */ r(Gr, { configure: I, children: x.content.views.visibleViews.map((M) => /* @__PURE__ */ r(Xi, { view: M }, M.id)) }) }) }) }) }) }) }) }) }) }) }) });
-}, sL = D(Z8), cL = () => Promise.resolve().then(() => Vm).then(({
+  }, children: /* @__PURE__ */ r($, { className: `${a} dashboard-root`, children: /* @__PURE__ */ r(nn.Provider, { value: v, children: /* @__PURE__ */ r(Gr, { configure: I, children: x.content.views.visibleViews.map((M) => /* @__PURE__ */ r(Xi, { view: M }, M.id)) }) }) }) }) }) }) }) }) }) }) }) });
+}, sL = D(Z8), cL = () => Promise.resolve().then(() => $m).then(({
   version: e
 }) => (console.log(`[@devtable/dashboard] version: ${e}`), e));
 export {
@@ -37986,9 +37994,9 @@ export {
   h5 as createFilterSelectConfig,
   ud as createFilterTextInputConfig,
   L5 as createFilterTreeSelectConfig,
-  $5 as createFilterTreeSingleSelectConfig,
+  V5 as createFilterTreeSingleSelectConfig,
   n5 as createMericoMetricQueryMetaConfig,
-  V5 as createViewDivisionConfig,
+  $5 as createViewDivisionConfig,
   A5 as createViewModalConfig,
   E5 as createViewTabsConfig,
   Gz as facadeApiClient,
@@ -38012,7 +38020,7 @@ export {
   Ym as useDashboardThemeContext,
   oe as useEditContentModelContext,
   he as useEditDashboardContext,
-  $e as useEditPanelContext,
+  Ve as useEditPanelContext,
   tg as useFullScreenPanelContext,
   Jm as useIsInEditPanelContext,
   Zm as useIsInRenderPanelContext,