@devtable/dashboard 14.44.1 → 14.44.3

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 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 C, { unset as Lu, get as se, isObject as hl, set as $a, 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 Pa, template as Aa, 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";
@@ -15,8 +15,8 @@ import Ge from "echarts-for-react/lib/core";
 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 $, 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 { useBoolean as De, useCreation as Ft, usePrevious as Qu, useAsyncEffect as Nn, useRequest as xn, useLatest as ba, useWhyDidYouUpdate as xl } from "ahooks";
+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 Ra, 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 Ea, 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 Oa, 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 Fa, 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 ya, useCombobox as th, Loader as qa, 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 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 { 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 Na, IconInfoCircle as Re, IconCheck as Ba, 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 ja, IconArrowCurveRight as _a, 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 Qa, IconVariable as Bn, IconChartHistogram as Vl, IconRoute as Ha, IconCopy as Ga, IconArrowLeft as $l, IconArrowsMove as Dh, IconChevronDownRight as Ih, IconShare3 as Mh, IconArrowsLeftRight as Lh, IconCodeDots as Pl, IconFilter as Wa, IconBoxMultiple as Ua, 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";
@@ -45,14 +45,14 @@ import Yl from "@tiptap/extension-underline";
 import { useEditor as Xl } from "@tiptap/react";
 import Zl from "@tiptap/starter-kit";
 import { DatesProvider as Wh, DatePicker as Uh } from "@mantine/dates";
-import Qt, { loader as oa } from "@monaco-editor/react";
+import Qt, { loader as la } from "@monaco-editor/react";
 import { Mark as Jl, Extension as Kh } from "@tiptap/core";
 import * as Yh from "d3-scale";
 import { useForm as ye, Controller as f, useFieldArray as Or, useWatch as Xh } from "react-hook-form";
 import { observer as D } from "mobx-react-lite";
 import { move as es } from "@dnd-kit/helpers";
-import { DragDropProvider as Ua } from "@dnd-kit/react";
-import { useSortable as Ka } from "@dnd-kit/react/sortable";
+import { DragDropProvider as Ka } from "@dnd-kit/react";
+import { useSortable as Ya } from "@dnd-kit/react/sortable";
 import { v4 as At } from "uuid";
 import { BarChart as Zh, BoxplotChart as Jh, CustomChart as ep, FunnelChart as tp, HeatmapChart as np, LineChart as rp, PieChart as ap, RadarChart as ip, ScatterChart as op, SunburstChart as lp } from "echarts/charts";
 import { CalendarComponent as sp, DataZoomComponent as cp, GridComponent as dp, LegendComponent as up, TooltipComponent as hp, MarkLineComponent as pp, MarkAreaComponent as mp, VisualMapComponent as gp } from "echarts/components";
@@ -62,7 +62,7 @@ import { showNotification as Sn, updateNotification as yp, notifications as ts }
 import { createStyles as Qn, MantineEmotionProvider as ns } from "@mantine/emotion";
 import * as an from "d3-regression";
 import { CodeHighlight as kt } from "@mantine/code-highlight";
-import { flexRender as En, createColumnHelper as Ya, useReactTable as Xa, getCoreRowModel as Za, getSortedRowModel as _p } from "@tanstack/react-table";
+import { flexRender as En, createColumnHelper as Xa, useReactTable as Za, getCoreRowModel as Ja, getSortedRowModel as _p } from "@tanstack/react-table";
 import { useVirtualizer as xp } from "@tanstack/react-virtual";
 import ct from "axios";
 import vp from "dayjs/plugin/advancedFormat";
@@ -2243,7 +2243,7 @@ class qr {
         throw new Error("Cannot set root value to non-object");
     else
       Zn(() => {
-        Va(this.rootRef.current, [t], n);
+        $a(this.rootRef.current, [t], n);
       });
     return Promise.resolve(this.getItem(t));
   }
@@ -2401,14 +2401,14 @@ class Mm {
 function Vt(e) {
   return new Mm(e);
 }
-class Ja {
+class ei {
   constructor() {
     B(this, "parent");
     B(this, "factoryRegistry", /* @__PURE__ */ new Map());
     B(this, "instanceRegistry", /* @__PURE__ */ new Map());
   }
   createScoped() {
-    const t = new Ja();
+    const t = new ei();
     return t.parent = this, t;
   }
   getRequired(t) {
@@ -2474,7 +2474,7 @@ function Vm() {
   } = R.useContext(ps);
   return e ? document.getElementById(e) : null;
 }
-const gs = "14.44.1", $m = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const gs = "14.44.3", $m = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   version: gs
 }, Symbol.toStringTag, { value: "Module" }));
@@ -2802,7 +2802,7 @@ function Gm(e, t) {
       return e;
   }
 }
-function ei(e, t) {
+function ti(e, t) {
   const n = e.map(Number), a = Gm(n, t);
   return typeof a == "number" ? Number.isFinite(a) ? a : t.fallback : a ?? t.fallback;
 }
@@ -2826,9 +2826,9 @@ function Um(e, t, n) {
     return console.error(a), n.fallback;
   }
 }
-function ti(e, t, n) {
+function ni(e, t, n) {
   try {
-    return n.type === "custom" ? Wm(e, t, n) : n.type === "pick_record" ? Um(e, t, n) : ei(gt(e, t), n);
+    return n.type === "custom" ? Wm(e, t, n) : n.type === "pick_record" ? Um(e, t, n) : ti(gt(e, t), n);
   } catch (a) {
     return console.error(a), null;
   }
@@ -2861,16 +2861,16 @@ const oe = () => ws(), Xm = {
   downloadPanelScreenshot: () => {
   }
 }), Cs = Ss.Provider;
-function ni() {
+function ri() {
   const e = R.useContext(Ss);
   if (!e.panel)
     throw new Error("Please use PanelContextProvider");
   return e;
 }
-const ot = () => ni(), Ve = () => ni();
+const ot = () => ri(), Ve = () => ri();
 function ks() {
   try {
-    return ni(), !0;
+    return ri(), !0;
   } catch {
     return !1;
   }
@@ -2903,7 +2903,7 @@ function Ts({
     firstDayOfWeek: 1
   }, children: e });
 }
-const _e = () => ws(), ri = {
+const _e = () => ws(), ai = {
   fontSize: "14px",
   lineHeight: "32px",
   color: "#3D3E45",
@@ -2980,15 +2980,15 @@ const _e = () => ws(), ri = {
     color: "#3D3E45",
     margin: "0 0 14px"
   }
-}, ai = "grad_color_", rg = new RegExp(`^(?!${ai})(.+)$`);
+}, ii = "grad_color_", rg = new RegExp(`^(?!${ii})(.+)$`);
 function Ds(e) {
-  return e && e.replace(rg, `${ai}$1`);
+  return e && e.replace(rg, `${ii}$1`);
 }
 const ag = (e) => {
   const n = "abcdefghijklmnopqrstuvwxyz", i = `1234567890${n}${n.toUpperCase()}`.split(""), o = new Uint8Array(e);
   crypto.getRandomValues(o);
   const l = o.reduce((s, c) => `${s}${i[c & 61]}`, "");
-  return `${ai}${l}`;
+  return `${ii}${l}`;
 };
 function ig(e, t, n) {
   try {
@@ -3230,7 +3230,7 @@ function cg(e) {
 }
 const be = (e) => (t, n) => {
   t !== null && e(t, n);
-}, la = D(ee((e, t) => {
+}, sa = D(ee((e, t) => {
   const {
     label: n,
     value: a,
@@ -3492,7 +3492,7 @@ const In = (e) => ({
   followVisualMap: !e,
   color: e
 });
-function ii(e, t, n, a) {
+function oi(e, t, n, a) {
   if (a.type !== "continuous")
     return In("");
   const {
@@ -3523,7 +3523,7 @@ const fg = gg(), bg = ({
     t: a
   } = _(), i = `linear-gradient(to right,  ${e.join(", ")})`;
   return /* @__PURE__ */ u(W, { shadow: "md", width: 300, withinPortal: !0, zIndex: n, children: [
-    /* @__PURE__ */ r(W.Target, { children: /* @__PURE__ */ u(Aa, { children: [
+    /* @__PURE__ */ r(W.Target, { children: /* @__PURE__ */ u(Ra, { children: [
       /* @__PURE__ */ r(k, { style: {
         display: "inline-block",
         fontSize: "0.875rem",
@@ -3576,7 +3576,7 @@ const fg = gg(), bg = ({
   }] = De(!1), {
     ref: s,
     handleRef: c
-  } = Ka({
+  } = Ya({
     id: e.id,
     index: t
   });
@@ -3627,7 +3627,7 @@ const fg = gg(), bg = ({
   };
   return /* @__PURE__ */ u(T, { ref: a, children: [
     /* @__PURE__ */ r(bg, { colors: e, applyPalette: c, zIndex: n }),
-    /* @__PURE__ */ r(Ua, { onDragEnd: (x) => {
+    /* @__PURE__ */ r(Ka, { onDragEnd: (x) => {
       const {
         source: v,
         target: I
@@ -3676,11 +3676,11 @@ const fg = gg(), bg = ({
     /* @__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 }) }),
+      }) => /* @__PURE__ */ r(sa, { label: a("rich_text.color_mapping.choose_value_var"), clearable: !1, preview: "aggregated", zIndex: 340, ...d }) }),
       /* @__PURE__ */ u(y, { grow: !0, justify: "space-between", children: [
         /* @__PURE__ */ r(f, { name: "min_var", control: o, render: ({
           field: d
-        }) => /* @__PURE__ */ r(la, { label: a("rich_text.color_mapping.min.var"), preview: "aggregated", sx: {
+        }) => /* @__PURE__ */ r(sa, { label: a("rich_text.color_mapping.min.var"), preview: "aggregated", sx: {
           flexGrow: 1,
           maxWidth: "unset"
         }, ...d }) }),
@@ -3694,7 +3694,7 @@ const fg = gg(), bg = ({
       /* @__PURE__ */ u(y, { grow: !0, justify: "space-between", children: [
         /* @__PURE__ */ r(f, { name: "max_var", control: o, render: ({
           field: d
-        }) => /* @__PURE__ */ r(la, { label: a("rich_text.color_mapping.max.var"), preview: "aggregated", sx: {
+        }) => /* @__PURE__ */ r(sa, { label: a("rich_text.color_mapping.max.var"), preview: "aggregated", sx: {
           flexGrow: 1,
           maxWidth: "unset"
         }, ...d }) }),
@@ -3822,15 +3822,15 @@ function zg(e) {
   }];
 }
 const Tg = (e) => e && e.replace(_r, "").replace(/(.*)\}$/, "$1"), Os = (e) => !e || e.startsWith(_r) ? e : [_r, e, Es].join(`
-`), oi = "dyn_color_", Dg = new RegExp(`^(?!${oi})(.+)$`);
+`), li = "dyn_color_", Dg = new RegExp(`^(?!${li})(.+)$`);
 function Fs(e) {
-  return e && e.replace(Dg, `${oi}$1`);
+  return e && e.replace(Dg, `${li}$1`);
 }
 const qs = (e) => {
   const n = "abcdefghijklmnopqrstuvwxyz", i = `1234567890${n}${n.toUpperCase()}`.split(""), o = new Uint8Array(e);
   crypto.getRandomValues(o);
   const l = o.reduce((s, c) => `${s}${i[c & 61]}`, "");
-  return `${oi}${l}`;
+  return `${li}${l}`;
 };
 function Ig(e, t, n) {
   const a = {}, i = (l) => new Function(`return ${Os(l)}`)()({
@@ -3988,7 +3988,7 @@ const Xn = "data-value", Mg = Xn, Ns = "dynamicColor", Bs = Jl.create({
       /* @__PURE__ */ r(Lg, { value: s, onChange: c, onMount: g })
     ] })
   ] });
-}), li = ee(({
+}), si = ee(({
   title: e,
   value: t,
   onChange: n,
@@ -4035,7 +4035,7 @@ const Xn = "data-value", Mg = Xn, Ns = "dynamicColor", Bs = Jl.create({
     t
   } = _(), n = e.getAttributes(Ns)[Mg] ?? "", a = Os(n), i = zg(n);
   return /* @__PURE__ */ u(q, { children: [
-    /* @__PURE__ */ r(li, { title: t("rich_text.dynamic_color.edit"), label: "", triggerLabel: "", value: a, onChange: (o) => {
+    /* @__PURE__ */ r(si, { 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: 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: {
@@ -4098,7 +4098,7 @@ const Xn = "data-value", Mg = Xn, Ns = "dynamicColor", Bs = Jl.create({
   editor: e
 }) => {
   const t = e.getAttributes("textStyle").fontSize;
-  return /* @__PURE__ */ r(le.ControlsGroup, { children: /* @__PURE__ */ r(Ra, { size: "xs", leftSection: /* @__PURE__ */ r(qa, { stroke: 1.5, size: 16 }), data: Ag, styles: Rg, value: t || "", onChange: (n) => {
+  return /* @__PURE__ */ r(le.ControlsGroup, { children: /* @__PURE__ */ r(Ea, { size: "xs", leftSection: /* @__PURE__ */ r(Na, { stroke: 1.5, size: 16 }), data: Ag, styles: Rg, value: t || "", onChange: (n) => {
     const a = n.currentTarget.value;
     a ? e.chain().focus().setFontSize(a).run() : e.chain().focus().unsetFontSize().run();
   } }) });
@@ -4106,7 +4106,7 @@ const Xn = "data-value", Mg = Xn, Ns = "dynamicColor", Bs = Jl.create({
   value: e,
   styles: t = {},
   sx: n = {},
-  dashboardStateValues: a = _a(),
+  dashboardStateValues: a = xa(),
   variableAggValueMap: i = {}
 }, o) => {
   const l = Zm(), s = z(() => {
@@ -4132,7 +4132,7 @@ const Xn = "data-value", Mg = Xn, Ns = "dynamicColor", Bs = Jl.create({
   }, [e, c]);
   const d = z(() => new DOMParser().parseFromString(e, "text/html"), [e]), h = z(() => Ig(d, a, i), [d, a, i]), p = z(() => og(d, i), [d, i]), g = z(() => C.defaultsDeep({}, {
     content: {
-      ...ri,
+      ...ai,
       ...h,
       ...p
     }
@@ -4161,7 +4161,7 @@ function Qs() {
     /* @__PURE__ */ r(L, { variant: "light", color: "violet", size: "xs", onClick: n, leftSection: /* @__PURE__ */ r(Re, { size: 16 }), children: e("function_utils.trigger_text") })
   ] });
 }
-const sa = ({
+const ca = ({
   option: e,
   checked: t,
   ...n
@@ -4174,14 +4174,14 @@ const sa = ({
     flexGrow: 1
   }, children: /* @__PURE__ */ u(y, { justify: "space-between", wrap: "nowrap", children: [
     /* @__PURE__ */ u(y, { justify: "flex-start", gap: "0.5em", children: [
-      t && /* @__PURE__ */ r(Na, { size: 16, color: "green" }),
+      t && /* @__PURE__ */ r(Ba, { size: 16, color: "green" }),
       /* @__PURE__ */ r(k, { size: "sm", sx: {
         flexGrow: 1
       }, children: a })
     ] }),
     /* @__PURE__ */ r(k, { size: "xs", c: "dimmed", children: i })
   ] }) });
-}, si = ({
+}, ci = ({
   value: e,
   onChange: t,
   height: n = "200px",
@@ -4309,7 +4309,7 @@ const ln = ee(({
   }, [i, M, h]);
   const P = z(() => C.defaultsDeep({}, {
     content: {
-      ...ri,
+      ...ai,
       ...qg
     }
   }, n), [n]);
@@ -4520,7 +4520,7 @@ function Ht({
   data_field: e,
   aggregation: t
 }, n) {
-  return ti(n, e, t);
+  return ni(n, e, t);
 }
 function yt({
   formatter: e,
@@ -4560,7 +4560,7 @@ function Kg(e, t) {
   const {
     data_field: n,
     aggregation: a
-  } = e, i = ti(t, n, a);
+  } = e, i = ni(t, n, a);
   return yt(e, i);
 }
 function Ys(e, t) {
@@ -4591,16 +4591,16 @@ function* Yg(e) {
   for (; ; )
     yield n[a % n.length], a++;
 }
-function _a() {
+function xa() {
   return {
     filters: {},
     context: {}
   };
 }
-function ci(e) {
-  const t = _a();
+function di(e) {
+  const t = xa();
   if (!e)
-    return _a();
+    return xa();
   const {
     filters: n = t.filters,
     context: a = t.context
@@ -4673,7 +4673,7 @@ const Zt = (e) => ml(e, (t, n) => {
   if (n !== void 0 && t)
     return Bt(t);
 });
-function di(e, t) {
+function ui(e, t) {
   const n = Object.keys(t), a = Object.values(t);
   try {
     return new Function(...n, `return \`${e}\`;`)(...a);
@@ -4681,9 +4681,9 @@ function di(e, t) {
     throw n.length === 0 && e.includes("$") ? new Error("[formatSQL] insufficient payload") : i;
   }
 }
-function ui(e, t) {
+function hi(e, t) {
   try {
-    return di(e, t);
+    return ui(e, t);
   } catch (n) {
     return console.error(n), n.message;
   }
@@ -4723,7 +4723,7 @@ function tf(e, t) {
       name: i,
       data_field: o,
       aggregation: l
-    } = a, s = ti(t, o, l);
+    } = a, s = ni(t, o, l);
     n[i] = yt(a, s);
   }), n;
 }
@@ -4757,7 +4757,7 @@ function sn(e, t, n, a) {
     return rf(d, i, n);
   });
 }
-const hi = {
+const pi = {
   x_axis_data_key: "",
   y_axis_data_key: "",
   z_axis_data_key: "",
@@ -4798,7 +4798,7 @@ function af({
     xAxis3D: d,
     yAxis3D: h,
     zAxis3D: p
-  } = pe({}, n, hi), g = z(() => Br(a, l), [a, l]), {
+  } = pe({}, n, pi), g = z(() => Br(a, l), [a, l]), {
     x: b,
     y: x,
     z: v
@@ -4892,7 +4892,7 @@ function of({
   const {
     value: t,
     set: n
-  } = K(e.instanceData, "config"), a = pe({}, t, hi), {
+  } = K(e.instanceData, "config"), a = pe({}, t, pi), {
     control: i,
     handleSubmit: o,
     reset: l
@@ -5021,7 +5021,7 @@ const hf = {
   createConfig() {
     return {
       version: 2,
-      config: Ae(hi)
+      config: Ae(pi)
     };
   },
   translation: cf
@@ -5327,7 +5327,7 @@ function ce() {
     show_in_legend: !1
   };
 }
-const pi = {
+const mi = {
   x_axis: {
     name: "X Axis",
     data_key: "",
@@ -5371,13 +5371,13 @@ function Tn(e, t) {
 const ut = (e, t) => {
   const [n, a] = Q([]);
   return N(() => e.watchTriggerSnapshotList((i) => a(i.filter((o) => o.schemaRef === t))), []), n;
-}, xa = _l(null);
+}, va = _l(null);
 function Gr(e) {
-  const t = R.useContext(xa), n = Ft(() => e.configure(t || new Ja()), [e.configure]), a = Qu(n);
-  return a && a !== n && a.dispose(), /* @__PURE__ */ r(xa.Provider, { value: n, children: e.children });
+  const t = R.useContext(va), n = Ft(() => e.configure(t || new ei()), [e.configure]), a = Qu(n);
+  return a && a !== n && a.dispose(), /* @__PURE__ */ r(va.Provider, { value: n, children: e.children });
 }
 function Wr() {
-  return R.useContext(xa);
+  return R.useContext(va);
 }
 const ht = ({}) => Wr().getRequired(ve.instanceScope.interactionManager), tc = (e) => {
   const {
@@ -5619,7 +5619,7 @@ const Lf = {
   "builtin:op:open_view": 4,
   "builtin:op:open-link": 5
 };
-class mi {
+class gi {
   constructor(t, n, a) {
     B(this, "attachmentStorage");
     this.instance = t, this.attachmentKey = n, this.constructInstance = a, this.attachmentStorage = new Pn(t.instanceData, n);
@@ -5635,7 +5635,7 @@ class mi {
     await this.attachmentStorage.deleteItem(t);
   }
   async list() {
-    const t = await this.attachmentStorage.getItem(null), n = C.orderBy($a(t), (a) => Lf[a.schemaRef] ?? 10);
+    const t = await this.attachmentStorage.getItem(null), n = C.orderBy(Pa(t), (a) => Lf[a.schemaRef] ?? 10);
     return Promise.all(n.map((a) => this.constructInstance(new Pn(this.attachmentStorage, a.id))));
   }
 }
@@ -5735,7 +5735,7 @@ function Of(e) {
   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 || "");
+  const n = await t.operationData.getItem("config"), a = Aa(n.template || "");
   console.log("run with payload", e), console.log(a(e));
 }
 const qf = {
@@ -5972,9 +5972,9 @@ const ob = {
   id: "builtin:op:switch_tab",
   configRender: ab,
   run: ib
-}, gi = [qf, Rf, jf, rb, Kf, ob, Jf];
+}, fi = [qf, Rf, jf, rb, Kf, ob, Jf];
 class lb {
-  constructor(t, n = gi) {
+  constructor(t, n = fi) {
     B(this, "attachments");
     this.operations = n;
     const a = async (i) => {
@@ -5988,7 +5988,7 @@ class lb {
         operationData: new Pn(i, "data")
       };
     };
-    this.attachments = new mi(t, "__OPERATIONS", a);
+    this.attachments = new gi(t, "__OPERATIONS", a);
   }
   async runOperation(t, n) {
     const a = await this.attachments.getInstance(t);
@@ -6064,11 +6064,11 @@ class sb {
         triggerData: new Pn(i, "data")
       };
     };
-    this.attachments = new mi(t, bo, a);
+    this.attachments = new gi(t, bo, a);
   }
   watchTriggerSnapshotList(t) {
     return this.instance.instanceData.watchItem(bo, (n) => {
-      const a = $a(n).map((i) => ({
+      const a = Pa(n).map((i) => ({
         id: se(i, "id"),
         schemaRef: se(i, "schemaRef"),
         config: Bt(se(i, "data.config"))
@@ -6138,7 +6138,7 @@ class nc {
         operationRef: c
       };
     };
-    this.attachments = new mi(t, "__INTERACTIONS", i);
+    this.attachments = new gi(t, "__INTERACTIONS", i);
   }
   async addInteraction(t, n) {
     const a = t.id, i = n.id, o = `[${a}]:[${i}]`;
@@ -6246,7 +6246,7 @@ const db = D(({
     data: t
   } = ot(), n = e.viz, {
     vizManager: a
-  } = Jt(nn), i = e.json, o = Ft(() => a.getOrCreateInstance(i), [a, i]), l = Ft(() => new nc(o, a.resolveComponent(n.type), gi), [o, n.type]);
+  } = Jt(nn), i = e.json, o = Ft(() => a.getOrCreateInstance(i), [a, i]), l = Ft(() => new nc(o, a.resolveComponent(n.type), fi), [o, n.type]);
   return N(() => o.instanceData.watchItem(
     null,
     // avoid too many updates
@@ -6445,11 +6445,11 @@ function Cb(e, t, n) {
     }
   }));
 }
-const va = ["max", "q3", "median", "q1", "min"], wa = [10, 40];
-function fi(e) {
+const wa = ["max", "q3", "median", "q1", "min"], Sa = [10, 40];
+function bi(e) {
   return e.barLayout({
-    barMinWidth: wa[0],
-    barMaxWidth: wa[1],
+    barMinWidth: Sa[0],
+    barMaxWidth: Sa[1],
     count: 2
   });
 }
@@ -6460,7 +6460,7 @@ function kb(e, t, n) {
       borderColor: i,
       borderWidth: o
     }
-  } = n, l = fi(t), s = t.value(0), c = e.source[s], {
+  } = n, l = bi(t), s = t.value(0), c = e.source[s], {
     min: d,
     q1: h,
     median: p,
@@ -6553,13 +6553,13 @@ function zb(e, t) {
     emphasis: {
       disabled: !0
     },
-    boxWidth: wa,
+    boxWidth: Sa,
     datasetIndex: 0
   };
   return a.renderItem = (i, o) => kb(e, o, a), a;
 }
 function Tb(e) {
-  const t = fi(e), n = t[0].width, a = e.value(0), i = e.value(1), [o, l] = e.coord([a, i]), c = o + t[0].offset + Math.random() * n;
+  const t = bi(e), n = t[0].width, a = e.value(0), i = e.value(1), [o, l] = e.coord([a, i]), c = o + t[0].offset + Math.random() * n;
   return {
     type: "circle",
     transition: ["shape"],
@@ -6591,7 +6591,7 @@ function Db() {
   return e.renderItem = (t, n) => Tb(n), e;
 }
 function Ib(e, t) {
-  const n = fi(e), a = n[0].width, i = e.value(0), o = e.value(1), [l, s] = e.coord([i, o]), d = l + n[0].offset + Math.random() * a;
+  const n = bi(e), a = n[0].width, i = e.value(0), o = e.value(1), [l, s] = e.coord([i, o]), d = l + n[0].offset + Math.random() * a;
   return {
     type: "circle",
     transition: ["shape"],
@@ -6636,10 +6636,10 @@ function Lb(e, t) {
     boxWidth: [20, 80],
     datasetIndex: 0,
     encode: {
-      y: va,
+      y: wa,
       x: "name",
       itemName: ["name"],
-      tooltip: va
+      tooltip: wa
     }
   }, {
     // Placeholder Outlier
@@ -6659,7 +6659,7 @@ function Lb(e, t) {
   }, a, i, o];
 }
 const Vb = (e, t) => {
-  const n = va.map((o) => `
+  const n = wa.map((o) => `
     <tr>
       <th style="text-align: right; padding: 0 1em;">${C.capitalize(o)}</th>
       <td style="text-align: left; padding: 0 1em;">
@@ -6867,7 +6867,7 @@ function Nb({
   } = e, o = e.data, {
     width: l,
     height: s
-  } = e.viewport, c = pe({}, a, pi), d = ht({
+  } = e.viewport, c = pe({}, a, mi), d = ht({
     vizManager: e.vizManager,
     instance: t
   }), h = ut(d.triggerManager, ec.id), p = Tn(o, c.x_axis.data_key), g = ae((M) => {
@@ -6910,7 +6910,7 @@ function Ie({
     /* @__PURE__ */ r(te, { ref: t, type: "submit", mr: 5, variant: "filled", color: "blue", disabled: !e, children: /* @__PURE__ */ r(fe, { size: 20 }) })
   ] });
 }
-const bi = ee(({
+const yi = ee(({
   label: e,
   value: t,
   onChange: n,
@@ -7227,7 +7227,7 @@ const Hb = D(({
   }] = De(!1), {
     ref: l,
     handleRef: s
-  } = Ka({
+  } = Ya({
     id: e,
     index: t
   });
@@ -7247,7 +7247,7 @@ const Hb = D(({
     e.move(d, h);
   };
   return /* @__PURE__ */ u(S.List, { children: [
-    /* @__PURE__ */ r(Ua, { onDragEnd: o, children: i.map((l, s) => /* @__PURE__ */ r(Xb, { value: l.id, index: s, children: a(l, s) }, l.id)) }),
+    /* @__PURE__ */ r(Ka, { onDragEnd: o, children: i.map((l, s) => /* @__PURE__ */ r(Xb, { value: l.id, index: s, children: a(l, s) }, l.id)) }),
     /* @__PURE__ */ r(S.Tab, { onClick: t, value: "add", children: /* @__PURE__ */ r(re, { label: n, children: /* @__PURE__ */ r(jt, { children: /* @__PURE__ */ r(dt, { size: 18, color: "#228be6" }) }) }) })
   ] });
 }, Jb = {
@@ -7550,7 +7550,7 @@ const tn = ee(({
       field: a
     }) => /* @__PURE__ */ r(Lt, { ...a }) })
   ] });
-}, ca = {
+}, da = {
   root: {
     alignSelf: "flex-end"
   },
@@ -7638,20 +7638,20 @@ function cy({
         /* @__PURE__ */ r(k, { size: "12px", c: "gray", children: a("numbro.format.absolute_description") })
       ] }), checked: e.absolute, onChange: c, sx: {
         flexGrow: 1
-      }, styles: ca }),
+      }, styles: da }),
       /* @__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: {
         flexGrow: 1
-      }, styles: ca })
+      }, styles: da })
     ] }),
     /* @__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(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 }),
+      ] }), checked: e.trimMantissa, onChange: l, disabled: e.mantissa === 0, styles: da }),
       /* @__PURE__ */ r($, {})
     ] }),
     /* @__PURE__ */ r(sy, { format: e })
@@ -7698,7 +7698,7 @@ function uy({
     set: a
   } = K(e.instanceData, "config"), {
     variables: i
-  } = e, o = z(() => pe({}, n, pi), [n]), {
+  } = e, o = z(() => pe({}, n, mi), [n]), {
     control: l,
     handleSubmit: s,
     watch: c,
@@ -8031,7 +8031,7 @@ const Cy = {
   createConfig() {
     return {
       version: 12,
-      config: Ae(pi)
+      config: Ae(mi)
     };
   },
   triggers: [ec],
@@ -8052,7 +8052,7 @@ function zy(e) {
   } = _();
   return /* @__PURE__ */ r(k, { size: "sm", children: t("viz.button.click.label") });
 }
-const yi = {
+const _i = {
   content: "Button",
   variant: "filled",
   color: "blue",
@@ -8077,7 +8077,7 @@ const yi = {
     instance: t
   }), a = ut(n.triggerManager, cc.id), i = _e(), {
     value: o
-  } = K(e.instanceData, "config"), l = z(() => He({}, o, yi), [o]), {
+  } = K(e.instanceData, "config"), l = z(() => He({}, o, _i), [o]), {
     content: s,
     horizontal_align: c,
     vertical_align: d,
@@ -8097,7 +8097,7 @@ const yi = {
     height: x,
     justifyContent: Ty[c],
     alignItems: Dy[d]
-  }, children: /* @__PURE__ */ r(L, { size: M, ...g, onClick: I, children: Pa(s)(v) }) });
+  }, children: /* @__PURE__ */ r(L, { size: M, ...g, onClick: I, children: Aa(s)(v) }) });
 }), My = ({
   value: e,
   onChange: t,
@@ -8113,7 +8113,7 @@ const yi = {
       }, children: o(l) && /* @__PURE__ */ r(Gu, { width: 10, color: "white" }) }, l);
     }) })
   ] });
-}, Ly = ["xs", "sm", "md", "lg", "xl"], Sa = ee(({
+}, Ly = ["xs", "sm", "md", "lg", "xl"], Ca = ee(({
   label: e,
   value: t,
   onChange: n,
@@ -8157,7 +8157,7 @@ function $y({
   const {
     value: t,
     set: n
-  } = K(e.instanceData, "config"), a = z(() => He({}, t, yi), [t]), i = a;
+  } = K(e.instanceData, "config"), a = z(() => He({}, t, _i), [t]), i = a;
   N(() => {
     !Fe(a, i) && (console.log("config malformed, resetting to defaults", a, i), n(i));
   }, [a, i]);
@@ -8190,7 +8190,7 @@ function $y({
       /* @__PURE__ */ u(ze, { cols: 2, children: [
         /* @__PURE__ */ r(f, { control: o, name: "size", render: ({
           field: h
-        }) => /* @__PURE__ */ r(Sa, { label: "Size", ...h }) }),
+        }) => /* @__PURE__ */ r(Ca, { label: "Size", ...h }) }),
         /* @__PURE__ */ r(f, { control: o, name: "compact", render: ({
           field: h
         }) => /* @__PURE__ */ r(Z, { label: "Compact", checked: h.value, onChange: (p) => h.onChange(p.currentTarget.checked), mt: 26 }) })
@@ -8198,7 +8198,7 @@ function $y({
       /* @__PURE__ */ u(ze, { cols: 2, children: [
         /* @__PURE__ */ r(f, { control: o, name: "horizontal_align", render: ({
           field: h
-        }) => /* @__PURE__ */ r(bi, { ...h }) }),
+        }) => /* @__PURE__ */ r(yi, { ...h }) }),
         /* @__PURE__ */ r(f, { control: o, name: "vertical_align", render: ({
           field: h
         }) => /* @__PURE__ */ r(lc, { ...h }) })
@@ -8264,7 +8264,7 @@ const Oy = {
   createConfig() {
     return {
       version: 2,
-      config: Ae(yi)
+      config: Ae(_i)
     };
   },
   triggers: [cc],
@@ -8409,7 +8409,7 @@ const uc = ee(({
       }
     ),
     d !== "" && /* @__PURE__ */ r(
-      Ea,
+      Oa,
       {
         size: "sm",
         data: c,
@@ -8980,7 +8980,7 @@ const h_ = {
 }, {
   lang: "zh",
   resources: p_
-}], _i = {
+}], xi = {
   id: "builtin:echarts:click-echart:series",
   displayName: "viz.cartesian_chart.click_series.label",
   nameRender: f_,
@@ -9268,12 +9268,12 @@ function k_(e, t, n, a, i, o) {
     };
   });
 }
-function xi(e, t, n) {
+function vi(e, t, n) {
   const a = gt(e, t), i = gt(e, n);
   return C.zip(a, i);
 }
 function z_(e, t, n, a) {
-  const i = xi(t, n, a);
+  const i = vi(t, n, a);
   return C.unionBy(i, e, 0);
 }
 function T_({
@@ -9301,9 +9301,9 @@ function D_({
       y_axis_data_key: i,
       valueTypedXAxis: o
     });
-  const l = xi(t, a, i), s = C.groupBy(l, "0");
+  const l = vi(t, a, i), s = C.groupBy(l, "0");
   return e.map(([d]) => {
-    const p = s[d].map((b) => b[1]), g = ei(p, n);
+    const p = s[d].map((b) => b[1]), g = ti(p, n);
     return [d, g];
   });
 }
@@ -9318,7 +9318,7 @@ function I_({
     columnKey: o
   } = j(e), l = C.groupBy(t[i], o);
   return Object.entries(l).forEach(([s, c]) => {
-    l[s] = xi({
+    l[s] = vi({
       [i]: c
     }, n, a);
   }), l;
@@ -9546,7 +9546,7 @@ function R_(e) {
     }) => n
   });
 }
-function vi(e, t) {
+function wi(e, t) {
   const n = {};
   return t.map((a) => {
     const i = Ht(a, e);
@@ -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 = V_(e, o, t, i, n, a), s = w_(e, t), c = {
+  const a = wi(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],
@@ -9687,7 +9687,7 @@ function j_({
   variables: o,
   onChartRenderFinished: l
 }) {
-  const s = Tn(t, e.x_axis_data_key), c = ut(i.triggerManager, _i.id), d = ae((I) => {
+  const s = Tn(t, e.x_axis_data_key), c = ut(i.triggerManager, xi.id), d = ae((I) => {
     const M = C.get(s, I.name, {
       error: "rowData is not found"
     });
@@ -9697,7 +9697,7 @@ function j_({
         rowData: M
       });
     });
-  }, [s, c, i]), h = R.useMemo(() => B_(e, t, o), [e, t]), p = R.useRef(), g = fa(l), b = ae(() => {
+  }, [s, c, i]), h = R.useMemo(() => B_(e, t, o), [e, t]), p = R.useRef(), g = ba(l), b = ae(() => {
     var I;
     g.current((I = p.current) == null ? void 0 : I.getOption());
   }, []), x = z(() => ({
@@ -10100,7 +10100,7 @@ const X_ = ({
   minimap: {
     enabled: !1
   }
-} }) }), wi = {
+} }) }), Si = {
   static: {
     type: "static",
     size: 10
@@ -10137,7 +10137,7 @@ const X_ = ({
       func_content: g
     }));
   }, p = () => {
-    h(wi.dynamic.func_content);
+    h(Si.dynamic.func_content);
   };
   return /* @__PURE__ */ u(q, { children: [
     /* @__PURE__ */ r($, { sx: {
@@ -10173,7 +10173,7 @@ const X_ = ({
     });
   };
   return /* @__PURE__ */ r(q, { children: /* @__PURE__ */ r(ne, { defaultValue: 18, placeholder: "1 ~ 100", label: " ", hideControls: !0, value: e.size, onChange: n }) });
-}, Si = ee(({
+}, Ci = ee(({
   label: e,
   value: t,
   onChange: n
@@ -10189,7 +10189,7 @@ const X_ = ({
     value: "dynamic"
   }], [o.language]), s = (c) => {
     c !== "static" && c !== "dynamic" || n({
-      ...wi[c]
+      ...Si[c]
     });
   };
   return /* @__PURE__ */ u(ze, { cols: 2, children: [
@@ -10329,7 +10329,7 @@ function tx({
         label: l("aggregation.option.pick_record.method.last"),
         value: "last"
       }] }),
-      t.type === "custom" && /* @__PURE__ */ r(li, { title: l("aggregation.option.custom.title"), label: "", triggerLabel: l("aggregation.option.custom.label_trigger"), value: t.config.func, onChange: h, defaultValue: uo, triggerButtonProps: {
+      t.type === "custom" && /* @__PURE__ */ r(si, { title: l("aggregation.option.custom.title"), label: "", triggerLabel: l("aggregation.option.custom.label_trigger"), value: t.config.func, onChange: h, defaultValue: uo, triggerButtonProps: {
         size: "xs",
         sx: {
           flexGrow: 0,
@@ -10343,7 +10343,7 @@ function tx({
     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(({
+const ki = R.forwardRef(tx), Un = ee(({
   label: e,
   value: t,
   onChange: n,
@@ -10524,7 +10524,7 @@ function rx({
       }, 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 }) })
+      }) => /* @__PURE__ */ r(Ci, { ...s }) })
     ] }),
     /* @__PURE__ */ r(f, { name: `series.${t}.areaStyle`, control: e, render: ({
       field: s
@@ -10537,7 +10537,7 @@ function ax({
 }) {
   return /* @__PURE__ */ r(f, { name: `series.${t}.symbolSize`, control: e, render: ({
     field: n
-  }) => /* @__PURE__ */ r(Si, { label: "Size", ...n }) });
+  }) => /* @__PURE__ */ r(Ci, { label: "Size", ...n }) });
 }
 function ix({
   control: e,
@@ -10553,7 +10553,7 @@ function ix({
   }, children: [
     /* @__PURE__ */ r(T, { children: /* @__PURE__ */ r(f, { name: `series.${t}.type`, control: e, render: ({
       field: s
-    }) => /* @__PURE__ */ r(Ea, { data: [{
+    }) => /* @__PURE__ */ r(Oa, { data: [{
       label: i("chart.series.line.label"),
       value: "line"
     }, {
@@ -10593,7 +10593,7 @@ function ix({
       }, ...s }) }),
       /* @__PURE__ */ r(f, { name: `series.${t}.aggregation_on_value`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ r(Ci, { label: i("viz.cartesian_chart.series.aggregation.label"), value: s.value ?? Hn, onChange: s.onChange, pt: 0, withFallback: !1 }) })
+      }) => /* @__PURE__ */ r(ki, { label: i("viz.cartesian_chart.series.aggregation.label"), value: s.value ?? Hn, onChange: s.onChange, pt: 0, withFallback: !1 }) })
     ] }),
     /* @__PURE__ */ r(y, { grow: !0, children: /* @__PURE__ */ r(f, { name: `series.${t}.group_by_key`, control: e, render: ({
       field: s
@@ -10633,7 +10633,7 @@ function ox({
     name: vn(),
     unit: ce(),
     showSymbol: !1,
-    symbolSize: wi.static,
+    symbolSize: Si.static,
     y_axis_data_key: "value",
     yAxisIndex: 0,
     label_position: "top",
@@ -11031,7 +11031,7 @@ const bx = {
       config: Ae(hc)
     };
   },
-  triggers: [_i],
+  triggers: [xi],
   translation: m_
 };
 function yx(e) {
@@ -11184,7 +11184,7 @@ function zx(e) {
     funnelAlign: "center"
   };
 }
-const ki = {
+const zi = {
   series: [zx("Funnel")]
 };
 function Tx({
@@ -11212,7 +11212,7 @@ function Dx({
 }) {
   const {
     value: n
-  } = K(e.instanceData, "config"), a = z(() => pe({}, n, ki), [n]), i = e.data, {
+  } = K(e.instanceData, "config"), a = z(() => pe({}, n, zi), [n]), i = e.data, {
     width: o,
     height: l
   } = e.viewport;
@@ -11376,7 +11376,7 @@ function Lx({
   const {
     value: t,
     set: n
-  } = K(e.instanceData, "config"), a = z(() => C.defaultsDeep({}, t, ki), [t]), {
+  } = K(e.instanceData, "config"), a = z(() => C.defaultsDeep({}, t, zi), [t]), {
     control: i,
     handleSubmit: o,
     watch: l,
@@ -11531,7 +11531,7 @@ const Ox = {
   configRender: Lx,
   createConfig: () => ({
     version: 3,
-    config: ki
+    config: zi
   }),
   translation: Px
 }, Fx = ({
@@ -11547,7 +11547,7 @@ const Ox = {
     label: String(o + 1),
     value: String(o + 1)
   })), [n]);
-  return /* @__PURE__ */ r(Ra, { size: "xs", value: e, onChange: (i) => {
+  return /* @__PURE__ */ r(Ea, { size: "xs", value: e, onChange: (i) => {
     t(Number(i.currentTarget.value));
   }, data: a });
 }, Nx = (e) => e.totalPages <= 1 ? null : /* @__PURE__ */ r($, { sx: {
@@ -12072,7 +12072,7 @@ const dr = ({
     ] }),
     s === "pieces" && /* @__PURE__ */ r(nv, { form: e })
   ] });
-}, zi = ({
+}, Ti = ({
   form: e
 }) => {
   const {
@@ -12100,7 +12100,7 @@ const dr = ({
     /* @__PURE__ */ r(Jx, { visualMap: i }),
     /* @__PURE__ */ r(f, { name: "visualMap.type", control: a, render: ({
       field: s
-    }) => /* @__PURE__ */ r(Ea, { mt: -10, data: o, sx: {
+    }) => /* @__PURE__ */ r(Oa, { mt: -10, data: o, sx: {
       flex: 1
     }, ...s, onChange: l }) }),
     /* @__PURE__ */ u(y, { grow: !0, children: [
@@ -12132,7 +12132,7 @@ function mc(e, t, n, a, i, o) {
     const Y = C.clone(E), {
       followVisualMap: U,
       color: de
-    } = ii(Y.value[2], c, d, e.visualMap);
+    } = oi(Y.value[2], c, d, e.visualMap);
     return U || (Y.visualMap = !1, Y.itemStyle = {
       color: de
     }), Y;
@@ -12223,7 +12223,7 @@ function fc({
     page_size: e
   };
 }
-const Ti = {
+const Di = {
   x_axis: {
     name: "",
     data_key: "",
@@ -12303,7 +12303,7 @@ function dv({
     value: a
   } = K(e.instanceData, "config"), {
     variables: i
-  } = e, o = z(() => pe({}, a, Ti), [a]), l = e.data, {
+  } = e, o = z(() => pe({}, a, Di), [a]), l = e.data, {
     width: s,
     height: c
   } = e.viewport, {
@@ -12311,7 +12311,7 @@ function dv({
     groupedFullData: h
   } = iv(l, o);
   N(() => {
-    const x = $a(h).flat();
+    const x = Pa(h).flat();
     We(t, mc(o, l, x, i, s, c));
   }, [h]);
   const [p, g] = Q(1), b = ov(h, o, p);
@@ -12358,7 +12358,7 @@ function uv({
       } }) }),
       /* @__PURE__ */ r(f, { name: "heat_block.label.fontSize", control: e, render: ({
         field: i
-      }) => /* @__PURE__ */ r(ne, { size: "xs", leftSection: /* @__PURE__ */ r(qa, { size: 16 }), disabled: !a, ...i }) })
+      }) => /* @__PURE__ */ r(ne, { size: "xs", leftSection: /* @__PURE__ */ r(Na, { size: 16 }), disabled: !a, ...i }) })
     ] })
   ] });
 }
@@ -12538,7 +12538,7 @@ function yv({
   } = _(), {
     value: n,
     set: a
-  } = K(e.instanceData, "config"), i = z(() => n ? pe({}, n) : Ti, [n]), o = z(() => C.cloneDeep(i), [i]);
+  } = K(e.instanceData, "config"), i = z(() => n ? pe({}, n) : Di, [n]), o = z(() => C.cloneDeep(i), [i]);
   N(() => {
     !Fe(i, o) && (console.log("config malformed, resetting to defaults", i, o), a(o));
   }, [i, o]);
@@ -12584,7 +12584,7 @@ function yv({
       /* @__PURE__ */ r(S.Panel, { value: "X Axis", children: /* @__PURE__ */ r(fv, { control: s, watch: d }) }),
       /* @__PURE__ */ r(S.Panel, { value: "Y Axis", children: /* @__PURE__ */ r(bv, { control: s, watch: d }) }),
       /* @__PURE__ */ r(S.Panel, { value: "Heat Block", children: /* @__PURE__ */ r(uv, { control: s, watch: d }) }),
-      /* @__PURE__ */ r(S.Panel, { value: "Visual Map", children: /* @__PURE__ */ r(zi, { form: l }) }),
+      /* @__PURE__ */ r(S.Panel, { value: "Visual Map", children: /* @__PURE__ */ r(Ti, { form: l }) }),
       /* @__PURE__ */ r(S.Panel, { value: "Tooltip", children: /* @__PURE__ */ r(gv, { control: s, watch: d }) }),
       /* @__PURE__ */ r(S.Panel, { value: "Pagination", children: /* @__PURE__ */ r(hv, { control: s, watch: d }) })
     ] })
@@ -12800,7 +12800,7 @@ const Mv = {
   configRender: yv,
   createConfig: () => ({
     version: 8,
-    config: Ti
+    config: Di
   }),
   triggers: [gc],
   translation: vv
@@ -12878,7 +12878,7 @@ function Av(e) {
 const yc = {
   label_template: "${percentage.x} of ${x_axis.name} causes ${percentage.y} of ${bar.name}",
   color: "#789AB4"
-}, Di = {
+}, Ii = {
   x_axis: {
     name: "X Axis",
     data_key: "",
@@ -13191,7 +13191,7 @@ function Uv(e, t, n, a) {
   });
 }
 function Kv(e, t, n) {
-  const a = vi(t, n), i = Ev(e);
+  const a = wi(t, n), i = Ev(e);
   return {
     dataZoom: Ur(e.dataZoom),
     tooltip: Qv(e, i),
@@ -13218,7 +13218,7 @@ function Yv({
   } = K(e.instanceData, "config"), i = e.data, {
     width: o,
     height: l
-  } = e.viewport, s = pe({}, a, Di), c = Kv(s, i, n), d = ht({
+  } = e.viewport, s = pe({}, a, Ii), c = Kv(s, i, n), d = ht({
     vizManager: e.vizManager,
     instance: t
   }), h = ut(d.triggerManager, bc.id), p = Tn(i, s.x_axis.data_key), g = ae((I) => {
@@ -13517,7 +13517,7 @@ function ow({
     set: a
   } = K(e.instanceData, "config"), {
     variables: i
-  } = e, o = z(() => pe({}, n, Di), [n]), {
+  } = e, o = z(() => pe({}, n, Ii), [n]), {
     control: l,
     handleSubmit: s,
     watch: c,
@@ -13749,7 +13749,7 @@ const bw = {
   createConfig() {
     return {
       version: 10,
-      config: Ae(Di)
+      config: Ae(Ii)
     };
   },
   triggers: [bc],
@@ -13868,7 +13868,7 @@ function ww(e, t, n) {
     },
     labelLayout: function(a) {
       const i = a.labelRect.x < n / 2, o = a.labelLinePoints;
-      return Va(o, [2, 0], i ? a.labelRect.x : a.labelRect.x + a.labelRect.width), {
+      return $a(o, [2, 0], i ? a.labelRect.x : a.labelRect.x + a.labelRect.width), {
         labelLinePoints: o
       };
     },
@@ -14094,7 +14094,7 @@ const $w = ee(({
   }] = De(!1), {
     ref: p,
     handleRef: g
-  } = Ka({
+  } = Ya({
     id: e.id,
     index: t
   }), b = (v) => {
@@ -14240,7 +14240,7 @@ const Ow = ({
       /* @__PURE__ */ r(k, { size: "sm", fw: "500", mb: -4, children: o("viz.pie_chart.color.map.label") }),
       /* @__PURE__ */ r(Ow, { value: e, onChange: t })
     ] }),
-    /* @__PURE__ */ r(Ua, { onDragEnd: h, children: l.map((p, g) => /* @__PURE__ */ r(Pw, { row: p, handleChange: d(g), handleRemove: () => c(g), index: g, names: a }, p.id)) }),
+    /* @__PURE__ */ r(Ka, { onDragEnd: h, children: l.map((p, g) => /* @__PURE__ */ r(Pw, { row: p, handleChange: d(g), handleRemove: () => c(g), index: g, names: a }, p.id)) }),
     /* @__PURE__ */ r(Aw, { append: s })
   ] });
 });
@@ -15609,7 +15609,7 @@ function H0(e) {
     zIndex: 1
   }, children: /* @__PURE__ */ r(Q0, { ...e }) });
 }
-const Ii = {
+const Mi = {
   x_axis: {
     name: "X Axis",
     data_key: "",
@@ -15665,7 +15665,7 @@ function G0({
       ...M,
       [v.columnKey]: Number(M[v.columnKey])
     });
-  }, [e.data, n == null ? void 0 : n.regression.y_axis_data_key]), l = z(() => R0(He({}, n, Ii), o), [n, o]), s = Ot(null), c = (p) => {
+  }, [e.data, n == null ? void 0 : n.regression.y_axis_data_key]), l = z(() => R0(He({}, n, Mi), o), [n, o]), s = Ot(null), c = (p) => {
     s.current = p;
   }, d = ae(() => {
     const p = s.current;
@@ -15794,7 +15794,7 @@ function Y0({
   const {
     value: t,
     set: n
-  } = K(e.instanceData, "config"), a = z(() => pe({}, t, Ii), [t]), {
+  } = K(e.instanceData, "config"), a = z(() => pe({}, t, Mi), [t]), {
     control: i,
     handleSubmit: o,
     watch: l,
@@ -15924,7 +15924,7 @@ const r1 = {
   createConfig() {
     return {
       version: 3,
-      config: Ae(Ii)
+      config: Ae(Mi)
     };
   },
   translation: t1
@@ -17246,7 +17246,7 @@ function nS({
     /* @__PURE__ */ r(A, { mb: -15, label: n("chart.style.label"), labelPosition: "center" }),
     /* @__PURE__ */ r(f, { name: "scatter.symbolSize", control: e, render: ({
       field: a
-    }) => /* @__PURE__ */ r(Si, { ...a }) }),
+    }) => /* @__PURE__ */ r(Ci, { ...a }) }),
     /* @__PURE__ */ r(f, { name: "scatter.color", control: e, render: ({
       field: a
     }) => /* @__PURE__ */ r(eS, { ...a }) }),
@@ -17614,7 +17614,7 @@ function fS(e) {
 }
 function bS(e) {
   const t = Ae(e), n = se(t, "color.valueRange");
-  return n !== void 0 && Va(t, "color.valueRange", n.map((a) => Number(a))), t;
+  return n !== void 0 && $a(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>`;
@@ -17885,7 +17885,7 @@ const MS = {
   configRender: IS,
   triggers: [Mc],
   translation: VS
-}, Mi = {
+}, Li = {
   label_key: "",
   value_key: "",
   group_key: "",
@@ -18050,7 +18050,7 @@ function jS({
     variables: n
   } = e, {
     value: a
-  } = K(e.instanceData, "config"), i = z(() => pe({}, a, Mi), [a]), o = e.data, {
+  } = K(e.instanceData, "config"), i = z(() => pe({}, a, Li), [a]), o = e.data, {
     width: l,
     height: s
   } = e.viewport, c = R.useRef(null), d = R.useCallback(() => {
@@ -18174,7 +18174,7 @@ function WS({
   } = _(), {
     value: n,
     set: a
-  } = K(e.instanceData, "config"), i = z(() => He({}, n, Mi), [n]), o = z(() => C.clone(i), [i]), {
+  } = K(e.instanceData, "config"), i = z(() => He({}, n, Li), [n]), o = z(() => C.clone(i), [i]), {
     control: l,
     handleSubmit: s,
     watch: c,
@@ -18365,7 +18365,7 @@ const rC = {
   createConfig() {
     return {
       version: 6,
-      config: Ae(Mi)
+      config: Ae(Li)
     };
   },
   translation: YS
@@ -18766,7 +18766,7 @@ function SC({
     } }) })
   ] });
 }
-const Li = {
+const Vi = {
   id: "builtin:table:click-cell-content",
   displayName: "viz.table.click_cell.click_cell_content",
   nameRender: TC,
@@ -18914,7 +18914,7 @@ class IC {
       };
   }
   getRelatedTrigger() {
-    return this.triggers.filter((n) => n.schemaRef === Li.id).filter((n) => {
+    return this.triggers.filter((n) => n.schemaRef === Vi.id).filter((n) => {
       const a = this.getColIndex(this.cell), i = se(this.cell.column.columnDef.meta, "value_field"), o = se(n.config, "column");
       return o == a || o == i;
     });
@@ -18939,7 +18939,7 @@ class IC {
   }
 }
 const MC = (e) => {
-  const t = ht(e), n = ut(t.triggerManager, Li.id), {
+  const t = ht(e), n = ut(t.triggerManager, Vi.id), {
     colorManager: a
   } = Jt(nn);
   return ae((i) => new IC(e.getColIndex, i, n, t, a), [n, t, e.getColIndex]);
@@ -19025,11 +19025,11 @@ function Mo({
     vizManager: i.vizManager,
     instance: o
   }), x = z(() => {
-    const lt = Ya();
+    const lt = Xa();
     return g.map((Oe) => {
       const Cu = qm(Oe.value_field);
       return lt.accessor(Cu.columnKey, {
-        cell: (ia) => /* @__PURE__ */ r(wC, { tableCellContext: b(ia.cell), value: ia.getValue(), type: Oe.value_type, row_data: ia.row.original, ...Oe }),
+        cell: (oa) => /* @__PURE__ */ r(wC, { tableCellContext: b(oa.cell), value: oa.getValue(), type: Oe.value_type, row_data: oa.row.original, ...Oe }),
         header: Oe.label,
         enableSorting: !0,
         meta: Oe,
@@ -19046,7 +19046,7 @@ function Mo({
       pageSize: Ze
     } = M;
     return Ze === 0 ? e : e.slice(lt * Ze, (lt + 1) * Ze);
-  }, [e, M]), Y = Math.ceil(e.length / M.pageSize), U = Xa({
+  }, [e, M]), Y = Math.ceil(e.length / M.pageSize), U = Za({
     data: E,
     state: {
       sorting: v
@@ -19054,7 +19054,7 @@ function Mo({
     onSortingChange: I,
     columns: x,
     columnResizeMode: "onChange",
-    getCoreRowModel: Za(),
+    getCoreRowModel: Ja(),
     getSortedRowModel: _p()
   }), {
     rows: de
@@ -19077,7 +19077,7 @@ function Mo({
         width: Ze.getSize()
       }, children: [
         /* @__PURE__ */ r(uC, { header: Ze, cx: p }),
-        /* @__PURE__ */ r(te, { variant: "subtle", onMouseDown: Ze.getResizeHandler(), onTouchStart: Ze.getResizeHandler(), className: `resizer ${Ze.column.getIsResizing() ? "isResizing" : ""}`, children: /* @__PURE__ */ r(Ba, {}) })
+        /* @__PURE__ */ r(te, { variant: "subtle", onMouseDown: Ze.getResizeHandler(), onTouchStart: Ze.getResizeHandler(), className: `resizer ${Ze.column.getIsResizing() ? "isResizing" : ""}`, children: /* @__PURE__ */ r(ja, {}) })
       ] }, Ze.id)) }, lt.id)) }),
       /* @__PURE__ */ r(SC, { tableContainerRef: J, rows: de })
     ] })
@@ -19261,7 +19261,7 @@ const NC = ee((e, t) => {
     t: n
   } = _(), {
     colorManager: a
-  } = Jt(nn), [i, o] = Q(Fc(e.value)), [l, s] = Q(FC(a, e.value)), c = fa(l), [d, h] = Q(qC(a, e.value)), p = fa(d), g = (v) => {
+  } = Jt(nn), [i, o] = Q(Fc(e.value)), [l, s] = Q(FC(a, e.value)), c = ba(l), [d, h] = Q(qC(a, e.value)), p = ba(d), g = (v) => {
     var I, M, P;
     o(v || "none"), v === "static" ? (I = e.onChange) == null || I.call(e, c.current) : v === "none" || !v ? (M = e.onChange) == null || M.call(e, "none") : (P = e.onChange) == null || P.call(e, p.current);
   }, b = (v) => {
@@ -19329,7 +19329,7 @@ const NC = ee((e, t) => {
       ] })
     ] }) })
   ] });
-}), da = () => /* @__PURE__ */ r(k, { c: "dimmed", size: "12px", children: "px" }), QC = ({
+}), ua = () => /* @__PURE__ */ r(k, { c: "dimmed", size: "12px", children: "px" }), QC = ({
   control: e,
   index: t,
   watch: n
@@ -19362,15 +19362,15 @@ const NC = ee((e, t) => {
     ] }),
     /* @__PURE__ */ r(A, { mb: -10, variant: "dashed", label: a("style.label"), labelPosition: "center" }),
     /* @__PURE__ */ u(y, { grow: !0, children: [
-      /* @__PURE__ */ r(ne, { hideControls: !0, label: a("viz.table.column.min_width"), rightSection: /* @__PURE__ */ r(da, {}), disabled: !0 }),
+      /* @__PURE__ */ r(ne, { hideControls: !0, label: a("viz.table.column.min_width"), rightSection: /* @__PURE__ */ r(ua, {}), disabled: !0 }),
       /* @__PURE__ */ r(f, { name: `columns.${t}.width`, control: e, render: ({
         field: l
-      }) => /* @__PURE__ */ r(ne, { hideControls: !0, label: a("viz.table.column.width"), rightSection: /* @__PURE__ */ r(da, {}), ...l }) }),
-      /* @__PURE__ */ r(ne, { hideControls: !0, label: a("viz.table.column.max_width"), rightSection: /* @__PURE__ */ r(da, {}), disabled: !0 })
+      }) => /* @__PURE__ */ r(ne, { hideControls: !0, label: a("viz.table.column.width"), rightSection: /* @__PURE__ */ r(ua, {}), ...l }) }),
+      /* @__PURE__ */ r(ne, { hideControls: !0, label: a("viz.table.column.max_width"), rightSection: /* @__PURE__ */ r(ua, {}), disabled: !0 })
     ] }),
     /* @__PURE__ */ r(y, { grow: !0, wrap: "nowrap", children: /* @__PURE__ */ r(f, { name: `columns.${t}.align`, control: e, render: ({
       field: l
-    }) => /* @__PURE__ */ r(bi, { ...l }) }) }),
+    }) => /* @__PURE__ */ r(yi, { ...l }) }) }),
     /* @__PURE__ */ r(f, { name: `columns.${t}.cellBackgroundColor`, control: e, render: ({
       field: l
     }) => /* @__PURE__ */ r(NC, { ...l }) })
@@ -19425,12 +19425,12 @@ function GC({
     }, children: [
       /* @__PURE__ */ r(f, { name: "horizontalSpacing", control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r(Sa, { disabled: !0, label: n("viz.table.style.horizontal_spacing"), sx: {
+      }) => /* @__PURE__ */ r(Ca, { disabled: !0, label: n("viz.table.style.horizontal_spacing"), sx: {
         flex: 1
       }, ...a }) }),
       /* @__PURE__ */ r(f, { name: "verticalSpacing", control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r(Sa, { disabled: !0, label: n("viz.table.style.vertical_spacing"), sx: {
+      }) => /* @__PURE__ */ r(Ca, { disabled: !0, label: n("viz.table.style.vertical_spacing"), sx: {
         flex: 1
       }, ...a }) })
     ] }),
@@ -19535,7 +19535,7 @@ function KC({
     ] })
   ] });
 }
-const Vo = new dC(), Ca = {
+const Vo = new dC(), ka = {
   createConfig() {
     return {
       version: Vo.VERSION,
@@ -19548,10 +19548,10 @@ const Vo = new dC(), Ca = {
   name: "table",
   viewRender: $C,
   configRender: KC,
-  triggers: [Li],
+  triggers: [Vi],
   translation: RC
 }, qc = ["function text({ data, variables, filters, context}) {", "    // your code goes here", '    return "text"', "}"].join(`
-`), Vi = {
+`), $i = {
   func_content: qc,
   horizontal_align: "left",
   font_size: "14px",
@@ -19560,7 +19560,7 @@ const Vo = new dC(), Ca = {
   context: e
 }) => {
   const t = _e(), {
-    value: n = Vi
+    value: n = $i
   } = K(e.instanceData, "config"), {
     variables: a
   } = e, i = e.data, {
@@ -19664,7 +19664,7 @@ function tk({
   } = _(), {
     value: n,
     set: a
-  } = K(e.instanceData, "config"), i = z(() => He({}, n, Vi), [n]), o = z(() => {
+  } = K(e.instanceData, "config"), i = z(() => He({}, n, $i), [n]), o = z(() => {
     const {
       func_content: p,
       horizontal_align: g,
@@ -19701,7 +19701,7 @@ function tk({
       /* @__PURE__ */ r(A, { mt: 10, mb: -10, variant: "dashed", label: t("chart.style.label"), labelPosition: "center" }),
       /* @__PURE__ */ r(f, { name: "horizontal_align", control: l, render: ({
         field: p
-      }) => /* @__PURE__ */ r(bi, { ...p }) }),
+      }) => /* @__PURE__ */ r(yi, { ...p }) }),
       /* @__PURE__ */ r(f, { name: "font_size", control: l, render: ({
         field: p
       }) => /* @__PURE__ */ r(V, { label: t("style.font_size.label"), placeholder: t("style.font_size.placeholder"), sx: {
@@ -19763,7 +19763,7 @@ const ok = {
   createConfig() {
     return {
       version: 1,
-      config: Ae(Vi)
+      config: Ae($i)
     };
   },
   translation: ak
@@ -19817,18 +19817,18 @@ const ck = ({
   } catch (c) {
     throw $o(c, "response.data.detail"), $o(c, "response.data.error"), console.error(c), c;
   }
-}, $i = {
+}, Pi = {
   expertSystemURL: "",
   path: "",
   goal: "",
   question: ""
-}, ka = {
+}, za = {
   height: "100%",
   overflowY: "auto",
-  ...ri
+  ...ai
 }, Po = ({
   message: e
-}) => /* @__PURE__ */ r($, { sx: ka, children: /* @__PURE__ */ r("div", { dangerouslySetInnerHTML: {
+}) => /* @__PURE__ */ r($, { sx: za, 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, $i), [t]), {
+  } = K(e.instanceData, "config"), n = z(() => He({}, t, Pi), [t]), {
     width: a,
     height: i
   } = e.viewport, o = e.data, {
@@ -19872,7 +19872,7 @@ function uk({
   return !a || !i || !n ? null : c ? /* @__PURE__ */ r($, { sx: {
     position: "relative",
     height: i
-  }, 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: {
+  }, children: /* @__PURE__ */ r(un, { visible: !0 }) }) : s ? /* @__PURE__ */ r($, { sx: za, "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: za, "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, $i), [t]), {
+  } = K(e.instanceData, "config"), a = z(() => He({}, t, Pi), [t]), {
     control: i,
     handleSubmit: o,
     watch: l,
@@ -19953,7 +19953,7 @@ const bk = {
   createConfig() {
     return {
       version: 1,
-      config: Ae($i)
+      config: Ae(Pi)
     };
   },
   translation: gk
@@ -20133,7 +20133,7 @@ const Nc = {
     description: "Data of the row",
     valueType: "object"
   }]
-}, Pi = {
+}, Ai = {
   calendar: {
     data_key: "",
     locale: "EN"
@@ -20323,7 +20323,7 @@ function Ok(e, t, n) {
     }, {
       followVisualMap: de,
       color: J
-    } = ii(E, o, l, e.visualMap);
+    } = oi(E, o, l, e.visualMap);
     return de || (U.visualMap = !1, U.itemStyle = {
       color: J
     }), U;
@@ -20403,7 +20403,7 @@ function Nk({
     value: a
   } = K(e.instanceData, "config"), {
     variables: i
-  } = e, o = z(() => C.defaults({}, a, Pi), [a]), l = e.data, {
+  } = e, o = z(() => C.defaults({}, a, Ai), [a]), l = e.data, {
     width: s,
     height: c
   } = e.viewport;
@@ -20533,7 +20533,7 @@ function Uk({
   } = _(), {
     value: n,
     set: a
-  } = K(e.instanceData, "config"), i = z(() => n ? pe({}, n) : Pi, [n]), o = z(() => C.cloneDeep(i), [i]);
+  } = K(e.instanceData, "config"), i = z(() => n ? pe({}, n) : Ai, [n]), o = z(() => C.cloneDeep(i), [i]);
   N(() => {
     !Fe(i, o) && (console.log("config malformed, resetting to defaults", i, o), a(o));
   }, [i, o]);
@@ -20568,7 +20568,7 @@ function Uk({
       ] }),
       /* @__PURE__ */ r(S.Panel, { value: "Calendar", children: /* @__PURE__ */ r(jk, { control: s, watch: d }) }),
       /* @__PURE__ */ r(S.Panel, { value: "Heat Block", children: /* @__PURE__ */ r(Qk, { control: s, watch: d }) }),
-      /* @__PURE__ */ r(S.Panel, { value: "Visual Map", children: /* @__PURE__ */ r(zi, { form: l }) }),
+      /* @__PURE__ */ r(S.Panel, { value: "Visual Map", children: /* @__PURE__ */ r(Ti, { form: l }) }),
       /* @__PURE__ */ r(S.Panel, { value: "Tooltip", children: /* @__PURE__ */ r(Wk, { control: s, watch: d }) })
     ] })
   ] }) });
@@ -20614,11 +20614,11 @@ const Yk = {
   configRender: Uk,
   createConfig: () => ({
     version: 6,
-    config: Pi
+    config: Ai
   }),
   triggers: [Nc],
   translation: kk
-}, Ai = {
+}, Ri = {
   x_axes: [{
     id: "initial-x",
     min: "",
@@ -20803,7 +20803,7 @@ function o2({
     });
   const l = ta(t, a, i), s = C.groupBy(l, "0");
   return e.map(([d]) => {
-    const p = s[d].map((b) => b[1]), g = ei(p, n);
+    const p = s[d].map((b) => b[1]), g = ti(p, n);
     return [d, g];
   });
 }
@@ -21039,7 +21039,7 @@ function b2({
   variables: o,
   instance: l
 }) {
-  const s = Tn(t, e.y_axis.data_key), c = ut(i.triggerManager, _i.id), d = ae((x) => {
+  const s = Tn(t, e.y_axis.data_key), c = ut(i.triggerManager, xi.id), d = ae((x) => {
     const v = C.get(s, x.name, {
       error: "rowData is not found"
     });
@@ -21073,7 +21073,7 @@ function y2({
     value: a
   } = K(e.instanceData, "config"), {
     variables: i
-  } = e, o = z(() => pe({}, a, Ai), [a]), l = e.data, {
+  } = e, o = z(() => pe({}, a, Ri), [a]), l = e.data, {
     width: s,
     height: c
   } = e.viewport;
@@ -21249,7 +21249,7 @@ function w2({
       }, ...o }) }),
       /* @__PURE__ */ r(f, { name: `series.${t}.aggregation_on_value`, control: e, render: ({
         field: o
-      }) => /* @__PURE__ */ r(Ci, { label: i("viz.horizontal_bar_chart.series.aggregation.label"), value: o.value ?? Hn, onChange: o.onChange, pt: 0, withFallback: !1 }) })
+      }) => /* @__PURE__ */ r(ki, { label: i("viz.horizontal_bar_chart.series.aggregation.label"), value: o.value ?? Hn, onChange: o.onChange, pt: 0, withFallback: !1 }) })
     ] }),
     /* @__PURE__ */ r(y, { grow: !0, children: /* @__PURE__ */ r(f, { name: `series.${t}.group_by_key`, control: e, render: ({
       field: o
@@ -21415,7 +21415,7 @@ function D2({
     set: a
   } = K(e.instanceData, "config"), {
     variables: i
-  } = e, o = z(() => C.defaultsDeep({}, n, Ai), [n]), {
+  } = e, o = z(() => C.defaultsDeep({}, n, Ri), [n]), {
     control: l,
     handleSubmit: s,
     watch: c,
@@ -21597,11 +21597,11 @@ const O2 = {
   configRender: D2,
   createConfig: () => ({
     version: 3,
-    config: C.cloneDeep(Ai)
+    config: C.cloneDeep(Ri)
   }),
   triggers: [V2],
   translation: L2
-}, Ri = {
+}, Ei = {
   x_axis: {
     name: "",
     data_key: "",
@@ -22109,10 +22109,10 @@ function U2(e) {
     }
   }];
 }
-function za(e) {
-  return e == 1 || e == 2 ? 1 : za(e - 2) + za(e - 1);
+function Ta(e) {
+  return e == 1 || e == 2 ? 1 : Ta(e - 2) + Ta(e - 1);
 }
-const K2 = Array.from(new Array(20), (e, t) => za(t + 1));
+const K2 = Array.from(new Array(20), (e, t) => Ta(t + 1));
 function Ro(e) {
   return e <= 1 ? e : K2.findIndex((t) => e <= t) - 1;
 }
@@ -22223,7 +22223,7 @@ const n3 = {
       cursor: "default",
       userSelect: "none"
     }, children: "基线指标" }),
-    /* @__PURE__ */ r(Ra, { size: "xs", data: o, value: t, onChange: (l) => n(l.currentTarget.value), styles: n3 })
+    /* @__PURE__ */ r(Ea, { size: "xs", data: o, value: t, onChange: (l) => n(l.currentTarget.value), styles: n3 })
   ] });
 }, a3 = {
   "tbody th, tbody td": {
@@ -22280,7 +22280,7 @@ function s3({
 }) {
   const {
     value: n
-  } = K(e.instanceData, "config"), a = z(() => pe({}, n, Ri), [n]), i = e.data, {
+  } = K(e.instanceData, "config"), a = z(() => pe({}, n, Ei), [n]), i = e.data, {
     width: o,
     height: l
   } = e.viewport, {
@@ -22413,7 +22413,7 @@ function p3({
   const {
     value: t,
     set: n
-  } = K(e.instanceData, "config"), a = z(() => C.defaultsDeep({}, t, Ri), [t]), {
+  } = K(e.instanceData, "config"), a = z(() => C.defaultsDeep({}, t, Ei), [t]), {
     control: i,
     handleSubmit: o,
     watch: l,
@@ -22546,10 +22546,10 @@ const x3 = {
   configRender: p3,
   createConfig: () => ({
     version: 3,
-    config: Ri
+    config: Ei
   }),
   translation: f3
-}, Ei = {
+}, Oi = {
   styles: {
     justify: "space-around",
     align: "start"
@@ -22629,7 +22629,7 @@ const Eo = ({
     value: n
   } = K(e.instanceData, "config"), {
     variables: a
-  } = e, i = z(() => C.defaults({}, n, Ei), [n]), o = e.data, l = z(() => vi(o, a), [a, o]), {
+  } = e, i = z(() => C.defaults({}, n, Oi), [n]), o = e.data, l = z(() => wi(o, a), [a, o]), {
     width: s,
     height: c
   } = e.viewport;
@@ -22776,7 +22776,7 @@ function D3({
     set: n
   } = K(e.instanceData, "config"), {
     variables: a
-  } = e, i = z(() => He({}, t, Ei), [t]), {
+  } = e, i = z(() => He({}, t, Oi), [t]), {
     control: o,
     handleSubmit: l,
     watch: s,
@@ -22886,10 +22886,10 @@ const P3 = {
   configRender: D3,
   createConfig: () => ({
     version: 2,
-    config: Ei
+    config: Oi
   }),
   translation: V3
-}, Oi = {
+}, Fi = {
   x_axis: {
     name: "",
     data_key: "",
@@ -22962,7 +22962,7 @@ function A3({
       } }) }),
       /* @__PURE__ */ r(f, { name: "heat_block.label.fontSize", control: e, render: ({
         field: i
-      }) => /* @__PURE__ */ r(ne, { size: "xs", leftSection: /* @__PURE__ */ r(qa, { size: 16 }), disabled: !a, ...i }) })
+      }) => /* @__PURE__ */ r(ne, { size: "xs", leftSection: /* @__PURE__ */ r(Na, { size: 16 }), disabled: !a, ...i }) })
     ] })
   ] });
 }
@@ -23113,7 +23113,7 @@ function N3({
   } = _(), {
     value: n,
     set: a
-  } = K(e.instanceData, "config"), i = z(() => n ? pe({}, n) : Oi, [n]), o = z(() => C.cloneDeep(i), [i]);
+  } = K(e.instanceData, "config"), i = z(() => n ? pe({}, n) : Fi, [n]), o = z(() => C.cloneDeep(i), [i]);
   N(() => {
     !Fe(i, o) && (console.log("config malformed, resetting to defaults", i, o), a(o));
   }, [i, o]);
@@ -23158,7 +23158,7 @@ function N3({
       /* @__PURE__ */ r(S.Panel, { value: "X Axis", children: /* @__PURE__ */ r(F3, { control: s, watch: d }) }),
       /* @__PURE__ */ r(S.Panel, { value: "Y Axis", children: /* @__PURE__ */ r(q3, { control: s, watch: d }) }),
       /* @__PURE__ */ r(S.Panel, { value: "Heat Block", children: /* @__PURE__ */ r(A3, { control: s, watch: d }) }),
-      /* @__PURE__ */ r(S.Panel, { value: "Visual Map", children: /* @__PURE__ */ r(zi, { form: l }) }),
+      /* @__PURE__ */ r(S.Panel, { value: "Visual Map", children: /* @__PURE__ */ r(Ti, { form: l }) }),
       /* @__PURE__ */ r(S.Panel, { value: "Tooltip", children: /* @__PURE__ */ r(O3, { control: s, watch: d }) })
     ] })
   ] }) });
@@ -23459,7 +23459,7 @@ function J3(e, t, n) {
     }, {
       followVisualMap: Y,
       color: U
-    } = ii(P, s, c, e.visualMap);
+    } = oi(P, s, c, e.visualMap);
     return Y || (E.visualMap = !1, E.itemStyle = {
       color: U
     }), E;
@@ -23519,7 +23519,7 @@ function tz({
     value: a
   } = K(e.instanceData, "config"), {
     variables: i
-  } = e, o = z(() => pe({}, a, Oi), [a]), l = e.data, {
+  } = e, o = z(() => pe({}, a, Fi), [a]), l = e.data, {
     width: s,
     height: c
   } = e.viewport;
@@ -23628,11 +23628,11 @@ const cz = {
   configRender: N3,
   createConfig: () => ({
     version: 4,
-    config: Oi
+    config: Fi
   }),
   triggers: [jc],
   translation: az
-}, dz = "_item_badge_l2t3l_1", uz = "_label_l2t3l_8", hz = "_value_l2t3l_20", ua = {
+}, dz = "_item_badge_l2t3l_1", uz = "_label_l2t3l_8", hz = "_value_l2t3l_20", ha = {
   item_badge: dz,
   label: uz,
   value: hz
@@ -23643,15 +23643,15 @@ const cz = {
   value: t,
   label_description: n,
   value_description: a
-}, i) => /* @__PURE__ */ u("div", { ref: i, className: ua.item_badge, children: [
-  /* @__PURE__ */ r("div", { className: ua.label, children: e }),
+}, i) => /* @__PURE__ */ u("div", { ref: i, className: ha.item_badge, children: [
+  /* @__PURE__ */ r("div", { className: ha.label, children: e }),
   /* @__PURE__ */ u(ge, { shadow: "md", disabled: !a, children: [
-    /* @__PURE__ */ r(ge.Target, { children: /* @__PURE__ */ r("div", { className: ua.value, "data-with-tooltip": !!a, children: t }) }),
+    /* @__PURE__ */ r(ge.Target, { children: /* @__PURE__ */ r("div", { className: ha.value, "data-with-tooltip": !!a, children: t }) }),
     /* @__PURE__ */ r(ge.Dropdown, { p: "xs", children: /* @__PURE__ */ r(pz, { children: a }) })
   ] })
 ] })), mz = ({
   item: e
-}) => e.type !== "checkbox" ? null : /* @__PURE__ */ r(gn, { label: e.label, value: /* @__PURE__ */ r(Jn, { variant: "white", radius: "xs", color: e.value ? "teal" : "red", w: 12, h: 12, miw: 12, mih: 12, children: e.value ? /* @__PURE__ */ r(Na, { size: 12, strokeWidth: 3 }) : /* @__PURE__ */ r(Pr, { strokeWidth: 3 }) }), label_description: `filters.${e.key}` }), gz = ({
+}) => e.type !== "checkbox" ? null : /* @__PURE__ */ r(gn, { label: e.label, value: /* @__PURE__ */ r(Jn, { variant: "white", radius: "xs", color: e.value ? "teal" : "red", w: 12, h: 12, miw: 12, mih: 12, children: e.value ? /* @__PURE__ */ r(Ba, { size: 12, strokeWidth: 3 }) : /* @__PURE__ */ r(Pr, { strokeWidth: 3 }) }), label_description: `filters.${e.key}` }), gz = ({
   item: e
 }) => e.type !== "context" ? null : /* @__PURE__ */ r(gn, { label: e.key, value: e.value, label_description: `context.${e.key}` }), fz = D(({
   item: e
@@ -23727,7 +23727,7 @@ const cz = {
   return /* @__PURE__ */ r(gn, { label: e.label, value: a, label_description: `filters.${e.key}`, value_description: e.value });
 }), zz = ({
   item: e
-}) => e.type !== "tree-single-select" ? null : /* @__PURE__ */ r(kz, { item: e }), ha = ({
+}) => e.type !== "tree-single-select" ? null : /* @__PURE__ */ r(kz, { item: e }), pa = ({
   item: e
 }) => {
   switch (e.type) {
@@ -23758,11 +23758,11 @@ const cz = {
     keys: i
   } = e;
   return a ? /* @__PURE__ */ u(q, { children: [
-    Object.entries(n.context).map(([o, l]) => /* @__PURE__ */ r(ha, { item: l }, o)),
-    Object.entries(n.filters).map(([o, l]) => /* @__PURE__ */ r(ha, { item: l }, o))
+    Object.entries(n.context).map(([o, l]) => /* @__PURE__ */ r(pa, { item: l }, o)),
+    Object.entries(n.filters).map(([o, l]) => /* @__PURE__ */ r(pa, { item: l }, o))
   ] }) : /* @__PURE__ */ r(q, { children: i.map((o) => {
     const l = C.get(n, o);
-    return l ? /* @__PURE__ */ r(ha, { item: l }, o) : null;
+    return l ? /* @__PURE__ */ r(pa, { item: l }, o) : null;
   }) });
 }), Dz = D(({
   context: e
@@ -23796,7 +23796,7 @@ const cz = {
     t: a
   } = _(), i = e, o = i.type === "filter";
   return /* @__PURE__ */ u(y, { gap: 4, flex: 1, children: [
-    /* @__PURE__ */ r(Na, { size: 14, opacity: t ? 1 : 0, color: "black" }),
+    /* @__PURE__ */ r(Ba, { size: 14, opacity: t ? 1 : 0, color: "black" }),
     /* @__PURE__ */ r(T, { gap: 0, py: 4, px: 8, flex: 1, styles: {
       root: {
         flexGrow: 1,
@@ -23985,14 +23985,14 @@ const Oz = {
   value: e.value,
   type: "single",
   category: "basic"
-})), 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] = {
+})), qz = [Cm, km, Dm, Tm, zm, Im], qi = [ka, $S, ok, d1, rC, Jw, O2, hf, Cy, Ox, Mv, Yk, bw, bx, hS, T0, r1, bk, x3, cz, P3, Oy, Oz], Gc = qi.reduce((e, t) => (e[t.name] = {
   displayName: t.displayName,
   displayGroup: t.displayGroup
 }, e), {}), Wc = () => ({
   id: "dashboard",
   version: gs,
   manifest: {
-    viz: Fi,
+    viz: qi,
     color: [...Fz, ...qz]
   }
 }), Ln = new Am(), ve = {
@@ -24008,7 +24008,7 @@ const Oz = {
     operationManager: Vt("operationManager"),
     triggerManager: Vt("triggerManager")
   }
-}, qi = () => {
+}, Ni = () => {
   try {
     Ln.install(Wc());
   } catch {
@@ -24020,7 +24020,7 @@ const Oz = {
     colorManager: t,
     panelAddonManager: n
   };
-}, nn = _l(qi());
+}, nn = _l(Ni());
 try {
   Ln.install(Wc());
 } catch {
@@ -24037,7 +24037,7 @@ const kr = Tu({
   }
 }).use(Mu).use(Du);
 kr.init();
-Fi.forEach((e) => {
+qi.forEach((e) => {
   var t;
   (t = e.translation) == null || t.forEach((n) => {
     kr.addResourceBundle(n.lang, "translation", {
@@ -25225,7 +25225,7 @@ const nd = m.optional(m.enumeration(["intersect", "reset"]), "intersect"), rd =
     };
   }
 }];
-function Ni(e) {
+function na(e) {
   if (!e)
     return null;
   const n = ad().find((a) => a.value === e);
@@ -25237,7 +25237,7 @@ function id() {
 function s5(e) {
   try {
     if (e.default_shortcut) {
-      const n = Ni(e.default_shortcut);
+      const n = na(e.default_shortcut);
       if (n)
         return {
           value: n.value.map((a) => O(a).toDate()),
@@ -25342,7 +25342,7 @@ const c5 = m.model("FilterDateRangeConfigMeta", {
   setDefaultShortcut(t) {
     if (e.default_shortcut = t ?? "", !t)
       return;
-    const n = Ni(e.default_shortcut);
+    const n = na(e.default_shortcut);
     n && e.setFilterValue(n);
   },
   setMaxDays(t) {
@@ -25652,7 +25652,7 @@ const c5 = m.model("FilterDateRangeConfigMeta", {
   const {
     t
   } = _();
-  return /* @__PURE__ */ r(li, { label: "", title: t("filter.field.custom_default_value.title"), triggerLabel: t("filter.field.custom_default_value.trigger"), value: e.default_value_func, onChange: e.setDefaultValueFunc, defaultValue: g5(e.type), triggerButtonProps: {
+  return /* @__PURE__ */ r(si, { label: "", title: t("filter.field.custom_default_value.title"), triggerLabel: t("filter.field.custom_default_value.trigger"), value: e.default_value_func, onChange: e.setDefaultValueFunc, defaultValue: g5(e.type), triggerButtonProps: {
     size: "xs",
     color: "grape",
     sx: {
@@ -25664,7 +25664,7 @@ const c5 = m.model("FilterDateRangeConfigMeta", {
     /* @__PURE__ */ r(Ue.Item, { children: t("filter.field.custom_default_value.tip_1") }),
     /* @__PURE__ */ r(Ue.Item, { children: t("filter.field.custom_default_value.tip_2") })
   ] }) }) });
-}), na = D(({
+}), ra = D(({
   value: e,
   onChange: t
 }) => {
@@ -25675,7 +25675,7 @@ const c5 = m.model("FilterDateRangeConfigMeta", {
   };
   return /* @__PURE__ */ r(F, { label: /* @__PURE__ */ u(y, { justify: "space-between", children: [
     /* @__PURE__ */ r(k, { fw: 500, size: "sm", children: n("filter.widget.common.use_query_data_as_options") }),
-    e && /* @__PURE__ */ r(L, { size: "xs", leftSection: /* @__PURE__ */ r(ya, { size: 16 }), variant: "subtle", color: "blue", onClick: () => s(e), children: n("query.open") })
+    e && /* @__PURE__ */ r(L, { size: "xs", leftSection: /* @__PURE__ */ r(_a, { size: 16 }), variant: "subtle", color: "blue", onClick: () => s(e), children: n("query.open") })
   ] }), data: o, value: e, onChange: be(t), allowDeselect: !1, clearable: !0, sx: {
     flexGrow: 1
   }, disabled: l, error: l ? "You need to add a query in Data Settings" : void 0, styles: {
@@ -25727,7 +25727,7 @@ const c5 = m.model("FilterDateRangeConfigMeta", {
     /* @__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 }),
+    /* @__PURE__ */ r(ra, { value: a.options_query_id, onChange: a.setOptionsQueryID }),
     /* @__PURE__ */ r(ne, { value: a.default_selection_count, onChange: a.setDefaultSelectionCount, label: n("filter.widget.common.default_selection_count") }),
     /* @__PURE__ */ r(ji, { config: a }),
     /* @__PURE__ */ r(hd, {})
@@ -25767,7 +25767,7 @@ const c5 = m.model("FilterDateRangeConfigMeta", {
   name: a
 }) => ({
   root: {
-    borderRadius: Oa(t),
+    borderRadius: Fa(t),
     display: "flex",
     flexWrap: "nowrap",
     border: "1px solid #ced4da",
@@ -26167,7 +26167,7 @@ const c5 = m.model("FilterDateRangeConfigMeta", {
     ] }),
     /* @__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(ra, { 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") }),
     /* @__PURE__ */ r(ji, { config: n }),
     /* @__PURE__ */ r(hd, {})
@@ -26178,7 +26178,7 @@ const c5 = m.model("FilterDateRangeConfigMeta", {
   name: a
 }) => ({
   root: {
-    borderRadius: Oa(t),
+    borderRadius: Fa(t),
     display: "flex",
     flexWrap: "nowrap",
     border: "1px solid #ced4da",
@@ -26895,7 +26895,7 @@ const _d = m.model("ViewDivisionConfig", {
   }) {
     e.enabled = t, e.func_content = n;
   }
-})), Ta = {
+})), Da = {
   enabled: !1,
   func_content: ["function text({ filters, context}) {", "    // your code goes here", '    return "text"', "}"].join(`
 `)
@@ -26903,7 +26903,7 @@ const _d = m.model("ViewDivisionConfig", {
   _name: m.literal(G.Modal),
   width: m.string,
   height: m.string,
-  custom_modal_title: m.optional(P5, Ta)
+  custom_modal_title: m.optional(P5, Da)
 }).views((e) => ({
   get json() {
     const {
@@ -27455,8 +27455,8 @@ function j5(e) {
     description: "<p></p>",
     queryIDs: [],
     viz: {
-      type: Ca.name,
-      conf: Ca.createConfig()
+      type: ka.name,
+      conf: ka.createConfig()
     },
     style: {
       border: {
@@ -27516,10 +27516,18 @@ function Pd(e, t) {
   const n = {};
   return Object.entries(t).forEach(([a, i]) => {
     const o = e[a];
-    return typeof i == "object" && "shortcut" in i && Array.isArray(o) ? n[a] = {
-      value: o,
-      shortcut: null
-    } : n[a] = o ?? i, n;
+    if (typeof i != "object" || !("shortcut" in i) || !o)
+      return n[a] = o ?? i, n;
+    if (Array.isArray(o))
+      return console.log("⚪️ adapting legacy date-range value: ", o), n[a] = {
+        value: o,
+        shortcut: null
+      }, n;
+    const l = o, s = l.value.every((c) => c);
+    return l.shortcut ? l.shortcut === i.shortcut ? (n[a] = i, n) : s ? (n[a] = l, n) : (n[a] = {
+      value: na(l.shortcut),
+      shortcut: l.shortcut
+    }, n) : (n[a] = i, n);
   }), n;
 }
 const Ad = m.model("FiltersRenderModel", {
@@ -27688,7 +27696,7 @@ async function G5({
     sql: s,
     pre_process: c,
     post_process: d
-  } = e, h = di(s, n), p = Jg({
+  } = e, h = ui(s, n), p = Jg({
     sql: h,
     pre_process: c
   }), g = im(p);
@@ -27703,7 +27711,7 @@ async function G5({
       name: t
     }
   });
-  return b = ef(d, b, ci(n)), b;
+  return b = ef(d, b, di(n)), b;
 }
 async function W5({
   type: e,
@@ -27851,7 +27859,7 @@ const K5 = r5.views((e) => ({
   },
   get formattedSQL() {
     const t = C.get(e, "config.sql", "");
-    return ui(t, this.payload);
+    return hi(t, this.payload);
   },
   get httpConfigString() {
     const {
@@ -28518,7 +28526,7 @@ function Z5(e) {
 function zr(e, t, n, a) {
   return e.reduce((i, o) => {
     try {
-      i[o[t]] = di(o[n], a);
+      i[o[t]] = ui(o[n], a);
     } catch (l) {
       i[o[t]] = l.message;
     }
@@ -28757,7 +28765,7 @@ const eT = (e) => new J5(e), tT = ({
   value: [null, null],
   shortcut: null
 }, jd = (e) => {
-  const t = Ni(e.shortcut);
+  const t = na(e.shortcut);
   return t || (Array.isArray(e.value) ? e : Bd);
 }, sT = (e) => z(() => jd(e), [e]), Qd = D(({
   label: e,
@@ -28779,7 +28787,7 @@ const eT = (e) => new J5(e), tT = ({
   ...a
 }) => ({
   root: {
-    borderRadius: Oa(t),
+    borderRadius: Fa(t),
     display: "flex",
     flexWrap: "nowrap",
     border: "1px solid #ced4da",
@@ -29277,7 +29285,7 @@ const CT = ({
 }), kT = {
   viewPanelInFullScreen: C.noop,
   inFullScreen: !1
-}, ra = R.createContext(kT), zT = D(({
+}, aa = R.createContext(kT), zT = D(({
   view: e
 }) => {
   const {
@@ -29308,7 +29316,7 @@ const CT = ({
   } = l, {
     viewPanelInFullScreen: d,
     inFullScreen: h
-  } = R.useContext(ra), p = () => {
+  } = R.useContext(aa), p = () => {
     i.duplicatePanelByID(c, e.id);
   }, g = () => {
     a.editor.open(["_VIEWS_", e.id, "_PANELS_", c, "_TABS_", "Panel"]);
@@ -29351,12 +29359,12 @@ const CT = ({
       P && /* @__PURE__ */ r(W.Item, { onClick: M, leftSection: /* @__PURE__ */ r(Ll, { size: 14 }), disabled: !0, children: n("common.actions.enter_fullscreen") }),
       /* @__PURE__ */ r(zT, { view: e }),
       /* @__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: g, leftSection: /* @__PURE__ */ r(Qa, { 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(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(W.Item, { onClick: v, leftSection: /* @__PURE__ */ r(Ha, { 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") }),
+      /* @__PURE__ */ r(W.Item, { onClick: p, leftSection: /* @__PURE__ */ r(Ga, { size: 14 }), children: n("common.actions.duplicate") }),
       /* @__PURE__ */ r(W.Item, { color: "red", onClick: I, leftSection: /* @__PURE__ */ r(Pe, { size: 14 }), children: n("common.actions.delete") })
     ] })
   ] }) }) });
@@ -29567,7 +29575,7 @@ const Ho = new RT(), Ir = class Ir {
   }
 };
 B(Ir, "instance", new Ir());
-let Da = Ir;
+let Ia = Ir;
 function Kd(e, t = !0) {
   const {
     panel: n
@@ -29576,7 +29584,7 @@ function Kd(e, t = !0) {
     const i = a.getRequired(ve.vizManager), o = i.resolveComponent(e.viz.type);
     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();
+      return t ? new nc(s, o, fi) : new Ia();
     }).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]);
 }
@@ -29785,7 +29793,7 @@ const KT = D(({
   } = a, {
     viewPanelInFullScreen: l,
     inFullScreen: s
-  } = R.useContext(ra), c = R.useCallback(() => {
+  } = R.useContext(aa), c = R.useCallback(() => {
     l(o);
   }, [o, l]), d = !s && e.type !== G.Modal;
   return UT(a.viz.type) ? /* @__PURE__ */ r($, { sx: {
@@ -30249,7 +30257,7 @@ const h4 = D(({
   view: t
 }) {
   const a = oe().layouts.divisionPreviewScale !== 1;
-  return /* @__PURE__ */ r(ra.Provider, { value: {
+  return /* @__PURE__ */ r(aa.Provider, { value: {
     viewPanelInFullScreen: C.noop,
     inFullScreen: !1
   }, children: /* @__PURE__ */ r($, { className: "dashboard-view", "data-enable-scrollbar": !0, sx: {
@@ -30275,7 +30283,7 @@ const h4 = D(({
     inFullScreen: l,
     fullScreenPanel: s
   } = JT(t, n, a);
-  return /* @__PURE__ */ r(ra.Provider, { value: {
+  return /* @__PURE__ */ r(aa.Provider, { value: {
     viewPanelInFullScreen: i,
     inFullScreen: l
   }, children: /* @__PURE__ */ u($, { className: "dashboard-view", "data-enable-scrollbar": !0, sx: {
@@ -31129,7 +31137,7 @@ function W4(e) {
 function U4(e) {
   return e.length === 2 && e[0] === "_VIEWS_";
 }
-function Ia(e) {
+function Ma(e) {
   return e.length === 6 && e[0] === "_VIEWS_" && e[2] === "_PANELS_";
 }
 function bn(e) {
@@ -31168,7 +31176,7 @@ const Y4 = m.model("EditorModel", {
   settings_open: m.optional(m.boolean, !1)
 }).views((e) => ({
   get isPanelPath() {
-    return Ia(e.path);
+    return Ma(e.path);
   },
   get panelTab() {
     return this.isPanelPath ? C.get(e.path, 5, "Data") : null;
@@ -31195,13 +31203,13 @@ const Y4 = m.model("EditorModel", {
     }, {
       label: "filter.labels",
       value: "_FILTERS_",
-      Icon: Ga,
+      Icon: Wa,
       children: [bn("_FILTERS_SETTINGS_"), ...n.options, bn("_Add_A_Filter_")],
       _type: "GROUP"
     }, {
       label: "sql_snippet.labels",
       value: "_SQL_SNIPPETS_",
-      Icon: Ha,
+      Icon: Ga,
       children: [bn("_SQL_SNIPPETS_SETTINGS_"), ...i.options, bn("_Add_A_SQL_SNIPPET_")],
       _type: "GROUP"
     }, {
@@ -31213,13 +31221,13 @@ const Y4 = m.model("EditorModel", {
     }, {
       label: "view.labels",
       value: "_VIEWS_",
-      Icon: Wa,
+      Icon: Ua,
       children: [...a.editorOptions, bn("_Add_A_VIEW_")],
       _type: "GROUP"
     }];
   },
   isOptionActive(t, n) {
-    return t.length === 0 ? !1 : Ia(t) ? t[3] === n.value : t[t.length - 1] === n.value;
+    return t.length === 0 ? !1 : Ma(t) ? t[3] === n.value : t[t.length - 1] === n.value;
   },
   isOptionOpened(t) {
     const {
@@ -31881,7 +31889,7 @@ const n6 = m.model({
     }), a;
   },
   get dashboardStateValues() {
-    return ci(this.payloadForSQL);
+    return di(this.payloadForSQL);
   },
   get dashboardStateVariableOptions() {
     if (!rs(e))
@@ -32443,7 +32451,7 @@ function lu(e, t) {
             return encodeURIComponent(x);
         });
       }
-      const p = Pa(o || "")(d({
+      const p = Aa(o || "")(d({
         ...c,
         filters: e.payloadForSQL.filters,
         context: e.payloadForSQL.context
@@ -32711,7 +32719,7 @@ const o6 = D(({
     ...Xo
     // background: 'rgb(231, 245, 255)',
   }, children: e("view.download_schema") });
-}), aa = ({
+}), ia = ({
   headers: e,
   rows: t
 }) => /* @__PURE__ */ u(w, { fz: "xs", highlightOnHover: !0, sx: {
@@ -32728,7 +32736,7 @@ const o6 = D(({
   } = _(), n = e.views;
   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(ia, { headers: /* @__PURE__ */ u(w.Tr, { children: [
       /* @__PURE__ */ r(w.Th, { style: {
         width: "160px"
       }, children: t("common.id") }),
@@ -32748,7 +32756,7 @@ const o6 = D(({
   } = _(), n = e.filters;
   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(ia, { headers: /* @__PURE__ */ u(w.Tr, { children: [
       /* @__PURE__ */ r(w.Th, { style: {
         width: "160px"
       }, children: t("common.id") }),
@@ -32768,7 +32776,7 @@ const o6 = D(({
   } = _(), n = e.panels;
   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(ia, { headers: /* @__PURE__ */ u(w.Tr, { children: [
       /* @__PURE__ */ r(w.Th, { style: {
         width: "160px"
       }, children: t("common.id") }),
@@ -32789,7 +32797,7 @@ const o6 = D(({
   } = _(), n = (a = e.definition) == null ? void 0 : a.queries;
   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(ia, { headers: /* @__PURE__ */ u(w.Tr, { children: [
       /* @__PURE__ */ r(w.Th, { style: {
         width: "160px"
       }, children: t("common.id") }),
@@ -32978,15 +32986,15 @@ const x6 = D(({
     case "mock_context":
       return /* @__PURE__ */ r(Pl, { ...t });
     case "filter":
-      return /* @__PURE__ */ r(Ga, { ...t });
+      return /* @__PURE__ */ r(Wa, { ...t });
     case "sql_snippet":
-      return /* @__PURE__ */ r(Ha, { ...t });
+      return /* @__PURE__ */ r(Ga, { ...t });
     case "query":
       return /* @__PURE__ */ r(on, { ...t });
     case "view":
-      return /* @__PURE__ */ r(Wa, { ...t });
+      return /* @__PURE__ */ r(Ua, { ...t });
     case "panel":
-      return /* @__PURE__ */ r(ja, { ...t });
+      return /* @__PURE__ */ r(Qa, { ...t });
     default:
       return null;
   }
@@ -33091,7 +33099,7 @@ const x6 = D(({
   return /* @__PURE__ */ r(re, { label: /* @__PURE__ */ u(q, { children: [
     el && /* @__PURE__ */ r(Jo, { children: "⌘ + K" }),
     !el && /* @__PURE__ */ r(Jo, { children: "Ctrl + K" })
-  ] }), children: /* @__PURE__ */ r(Aa, { onClick: () => pm.open(), style: {
+  ] }), children: /* @__PURE__ */ r(Ra, { onClick: () => pm.open(), style: {
     height: "1.875rem",
     borderLeft: "none",
     borderTop: "none",
@@ -33400,7 +33408,7 @@ function U6(e) {
   };
   return W6(s);
 }
-const pa = {
+const ma = {
   "builtin:op:open-link": /* @__PURE__ */ r(Jn, { color: "blue", size: 20, radius: "xl", children: /* @__PURE__ */ r(Ph, { size: 14 }) }),
   "builtin:op:set_filter_values": /* @__PURE__ */ r(Jn, { color: "orange", size: 20, radius: "xl", children: /* @__PURE__ */ r(Ah, { size: 14 }) }),
   "builtin:op:clear_filter_values": /* @__PURE__ */ r(Jn, { color: "orange", size: 20, radius: "xl", children: /* @__PURE__ */ r(Il, { size: 14 }) })
@@ -33412,7 +33420,7 @@ function K6(e) {
       case "builtin:op:open-link":
         t.push({
           key: n.urlTemplate,
-          icon: pa[n.schemaRef],
+          icon: ma[n.schemaRef],
           text: /* @__PURE__ */ u(y, { gap: 4, children: [
             /* @__PURE__ */ r(k, { size: "sm", children: "Open: " }),
             /* @__PURE__ */ r(k, { size: "sm", c: "dimmed", children: n.shortURLTemplate })
@@ -33426,7 +33434,7 @@ function K6(e) {
         }) => {
           t.push({
             key: n.schemaRef + a,
-            icon: pa[n.schemaRef],
+            icon: ma[n.schemaRef],
             text: /* @__PURE__ */ r(y, { gap: 4, children: /* @__PURE__ */ u(k, { size: "sm", children: [
               "Set Filter: ",
               i
@@ -33441,7 +33449,7 @@ function K6(e) {
         }) => {
           t.push({
             key: n.schemaRef + a,
-            icon: pa[n.schemaRef],
+            icon: ma[n.schemaRef],
             text: /* @__PURE__ */ r(y, { gap: 4, children: /* @__PURE__ */ u(k, { size: "sm", children: [
               "Clear Filter: ",
               i
@@ -33547,7 +33555,7 @@ function tD({
   return /* @__PURE__ */ u($, { sx: {
     position: "relative"
   }, children: [
-    /* @__PURE__ */ r(Aa, { sx: (i) => ({
+    /* @__PURE__ */ r(Ra, { sx: (i) => ({
       display: "block",
       width: "100%",
       padding: i.spacing.xs,
@@ -33620,13 +33628,13 @@ const nD = D(() => {
       }, children: [
         /* @__PURE__ */ r(re, { label: e("filter.labels"), withinPortal: !0, children: /* @__PURE__ */ r(te, { variant: "default", radius: 0, size: "md", sx: {
           height: "30px"
-        }, onClick: i, children: /* @__PURE__ */ r(Ga, { size: 18 }) }) }),
+        }, onClick: i, children: /* @__PURE__ */ r(Wa, { size: 18 }) }) }),
         /* @__PURE__ */ r(re, { label: e("query.labels"), withinPortal: !0, children: /* @__PURE__ */ r(te, { variant: "default", radius: 0, size: "md", sx: {
           height: "30px"
         }, onClick: a, children: /* @__PURE__ */ r(on, { size: 18 }) }) }),
         /* @__PURE__ */ r(re, { label: e("interactions.interactions_viewer"), withinPortal: !0, children: /* @__PURE__ */ r(te, { variant: "default", radius: 0, size: "md", sx: {
           height: "30px"
-        }, onClick: s, children: /* @__PURE__ */ r(Qa, { size: 18 }) }) })
+        }, onClick: s, children: /* @__PURE__ */ r(Ha, { size: 18 }) }) })
       ] }),
       /* @__PURE__ */ r(J6, { opened: o, close: c })
     ] }),
@@ -33792,7 +33800,7 @@ const nD = D(() => {
       }, mx: "auto", children: n("common.actions.add_an_option") })
     ] }),
     /* @__PURE__ */ r(A, { label: n("filter.widget.common.or_fetch_options_from_datasource"), labelPosition: "center" }),
-    /* @__PURE__ */ r(na, { value: a.options_query_id, onChange: a.setOptionsQueryID }),
+    /* @__PURE__ */ r(ra, { value: a.options_query_id, onChange: a.setOptionsQueryID }),
     /* @__PURE__ */ r(ne, { value: a.default_selection_count, onChange: a.setDefaultSelectionCount, label: n("filter.widget.common.default_selection_count") }),
     /* @__PURE__ */ r(ji, { config: a }),
     /* @__PURE__ */ r(pu, {})
@@ -33933,7 +33941,7 @@ const nD = D(() => {
     ] }),
     /* @__PURE__ */ r(A, { label: t("filter.widget.common.or_fetch_options_from_datasource"), labelPosition: "center" }),
     /* @__PURE__ */ r(Z, { checked: n.default_selection_count === 1, onChange: (a) => n.setDefaultSelectionCount(a.currentTarget.checked ? 1 : 0), label: t("filter.widget.select.select_first_option_by_default") }),
-    /* @__PURE__ */ r(na, { value: n.options_query_id, onChange: n.setOptionsQueryID }),
+    /* @__PURE__ */ r(ra, { value: n.options_query_id, onChange: n.setOptionsQueryID }),
     /* @__PURE__ */ r(pu, {})
   ] });
 }), uD = D(function({
@@ -34377,15 +34385,15 @@ function mu({
   const t = z(() => {
     if (!Array.isArray(e) || e.length === 0)
       return [];
-    const a = Ya();
+    const a = Xa();
     return Object.keys(e[0]).map((i) => a.accessor(i, {
       cell: (o) => o.getValue()
     }));
-  }, [e]), n = Xa({
+  }, [e]), n = Za({
     data: e,
     columns: t,
     columnResizeMode: "onChange",
-    getCoreRowModel: Za()
+    getCoreRowModel: Ja()
   });
   return e.length === 0 ? /* @__PURE__ */ r($, { sx: {
     height: "5em"
@@ -34394,7 +34402,7 @@ function mu({
       width: i.getSize()
     }, children: [
       i.isPlaceholder ? null : En(i.column.columnDef.header, i.getContext()),
-      /* @__PURE__ */ r(te, { variant: "subtle", onMouseDown: i.getResizeHandler(), onTouchStart: i.getResizeHandler(), className: `resizer ${i.column.getIsResizing() ? "isResizing" : ""}`, children: /* @__PURE__ */ r(Ba, {}) })
+      /* @__PURE__ */ r(te, { variant: "subtle", onMouseDown: i.getResizeHandler(), onTouchStart: i.getResizeHandler(), className: `resizer ${i.column.getIsResizing() ? "isResizing" : ""}`, children: /* @__PURE__ */ r(ja, {}) })
     ] }, i.id)) }, a.id)) }),
     /* @__PURE__ */ r(w.Tbody, { children: n.getRowModel().rows.map((a) => /* @__PURE__ */ r(w.Tr, { children: a.getVisibleCells().map((i) => /* @__PURE__ */ r(w.Td, { children: /* @__PURE__ */ r(Te, { children: typeof i.getValue() == "object" ? /* @__PURE__ */ r("pre", { children: JSON.stringify(i.getValue(), null, 2) }) : En(i.column.columnDef.cell, i.getContext()) }) }, i.id)) }, a.id)) })
   ] }) });
@@ -34495,7 +34503,7 @@ const zD = [{
     stateMessage: l
   } = a;
   return i || o ? /* @__PURE__ */ r(k, { mt: 10, c: "red", size: "md", ta: "center", ff: "monospace", children: i ?? o }) : l ? /* @__PURE__ */ r(k, { size: "sm", mt: 10, c: "gray", ta: "center", children: t(l) }) : null;
-}), Ma = D(({
+}), La = D(({
   id: e,
   moreActions: t,
   refreshOnMount: n
@@ -34550,10 +34558,10 @@ const zD = [{
     /* @__PURE__ */ r(eh, { opened: o, onClose: () => l(!1), title: t("panel.settings.choose_queries"), padding: "xl", size: 500, zIndex: 320, children: /* @__PURE__ */ r(Z.Group, { value: [...i.queryIDs], onChange: i.setQueryIDs, children: /* @__PURE__ */ r(T, { gap: "lg", children: a.queries.options.map((d) => /* @__PURE__ */ r(Z, { label: d.label, value: d.value }, d.value)) }) }) }),
     /* @__PURE__ */ u(T, { gap: 6, children: [
       /* @__PURE__ */ r(y, { justify: "flex-start", children: /* @__PURE__ */ r(L, { variant: "light", size: "sm", leftSection: /* @__PURE__ */ r(Oh, { size: 16 }), onClick: () => l(!0), children: t(c === 0 ? "panel.settings.need_to_choose_queries" : "panel.settings.choose_queries") }) }),
-      c === 1 && /* @__PURE__ */ r(Ma, { id: i.queryIDs[0], moreActions: /* @__PURE__ */ r(re, { label: t("query.open"), children: /* @__PURE__ */ r(te, { variant: "subtle", color: "blue", onClick: () => s(i.queryIDs[0]), children: /* @__PURE__ */ r(ya, { size: 16 }) }) }) }),
+      c === 1 && /* @__PURE__ */ r(La, { id: i.queryIDs[0], moreActions: /* @__PURE__ */ r(re, { label: t("query.open"), children: /* @__PURE__ */ r(te, { variant: "subtle", color: "blue", onClick: () => s(i.queryIDs[0]), children: /* @__PURE__ */ r(_a, { size: 16 }) }) }) }),
       c > 1 && /* @__PURE__ */ u(S, { defaultValue: i.queryIDs[0], children: [
         /* @__PURE__ */ r(S.List, { children: i.queries.map((d) => /* @__PURE__ */ r(S.Tab, { value: d.id, children: d.name }, d.id)) }),
-        i.queries.map((d) => /* @__PURE__ */ r(S.Panel, { value: d.id, children: /* @__PURE__ */ r(Ma, { id: d.id, moreActions: /* @__PURE__ */ r(re, { label: t("query.open"), children: /* @__PURE__ */ r(te, { variant: "subtle", color: "blue", onClick: () => s(d.id), children: /* @__PURE__ */ r(ya, { size: 16 }) }) }) }) }, d.id))
+        i.queries.map((d) => /* @__PURE__ */ r(S.Panel, { value: d.id, children: /* @__PURE__ */ r(La, { id: d.id, moreActions: /* @__PURE__ */ r(re, { label: t("query.open"), children: /* @__PURE__ */ r(te, { variant: "subtle", color: "blue", onClick: () => s(d.id), children: /* @__PURE__ */ r(_a, { size: 16 }) }) }) }) }, d.id))
       ] })
     ] })
   ] });
@@ -34708,7 +34716,7 @@ const OD = D(() => {
     e.moveToView(t, i), c();
   };
   return /* @__PURE__ */ u(q, { children: [
-    /* @__PURE__ */ r(L, { size: "xs", variant: "subtle", color: "blue", onClick: s, leftSection: /* @__PURE__ */ r(Wa, { size: 14 }), children: n("panel.settings.change_view") }),
+    /* @__PURE__ */ r(L, { size: "xs", variant: "subtle", color: "blue", onClick: s, leftSection: /* @__PURE__ */ r(Ua, { size: 14 }), children: n("panel.settings.change_view") }),
     /* @__PURE__ */ r(we, { opened: l, onClose: c, title: n("panel.settings.change_view_title"), zIndex: 320, children: /* @__PURE__ */ u(T, { sx: {
       maxHeight: "calc(100vh - 185px)",
       overflow: "hidden"
@@ -34756,7 +34764,7 @@ const OD = D(() => {
       width: "100%"
     }, withCopyButton: !1, code: o }) })
   ] }) });
-}), ma = {
+}), ga = {
   name: "new_var",
   size: "1rem",
   weight: "initial",
@@ -34797,10 +34805,10 @@ class ND {
     }));
   }
   addNew() {
-    const t = this.panel.variables.filter((n) => n.name.startsWith(ma.name)).length;
+    const t = this.panel.variables.filter((n) => n.name.startsWith(ga.name)).length;
     this.panel.addVariable(Ae({
-      ...ma,
-      name: `${ma.name}${t || ""}`
+      ...ga,
+      name: `${ga.name}${t || ""}`
     })), this.selected = pl(this.panel.variables);
   }
   select(t) {
@@ -34852,7 +34860,7 @@ const jD = R.forwardRef(function({
         /* @__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 }),
+      /* @__PURE__ */ r(ki, { label: o("panel.variable.aggregation.label"), pt: 0, value: t.aggregation, onChange: (s) => l("aggregation", s), withFallback: !0 }),
       t.aggregation.type !== "custom" && /* @__PURE__ */ u(q, { children: [
         /* @__PURE__ */ r(A, { mt: "xl", mb: 0, label: o("numbro.format.label"), labelPosition: "center", variant: "dashed" }),
         /* @__PURE__ */ r(xt, { value: t.formatter, onChange: (s) => l("formatter", s) })
@@ -34926,7 +34934,7 @@ const HD = D(({
     padding: 10,
     overflow: "auto"
   }
-}, ga = ({
+}, fa = ({
   children: e
 }) => /* @__PURE__ */ u(y, { wrap: "nowrap", grow: !0, justify: "flex-start", gap: 20, sx: {
   width: "100%",
@@ -35001,10 +35009,10 @@ const KD = D(({
     /* @__PURE__ */ u(S, { value: o, onChange: g, keepMounted: !1, styles: WD, children: [
       /* @__PURE__ */ u(S.List, { children: [
         /* @__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: "Panel", leftSection: /* @__PURE__ */ r(Qa, { 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(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__ */ r(S.Tab, { value: "Interactions", leftSection: /* @__PURE__ */ r(Ha, { size: 14 }), children: t("interactions.label") })
       ] }),
       /* @__PURE__ */ u(S.Panel, { value: "Data", children: [
         /* @__PURE__ */ r(un, { visible: d, transitionProps: {
@@ -35012,9 +35020,9 @@ const KD = D(({
         } }),
         /* @__PURE__ */ r(LD, {})
       ] }),
-      /* @__PURE__ */ r(S.Panel, { value: "Panel", children: /* @__PURE__ */ r(ga, { children: /* @__PURE__ */ r(CD, {}) }) }),
-      /* @__PURE__ */ r(S.Panel, { value: "Variables", children: /* @__PURE__ */ r(ga, { children: /* @__PURE__ */ r(GD, {}) }) }),
-      /* @__PURE__ */ r(S.Panel, { value: "Visualization", children: /* @__PURE__ */ r(Te, { children: /* @__PURE__ */ r(ga, { children: /* @__PURE__ */ r(OD, {}) }) }) }),
+      /* @__PURE__ */ r(S.Panel, { value: "Panel", children: /* @__PURE__ */ r(fa, { children: /* @__PURE__ */ r(CD, {}) }) }),
+      /* @__PURE__ */ r(S.Panel, { value: "Variables", children: /* @__PURE__ */ r(fa, { children: /* @__PURE__ */ r(GD, {}) }) }),
+      /* @__PURE__ */ r(S.Panel, { value: "Visualization", children: /* @__PURE__ */ r(Te, { children: /* @__PURE__ */ r(fa, { children: /* @__PURE__ */ r(OD, {}) }) }) }),
       /* @__PURE__ */ r(S.Panel, { value: "Interactions", children: /* @__PURE__ */ r(Te, { children: /* @__PURE__ */ r(pb, {}) }) })
     ] })
   ] });
@@ -35387,7 +35395,7 @@ const lI = D(({
     ".mantine-NavLink-label": {
       fontFamily: "monospace"
     }
-  }, children: Object.entries(n.data).map(([a, i]) => /* @__PURE__ */ r(ba, { label: a, title: a, leftSection: /* @__PURE__ */ r(on, { size: 14 }), defaultOpened: t.table_schema === a, pl: 0, childrenOffset: 14, children: i.map((o) => /* @__PURE__ */ r(ba, { label: o.table_name, title: o.table_name, leftSection: /* @__PURE__ */ r(oI, { table_type: o.table_type }), onClick: () => {
+  }, children: Object.entries(n.data).map(([a, i]) => /* @__PURE__ */ r(ya, { label: a, title: a, leftSection: /* @__PURE__ */ r(on, { size: 14 }), defaultOpened: t.table_schema === a, pl: 0, childrenOffset: 14, children: i.map((o) => /* @__PURE__ */ r(ya, { label: o.table_name, title: o.table_name, leftSection: /* @__PURE__ */ r(oI, { table_type: o.table_type }), onClick: () => {
     t.setKeywords(a, o.table_name);
   }, active: t.table_name === o.table_name }, o.table_name)) }, a)) });
 }), sI = ({
@@ -35662,9 +35670,9 @@ const lI = D(({
     } }),
     /* @__PURE__ */ r(yu, { queryModel: e }),
     /* @__PURE__ */ r(A, { mt: 10, mb: -10, variant: "dashed", label: t("query.conditions"), labelPosition: "center" }),
-    /* @__PURE__ */ r(Kt, { label: t("query.run_by_condition.label"), description: t("query.run_by_condition.description"), placeholder: t("query.run_by_condition.unset"), data: i, value: [...e.run_by], onChange: e.setRunBy, renderOption: sa, maxDropdownHeight: 500 }),
-    e.typedAsHTTP && /* @__PURE__ */ r(Kt, { label: t("query.re_run_condition.label"), placeholder: t("query.re_run_condition.label"), data: i, value: [...e.config.react_to], onChange: e.config.setReactTo, renderOption: sa, maxDropdownHeight: 500 }),
-    e.isTransform && /* @__PURE__ */ r(Kt, { label: t("query.re_run_condition.label"), placeholder: t("query.re_run_condition.label"), data: i, value: [...e.config.react_to], onChange: e.config.setReactTo, renderOption: sa, maxDropdownHeight: 500 }),
+    /* @__PURE__ */ r(Kt, { label: t("query.run_by_condition.label"), description: t("query.run_by_condition.description"), placeholder: t("query.run_by_condition.unset"), data: i, value: [...e.run_by], onChange: e.setRunBy, renderOption: ca, maxDropdownHeight: 500 }),
+    e.typedAsHTTP && /* @__PURE__ */ r(Kt, { label: t("query.re_run_condition.label"), placeholder: t("query.re_run_condition.label"), data: i, value: [...e.config.react_to], onChange: e.config.setReactTo, renderOption: ca, maxDropdownHeight: 500 }),
+    e.isTransform && /* @__PURE__ */ r(Kt, { label: t("query.re_run_condition.label"), placeholder: t("query.re_run_condition.label"), data: i, value: [...e.config.react_to], onChange: e.config.setReactTo, renderOption: ca, maxDropdownHeight: 500 }),
     /* @__PURE__ */ r(A, { mt: 20, mb: 10, variant: "dashed" }),
     /* @__PURE__ */ r(JD, { queryModel: e })
   ] }) });
@@ -35871,7 +35879,7 @@ WHERE
         /* @__PURE__ */ r(L, { color: "green", size: "xs", onClick: o, disabled: !c, leftSection: /* @__PURE__ */ r(fe, { size: 16 }), children: t("common.actions.save_changes") })
       ] })
     ] }),
-    /* @__PURE__ */ r(si, { height: "100%", value: a, onChange: i, theme: "sql-dark", defaultLanguage: "sql" })
+    /* @__PURE__ */ r(ci, { height: "100%", value: a, onChange: i, theme: "sql-dark", defaultLanguage: "sql" })
   ] });
 }), kI = ({
   value: e,
@@ -35889,7 +35897,7 @@ WHERE
 } }), zI = D(({
   value: e
 }) => {
-  const n = _e().payloadForSQL, a = R.useMemo(() => ui(e, n), [e, n]);
+  const n = _e().payloadForSQL, a = R.useMemo(() => hi(e, n), [e, n]);
   return /* @__PURE__ */ r(kI, { height: "100%", value: a });
 }), ol = {
   pre: ["function process_request({ context, filters, sql }, utils) {", "    // modify and return sql", "    return sql", "}"].join(`
@@ -35992,7 +36000,7 @@ WHERE
     /* @__PURE__ */ r(S.Panel, { value: "Data", sx: {
       ...Yn,
       overflow: "hidden"
-    }, children: /* @__PURE__ */ r(Ma, { id: e.id, moreActions: null, refreshOnMount: !0 }) }),
+    }, children: /* @__PURE__ */ r(La, { id: e.id, moreActions: null, refreshOnMount: !0 }) }),
     /* @__PURE__ */ r(S.Panel, { value: "Usage", py: "sm", px: "md", sx: {
       ...Yn,
       overflow: "hidden"
@@ -36103,15 +36111,15 @@ function RI({
   const t = z(() => {
     if (!Array.isArray(e) || e.length === 0)
       return [];
-    const a = Ya();
+    const a = Xa();
     return Object.keys(e[0]).map((i) => a.accessor(i, {
       cell: (o) => o.getValue()
     }));
-  }, [e]), n = Xa({
+  }, [e]), n = Za({
     data: e,
     columns: t,
     columnResizeMode: "onChange",
-    getCoreRowModel: Za()
+    getCoreRowModel: Ja()
   });
   return e.length === 0 ? /* @__PURE__ */ r($, { sx: {
     height: "5em"
@@ -36122,7 +36130,7 @@ function RI({
       width: i.getSize()
     }, children: [
       i.isPlaceholder ? null : En(i.column.columnDef.header, i.getContext()),
-      /* @__PURE__ */ r(te, { variant: "subtle", onMouseDown: i.getResizeHandler(), onTouchStart: i.getResizeHandler(), className: `resizer ${i.column.getIsResizing() ? "isResizing" : ""}`, children: /* @__PURE__ */ r(Ba, {}) })
+      /* @__PURE__ */ r(te, { variant: "subtle", onMouseDown: i.getResizeHandler(), onTouchStart: i.getResizeHandler(), className: `resizer ${i.column.getIsResizing() ? "isResizing" : ""}`, children: /* @__PURE__ */ r(ja, {}) })
     ] }, i.id)) }, a.id)) }),
     /* @__PURE__ */ r(w.Tbody, { children: n.getRowModel().rows.map((a) => /* @__PURE__ */ r(w.Tr, { children: a.getVisibleCells().map((i) => /* @__PURE__ */ r(w.Td, { children: /* @__PURE__ */ r(Te, { children: typeof i.getValue() == "object" ? /* @__PURE__ */ r("pre", { children: JSON.stringify(i.getValue(), null, 2) }) : En(i.column.columnDef.cell, i.getContext()) }) }, i.id)) }, a.id)) })
   ] }) });
@@ -36410,7 +36418,7 @@ const EI = [{
 }) => {
   const i = e.metricDetail, o = e.metrics.loading || i.loading, l = i.error, s = i.filterColOptions, c = th({
     onDropdownClose: () => c.resetSelectedOption()
-  }), d = z(() => o ? /* @__PURE__ */ r(Fa, { size: "xs" }) : t ? /* @__PURE__ */ r(Ct, { size: "xs", onClick: () => n(null) }) : /* @__PURE__ */ r(Wt.Chevron, { size: "xs" }), [o, t]), h = /* @__PURE__ */ r(nh, { component: "button", type: "button", variant: "unstyled", size: "xs", pointer: !0, rightSection: d, rightSectionPointerEvents: !o && t ? "all" : "none", onClick: () => c.toggleDropdown(), disabled: o || s.length === 0, styles: YI, error: !!l, children: t || /* @__PURE__ */ r(rh.Placeholder, { children: "选择维度" }) });
+  }), d = z(() => o ? /* @__PURE__ */ r(qa, { size: "xs" }) : t ? /* @__PURE__ */ r(Ct, { size: "xs", onClick: () => n(null) }) : /* @__PURE__ */ r(Wt.Chevron, { size: "xs" }), [o, t]), h = /* @__PURE__ */ r(nh, { component: "button", type: "button", variant: "unstyled", size: "xs", pointer: !0, rightSection: d, rightSectionPointerEvents: !o && t ? "all" : "none", onClick: () => c.toggleDropdown(), disabled: o || s.length === 0, styles: YI, error: !!l, children: t || /* @__PURE__ */ r(rh.Placeholder, { children: "选择维度" }) });
   return /* @__PURE__ */ u(Wt, { store: c, onOptionSubmit: (p) => {
     n(p), c.closeDropdown();
   }, styles: KI, children: [
@@ -36529,7 +36537,7 @@ const EI = [{
       clearable: !0
     }
   );
-}), La = D(({
+}), Va = D(({
   variable: e
 }) => {
   const t = he();
@@ -36575,7 +36583,7 @@ const EI = [{
         t.filters.map((i) => /* @__PURE__ */ u(w.Tr, { children: [
           /* @__PURE__ */ r(w.Td, { pr: 0, children: /* @__PURE__ */ r(dl, { mmInfo: a, value: i.dimension, onChange: i.setDimension, usedKeys: t.usedFilterDimensionKeys }) }),
           /* @__PURE__ */ r(w.Td, { colSpan: 2, pr: 0, children: /* @__PURE__ */ u(y, { justify: "flex-start", grow: !0, gap: 0, w: "100%", children: [
-            /* @__PURE__ */ r(La, { variable: i.variable }),
+            /* @__PURE__ */ r(Va, { variable: i.variable }),
             /* @__PURE__ */ r(Dr, { queryModel: e, value: i.variable, onChange: i.setVariable })
           ] }) }),
           /* @__PURE__ */ r(w.Td, { children: /* @__PURE__ */ r(Z, { size: "xs", checked: e.keyInRunBy(i.variable), onChange: (o) => e.changeRunByRecord(i.variable, o.currentTarget.checked), color: "red" }) })
@@ -36646,7 +36654,7 @@ const EI = [{
           /* @__PURE__ */ r(k, { size: "xs", c: "dimmed", ff: "monospace", children: (o == null ? void 0 : o.name) ?? null })
         ] }) }),
         /* @__PURE__ */ r(w.Td, { colSpan: 2, pr: 0, children: /* @__PURE__ */ u(y, { justify: "flex-start", gap: 0, grow: !0, children: [
-          /* @__PURE__ */ r(La, { variable: t.timeQuery.range_variable }),
+          /* @__PURE__ */ r(Va, { variable: t.timeQuery.range_variable }),
           /* @__PURE__ */ r(Dr, { queryModel: e, value: t.timeQuery.range_variable, onChange: t.setRangeVariable, usedKeys: t.usedTimeQueryVariableSet })
         ] }) }),
         /* @__PURE__ */ r(w.Td, { children: /* @__PURE__ */ r(ul, { queryModel: e, variable: t.timeQuery.range_variable }) })
@@ -36654,7 +36662,7 @@ const EI = [{
       /* @__PURE__ */ u(w.Tr, { children: [
         /* @__PURE__ */ r(w.Td, { children: /* @__PURE__ */ r(k, { size: "xs", children: "步长" }) }),
         /* @__PURE__ */ r(w.Td, { colSpan: 2, pr: 0, children: /* @__PURE__ */ u(y, { justify: "flex-start", gap: 0, grow: !0, children: [
-          /* @__PURE__ */ r(La, { variable: t.timeQuery.unit_variable }),
+          /* @__PURE__ */ r(Va, { variable: t.timeQuery.unit_variable }),
           /* @__PURE__ */ r(Dr, { queryModel: e, value: t.timeQuery.unit_variable, onChange: t.setUnitVariable, usedKeys: t.usedTimeQueryVariableSet })
         ] }) }),
         /* @__PURE__ */ r(w.Td, { children: /* @__PURE__ */ r(ul, { queryModel: e, variable: t.timeQuery.unit_variable }) })
@@ -36721,7 +36729,7 @@ const EI = [{
     }), t.setGroupBys(h);
   };
   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(Kt, { size: "sm", label: "分组聚合维度", description: "指标在查询时按照哪些维度进行聚合计算。最多支持两个维度的聚合计算。若选择按时间序列展示，则仅可选择一个聚合维度。", data: l, searchable: !0, styles: a8, renderOption: i8, rightSection: o ? /* @__PURE__ */ r(qa, { 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(({
@@ -36837,7 +36845,7 @@ const EI = [{
       root: {
         flexGrow: 1
       }
-    }, maxDropdownHeight: 500, value: t.id, onChange: l, rightSection: c ? /* @__PURE__ */ r(Fa, { size: "xs" }) : null }),
+    }, maxDropdownHeight: 500, value: t.id, onChange: l, rightSection: c ? /* @__PURE__ */ r(qa, { size: "xs" }) : null }),
     /* @__PURE__ */ r(re, { label: "跳转到指标明细页查看详情。", disabled: c, children: /* @__PURE__ */ r(Rn, { size: "md", variant: "subtle", mb: 2, href: s, target: "_blank", underline: "never", children: /* @__PURE__ */ r(LI, { width: 14, height: 14 }) }) })
   ] }) });
 }), m8 = D(({
@@ -36898,8 +36906,8 @@ const EI = [{
 }), f8 = D(({
   value: e
 }) => {
-  const n = _e().payloadForSQL, a = z(() => ui(e, n), [e, n]);
-  return /* @__PURE__ */ r(si, { height: "100%", value: a });
+  const n = _e().payloadForSQL, a = z(() => hi(e, n), [e, n]);
+  return /* @__PURE__ */ r(ci, { height: "100%", value: a });
 }), b8 = D(({
   item: e,
   remove: t,
@@ -36963,7 +36971,7 @@ const EI = [{
           right: 10
         }, children: /* @__PURE__ */ r(fe, { size: 18 }) })
       ] }),
-      /* @__PURE__ */ r(S.Panel, { value: "SQL", pt: "sm", children: /* @__PURE__ */ r(si, { height: "100%", value: p, onChange: g, defaultLanguage: "sql", theme: "sql-dark" }) }),
+      /* @__PURE__ */ r(S.Panel, { value: "SQL", pt: "sm", children: /* @__PURE__ */ r(ci, { height: "100%", value: p, onChange: g, defaultLanguage: "sql", theme: "sql-dark" }) }),
       /* @__PURE__ */ r(S.Panel, { value: "Preview", pt: "sm", children: /* @__PURE__ */ r(f8, { value: p }) })
     ] })
   ] });
@@ -37141,7 +37149,7 @@ const EI = [{
   } = _(), [a, {
     setTrue: i,
     setFalse: o
-  }] = De(), [l, s] = Q(e ?? Ta), c = (b) => {
+  }] = De(), [l, s] = Q(e ?? Da), c = (b) => {
     s({
       ...l,
       enabled: b
@@ -37164,7 +37172,7 @@ const EI = [{
       func_content: b
     }));
   }, g = () => {
-    p(Ta.func_content);
+    p(Da.func_content);
   };
   return /* @__PURE__ */ u(q, { children: [
     /* @__PURE__ */ r(te, { size: "lg", color: "blue", variant: "filled", mt: 26, onClick: i, sx: {
@@ -37287,7 +37295,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($, { 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 });
+  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] }) }) : Ma(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
@@ -37434,7 +37442,7 @@ const EI = [{
   } = _(), n = he().editor, a = n.isOptionActive, i = a(n.path, e), o = n.isOptionOpened, l = n.navigate, s = o(e), [c, d] = Q(s);
   return N(() => {
     d(s);
-  }, [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);
+  }, [s]), /* @__PURE__ */ r(ya, { 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($, { sx: {
@@ -37516,15 +37524,15 @@ const EI = [{
 }), Q8 = (e) => e.replace(/([^:])(\/\/+)/g, "$1/");
 function H8(e) {
   N(() => {
-    if (oa.__getMonacoInstance())
+    if (la.__getMonacoInstance())
       return;
     console.log("loading monaco for @devtable/dashboard");
     const n = Q8(e);
-    oa.config({
+    la.config({
       paths: {
         vs: n
       }
-    }), oa.init().then((a) => console.log("monaco instance:", a));
+    }), la.init().then((a) => console.log("monaco instance:", a));
   }, []);
 }
 const G8 = (e) => {
@@ -37595,7 +37603,7 @@ const W8 = {
   }), [v]);
   const I = async () => {
     await a(v.json, v.content.json);
-  }, M = Ft(qi, []), P = su(M);
+  }, M = Ft(Ni, []), P = su(M);
   return G8(v.content.changed), xl("@devtable/dashboard editor", {
     context: e,
     dashboard: t,
@@ -37719,7 +37727,7 @@ const Su = m.model({
     }), a;
   },
   get dashboardStateValues() {
-    return ci(this.payloadForSQL);
+    return di(this.payloadForSQL);
   },
   getAdditionalQueryInfo(t) {
     return {
@@ -37868,7 +37876,7 @@ const Z8 = ({
   }, [h, x.content.views.firstVisibleTabsViewActiveTabStr]), R.useEffect(() => {
     d && x.content.views.setFirstVisibleTabsViewActiveTab(d);
   }, [d, x.content.views.setFirstVisibleTabsViewActiveTab]);
-  const v = Ft(qi, [x]), I = su(v);
+  const v = Ft(Ni, [x]), I = su(v);
   return xl("@devtable/dashboard render", {
     context: e,
     dashboard: t,
@@ -37902,7 +37910,7 @@ export {
   vs as ContentModelContextProvider,
   Su as ContentRenderModel,
   Gi as ContextMeta,
-  Ta as DEFAULT_CUSTOM_MODAL_TITLE,
+  Da as DEFAULT_CUSTOM_MODAL_TITLE,
   Qz as DashboardApiClient,
   Hz as DashboardApiFacadeClient,
   lL as DashboardEditor,