@devtable/dashboard 12.8.0 → 12.10.0

package/dist/dashboard.es.js

@@ -2,7 +2,7 @@ var Xu = Object.defineProperty;
 var Zu = (t, e, n) => e in t ? Xu(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
 var N = (t, e, n) => (Zu(t, typeof e != "symbol" ? e + "" : e, n), n);
 import A, { forwardRef as se, useState as B, useEffect as O, useCallback as Ge, useMemo as C, createElement as as, useContext as Ht, useRef as os, createContext as Jo, memo as eh } from "react";
-import { TextInput as D, Text as j, Box as M, Button as I, HoverCard as Te, Group as y, Select as V, Stack as k, Overlay as Yn, Modal as Se, Checkbox as X, Divider as L, NumberInput as le, Switch as Oe, Table as Ve, ActionIcon as Y, MultiSelect as Nn, Paper as th, Code as Ka, Tabs as g, LoadingOverlay as kn, Alert as ls, ColorSwatch as ti, createStyles as fr, Popover as Vn, Tooltip as ye, Collapse as br, Center as Cn, useMantineTheme as Xo, CheckIcon as nh, MANTINE_SIZES as rh, SimpleGrid as bn, NativeSelect as Zo, SegmentedControl as sh, Anchor as ni, Textarea as ih, Mark as ah, ColorInput as _i, Slider as oh, Flex as Ut, Badge as _n, CloseButton as el, Menu as ie, Affix as lh, Header as ch, List as ct, FileInput as dh, ThemeIcon as Vs, UnstyledButton as uh, Navbar as qt, JsonInput as tl, Pagination as nl, Drawer as hh, Accordion as Rr, Radio as Ja, Skeleton as Xa, NavLink as ri, AppShell as rl } from "@mantine/core";
+import { TextInput as D, Text as w, Box as M, Button as I, HoverCard as Te, Group as y, Select as V, Stack as k, Overlay as Yn, Modal as Se, Checkbox as X, Divider as L, NumberInput as le, Switch as Ve, Table as qe, ActionIcon as Y, MultiSelect as Nn, Paper as th, Code as Ka, Tabs as g, LoadingOverlay as kn, Alert as ls, ColorSwatch as ti, createStyles as fr, Popover as Vn, Tooltip as ye, Collapse as br, Center as Cn, useMantineTheme as Xo, CheckIcon as nh, MANTINE_SIZES as rh, SimpleGrid as bn, NativeSelect as Zo, SegmentedControl as sh, Anchor as ni, Textarea as ih, Mark as ah, ColorInput as _i, Slider as oh, Flex as Ut, Badge as _n, CloseButton as el, Menu as ie, Affix as lh, Header as ch, List as ct, FileInput as dh, ThemeIcon as Vs, UnstyledButton as uh, Navbar as qt, JsonInput as tl, Pagination as nl, Drawer as hh, Accordion as Rr, Radio as Ja, Skeleton as Xa, NavLink as ri, AppShell as rl } from "@mantine/core";
 import { useModals as Rt, ModalsProvider as sl } from "@mantine/modals";
 import { useBoolean as it, useCreation as wt, useAsyncEffect as yr, useRequest as vn, useWhyDidYouUpdate as il, useLatest as Za, usePrevious as ph } from "ahooks";
 import { toJS as Yt, observable as al, runInAction as or, reaction as nt, makeAutoObservable as _r } from "mobx";
@@ -13,7 +13,7 @@ import gh from "crypto-js";
 import * as fh from "d3-array";
 import { quantile as qr } from "d3-array";
 import $ from "dayjs";
-import S, { cloneDeepWith as ol, unset as bh, get as ne, isObject as ll, set as vi, omit as jn, isFunction as yh, orderBy as _h, last as cl, defaults as Ce, minBy as vh, maxBy as jh, cloneDeep as qe, values as dl, template as ji, throttle as wh, range as Sh, isEqual as ge, defaultsDeep as we, keyBy as kh, isEmpty as ul, isNumber as Ch, findLastIndex as zh, isString as hl, pick as pl } from "lodash";
+import S, { cloneDeepWith as ol, unset as bh, get as ne, isObject as ll, set as vi, omit as jn, isFunction as yh, orderBy as _h, last as cl, defaults as Ce, minBy as vh, maxBy as jh, cloneDeep as Ne, values as dl, template as ji, throttle as wh, range as Sh, isEqual as ge, defaultsDeep as we, keyBy as kh, isEmpty as ul, isNumber as Ch, findLastIndex as zh, isString as hl, pick as pl } from "lodash";
 import * as qn from "mathjs";
 import Yr from "numbro";
 import Bt from "axios";
@@ -34,7 +34,7 @@ import { DatesProvider as Zh, DatePicker as ep } from "@mantine/dates";
 import { useTranslation as _, Trans as wi, initReactI18next as tp } from "react-i18next";
 import { DeviceFloppy as Gt, Recycle as Tn, Trash as ce, AlertCircle as np, InfoCircle as Kt, Plus as Ie, Refresh as Si, Download as ki, ArrowsMaximize as xl, Settings as gl, Copy as rp, ArrowLeft as sp, ArrowsMove as ip, ChevronDownRight as ap, ChevronsUpRight as op, PlaylistAdd as ds, ArrowBarToRight as lp } from "tabler-icons-react";
 import $t, { loader as qs } from "@monaco-editor/react";
-import { IconMathFunction as an, IconDeviceFloppy as Ne, IconChevronUp as cp, IconChevronDown as dp, IconTextSize as Ci, IconInfoCircle as In, IconPlayerSkipBack as fl, IconRecycle as vr, IconPlus as ut, IconBorderAll as up, IconTrash as Qt, IconArrowDown as hp, IconArrowUp as pp, IconCalendar as mp, IconMinus as xp, IconChevronsUp as gp, IconChevronsDown as fp, IconCode as Sn, IconCamera as us, IconShare3 as bp, IconDownload as yp, IconArrowsLeftRight as _p, IconVariable as bl, IconCodeDots as vp, IconFilter as yl, IconCopy as jp, IconDatabase as hs, IconBoxMultiple as _l, IconCaretDown as wp, IconAlertTriangle as vl, IconArrowLeft as Sp, IconPlaylistAdd as to, IconDevices as kp, IconSettings as jr, IconPointFilled as zi, IconFileImport as no, IconCircleDashed as Cp, IconCircleDot as zp, IconCircleOff as Tp, IconAdjustments as Ip, IconLink as Dp, IconArrowCurveRight as si, IconLine as Mp, IconX as jl, IconEye as wl, IconTable as Lp, IconColumns as Ap, IconVectorTriangle as Ep, IconAlertCircle as ro, IconVariablePlus as Rp, IconHierarchy as $p, IconDiscountCheckFilled as Pp } from "@tabler/icons-react";
+import { IconMathFunction as an, IconDeviceFloppy as Pe, IconChevronUp as cp, IconChevronDown as dp, IconTextSize as Ci, IconInfoCircle as In, IconPlayerSkipBack as fl, IconRecycle as vr, IconPlus as ut, IconBorderAll as up, IconTrash as Qt, IconArrowDown as hp, IconArrowUp as pp, IconCalendar as mp, IconMinus as xp, IconChevronsUp as gp, IconChevronsDown as fp, IconCode as Sn, IconCamera as us, IconShare3 as bp, IconDownload as yp, IconArrowsLeftRight as _p, IconVariable as bl, IconCodeDots as vp, IconFilter as yl, IconCopy as jp, IconDatabase as hs, IconBoxMultiple as _l, IconCaretDown as wp, IconAlertTriangle as vl, IconArrowLeft as Sp, IconPlaylistAdd as to, IconDevices as kp, IconSettings as jr, IconPointFilled as zi, IconFileImport as no, IconCircleDashed as Cp, IconCircleDot as zp, IconCircleOff as Tp, IconAdjustments as Ip, IconLink as Dp, IconArrowCurveRight as si, IconLine as Mp, IconX as jl, IconEye as wl, IconTable as Lp, IconColumns as Ap, IconVectorTriangle as Ep, IconAlertCircle as ro, IconVariablePlus as Rp, IconHierarchy as $p, IconDiscountCheckFilled as Pp } from "@tabler/icons-react";
 import { showNotification as Bn, notifications as Sl } from "@mantine/notifications";
 import * as tn from "d3-regression";
 import { RichTextEditor as J, Link as kl, useRichTextEditorContext as Fp } from "@mantine/tiptap";
@@ -146,11 +146,11 @@ var sr = {};
 var lo;
 function ex() {
   return lo || (lo = 1, process.env.NODE_ENV !== "production" && function() {
-    var t = A, e = Symbol.for("react.element"), n = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), a = Symbol.for("react.profiler"), o = Symbol.for("react.provider"), l = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), u = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), p = Symbol.for("react.lazy"), m = Symbol.for("react.offscreen"), b = Symbol.iterator, w = "@@iterator";
+    var t = A, e = Symbol.for("react.element"), n = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), a = Symbol.for("react.profiler"), o = Symbol.for("react.provider"), l = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), u = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), p = Symbol.for("react.lazy"), m = Symbol.for("react.offscreen"), b = Symbol.iterator, j = "@@iterator";
     function T(v) {
       if (v === null || typeof v != "object")
         return null;
-      var R = b && v[b] || v[w];
+      var R = b && v[b] || v[j];
       return typeof R == "function" ? R : null;
     }
     var E = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
@@ -158,10 +158,10 @@ function ex() {
       {
         for (var R = arguments.length, q = new Array(R > 1 ? R - 1 : 0), U = 1; U < R; U++)
           q[U - 1] = arguments[U];
-        G("error", v, q);
+        W("error", v, q);
       }
     }
-    function G(v, R, q) {
+    function W(v, R, q) {
       {
         var U = E.ReactDebugCurrentFrame, de = U.getStackAddendum();
         de !== "" && (R += "%s", q = q.concat([de]));
@@ -1157,7 +1157,7 @@ function _x(t, e) {
     size: a,
     weight: o
   } = t, l = ms(e, s, i), c = gt(t, l);
-  return /* @__PURE__ */ r.jsx(j, { sx: {
+  return /* @__PURE__ */ r.jsx(w, { sx: {
     fontSize: a,
     display: "inline"
   }, color: yx(n, l), weight: o, children: c });
@@ -1360,7 +1360,7 @@ class Ue extends A.Component {
         });
       };
       return /* @__PURE__ */ r.jsxs(M, { children: [
-        /* @__PURE__ */ r.jsx(j, { size: "xs", children: (e = this.state.error) == null ? void 0 : e.message }),
+        /* @__PURE__ */ r.jsx(w, { size: "xs", children: (e = this.state.error) == null ? void 0 : e.message }),
         /* @__PURE__ */ r.jsx(I, { variant: "subtle", size: "xs", mx: "auto", compact: !0, sx: {
           display: "block"
         }, onClick: n, children: "Retry" })
@@ -1728,7 +1728,7 @@ class Ai {
     }), this.instanceRegistry.clear(), this.factoryRegistry.clear();
   }
 }
-const rc = "12.8.0", Hx = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const rc = "12.10.0", Hx = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   version: rc
 }, Symbol.toStringTag, { value: "Module" }));
@@ -1922,13 +1922,13 @@ function Jx({
     y: F(o),
     z: F(l)
   }), [a, o, l]), {
-    min: w,
+    min: j,
     max: T
   } = C(() => {
-    const P = vh(h, (K) => K[b.columnKey]), G = jh(h, (K) => K[b.columnKey]);
+    const P = vh(h, (K) => K[b.columnKey]), W = jh(h, (K) => K[b.columnKey]);
     return {
       min: ne(P, b.columnKey),
-      max: ne(G, b.columnKey)
+      max: ne(W, b.columnKey)
     };
   }, [h, b]), E = {
     tooltip: {},
@@ -1936,7 +1936,7 @@ function Jx({
     visualMap: {
       show: !0,
       dimension: 2,
-      min: w,
+      min: j,
       max: T,
       inRange: {
         color: ["#313695", "#4575b4", "#74add1", "#abd9e9", "#e0f3f8", "#ffffbf", "#fee090", "#fdae61", "#f46d43", "#d73027", "#a50026"]
@@ -1988,7 +1988,7 @@ function uc() {
     throw new Error("Please use ContentModelContextProvider");
   return t;
 }
-const ae = () => uc(), Pe = () => uc(), eg = {
+const ae = () => uc(), Fe = () => uc(), eg = {
   inEditMode: !1
 }, Ri = A.createContext(eg), hc = A.createContext({
   panel: null,
@@ -2050,13 +2050,13 @@ const Q = z(se(({
     return /* @__PURE__ */ r.jsxs(Te, { shadow: "md", position: "bottom-start", withinPortal: !0, zIndex: 320, children: [
       /* @__PURE__ */ r.jsx(Te.Target, { children: /* @__PURE__ */ r.jsx(M, { children: /* @__PURE__ */ r.jsx(D, { label: t, required: e, defaultValue: h.columnKey, readOnly: !0, disabled: !0 }) }) }),
       /* @__PURE__ */ r.jsx(Te.Dropdown, { children: /* @__PURE__ */ r.jsxs(y, { position: "left", spacing: 0, children: [
-        /* @__PURE__ */ r.jsx(j, { size: "xs", color: h.queryName ? "black" : "red", sx: {
+        /* @__PURE__ */ r.jsx(w, { size: "xs", color: h.queryName ? "black" : "red", sx: {
           fontFamily: "monospace"
         }, children: h.queryName ?? h.queryID }),
-        /* @__PURE__ */ r.jsx(j, { size: "xs", color: "black", sx: {
+        /* @__PURE__ */ r.jsx(w, { size: "xs", color: "black", sx: {
           fontFamily: "monospace"
         }, children: "." }),
-        /* @__PURE__ */ r.jsx(j, { size: "xs", color: "red", sx: {
+        /* @__PURE__ */ r.jsx(w, { size: "xs", color: "red", sx: {
           fontFamily: "monospace"
         }, children: h.columnKey })
       ] }) })
@@ -2080,7 +2080,7 @@ function sg({
   return O(() => {
     o(s);
   }, [e]), e ? /* @__PURE__ */ r.jsx(k, { spacing: "xs", children: /* @__PURE__ */ r.jsxs("form", { onSubmit: a(n), children: [
-    /* @__PURE__ */ r.jsx(j, { children: "X Axis" }),
+    /* @__PURE__ */ r.jsx(w, { children: "X Axis" }),
     /* @__PURE__ */ r.jsxs(y, { position: "apart", grow: !0, p: "md", sx: {
       position: "relative",
       border: "1px solid #eee"
@@ -2094,7 +2094,7 @@ function sg({
         flexGrow: 1
       }, size: "md", label: "Name", ...l }) })
     ] }),
-    /* @__PURE__ */ r.jsx(j, { mt: "lg", children: "Y Axis" }),
+    /* @__PURE__ */ r.jsx(w, { mt: "lg", children: "Y Axis" }),
     /* @__PURE__ */ r.jsxs(y, { position: "apart", grow: !0, p: "md", sx: {
       position: "relative",
       border: "1px solid #eee"
@@ -2108,7 +2108,7 @@ function sg({
         flexGrow: 1
       }, size: "md", label: "Name", ...l }) })
     ] }),
-    /* @__PURE__ */ r.jsx(j, { mt: "lg", children: "Z Axis" }),
+    /* @__PURE__ */ r.jsx(w, { mt: "lg", children: "Z Axis" }),
     /* @__PURE__ */ r.jsxs(y, { position: "apart", grow: !0, p: "md", sx: {
       position: "relative",
       border: "1px solid #eee"
@@ -2126,7 +2126,7 @@ function sg({
       width: "60%"
     }, mx: "auto", children: /* @__PURE__ */ r.jsxs(I, { color: "blue", type: "submit", children: [
       /* @__PURE__ */ r.jsx(Gt, { size: 20 }),
-      /* @__PURE__ */ r.jsx(j, { ml: "md", children: "Save" })
+      /* @__PURE__ */ r.jsx(w, { ml: "md", children: "Save" })
     ] }) })
   ] }) }) : null;
 }
@@ -2199,7 +2199,7 @@ const dg = {
   createConfig() {
     return {
       version: 2,
-      config: qe(Ei)
+      config: Ne(Ei)
     };
   },
   translation: og
@@ -2282,19 +2282,19 @@ const zt = se(({
     }));
   }, b = () => {
     m(Ye().func_content);
-  }, w = n ?? i("chart.axis.customize_label");
+  }, j = n ?? i("chart.axis.customize_label");
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsx(I, { variant: "filled", color: "grape", leftIcon: /* @__PURE__ */ r.jsx(an, { size: 16 }), mt: 24, onClick: o, sx: {
       flexGrow: 0
-    }, children: w }),
-    /* @__PURE__ */ r.jsx(Se, { size: 800, title: w, opened: a, onClose: l, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: a && /* @__PURE__ */ r.jsxs(k, { children: [
+    }, children: j }),
+    /* @__PURE__ */ r.jsx(Se, { size: 800, title: j, opened: a, onClose: l, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: a && /* @__PURE__ */ r.jsxs(k, { children: [
       /* @__PURE__ */ r.jsx(X, { mt: 10, label: i("common.enabled"), checked: c.enabled, onChange: (T) => u(T.currentTarget.checked) }),
       /* @__PURE__ */ r.jsx(ug, { value: c.func_content, onChange: m, disabled: !c.enabled }),
       /* @__PURE__ */ r.jsxs(y, { position: "apart", children: [
         /* @__PURE__ */ r.jsx(I, { onClick: b, color: "red", leftIcon: /* @__PURE__ */ r.jsx(Tn, { size: 20 }), children: i("common.actions.reset_to_default") }),
         /* @__PURE__ */ r.jsxs(y, { position: "right", children: [
           /* @__PURE__ */ r.jsx(I, { onClick: p, variant: "subtle", children: i("common.actions.cancel") }),
-          /* @__PURE__ */ r.jsx(I, { color: "green", leftIcon: /* @__PURE__ */ r.jsx(Ne, { size: 16 }), onClick: h, children: i("common.actions.save") })
+          /* @__PURE__ */ r.jsx(I, { color: "green", leftIcon: /* @__PURE__ */ r.jsx(Pe, { size: 16 }), onClick: h, children: i("common.actions.save") })
         ] })
       ] })
     ] }) })
@@ -2373,7 +2373,7 @@ function gg(t) {
   const {
     t: e
   } = _();
-  return /* @__PURE__ */ r.jsx(j, { children: e("viz.boxplot.click_series.label") });
+  return /* @__PURE__ */ r.jsx(w, { children: e("viz.boxplot.click_series.label") });
 }
 const Jr = se(({
   sectionTitle: t,
@@ -2616,7 +2616,7 @@ function bg(t) {
   });
   return /* @__PURE__ */ r.jsxs(k, { children: [
     /* @__PURE__ */ r.jsx(D, { label: e("interactions.operation.open_link.url"), value: n.urlTemplate, onChange: l, onBlur: a }),
-    /* @__PURE__ */ r.jsx(Oe, { label: e("interactions.operation.open_link.open_in_new_tab"), checked: n.openInNewTab, onChange: (c) => o(c.currentTarget.checked) })
+    /* @__PURE__ */ r.jsx(Ve, { label: e("interactions.operation.open_link.open_in_new_tab"), checked: n.openInNewTab, onChange: (c) => o(c.currentTarget.checked) })
   ] });
 }
 async function yg(t, e) {
@@ -2729,7 +2729,7 @@ const Tg = {
   };
   return /* @__PURE__ */ r.jsx(D, { size: "xs", label: "", value: n, onChange: (a) => s(a.currentTarget.value), sx: {
     flexGrow: 1
-  }, rightSection: /* @__PURE__ */ r.jsx(Y, { color: "green", size: "xs", onClick: i, disabled: n === t, children: /* @__PURE__ */ r.jsx(Ne, {}) }) });
+  }, rightSection: /* @__PURE__ */ r.jsx(Y, { color: "green", size: "xs", onClick: i, disabled: n === t, children: /* @__PURE__ */ r.jsx(Pe, {}) }) });
 }, Mg = {
   dictionary: {}
 }, Lg = z((t) => {
@@ -2767,7 +2767,7 @@ const Tg = {
       }
     });
   };
-  return /* @__PURE__ */ r.jsxs(Ve, { sx: Ig, children: [
+  return /* @__PURE__ */ r.jsxs(qe, { sx: Ig, children: [
     /* @__PURE__ */ r.jsx("thead", { children: /* @__PURE__ */ r.jsxs("tr", { children: [
       /* @__PURE__ */ r.jsx("th", { children: e("interactions.operation.set_filter_values.set_filter") }),
       /* @__PURE__ */ r.jsx("th", { children: e("interactions.operation.set_filter_values.with") })
@@ -3051,10 +3051,10 @@ const yt = ({
     });
   };
   return /* @__PURE__ */ r.jsxs(th, { withBorder: !0, p: "sm", children: [
-    /* @__PURE__ */ r.jsx(j, { size: "xs", color: "dimmed", mb: "sm", children: n }),
+    /* @__PURE__ */ r.jsx(w, { size: "xs", color: "dimmed", mb: "sm", children: n }),
     /* @__PURE__ */ r.jsx(k, { style: {
       maxHeight: "500px"
-    }, children: s.map((o) => /* @__PURE__ */ r.jsxs(j, { size: "sm", children: [
+    }, children: s.map((o) => /* @__PURE__ */ r.jsxs(w, { size: "sm", children: [
       /* @__PURE__ */ r.jsxs(Ka, { color: "teal", children: [
         "// ",
         o.description
@@ -3274,7 +3274,7 @@ const tf = z(({
     variables: l
   } = t, c = ef(i, n), d = async () => {
     const m = await i.triggerManager.createOrGetTrigger(wn(), i.triggerManager.getTriggerSchemaList()[0]), b = await i.operationManager.createOrGetOperation(wn(), i.operationManager.getOperationSchemaList()[0]);
-    await i.addInteraction(m, b), s((w) => w + 1);
+    await i.addInteraction(m, b), s((j) => j + 1);
   };
   async function u(m) {
     await i.removeInteraction(m.id), s((b) => b + 1);
@@ -3393,20 +3393,20 @@ function hf(t, e) {
   const n = [], s = [];
   return {
     boxplotData: Object.entries(t).map(([a, o]) => {
-      const l = o.map((E) => E[e]).sort((E, P) => E - P), c = qr(l, 0.25) ?? 0, d = qr(l, 0.5) ?? 0, u = qr(l, 0.75) ?? 0, h = u - c, p = c - 1.5 * h, m = u + 1.5 * h, b = Math.max(l[0], p), w = Math.min(S.last(l) ?? 0, m);
+      const l = o.map((E) => E[e]).sort((E, P) => E - P), c = qr(l, 0.25) ?? 0, d = qr(l, 0.5) ?? 0, u = qr(l, 0.75) ?? 0, h = u - c, p = c - 1.5 * h, m = u + 1.5 * h, b = Math.max(l[0], p), j = Math.min(S.last(l) ?? 0, m);
       return o.filter((E) => {
         const P = E[e];
-        return P < b || P > w;
+        return P < b || P > j;
       }).forEach((E) => n.push([a, E[e], E])), o.filter((E) => {
         const P = E[e];
-        return P >= b && P <= w;
+        return P >= b && P <= j;
       }).forEach((E) => s.push([a, E[e], E])), {
         name: a,
         min: b,
         q1: c,
         median: d,
         q3: u,
-        max: w
+        max: j
       };
     }),
     outliersData: n,
@@ -3529,7 +3529,7 @@ function ff(t, e, n) {
     median: e.coord([l, h]),
     q3: e.coord([l, p]),
     max: e.coord([l, m])
-  }, w = {
+  }, j = {
     left: o[1].offset,
     center: (o[1].offset + o[1].width) / 2,
     right: o[1].width
@@ -3539,35 +3539,35 @@ function ff(t, e, n) {
   }, E = [
     // max
     {
-      x1: b.max[0] + w.left,
-      x2: b.max[0] + w.right,
+      x1: b.max[0] + j.left,
+      x2: b.max[0] + j.right,
       y1: b.max[1],
       y2: b.max[1]
     },
     // median
     {
-      x1: b.median[0] + w.left,
-      x2: b.median[0] + w.right,
+      x1: b.median[0] + j.left,
+      x2: b.median[0] + j.right,
       y1: b.median[1],
       y2: b.median[1]
     },
     // min
     {
-      x1: b.min[0] + w.left,
-      x2: b.min[0] + w.right,
+      x1: b.min[0] + j.left,
+      x2: b.min[0] + j.right,
       y1: b.min[1],
       y2: b.min[1]
     },
     // vertical center lines
     {
-      x1: b.min[0] + w.center,
-      x2: b.min[0] + w.center,
+      x1: b.min[0] + j.center,
+      x2: b.min[0] + j.center,
       y1: b.min[1],
       y2: b.q1[1]
     },
     {
-      x1: b.max[0] + w.center,
-      x2: b.max[0] + w.center,
+      x1: b.max[0] + j.center,
+      x2: b.max[0] + j.center,
       y1: b.max[1],
       y2: b.q3[1]
     }
@@ -3575,18 +3575,18 @@ function ff(t, e, n) {
     stroke: i,
     lineWidth: a
   };
-  return E.forEach((G) => {
+  return E.forEach((W) => {
     T.children.push({
       type: "line",
-      shape: G,
+      shape: W,
       style: P
     });
   }), T.children.push({
     type: "rect",
     shape: {
-      x: b.q1[0] + w.left,
+      x: b.q1[0] + j.left,
       y: b.q1[1],
-      width: w.right - w.left,
+      width: j.right - j.left,
       height: b.q3[1] - b.q1[1]
     },
     style: {
@@ -3918,13 +3918,13 @@ function Af({
   } = t.viewport, c = Ce({}, s, $i), d = yt({
     vizManager: t.vizManager,
     instance: e
-  }), u = bt(d.triggerManager, bc.id), h = Ln(a, c.x_axis.data_key), p = Ge((w) => {
-    const T = S.get(h, w.name, {
+  }), u = bt(d.triggerManager, bc.id), h = Ln(a, c.x_axis.data_key), p = Ge((j) => {
+    const T = S.get(h, j.name, {
       error: "rowData is not found"
     });
     u.forEach((E) => {
       d.runInteraction(E.id, {
-        ...w,
+        ...j,
         rowData: T
       });
     });
@@ -3967,7 +3967,7 @@ function Ef({
         }
       }
     ),
-    /* @__PURE__ */ r.jsx(j, { sx: {
+    /* @__PURE__ */ r.jsx(w, { sx: {
       flexGrow: 0
     }, size: "xs", children: s("chart.color.or") }),
     /* @__PURE__ */ r.jsx(
@@ -3988,7 +3988,7 @@ function Ef({
   ] });
 }
 const Ze = A.forwardRef(Ef);
-function Fe({
+function Oe({
   canSubmit: t
 }) {
   const {
@@ -3998,8 +3998,8 @@ function Fe({
     borderBottom: "1px solid #eee",
     background: "#efefef"
   }, children: [
-    /* @__PURE__ */ r.jsx(j, { children: e("viz.viz_config_banner") }),
-    /* @__PURE__ */ r.jsx(Y, { type: "submit", mr: 5, variant: "filled", color: "blue", disabled: !t, children: /* @__PURE__ */ r.jsx(Ne, { size: 20 }) })
+    /* @__PURE__ */ r.jsx(w, { children: e("viz.viz_config_banner") }),
+    /* @__PURE__ */ r.jsx(Y, { type: "submit", mr: 5, variant: "filled", color: "blue", disabled: !t, children: /* @__PURE__ */ r.jsx(Pe, { size: 20 }) })
   ] });
 }
 const ys = se(({
@@ -4111,45 +4111,49 @@ class $f {
 }
 function Pf(t) {
   const {
-    onChange: e,
-    color: n,
-    index: s,
-    value: i
+    t: e
+  } = _(), {
+    onChange: n,
+    color: s,
+    index: i,
+    value: a
   } = t, {
-    classes: a
-  } = kc(), [o, l] = B(i), [c, {
-    setTrue: d,
-    setFalse: u
-  }] = it(!1), h = s % 2 === 1, p = h && i != null, m = !h && i != null, b = `map ${i} to color ${s}`, w = () => {
-    l(i), u();
-  }, T = () => {
-    u(), e == null || e(o);
-  }, E = re(i ?? null, {
+    classes: o
+  } = kc(), [l, c] = B(a), [d, {
+    setTrue: u,
+    setFalse: h
+  }] = it(!1), p = i % 2 === 1, m = p && a != null, b = !p && a != null, j = `map ${a} to color ${i}`, T = () => {
+    c(a), h();
+  }, E = () => {
+    h(), n == null || n(l);
+  }, P = re(a ?? null, {
     output: "number",
     mantissa: 0,
     average: !0,
     absolute: !1
   });
-  return /* @__PURE__ */ r.jsxs("div", { "data-testid": `palette-item-${s}`, className: a.paletteItem, children: [
-    /* @__PURE__ */ r.jsx(j, { title: b, style: {
-      opacity: p ? 1 : 0
-    }, color: "dimmed", size: "sm", className: "palette-value--up palette-value", children: E }),
-    /* @__PURE__ */ r.jsxs(Vn, { width: 200, trapFocus: !0, opened: c, onClose: u, children: [
-      /* @__PURE__ */ r.jsx(Vn.Target, { children: /* @__PURE__ */ r.jsx("div", { "data-testid": "palette-item-target", className: "palette-item", onClick: d, style: {
-        "--shadow-color": hr(n).alpha(0.5).hex(),
-        backgroundColor: n
+  return /* @__PURE__ */ r.jsxs("div", { "data-testid": `palette-item-${i}`, className: o.paletteItem, children: [
+    /* @__PURE__ */ r.jsx(w, { title: j, style: {
+      opacity: m ? 1 : 0
+    }, color: "dimmed", size: "sm", className: "palette-value--up palette-value", children: P }),
+    /* @__PURE__ */ r.jsxs(Vn, { width: 200, trapFocus: !0, opened: d, onClose: h, zIndex: 340, withinPortal: !0, children: [
+      /* @__PURE__ */ r.jsx(Vn.Target, { children: /* @__PURE__ */ r.jsx("div", { "data-testid": "palette-item-target", className: "palette-item", onClick: u, style: {
+        "--shadow-color": hr(s).alpha(0.5).hex(),
+        backgroundColor: s
       } }) }),
       /* @__PURE__ */ r.jsx(Vn.Dropdown, { children: /* @__PURE__ */ r.jsxs(k, { children: [
-        /* @__PURE__ */ r.jsx(le, { size: "xs", label: "Map a value to this color", value: o, onChange: l }),
+        /* @__PURE__ */ r.jsx(le, { size: "xs", label: e("style.color.interpolation.mapping.value_input_label"), value: l, onChange: (W) => {
+          typeof W == "number" && c(W);
+        } }),
         /* @__PURE__ */ r.jsxs(y, { position: "right", children: [
-          /* @__PURE__ */ r.jsx(I, { variant: "subtle", size: "xs", onClick: w, children: "Cancel" }),
-          /* @__PURE__ */ r.jsx(I, { "data-testid": "palette-item-ok", size: "xs", onClick: T, children: "OK" })
+          /* @__PURE__ */ r.jsx(I, { variant: "subtle", size: "xs", onClick: T, children: e("common.actions.cancel") }),
+          /* @__PURE__ */ r.jsx(I, { color: "green", leftIcon: /* @__PURE__ */ r.jsx(Pe, { size: 16 }), "data-testid": "palette-item-ok", size: "xs", onClick: E, children: e("common.actions.save") })
         ] })
       ] }) })
     ] }),
-    /* @__PURE__ */ r.jsx(j, { title: b, style: {
-      opacity: m ? 1 : 0
-    }, color: "dimmed", size: "sm", className: "palette-value--bottom palette-value", children: E })
+    /* @__PURE__ */ r.jsx(w, { title: j, style: {
+      opacity: b ? 1 : 0
+    }, color: "dimmed", size: "sm", className: "palette-value--bottom palette-value", children: P })
   ] });
 }
 const Ff = z(({
@@ -4181,17 +4185,17 @@ const Ff = z(({
     group: e(`style.color.interpolation.palette.category.${P.category}`)
   })), [n.language]);
   function b(P) {
-    P && c((G) => ({
-      ...G,
+    P && c((W) => ({
+      ...W,
       interpolation: P
     }));
   }
-  const w = () => {
+  const j = () => {
     p(), i == null || i(Yt(l));
   };
   function T(P) {
-    c((G) => ({
-      ...G,
+    c((W) => ({
+      ...W,
       steps: P
     }));
   }
@@ -4205,7 +4209,7 @@ const Ff = z(({
       /* @__PURE__ */ r.jsx(Of, { steps: l.steps, interpolation: d, onChange: T }),
       /* @__PURE__ */ r.jsxs(y, { position: "apart", children: [
         /* @__PURE__ */ r.jsx(I, { onClick: E, variant: "subtle", children: e("common.actions.cancel") }),
-        /* @__PURE__ */ r.jsx(I, { color: "green", leftIcon: /* @__PURE__ */ r.jsx(Ne, { size: 16 }), onClick: w, children: e("common.actions.save") })
+        /* @__PURE__ */ r.jsx(I, { color: "green", leftIcon: /* @__PURE__ */ r.jsx(Pe, { size: 16 }), onClick: j, children: e("common.actions.save") })
       ] })
     ] }) })
   ] });
@@ -4298,19 +4302,19 @@ const Ff = z(({
     /* @__PURE__ */ r.jsxs(y, { children: [
       /* @__PURE__ */ r.jsx(M, { sx: {
         flexGrow: 1
-      }, children: /* @__PURE__ */ r.jsx(Oe, { label: s("chart.zooming.scroll.x_axis"), checked: t.x_axis_scroll, onChange: (a) => i("x_axis_scroll")(a.currentTarget.checked) }) }),
+      }, children: /* @__PURE__ */ r.jsx(Ve, { label: s("chart.zooming.scroll.x_axis"), checked: t.x_axis_scroll, onChange: (a) => i("x_axis_scroll")(a.currentTarget.checked) }) }),
       /* @__PURE__ */ r.jsx(M, { sx: {
         flexGrow: 1
-      }, children: /* @__PURE__ */ r.jsx(Oe, { label: s("chart.zooming.scroll.y_axis"), checked: t.y_axis_scroll, onChange: (a) => i("y_axis_scroll")(a.currentTarget.checked) }) })
+      }, children: /* @__PURE__ */ r.jsx(Ve, { label: s("chart.zooming.scroll.y_axis"), checked: t.y_axis_scroll, onChange: (a) => i("y_axis_scroll")(a.currentTarget.checked) }) })
     ] }),
     /* @__PURE__ */ r.jsx(L, { variant: "dashed", label: s("chart.zooming.slider.label"), labelPosition: "center" }),
     /* @__PURE__ */ r.jsxs(y, { children: [
       /* @__PURE__ */ r.jsx(M, { sx: {
         flexGrow: 1
-      }, children: /* @__PURE__ */ r.jsx(Oe, { label: s("chart.zooming.slider.x_axis"), checked: t.x_axis_slider, onChange: (a) => i("x_axis_slider")(a.currentTarget.checked) }) }),
+      }, children: /* @__PURE__ */ r.jsx(Ve, { label: s("chart.zooming.slider.x_axis"), checked: t.x_axis_slider, onChange: (a) => i("x_axis_slider")(a.currentTarget.checked) }) }),
       /* @__PURE__ */ r.jsx(ye, { label: s("chart.zooming.slider.y_axis_disabled"), children: /* @__PURE__ */ r.jsx(M, { sx: {
         flexGrow: 1
-      }, children: /* @__PURE__ */ r.jsx(Oe, { label: s("chart.zooming.slider.y_axis"), disabled: !t.y_axis_slider, checked: t.y_axis_slider, onChange: (a) => i("y_axis_slider")(a.currentTarget.checked) }) }) })
+      }, children: /* @__PURE__ */ r.jsx(Ve, { label: s("chart.zooming.slider.y_axis"), disabled: !t.y_axis_slider, checked: t.y_axis_slider, onChange: (a) => i("y_axis_slider")(a.currentTarget.checked) }) }) })
     ] })
   ] });
 }), kr = se(({
@@ -4347,7 +4351,7 @@ const Ff = z(({
   return /* @__PURE__ */ r.jsxs(k, { children: [
     /* @__PURE__ */ r.jsx(y, { grow: !0, noWrap: !0, mt: 20, children: /* @__PURE__ */ r.jsx(f, { name: "legend.show", control: t, render: ({
       field: a
-    }) => /* @__PURE__ */ r.jsx(Oe, { label: n("chart.legend.show_legend"), sx: {
+    }) => /* @__PURE__ */ r.jsx(Ve, { label: n("chart.legend.show_legend"), sx: {
       flex: 1
     }, checked: a.value, onChange: (o) => a.onChange(o.currentTarget.checked) }) }) }),
     /* @__PURE__ */ r.jsx(y, { children: /* @__PURE__ */ r.jsx(f, { name: "legend", control: t, render: ({
@@ -4485,7 +4489,7 @@ const Hf = ({
       userSelect: "none"
     }, children: [
       /* @__PURE__ */ r.jsx(Kt, { size: 14, color: "#888" }),
-      /* @__PURE__ */ r.jsx(j, { size: 14, color: "#888", children: n("chart.tooltip.additional_metrics.description") })
+      /* @__PURE__ */ r.jsx(w, { size: 14, color: "#888", children: n("chart.tooltip.additional_metrics.description") })
     ] }),
     /* @__PURE__ */ r.jsxs(g, { value: u, onTabChange: (p) => h(p), styles: {
       tab: {
@@ -4520,7 +4524,7 @@ const Zt = se(({
   const {
     t: a
   } = _();
-  return /* @__PURE__ */ r.jsx(le, { ref: i, label: t ?? a("chart.rotate"), hideControls: !0, min: -90, max: 90, rightSection: /* @__PURE__ */ r.jsx(j, { size: "xs", color: "dimmed", children: a("chart.degree") }), sx: s, styles: {
+  return /* @__PURE__ */ r.jsx(le, { ref: i, label: t ?? a("chart.rotate"), hideControls: !0, min: -90, max: 90, rightSection: /* @__PURE__ */ r.jsx(w, { size: "xs", color: "dimmed", children: a("chart.degree") }), sx: s, styles: {
     rightSection: {
       width: "4em",
       justifyContent: "flex-end",
@@ -4583,7 +4587,7 @@ function Xf({
   }] = sn(!1);
   return /* @__PURE__ */ r.jsxs(M, { children: [
     /* @__PURE__ */ r.jsx(I, { variant: "subtle", w: "100%", compact: !0, onClick: s, leftIcon: n ? /* @__PURE__ */ r.jsx(cp, { size: 14 }) : /* @__PURE__ */ r.jsx(dp, { size: 14 }), children: e(n ? "numbro.format.preview.close" : "numbro.format.preview.open") }),
-    /* @__PURE__ */ r.jsx(br, { in: n, children: n && /* @__PURE__ */ r.jsxs(Ve, { highlightOnHover: !0, sx: {
+    /* @__PURE__ */ r.jsx(br, { in: n, children: n && /* @__PURE__ */ r.jsxs(qe, { highlightOnHover: !0, sx: {
       tableLayout: "fixed"
     }, children: [
       /* @__PURE__ */ r.jsx("thead", { children: /* @__PURE__ */ r.jsxs("tr", { children: [
@@ -4645,24 +4649,24 @@ function Zf({
       }], value: t.output, onChange: i, sx: {
         flexGrow: 1
       } }),
-      /* @__PURE__ */ r.jsx(Oe, { label: /* @__PURE__ */ r.jsxs(k, { spacing: 0, children: [
-        /* @__PURE__ */ r.jsx(j, { children: s("numbro.format.absolute") }),
-        /* @__PURE__ */ r.jsx(j, { size: 12, color: "gray", children: s("numbro.format.absolute_description") })
+      /* @__PURE__ */ r.jsx(Ve, { label: /* @__PURE__ */ r.jsxs(k, { spacing: 0, children: [
+        /* @__PURE__ */ r.jsx(w, { children: s("numbro.format.absolute") }),
+        /* @__PURE__ */ r.jsx(w, { size: 12, color: "gray", children: s("numbro.format.absolute_description") })
       ] }), checked: t.absolute, onChange: c, sx: {
         flexGrow: 1
       }, styles: Bs }),
-      /* @__PURE__ */ r.jsx(Oe, { label: /* @__PURE__ */ r.jsxs(k, { spacing: 0, children: [
-        /* @__PURE__ */ r.jsx(j, { children: s("numbro.format.abbreviation") }),
-        /* @__PURE__ */ r.jsx(j, { size: 12, color: "gray", children: s("numbro.format.abbreviation_description") })
+      /* @__PURE__ */ r.jsx(Ve, { label: /* @__PURE__ */ r.jsxs(k, { spacing: 0, children: [
+        /* @__PURE__ */ r.jsx(w, { children: s("numbro.format.abbreviation") }),
+        /* @__PURE__ */ r.jsx(w, { size: 12, color: "gray", children: s("numbro.format.abbreviation_description") })
       ] }), checked: t.average, onChange: l, disabled: t.output !== "number", sx: {
         flexGrow: 1
       }, styles: Bs })
     ] }),
     /* @__PURE__ */ r.jsxs(y, { grow: !0, children: [
       /* @__PURE__ */ r.jsx(le, { label: s("numbro.format.mantissa"), defaultValue: 0, min: 0, step: 1, max: 4, value: t.mantissa, onChange: a }),
-      /* @__PURE__ */ r.jsx(Oe, { label: /* @__PURE__ */ r.jsxs(k, { spacing: 0, children: [
-        /* @__PURE__ */ r.jsx(j, { children: s("numbro.format.trim_mantissa") }),
-        /* @__PURE__ */ r.jsx(j, { size: 12, color: "gray", children: s("numbro.format.trim_mantissa_description") })
+      /* @__PURE__ */ r.jsx(Ve, { label: /* @__PURE__ */ r.jsxs(k, { spacing: 0, children: [
+        /* @__PURE__ */ r.jsx(w, { children: s("numbro.format.trim_mantissa") }),
+        /* @__PURE__ */ r.jsx(w, { size: 12, color: "gray", children: s("numbro.format.trim_mantissa_description") })
       ] }), checked: t.trimMantissa, onChange: o, disabled: t.mantissa === 0, styles: Bs }),
       /* @__PURE__ */ r.jsx(M, {})
     ] }),
@@ -4721,7 +4725,7 @@ function tb({
   }, [a]), c(["x_axis", "y_axis", "reference_lines", "color", "dataZoom"]);
   const h = d(), p = C(() => !ge(h, n), [h, n]);
   return /* @__PURE__ */ r.jsx(k, { spacing: "xs", children: /* @__PURE__ */ r.jsxs("form", { onSubmit: l(s), children: [
-    /* @__PURE__ */ r.jsx(Fe, { canSubmit: p }),
+    /* @__PURE__ */ r.jsx(Oe, { canSubmit: p }),
     /* @__PURE__ */ r.jsxs(g, { defaultValue: "X Axis", orientation: "vertical", styles: {
       tab: {
         paddingLeft: "6px",
@@ -4746,7 +4750,7 @@ function tb({
       /* @__PURE__ */ r.jsx(g.Panel, { value: "Legend", children: /* @__PURE__ */ r.jsx(Wf, { control: o, watch: c }) }),
       /* @__PURE__ */ r.jsx(g.Panel, { value: "Tooltip", children: /* @__PURE__ */ r.jsx(Yf, { control: o, watch: c }) }),
       /* @__PURE__ */ r.jsx(g.Panel, { value: "Style", children: /* @__PURE__ */ r.jsxs(k, { spacing: 4, children: [
-        /* @__PURE__ */ r.jsx(j, { size: "sm", children: e("chart.color.label") }),
+        /* @__PURE__ */ r.jsx(w, { size: "sm", children: e("chart.color.label") }),
         /* @__PURE__ */ r.jsx(f, { name: "color", control: o, render: ({
           field: m
         }) => /* @__PURE__ */ r.jsx(Ze, { ...m }) })
@@ -5002,7 +5006,7 @@ const hb = {
   createConfig() {
     return {
       version: 10,
-      config: qe($i)
+      config: Ne($i)
     };
   },
   triggers: [bc],
@@ -5021,7 +5025,7 @@ function mb(t) {
   const {
     t: e
   } = _();
-  return /* @__PURE__ */ r.jsx(j, { children: e("viz.button.click.label") });
+  return /* @__PURE__ */ r.jsx(w, { children: e("viz.button.click.label") });
 }
 const Vi = {
   content: "Button",
@@ -5046,7 +5050,7 @@ const Vi = {
   const n = yt({
     vizManager: t.vizManager,
     instance: e
-  }), s = bt(n.triggerManager, Cc.id), i = Pe(), {
+  }), s = bt(n.triggerManager, Cc.id), i = Fe(), {
     value: a
   } = H(t.instanceData, "config"), o = C(() => we({}, a, Vi), [a]), {
     content: l,
@@ -5057,8 +5061,8 @@ const Vi = {
     width: h,
     height: p
   } = t.viewport, m = i.payloadForSQL, b = () => {
-    s.forEach((w) => {
-      n.runInteraction(w.id, {});
+    s.forEach((j) => {
+      n.runInteraction(j.id, {});
     });
   };
   return /* @__PURE__ */ r.jsx(Cn, { sx: {
@@ -5074,7 +5078,7 @@ const Vi = {
 }) => {
   const s = Xo(), i = Ge((o) => () => e(o), [e]), a = (o) => t === o;
   return /* @__PURE__ */ r.jsxs(k, { spacing: 2, children: [
-    /* @__PURE__ */ r.jsx(j, { size: 14, sx: {
+    /* @__PURE__ */ r.jsx(w, { size: 14, sx: {
       fontWeight: 500
     }, children: n }),
     /* @__PURE__ */ r.jsx(y, { position: "left", spacing: "xs", children: Object.keys(s.colors).map((o) => {
@@ -5145,7 +5149,7 @@ function _b({
   }, [i]);
   const u = c(), h = C(() => !ge(u, s), [u, s]);
   return l(["content", "variant", "color", "size", "compact", "horizontal_align", "vertical_align"]), /* @__PURE__ */ r.jsxs("form", { onSubmit: o(n), children: [
-    /* @__PURE__ */ r.jsx(Fe, { canSubmit: h }),
+    /* @__PURE__ */ r.jsx(Oe, { canSubmit: h }),
     /* @__PURE__ */ r.jsxs(k, { children: [
       /* @__PURE__ */ r.jsx(f, { control: a, name: "content", render: ({
         field: p
@@ -5243,7 +5247,7 @@ const kb = {
   createConfig() {
     return {
       version: 2,
-      config: qe(Vi)
+      config: Ne(Vi)
     };
   },
   triggers: [Cc],
@@ -5286,7 +5290,7 @@ function zb(t) {
   const {
     t: e
   } = _();
-  return /* @__PURE__ */ r.jsx(j, { children: e("viz.cartesian_chart.click_series.label") });
+  return /* @__PURE__ */ r.jsx(w, { children: e("viz.cartesian_chart.click_series.label") });
 }
 const Ni = {
   regressions: [],
@@ -5428,7 +5432,7 @@ function Ab({
       columnKey: c
     } = F(a.y_axis_data_key), d = S.groupBy(wr(n, a.y_axis_data_key), l);
     Object.entries(d).forEach(([u, h]) => {
-      const p = h.map((b, w) => [w, Number(b[c])]);
+      const p = h.map((b, j) => [j, Number(b[c])]);
       i(a, u, u, p);
     });
   }), s;
@@ -5594,8 +5598,8 @@ function Nb({
   symbolSize: h,
   hide_in_legend: p,
   ...m
-}, b, w, T, E) {
-  const P = e.type !== "category", G = {
+}, b, j, T, E) {
+  const P = e.type !== "category", W = {
     label: {
       show: !!i,
       position: i,
@@ -5606,40 +5610,40 @@ function Nb({
     yAxisIndex: s,
     stack: c,
     color: d,
-    symbolSize: qb(h, w, t, T),
+    symbolSize: qb(h, j, t, T),
     hide_in_legend: p,
     labelLayout: {
       hideOverlap: !0
     },
     ...m
   };
-  if (m.type === "line" && (G.lineStyle = {
+  if (m.type === "line" && (W.lineStyle = {
     shadowColor: "rgba(255,255,255,1)",
     shadowBlur: 0,
     shadowOffsetX: 0,
     shadowOffsetY: 3
-  }), u && (G.endLabel = {
+  }), u && (W.endLabel = {
     show: !0,
     formatter: a,
     offset: [-12, 12],
     align: "right"
   }), !o || o === t)
-    return G.data = Ob({
+    return W.data = Ob({
       dataTemplate: b,
-      data: w,
+      data: j,
       aggregation_on_value: l,
       x_axis_data_key: t,
       y_axis_data_key: n,
       valueTypedXAxis: P
-    }), G;
+    }), W;
   const K = Vb({
     group_by_key: o,
-    data: w,
+    data: j,
     x_axis_data_key: t,
     y_axis_data_key: n
   });
   return Object.entries(K).map(([he, Z]) => {
-    const ee = qe(G);
+    const ee = Ne(W);
     return ee.name = he, ee.color = void 0, ee.data = Z, ee;
   });
 }
@@ -5681,12 +5685,12 @@ function Qb(t, e, n, s) {
       }) => {
         if (Array.isArray(m) && m.length === 2 && (m = m[1]), !h)
           return m;
-        const b = i[h], w = s[b] ?? s.default;
+        const b = i[h], j = s[b] ?? s.default;
         return `
         <tr>
           <td>${p}</td>
           <th style="text-align: right; padding: 0 1em;">${h}</th>
-          <td style="text-align: left; padding: 0 1em;">${w({
+          <td style="text-align: left; padding: 0 1em;">${j({
           value: m
         })}</td>
         </tr>
@@ -5871,8 +5875,8 @@ function ey({
     const b = S.get(o, m.name, {
       error: "rowData is not found"
     });
-    l.forEach((w) => {
-      i.runInteraction(w.id, {
+    l.forEach((j) => {
+      i.runInteraction(j.id, {
         ...m,
         rowData: b
       });
@@ -5919,13 +5923,13 @@ function ty({
       top: mr(T.top, i, o),
       bottom: mr(T.bottom, i, o)
     };
-  }, [a, o]), b = Math.max(0, kt(c) - u - p), w = St(l);
+  }, [a, o]), b = Math.max(0, kt(c) - u - p), j = St(l);
   return /* @__PURE__ */ r.jsxs(at, { width: l, height: c, children: [
-    /* @__PURE__ */ r.jsx(j, { ref: d, align: "left", size: "xs", pl: "sm", sx: {
+    /* @__PURE__ */ r.jsx(w, { ref: d, align: "left", size: "xs", pl: "sm", sx: {
       display: mo(a.stats.templates.top) ? "block" : "none"
     }, children: Object.values(m.top).map((T, E) => /* @__PURE__ */ r.jsx(A.Fragment, { children: T }, E)) }),
-    /* @__PURE__ */ r.jsx(ey, { variables: i, width: w, height: b, data: o, conf: a, interactionManager: n }),
-    /* @__PURE__ */ r.jsx(j, { ref: h, align: "left", size: "xs", pl: "sm", sx: {
+    /* @__PURE__ */ r.jsx(ey, { variables: i, width: j, height: b, data: o, conf: a, interactionManager: n }),
+    /* @__PURE__ */ r.jsx(w, { ref: h, align: "left", size: "xs", pl: "sm", sx: {
       display: mo(a.stats.templates.bottom) ? "block" : "none"
     }, children: Object.values(m.bottom).map((T, E) => /* @__PURE__ */ r.jsx(A.Fragment, { children: T }, E)) })
   ] });
@@ -6110,7 +6114,7 @@ function sy({
         }) => /* @__PURE__ */ r.jsx(kr, { label: o("chart.orientation.label"), sx: {
           flex: 1
         }, ...c }) }),
-        l === "vertical" && /* @__PURE__ */ r.jsx(j, { mt: -10, color: "dimmed", size: 12, children: o("chart.reference_line.orientation.vertical_hint") })
+        l === "vertical" && /* @__PURE__ */ r.jsx(w, { mt: -10, color: "dimmed", size: 12, children: o("chart.reference_line.orientation.vertical_hint") })
       ] }),
       l === "horizontal" && /* @__PURE__ */ r.jsx(f, { name: `reference_lines.${e}.yAxisIndex`, control: t, render: ({
         field: {
@@ -6145,7 +6149,7 @@ function sy({
       ) })
     ] }),
     /* @__PURE__ */ r.jsxs(k, { spacing: 4, children: [
-      /* @__PURE__ */ r.jsx(j, { size: "sm", children: o("chart.color.label") }),
+      /* @__PURE__ */ r.jsx(w, { size: "sm", children: o("chart.color.label") }),
       /* @__PURE__ */ r.jsx(f, { name: `reference_lines.${e}.lineStyle.color`, control: t, render: ({
         field: c
       }) => /* @__PURE__ */ r.jsx(Ze, { ...c }) })
@@ -6309,7 +6313,7 @@ function ay({
       ) })
     ] }),
     /* @__PURE__ */ r.jsxs(k, { spacing: 4, children: [
-      /* @__PURE__ */ r.jsx(j, { size: "sm", children: "Color" }),
+      /* @__PURE__ */ r.jsx(w, { size: "sm", children: "Color" }),
       /* @__PURE__ */ r.jsx(f, { name: `regressions.${n}.plot.color`, control: t, render: ({
         field: d
       }) => /* @__PURE__ */ r.jsx(Ze, { ...d }) })
@@ -6442,7 +6446,7 @@ const ly = ({
         /* @__PURE__ */ r.jsx(I, { onClick: h, color: "red", leftIcon: /* @__PURE__ */ r.jsx(Tn, { size: 20 }), children: n("common.actions.reset_to_default") }),
         /* @__PURE__ */ r.jsxs(y, { position: "right", children: [
           /* @__PURE__ */ r.jsx(I, { onClick: d, variant: "subtle", children: n("common.actions.cancel") }),
-          /* @__PURE__ */ r.jsx(I, { color: "green", leftIcon: /* @__PURE__ */ r.jsx(Ne, { size: 16 }), onClick: c, children: n("common.actions.save") })
+          /* @__PURE__ */ r.jsx(I, { color: "green", leftIcon: /* @__PURE__ */ r.jsx(Pe, { size: 16 }), onClick: c, children: n("common.actions.save") })
         ] })
       ] })
     ] }) })
@@ -7714,8 +7718,8 @@ class pt {
         let p = d ? e == c ? -1 : e == h ? 1 : n : n, m = c + i + (p < 0 ? 0 : u);
         if (s)
           return m;
-        let b = e == (n < 0 ? c : h) ? null : yy(l / 3, e - c), w = e == c ? Pc : e == h ? $c : Wr;
-        return (n < 0 ? e != c : e != h) && (w |= Fc), new yo(m, w, b);
+        let b = e == (n < 0 ? c : h) ? null : yy(l / 3, e - c), j = e == c ? Pc : e == h ? $c : Wr;
+        return (n < 0 ? e != c : e != h) && (j |= Fc), new yo(m, j, b);
       }
       i += u - d;
     }
@@ -8160,8 +8164,8 @@ function Gr(t, e, n = 1, s) {
       return !1;
     let m = h.content.cutByIndex(p, h.childCount), b = s && s[u + 1];
     b && (m = m.replaceChild(0, b.type.create(b.attrs)));
-    let w = s && s[u] || h;
-    if (!h.canReplace(p + 1, h.childCount) || !w.type.validContent(m))
+    let j = s && s[u] || h;
+    if (!h.canReplace(p + 1, h.childCount) || !j.type.validContent(m))
       return !1;
   }
   let l = i.indexAfter(a), c = s && s[0];
@@ -8750,8 +8754,8 @@ class Cy {
   }
   createChain(e, n = !0) {
     const { rawCommands: s, editor: i, state: a } = this, { view: o } = i, l = [], c = !!e, d = e || a.tr, u = () => (!c && n && !d.getMeta("preventDispatch") && !this.hasCustomState && o.dispatch(d), l.every((p) => p === !0)), h = {
-      ...Object.fromEntries(Object.entries(s).map(([p, m]) => [p, (...w) => {
-        const T = this.buildProps(d, n), E = m(...w)(T);
+      ...Object.fromEntries(Object.entries(s).map(([p, m]) => [p, (...j) => {
+        const T = this.buildProps(d, n), E = m(...j)(T);
         return l.push(E), h;
       }])),
       run: u
@@ -8917,8 +8921,8 @@ const Ay = () => ({ editor: t, view: e }) => (requestAnimationFrame(() => {
         return;
       const b = jy(m);
       if (l.type.isTextblock) {
-        const { defaultType: w } = h.parent.contentMatchAt(h.index());
-        e.setNodeMarkup(m.start, w);
+        const { defaultType: j } = h.parent.contentMatchAt(h.index());
+        e.setNodeMarkup(m.start, j);
       }
       (b || b === 0) && e.lift(m, b);
     });
@@ -9247,11 +9251,11 @@ function w_(t, e, n = {}) {
   const l = [];
   if (i.forEach(({ $from: h, $to: p }) => {
     const m = h.pos, b = p.pos;
-    t.doc.nodesBetween(m, b, (w, T) => {
-      if (!w.isText && !w.marks.length)
+    t.doc.nodesBetween(m, b, (j, T) => {
+      if (!j.isText && !j.marks.length)
         return;
-      const E = Math.max(m, T), P = Math.min(b, T + w.nodeSize), G = P - E;
-      o += G, l.push(...w.marks.map((K) => ({
+      const E = Math.max(m, T), P = Math.min(b, T + j.nodeSize), W = P - E;
+      o += W, l.push(...j.marks.map((K) => ({
         mark: K,
         from: E,
         to: P
@@ -9288,7 +9292,7 @@ function S_(t, e, n) {
       if (d)
         return !1;
       if (u.isInline) {
-        const m = !p || p.type.allowsMarkType(n), b = !!n.isInSet(u.marks) || !u.marks.some((w) => w.type.excludes(n));
+        const m = !p || p.type.allowsMarkType(n), b = !!n.isInSet(u.marks) || !u.marks.some((j) => j.type.excludes(n));
         d = m && b;
       }
       return !d;
@@ -9308,13 +9312,13 @@ const k_ = (t, e = {}) => ({ tr: n, state: s, dispatch: i }) => {
       l.forEach((d) => {
         const u = d.$from.pos, h = d.$to.pos;
         s.doc.nodesBetween(u, h, (p, m) => {
-          const b = Math.max(m, u), w = Math.min(m + p.nodeSize, h);
+          const b = Math.max(m, u), j = Math.min(m + p.nodeSize, h);
           p.marks.find((E) => E.type === c) ? p.marks.forEach((E) => {
-            c === E.type && n.addMark(b, w, c.create({
+            c === E.type && n.addMark(b, j, c.create({
               ...E.attrs,
               ...e
             }));
-          }) : n.addMark(b, w, c.create(e));
+          }) : n.addMark(b, j, c.create(e));
         });
       });
   return S_(s, n, c);
@@ -9366,7 +9370,7 @@ const M_ = ({ keepMarks: t = !0 } = {}) => ({ tr: e, state: n, dispatch: s, edit
         attrs: u
       }
     ] : void 0), b && (e.split(e.mapping.map(l.pos), 1, m), p && !h && !l.parentOffset && l.parent.type !== p)) {
-      const w = e.mapping.map(l.before()), T = e.doc.resolve(w);
+      const j = e.mapping.map(l.before()), T = e.doc.resolve(j);
       l.node(-1).canReplaceWith(T.index(), T.index() + 1, p) && e.setNodeMarkup(e.mapping.map(l.before()), p);
     }
     t && zo(n, i.extensionManager.splittableMarks), e.scrollIntoView();
@@ -9389,7 +9393,7 @@ const M_ = ({ keepMarks: t = !0 } = {}) => ({ tr: e, state: n, dispatch: s, edit
       const E = l.index(-1) ? 1 : l.index(-2) ? 2 : 3;
       for (let ee = l.depth - E; ee >= l.depth - 3; ee -= 1)
         T = ue.from(l.node(ee).copy(T));
-      const P = l.indexAfter(-1) < l.node(-2).childCount ? 1 : l.indexAfter(-2) < l.node(-3).childCount ? 2 : 3, G = Qr(h, l.node().type.name, l.node().attrs), K = ((a = o.contentMatch.defaultType) === null || a === void 0 ? void 0 : a.createAndFill(G)) || void 0;
+      const P = l.indexAfter(-1) < l.node(-2).childCount ? 1 : l.indexAfter(-2) < l.node(-3).childCount ? 2 : 3, W = Qr(h, l.node().type.name, l.node().attrs), K = ((a = o.contentMatch.defaultType) === null || a === void 0 ? void 0 : a.createAndFill(W)) || void 0;
       T = T.append(ue.from(o.createAndFill(null, K) || void 0));
       const he = l.before(l.depth - (E - 1));
       e.replace(he, l.after(-P), new fe(T, 4 - E, 0));
@@ -9404,17 +9408,17 @@ const M_ = ({ keepMarks: t = !0 } = {}) => ({ tr: e, state: n, dispatch: s, edit
   }
   const p = c.pos === l.end() ? u.contentMatchAt(0).defaultType : null, m = Qr(h, u.type.name, u.attrs), b = Qr(h, l.node().type.name, l.node().attrs);
   e.delete(l.pos, c.pos);
-  const w = p ? [
+  const j = p ? [
     { type: o, attrs: m },
     { type: p, attrs: b }
   ] : [{ type: o, attrs: m }];
   if (!Gr(e.doc, l.pos, 2))
     return !1;
   if (s) {
-    const { selection: T, storedMarks: E } = n, { splittableMarks: P } = i.extensionManager, G = E || T.$to.parentOffset && T.$from.marks();
-    if (e.split(l.pos, 2, w).scrollIntoView(), !G || !s)
+    const { selection: T, storedMarks: E } = n, { splittableMarks: P } = i.extensionManager, W = E || T.$to.parentOffset && T.$from.marks();
+    if (e.split(l.pos, 2, j).scrollIntoView(), !W || !s)
       return !0;
-    const K = G.filter((he) => P.includes(he.type.name));
+    const K = W.filter((he) => P.includes(he.type.name));
     e.ensureMarks(K);
   }
   return !0;
@@ -9437,11 +9441,11 @@ const M_ = ({ keepMarks: t = !0 } = {}) => ({ tr: e, state: n, dispatch: s, edit
   const i = t.doc.nodeAt(s);
   return n.node.type === (i == null ? void 0 : i.type) && Oc(t.doc, s) && t.join(s), !0;
 }, A_ = (t, e, n, s = {}) => ({ editor: i, tr: a, state: o, dispatch: l, chain: c, commands: d, can: u }) => {
-  const { extensions: h, splittableMarks: p } = i.extensionManager, m = Ke(t, o.schema), b = Ke(e, o.schema), { selection: w, storedMarks: T } = o, { $from: E, $to: P } = w, G = E.blockRange(P), K = T || w.$to.parentOffset && w.$from.marks();
-  if (!G)
+  const { extensions: h, splittableMarks: p } = i.extensionManager, m = Ke(t, o.schema), b = Ke(e, o.schema), { selection: j, storedMarks: T } = o, { $from: E, $to: P } = j, W = E.blockRange(P), K = T || j.$to.parentOffset && j.$from.marks();
+  if (!W)
     return !1;
-  const he = Ji((Z) => Co(Z.type.name, h))(w);
-  if (G.depth >= 1 && he && G.depth - he.depth <= 1) {
+  const he = Ji((Z) => Co(Z.type.name, h))(j);
+  if (W.depth >= 1 && he && W.depth - he.depth <= 1) {
     if (he.node.type === m)
       return d.liftListItem(b);
     if (Co(he.node.type.name, h) && m.validContent(he.node.content) && l)
@@ -9492,8 +9496,8 @@ const M_ = ({ keepMarks: t = !0 } = {}) => ({ tr: e, state: n, dispatch: s, edit
     return !0;
   if (u && o) {
     let { from: p, to: m } = l;
-    const b = (a = d.marks().find((T) => T.type === c)) === null || a === void 0 ? void 0 : a.attrs, w = Wc(d, c, b);
-    w && (p = w.from, m = w.to), n.removeMark(p, m, c);
+    const b = (a = d.marks().find((T) => T.type === c)) === null || a === void 0 ? void 0 : a.attrs, j = Wc(d, c, b);
+    j && (p = j.from, m = j.to), n.removeMark(p, m, c);
   } else
     h.forEach((p) => {
       n.removeMark(p.$from.pos, p.$to.pos, c);
@@ -9510,8 +9514,8 @@ const M_ = ({ keepMarks: t = !0 } = {}) => ({ tr: e, state: n, dispatch: s, edit
         ...e
       }), o && h.marks.length && h.marks.forEach((m) => {
         if (o === m.type) {
-          const b = Math.max(p, d), w = Math.min(p + h.nodeSize, u);
-          n.addMark(b, w, o.create({
+          const b = Math.max(p, d), j = Math.min(p + h.nodeSize, u);
+          n.addMark(b, j, o.create({
             ...m.attrs,
             ...e
           }));
@@ -9877,10 +9881,10 @@ const Y_ = ({
       /* @__PURE__ */ r.jsxs(y, { position: "right", children: [
         /* @__PURE__ */ r.jsx(I, { onClick: u, size: "xs", variant: "default", leftIcon: /* @__PURE__ */ r.jsx(fl, { size: 16 }), children: a("common.actions.reset_to_default") }),
         /* @__PURE__ */ r.jsx(I, { onClick: d, color: "red", size: "xs", disabled: !h, leftIcon: /* @__PURE__ */ r.jsx(vr, { size: 16 }), children: a("common.actions.revert_changes") }),
-        /* @__PURE__ */ r.jsx(I, { color: "green", size: "xs", onClick: c, disabled: !h, leftIcon: /* @__PURE__ */ r.jsx(Ne, { size: 16 }), children: a("common.actions.save_changes") })
+        /* @__PURE__ */ r.jsx(I, { color: "green", size: "xs", onClick: c, disabled: !h, leftIcon: /* @__PURE__ */ r.jsx(Pe, { size: 16 }), children: a("common.actions.save_changes") })
       ] })
     ] }),
-    /* @__PURE__ */ r.jsx(j, { size: 14, children: n }),
+    /* @__PURE__ */ r.jsx(w, { size: 14, children: n }),
     /* @__PURE__ */ r.jsx(Y_, { value: o, onChange: l })
   ] });
 }), Yc = se(({
@@ -10115,12 +10119,12 @@ function X_({
           field: l
         }) => /* @__PURE__ */ r.jsx(M, { sx: {
           flexGrow: 1
-        }, children: /* @__PURE__ */ r.jsx(Oe, { label: s("chart.series.line.smooth_line"), checked: l.value, onChange: (c) => l.onChange(c.currentTarget.checked) }) }) }),
+        }, children: /* @__PURE__ */ r.jsx(Ve, { label: s("chart.series.line.smooth_line"), checked: l.value, onChange: (c) => l.onChange(c.currentTarget.checked) }) }) }),
         /* @__PURE__ */ r.jsx(f, { name: `series.${e}.display_name_on_line`, control: t, render: ({
           field: l
         }) => /* @__PURE__ */ r.jsx(M, { sx: {
           flexGrow: 1
-        }, children: /* @__PURE__ */ r.jsx(Oe, { label: s("chart.series.line.show_name_on_line"), checked: l.value ?? !1, onChange: (c) => l.onChange(c.currentTarget.checked) }) }) })
+        }, children: /* @__PURE__ */ r.jsx(Ve, { label: s("chart.series.line.show_name_on_line"), checked: l.value ?? !1, onChange: (c) => l.onChange(c.currentTarget.checked) }) }) })
       ] })
     ] }),
     /* @__PURE__ */ r.jsxs(k, { children: [
@@ -10128,7 +10132,7 @@ function X_({
         field: l
       }) => /* @__PURE__ */ r.jsx(M, { mt: 10, mb: -10, sx: {
         flexGrow: 1
-      }, children: /* @__PURE__ */ r.jsx(Oe, { label: s("chart.series.line.show_symbol_on_line"), checked: l.value, onChange: (c) => l.onChange(c.currentTarget.checked) }) }) }),
+      }, children: /* @__PURE__ */ r.jsx(Ve, { label: s("chart.series.line.show_symbol_on_line"), checked: l.value, onChange: (c) => l.onChange(c.currentTarget.checked) }) }) }),
       a && /* @__PURE__ */ r.jsx(f, { name: `series.${e}.symbolSize`, control: t, render: ({
         field: l
       }) => /* @__PURE__ */ r.jsx(Gi, { ...l }) })
@@ -10279,7 +10283,7 @@ function ev({
       field: l
     }) => /* @__PURE__ */ r.jsx(Jn, { label: a("chart.label_position.label"), withOffOption: !0, ...l }) }),
     /* @__PURE__ */ r.jsxs(k, { spacing: 4, children: [
-      /* @__PURE__ */ r.jsx(j, { size: "sm", children: a("chart.color.label") }),
+      /* @__PURE__ */ r.jsx(w, { size: "sm", children: a("chart.color.label") }),
       /* @__PURE__ */ r.jsx(f, { name: `series.${e}.color`, control: t, render: ({
         field: l
       }) => /* @__PURE__ */ r.jsx(Ze, { ...l }) })
@@ -10434,7 +10438,7 @@ const rv = ({
       userSelect: "none"
     }, children: [
       /* @__PURE__ */ r.jsx(Kt, { size: 14, color: "#888" }),
-      /* @__PURE__ */ r.jsx(j, { size: 14, color: "#888", children: n("chart.tooltip.additional_metrics.description") })
+      /* @__PURE__ */ r.jsx(w, { size: 14, color: "#888", children: n("chart.tooltip.additional_metrics.description") })
     ] }),
     /* @__PURE__ */ r.jsxs(g, { value: u, onTabChange: (p) => h(p), styles: {
       tab: {
@@ -10467,12 +10471,12 @@ const av = () => {
   return /* @__PURE__ */ r.jsxs(y, { sx: {
     display: "inline-flex"
   }, spacing: 6, mr: 14, children: [
-    /* @__PURE__ */ r.jsx(j, { children: t("chart.x_axis.x_axis_type") }),
+    /* @__PURE__ */ r.jsx(w, { children: t("chart.x_axis.x_axis_type") }),
     /* @__PURE__ */ r.jsxs(Te, { width: 340, shadow: "md", position: "top", children: [
       /* @__PURE__ */ r.jsx(Te.Target, { children: /* @__PURE__ */ r.jsx(Y, { size: "xs", sx: {
         transform: "none !important"
       }, children: /* @__PURE__ */ r.jsx(In, {}) }) }),
-      /* @__PURE__ */ r.jsx(Te.Dropdown, { children: /* @__PURE__ */ r.jsx(j, { size: "sm", children: /* @__PURE__ */ r.jsxs(wi, { i18nKey: "chart.axis.type.click_to_learn_more", children: [
+      /* @__PURE__ */ r.jsx(Te.Dropdown, { children: /* @__PURE__ */ r.jsx(w, { size: "sm", children: /* @__PURE__ */ r.jsxs(wi, { i18nKey: "chart.axis.type.click_to_learn_more", children: [
         "Click",
         /* @__PURE__ */ r.jsx(ni, { href: "https://echarts.apache.org/en/option.html#xAxis.type", target: "_blank", mx: 3, children: "here" }),
         "to learn more about these options"
@@ -10695,7 +10699,7 @@ function dv({
   }, [a]);
   const h = d(), p = C(() => !ge(h, a), [h, a]);
   return c(["dataZoom"]), /* @__PURE__ */ r.jsx(k, { spacing: "xs", children: /* @__PURE__ */ r.jsxs("form", { onSubmit: l(s), children: [
-    /* @__PURE__ */ r.jsx(Fe, { canSubmit: p }),
+    /* @__PURE__ */ r.jsx(Oe, { canSubmit: p }),
     /* @__PURE__ */ r.jsxs(g, { defaultValue: "Series", orientation: "vertical", styles: {
       tab: {
         paddingLeft: "6px",
@@ -10732,7 +10736,7 @@ function dv({
   ] }) });
 }
 function uv(t) {
-  const e = qe(jn(t, "variables"));
+  const e = Ne(jn(t, "variables"));
   return e.stats = jn(e.stats, "variables"), e;
 }
 function hv(t) {
@@ -11192,7 +11196,7 @@ const Av = {
   createConfig() {
     return {
       version: 19,
-      config: qe(Ni)
+      config: Ne(Ni)
     };
   },
   triggers: [qi],
@@ -11229,9 +11233,9 @@ function Pv(t, e) {
     } = n;
     if (!s || !i)
       return {};
-    const h = F(s), p = F(i), m = e[h.queryID].map((w) => ({
-      name: w[h.columnKey],
-      value: w[p.columnKey]
+    const h = F(s), p = F(i), m = e[h.queryID].map((j) => ({
+      name: j[h.columnKey],
+      value: j[p.columnKey]
     })), b = ft(a.overflow.on_axis);
     return {
       type: "funnel",
@@ -11445,7 +11449,7 @@ const Gv = ({
         }, label: /* @__PURE__ */ r.jsxs(y, { position: "apart", pr: 6, sx: {
           width: "100%"
         }, children: [
-          /* @__PURE__ */ r.jsx(j, { children: i("viz.funnel_chart.min_value") }),
+          /* @__PURE__ */ r.jsx(w, { children: i("viz.funnel_chart.min_value") }),
           /* @__PURE__ */ r.jsx(ye, { label: i("viz.funnel_chart.min_value_checkbox_tip"), children: /* @__PURE__ */ r.jsx(M, { children: /* @__PURE__ */ r.jsx(f, { name: `series.${n}.min.enable_value`, control: e, render: ({
             field: p
           }) => /* @__PURE__ */ r.jsx(X, { size: "xs", checked: p.value, onChange: (m) => p.onChange(m.currentTarget.checked) }) }) }) })
@@ -11465,7 +11469,7 @@ const Gv = ({
         }, label: /* @__PURE__ */ r.jsxs(y, { position: "apart", pr: 6, sx: {
           width: "100%"
         }, children: [
-          /* @__PURE__ */ r.jsx(j, { children: i("viz.funnel_chart.max_value") }),
+          /* @__PURE__ */ r.jsx(w, { children: i("viz.funnel_chart.max_value") }),
           /* @__PURE__ */ r.jsx(ye, { label: i("viz.funnel_chart.max_value_checkbox_tip"), children: /* @__PURE__ */ r.jsx(M, { children: /* @__PURE__ */ r.jsx(f, { name: `series.${n}.max.enable_value`, control: e, render: ({
             field: p
           }) => /* @__PURE__ */ r.jsx(X, { size: "xs", checked: p.value, onChange: (m) => p.onChange(m.currentTarget.checked) }) }) }) })
@@ -11569,7 +11573,7 @@ function Hv({
   }, [s]), o([]);
   const d = l(), u = C(() => !S.isEqual(d, s), [d, s]);
   return /* @__PURE__ */ r.jsx(k, { spacing: "xs", children: /* @__PURE__ */ r.jsxs("form", { onSubmit: a(n), children: [
-    /* @__PURE__ */ r.jsx(Fe, { canSubmit: u }),
+    /* @__PURE__ */ r.jsx(Oe, { canSubmit: u }),
     /* @__PURE__ */ r.jsx(Qv, { control: i, watch: o })
   ] }) });
 }
@@ -11810,10 +11814,10 @@ function aj({
       value: ""
     }
   }, m = [u, h, p], b = s[`${l}---${c}`];
-  return b && t.tooltip.metrics.forEach((w) => {
-    const T = F(w.data_key);
+  return b && t.tooltip.metrics.forEach((j) => {
+    const T = F(j.data_key);
     m.push({
-      label: w.name,
+      label: j.name,
       value: ij(S.get(b, T.columnKey, "")),
       style: {
         label: "",
@@ -11928,7 +11932,7 @@ const lj = ({
         /* @__PURE__ */ r.jsx(I, { onClick: h, color: "red", leftIcon: /* @__PURE__ */ r.jsx(Tn, { size: 20 }), children: n("common.actions.reset_to_default") }),
         /* @__PURE__ */ r.jsxs(y, { position: "right", children: [
           /* @__PURE__ */ r.jsx(I, { onClick: d, variant: "subtle", children: n("common.actions.cancel") }),
-          /* @__PURE__ */ r.jsx(I, { color: "green", leftIcon: /* @__PURE__ */ r.jsx(Ne, { size: 16 }), onClick: c, children: n("common.actions.save") })
+          /* @__PURE__ */ r.jsx(I, { color: "green", leftIcon: /* @__PURE__ */ r.jsx(Pe, { size: 16 }), onClick: c, children: n("common.actions.save") })
         ] })
       ] })
     ] }) })
@@ -12131,7 +12135,7 @@ function bj(t) {
   const {
     t: e
   } = _();
-  return /* @__PURE__ */ r.jsx(j, { children: e("viz.merico_heatmap.click_heatmap.heatblock.label") });
+  return /* @__PURE__ */ r.jsx(w, { children: e("viz.merico_heatmap.click_heatmap.heatblock.label") });
 }
 const Xc = {
   id: "builtin:echarts:click-heatmap:heat-block",
@@ -12219,8 +12223,8 @@ function yj({
     const [p, m] = h.value, b = S.get(o, `${p}---${m}`, {
       error: "rowData is not found"
     });
-    l.forEach((w) => {
-      i.runInteraction(w.id, {
+    l.forEach((j) => {
+      i.runInteraction(j.id, {
         ...h,
         rowData: b
       });
@@ -12288,7 +12292,7 @@ function vj({
     /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ r.jsx(f, { name: "heat_block.label.show", control: t, render: ({
         field: i
-      }) => /* @__PURE__ */ r.jsx(Oe, { label: n("chart.heatmap.heatblock.show_label"), checked: i.value, onChange: (a) => i.onChange(a.currentTarget.checked), sx: {
+      }) => /* @__PURE__ */ r.jsx(Ve, { label: n("chart.heatmap.heatblock.show_label"), checked: i.value, onChange: (a) => i.onChange(a.currentTarget.checked), sx: {
         flexGrow: 1
       } }) }),
       /* @__PURE__ */ r.jsx(f, { name: "heat_block.label.fontSize", control: t, render: ({
@@ -12356,7 +12360,7 @@ const jj = ({
       userSelect: "none"
     }, children: [
       /* @__PURE__ */ r.jsx(Kt, { size: 14, color: "#888" }),
-      /* @__PURE__ */ r.jsx(j, { size: 14, color: "#888", children: n("chart.tooltip.additional_metrics.description") })
+      /* @__PURE__ */ r.jsx(w, { size: 14, color: "#888", children: n("chart.tooltip.additional_metrics.description") })
     ] }),
     /* @__PURE__ */ r.jsx(L, { variant: "dashed", my: 10 }),
     /* @__PURE__ */ r.jsxs(g, { value: u, onTabChange: (p) => h(p), styles: {
@@ -12492,7 +12496,7 @@ function zj({
   }, children: /* @__PURE__ */ r.jsxs(k, { spacing: "xs", sx: {
     height: "100%"
   }, children: [
-    /* @__PURE__ */ r.jsx(Fe, { canSubmit: p }),
+    /* @__PURE__ */ r.jsx(Oe, { canSubmit: p }),
     /* @__PURE__ */ r.jsxs(g, { defaultValue: "X Axis", orientation: "vertical", styles: {
       root: {
         // height: '100%',
@@ -12724,7 +12728,7 @@ function Vj(t) {
   const {
     t: e
   } = _();
-  return /* @__PURE__ */ r.jsx(j, { children: e("viz.pareto_chart.click_series.label") });
+  return /* @__PURE__ */ r.jsx(w, { children: e("viz.pareto_chart.click_series.label") });
 }
 const ed = {
   label_template: "${percentage.x} of ${x_axis.name} causes ${percentage.y} of ${bar.name}",
@@ -12856,8 +12860,8 @@ function Gj(t, e, n) {
   if (a.queryID !== o.queryID)
     throw new Error("Please use the same query for X & Y axis");
   const l = e[a.queryID].map((p) => [p[a.columnKey], Number(p[o.columnKey])]).sort((p, m) => m[1] - p[1]), c = l.reduce((p, m) => p + m[1], 0), d = l.reduce((p, m, b) => {
-    const w = b === 0 ? 0 : p[b - 1][1];
-    return p.push([m[0], w + m[1]]), p;
+    const j = b === 0 ? 0 : p[b - 1][1];
+    return p.push([m[0], j + m[1]]), p;
   }, []).map((p) => [p[0], p[1] / c]), {
     markLine: u,
     markArea: h
@@ -13016,8 +13020,8 @@ function Jj({
     const b = S.get(u, m.name, {
       error: "rowData is not found"
     });
-    d.forEach((w) => {
-      c.runInteraction(w.id, {
+    d.forEach((j) => {
+      c.runInteraction(j.id, {
         ...m,
         rowData: b
       });
@@ -13048,7 +13052,7 @@ function Xj({
       }, ...s }) })
     ] }),
     /* @__PURE__ */ r.jsxs(k, { spacing: 2, children: [
-      /* @__PURE__ */ r.jsx(j, { size: "sm", children: n("chart.color.label") }),
+      /* @__PURE__ */ r.jsx(w, { size: "sm", children: n("chart.color.label") }),
       /* @__PURE__ */ r.jsx(f, { name: "bar.color", control: t, render: ({
         field: s
       }) => /* @__PURE__ */ r.jsx(Ze, { ...s }) })
@@ -13082,7 +13086,7 @@ function Zj({
       }, ...s }) })
     ] }),
     /* @__PURE__ */ r.jsxs(k, { spacing: 2, children: [
-      /* @__PURE__ */ r.jsx(j, { size: "sm", children: n("chart.color.label") }),
+      /* @__PURE__ */ r.jsx(w, { size: "sm", children: n("chart.color.label") }),
       /* @__PURE__ */ r.jsx(f, { name: "line.color", control: t, render: ({
         field: s
       }) => /* @__PURE__ */ r.jsx(Ze, { ...s }) })
@@ -13131,7 +13135,7 @@ function nw({
   } = _();
   return e(["markLine"]), /* @__PURE__ */ r.jsxs(k, { children: [
     /* @__PURE__ */ r.jsxs(k, { spacing: 2, children: [
-      /* @__PURE__ */ r.jsx(j, { size: "sm", children: n("chart.color.label") }),
+      /* @__PURE__ */ r.jsx(w, { size: "sm", children: n("chart.color.label") }),
       /* @__PURE__ */ r.jsx(f, { name: "markLine.color", control: t, render: ({
         field: s
       }) => /* @__PURE__ */ r.jsx(Ze, { ...s }) })
@@ -13217,7 +13221,7 @@ function iw({
   }, [i]), l(["x_axis", "data_key", "bar", "line", "dataZoom"]);
   const u = c(), h = C(() => !ge(u, n), [u, n]);
   return /* @__PURE__ */ r.jsxs("form", { onSubmit: o(s), children: [
-    /* @__PURE__ */ r.jsx(Fe, { canSubmit: h }),
+    /* @__PURE__ */ r.jsx(Oe, { canSubmit: h }),
     /* @__PURE__ */ r.jsxs(g, { defaultValue: "X Axis", orientation: "vertical", styles: {
       tab: {
         paddingLeft: "6px",
@@ -13419,7 +13423,7 @@ const xw = {
   createConfig() {
     return {
       version: 9,
-      config: qe(ta)
+      config: Ne(ta)
     };
   },
   triggers: [Zc],
@@ -13525,7 +13529,7 @@ function yw(t) {
   const {
     t: e
   } = _();
-  return /* @__PURE__ */ r.jsx(j, { children: e("viz.pie_chart.click_series.label") });
+  return /* @__PURE__ */ r.jsx(w, { children: e("viz.pie_chart.click_series.label") });
 }
 const na = {
   label_field: "",
@@ -13594,7 +13598,7 @@ function jw({
   }, [a]);
   const h = d(), p = C(() => !S.isEqual(h, i), [h, i]);
   return c(["label_field", "value_field", "color_field"]), /* @__PURE__ */ r.jsx(k, { spacing: "xs", children: /* @__PURE__ */ r.jsxs("form", { onSubmit: l(s), children: [
-    /* @__PURE__ */ r.jsx(Fe, { canSubmit: p }),
+    /* @__PURE__ */ r.jsx(Oe, { canSubmit: p }),
     /* @__PURE__ */ r.jsxs(k, { mt: "md", spacing: "xs", p: "md", mb: "sm", sx: {
       border: "1px solid #eee",
       borderRadius: "5px"
@@ -13693,7 +13697,7 @@ const Iw = {
   createConfig() {
     return {
       version: 3,
-      config: qe(na)
+      config: Ne(na)
     };
   },
   triggers: [td],
@@ -13706,7 +13710,7 @@ function Mw(t) {
   const {
     t: e
   } = _();
-  return /* @__PURE__ */ r.jsx(j, { children: e("viz.radar_chart.click_series.label") });
+  return /* @__PURE__ */ r.jsx(w, { children: e("viz.radar_chart.click_series.label") });
 }
 const nd = {
   id: "builtin:echarts:click-radar-chart:series",
@@ -13946,10 +13950,10 @@ function Vw({
     const {
       queryID: h,
       columnKey: p
-    } = F(t.series_name_key), m = S.keyBy(e[h], p), b = t.additional_series.reduce((w, T) => {
+    } = F(t.series_name_key), m = S.keyBy(e[h], p), b = t.additional_series.reduce((j, T) => {
       const E = F(T.name_key), P = S.keyBy(e[E.queryID], E.columnKey);
       return {
-        ...w,
+        ...j,
         ...P
       };
     }, m);
@@ -14190,7 +14194,7 @@ function Qw({
   }, [i]), l(["series_name_key", "background", "label"]);
   const h = c(), p = C(() => !ge(h, i), [h, i]);
   return /* @__PURE__ */ r.jsx("form", { onSubmit: o(s), children: /* @__PURE__ */ r.jsxs(k, { spacing: "xs", children: [
-    /* @__PURE__ */ r.jsx(Fe, { canSubmit: p && u.isValid }),
+    /* @__PURE__ */ r.jsx(Oe, { canSubmit: p && u.isValid }),
     /* @__PURE__ */ r.jsxs(g, { defaultValue: "series", children: [
       /* @__PURE__ */ r.jsxs(g.List, { children: [
         /* @__PURE__ */ r.jsx(g.Tab, { value: "series", children: e("chart.series.label") }),
@@ -14655,13 +14659,13 @@ function p0(t, e, n, s) {
   return {
     name: t,
     expression: /* @__PURE__ */ r.jsxs(y, { position: "center", noWrap: !0, spacing: 10, children: [
-      /* @__PURE__ */ r.jsx(j, { children: a.name }),
-      /* @__PURE__ */ r.jsx(j, { children: "=" }),
-      /* @__PURE__ */ r.jsx(j, { weight: "bold", color: "red", children: re(c, To) }),
-      /* @__PURE__ */ r.jsx(j, { children: "+" }),
-      /* @__PURE__ */ r.jsx(j, { weight: "bold", color: "red", children: re(l, To) }),
-      /* @__PURE__ */ r.jsx(j, { children: "×" }),
-      /* @__PURE__ */ r.jsx(j, { children: i.name })
+      /* @__PURE__ */ r.jsx(w, { children: a.name }),
+      /* @__PURE__ */ r.jsx(w, { children: "=" }),
+      /* @__PURE__ */ r.jsx(w, { weight: "bold", color: "red", children: re(c, To) }),
+      /* @__PURE__ */ r.jsx(w, { children: "+" }),
+      /* @__PURE__ */ r.jsx(w, { weight: "bold", color: "red", children: re(l, To) }),
+      /* @__PURE__ */ r.jsx(w, { children: "×" }),
+      /* @__PURE__ */ r.jsx(w, { children: i.name })
     ] }),
     rSquared: d,
     adjustedRSquared: ks(d, e.length, 1)
@@ -14679,16 +14683,16 @@ function m0(t, e, n, s) {
   return {
     name: t,
     expression: /* @__PURE__ */ r.jsxs(y, { position: "center", noWrap: !0, spacing: 10, children: [
-      /* @__PURE__ */ r.jsx(j, { children: a.name }),
-      /* @__PURE__ */ r.jsx(j, { children: "=" }),
-      /* @__PURE__ */ r.jsx(j, { weight: "bold", color: "gray", children: o }),
-      /* @__PURE__ */ r.jsx(j, { children: "×" }),
+      /* @__PURE__ */ r.jsx(w, { children: a.name }),
+      /* @__PURE__ */ r.jsx(w, { children: "=" }),
+      /* @__PURE__ */ r.jsx(w, { weight: "bold", color: "gray", children: o }),
+      /* @__PURE__ */ r.jsx(w, { children: "×" }),
       /* @__PURE__ */ r.jsxs(y, { position: "left", noWrap: !0, spacing: 2, children: [
-        /* @__PURE__ */ r.jsx(j, { children: "Math.exp(" }),
-        /* @__PURE__ */ r.jsx(j, { weight: "bold", color: "gray", children: l }),
-        /* @__PURE__ */ r.jsx(j, { children: "×" }),
-        /* @__PURE__ */ r.jsx(j, { children: i.name }),
-        /* @__PURE__ */ r.jsx(j, { children: ")" })
+        /* @__PURE__ */ r.jsx(w, { children: "Math.exp(" }),
+        /* @__PURE__ */ r.jsx(w, { weight: "bold", color: "gray", children: l }),
+        /* @__PURE__ */ r.jsx(w, { children: "×" }),
+        /* @__PURE__ */ r.jsx(w, { children: i.name }),
+        /* @__PURE__ */ r.jsx(w, { children: ")" })
       ] })
     ] }),
     rSquared: c,
@@ -14707,16 +14711,16 @@ function x0(t, e, n, s) {
   return {
     name: t,
     expression: /* @__PURE__ */ r.jsxs(y, { position: "center", noWrap: !0, spacing: 10, children: [
-      /* @__PURE__ */ r.jsx(j, { children: a.name }),
-      /* @__PURE__ */ r.jsx(j, { children: "=" }),
-      /* @__PURE__ */ r.jsx(j, { weight: "bold", color: "gray", children: o }),
-      /* @__PURE__ */ r.jsx(j, { children: "×" }),
+      /* @__PURE__ */ r.jsx(w, { children: a.name }),
+      /* @__PURE__ */ r.jsx(w, { children: "=" }),
+      /* @__PURE__ */ r.jsx(w, { weight: "bold", color: "gray", children: o }),
+      /* @__PURE__ */ r.jsx(w, { children: "×" }),
       /* @__PURE__ */ r.jsxs(y, { position: "left", noWrap: !0, spacing: 2, children: [
-        /* @__PURE__ */ r.jsx(j, { children: "Math.log(" }),
-        /* @__PURE__ */ r.jsx(j, { children: i.name }),
-        /* @__PURE__ */ r.jsx(j, { children: ")" }),
-        /* @__PURE__ */ r.jsx(j, { children: "+" }),
-        /* @__PURE__ */ r.jsx(j, { weight: "bold", color: "gray", children: l })
+        /* @__PURE__ */ r.jsx(w, { children: "Math.log(" }),
+        /* @__PURE__ */ r.jsx(w, { children: i.name }),
+        /* @__PURE__ */ r.jsx(w, { children: ")" }),
+        /* @__PURE__ */ r.jsx(w, { children: "+" }),
+        /* @__PURE__ */ r.jsx(w, { weight: "bold", color: "gray", children: l })
       ] })
     ] }),
     rSquared: c,
@@ -14782,8 +14786,8 @@ function Do({
     rSquared: s,
     adjustedRSquared: i
   } = t;
-  return n ? /* @__PURE__ */ r.jsx(Ve, { fontSize: 14, sx: b0, children: /* @__PURE__ */ r.jsxs("tbody", { children: [
-    /* @__PURE__ */ r.jsx("tr", { children: /* @__PURE__ */ r.jsx("td", { colSpan: 2, children: /* @__PURE__ */ r.jsx(j, { align: "center", children: n }) }) }),
+  return n ? /* @__PURE__ */ r.jsx(qe, { fontSize: 14, sx: b0, children: /* @__PURE__ */ r.jsxs("tbody", { children: [
+    /* @__PURE__ */ r.jsx("tr", { children: /* @__PURE__ */ r.jsx("td", { colSpan: 2, children: /* @__PURE__ */ r.jsx(w, { align: "center", children: n }) }) }),
     /* @__PURE__ */ r.jsxs("tr", { children: [
       /* @__PURE__ */ r.jsx("td", { children: e("viz.regression_chart.r_sq") }),
       /* @__PURE__ */ r.jsx("td", { style: {
@@ -14804,7 +14808,7 @@ function Do({
         absolute: !1
       }) })
     ] })
-  ] }) }) : /* @__PURE__ */ r.jsx(j, { children: "Unavailable for this regression method" });
+  ] }) }) : /* @__PURE__ */ r.jsx(w, { children: "Unavailable for this regression method" });
 }
 function y0({
   conf: t,
@@ -14954,7 +14958,7 @@ function w0({
       ) })
     ] }),
     !a && /* @__PURE__ */ r.jsxs(k, { spacing: 4, children: [
-      /* @__PURE__ */ r.jsx(j, { size: "sm", children: n("chart.color.label") }),
+      /* @__PURE__ */ r.jsx(w, { size: "sm", children: n("chart.color.label") }),
       /* @__PURE__ */ r.jsx(f, { name: "regression.plot.color", control: t, render: ({
         field: l
       }) => /* @__PURE__ */ r.jsx(Ze, { ...l }) })
@@ -14988,7 +14992,7 @@ function S0({
         field: n
       }) => (
         // @ts-expect-error type of onChange
-        /* @__PURE__ */ r.jsx(le, { label: "旋转", hideControls: !0, min: -90, max: 90, rightSection: /* @__PURE__ */ r.jsx(j, { color: "dimmed", children: "度" }), sx: {
+        /* @__PURE__ */ r.jsx(le, { label: "旋转", hideControls: !0, min: -90, max: 90, rightSection: /* @__PURE__ */ r.jsx(w, { color: "dimmed", children: "度" }), sx: {
           width: "48%"
         }, styles: {
           rightSection: {
@@ -15044,7 +15048,7 @@ function C0({
   }, [s]), o(["x_axis", "y_axis", "regression"]);
   const d = l(), u = C(() => !ge(d, e), [d, e]);
   return /* @__PURE__ */ r.jsx(k, { spacing: "xs", children: /* @__PURE__ */ r.jsxs("form", { onSubmit: a(n), children: [
-    /* @__PURE__ */ r.jsx(Fe, { canSubmit: u }),
+    /* @__PURE__ */ r.jsx(Oe, { canSubmit: u }),
     /* @__PURE__ */ r.jsxs(g, { defaultValue: "X轴", orientation: "vertical", styles: {
       panel: {
         paddingTop: "6px",
@@ -15162,7 +15166,7 @@ const A0 = {
   createConfig() {
     return {
       version: 3,
-      config: qe(ra)
+      config: Ne(ra)
     };
   },
   translation: M0
@@ -15215,7 +15219,7 @@ function P0(t, e, n, s) {
 const F0 = z(({
   context: t
 }) => {
-  const e = Pe(), {
+  const e = Fe(), {
     value: n
   } = H(t.instanceData, "config"), {
     variables: s,
@@ -15283,8 +15287,8 @@ const sa = se(({
     position: "relative"
   }, children: [
     /* @__PURE__ */ r.jsxs(y, { align: "center", children: [
-      /* @__PURE__ */ r.jsx(j, { size: 14, fw: 500, children: s }),
-      /* @__PURE__ */ r.jsx(Y, { color: "green", disabled: !u, onClick: d, children: /* @__PURE__ */ r.jsx(Ne, { size: 18 }) })
+      /* @__PURE__ */ r.jsx(w, { size: 14, fw: 500, children: s }),
+      /* @__PURE__ */ r.jsx(Y, { color: "green", disabled: !u, onClick: d, children: /* @__PURE__ */ r.jsx(Pe, { size: 18 }) })
     ] }),
     /* @__PURE__ */ r.jsxs(J, { editor: c, styles: h, children: [
       /* @__PURE__ */ r.jsxs(J.Toolbar, { sticky: !0, stickyOffset: 0, children: [
@@ -15365,7 +15369,7 @@ function V0({
       background: "#efefef",
       display: "none"
     }, children: [
-      /* @__PURE__ */ r.jsx(j, { children: e("viz.rich_text.content.label") }),
+      /* @__PURE__ */ r.jsx(w, { children: e("viz.rich_text.content.label") }),
       /* @__PURE__ */ r.jsx(Y, { ref: d, type: "submit", mr: 5, variant: "filled", color: "green", children: /* @__PURE__ */ r.jsx(Gt, { size: 20 }) })
     ] }),
     /* @__PURE__ */ r.jsx(f, { name: "content", control: a, render: ({
@@ -15426,7 +15430,7 @@ const G0 = {
   createConfig() {
     return {
       version: 1,
-      config: qe(Cs)
+      config: Ne(Cs)
     };
   },
   translation: B0
@@ -15478,7 +15482,7 @@ function H0(t) {
   const {
     t: e
   } = _();
-  return /* @__PURE__ */ r.jsx(j, { children: e("viz.scatter_chart.click_scatter.trigger") });
+  return /* @__PURE__ */ r.jsx(w, { children: e("viz.scatter_chart.click_scatter.trigger") });
 }
 function ld() {
   const {
@@ -15780,8 +15784,8 @@ function iS(t, e) {
         </tr>`], p = t.tooltip.metrics.map((b) => `<tr>
         <th style="text-align: right;">${b.name}</th>
         ${o.map(({
-        value: w
-      }) => `<td style="text-align: right; padding: 0 1em;">${sS(Nr(w, b.data_key))}</td>`).join("")}
+        value: j
+      }) => `<td style="text-align: right; padding: 0 1em;">${sS(Nr(j, b.data_key))}</td>`).join("")}
       </tr>`);
       return h.push(...p), `
       <table style="width: auto">
@@ -15947,22 +15951,22 @@ function uS({
   } = ur(), m = A.useMemo(() => {
     const {
       stats: {
-        templates: w
+        templates: j
       }
     } = a;
     return {
-      top: mr(w.top, i, o),
-      bottom: mr(w.bottom, i, o)
+      top: mr(j.top, i, o),
+      bottom: mr(j.bottom, i, o)
     };
   }, [a, o]), b = Math.max(0, kt(c) - u - p);
   return !l || !c ? null : /* @__PURE__ */ r.jsxs(at, { width: l, height: c, children: [
-    /* @__PURE__ */ r.jsx(j, { ref: d, align: "left", size: "xs", pl: "sm", sx: {
+    /* @__PURE__ */ r.jsx(w, { ref: d, align: "left", size: "xs", pl: "sm", sx: {
       display: Lo(a.stats.templates.top) ? "block" : "none"
-    }, children: Object.values(m.top).map((w) => w) }),
+    }, children: Object.values(m.top).map((j) => j) }),
     /* @__PURE__ */ r.jsx(dS, { variables: i, width: St(l), height: b, data: o, conf: a, interactionManager: n }),
-    /* @__PURE__ */ r.jsx(j, { ref: h, align: "left", size: "xs", pl: "sm", sx: {
+    /* @__PURE__ */ r.jsx(w, { ref: h, align: "left", size: "xs", pl: "sm", sx: {
       display: Lo(a.stats.templates.bottom) ? "block" : "none"
-    }, children: Object.values(m.bottom).map((w) => w) })
+    }, children: Object.values(m.bottom).map((j) => j) })
   ] });
 }
 const hS = se(({
@@ -15991,26 +15995,26 @@ const hS = se(({
       s && /* @__PURE__ */ r.jsx(V, { label: o("chart.y_axis.label"), data: s, value: t.yAxisIndex, onChange: (d) => c("xAxisIndex", d) })
     ] }),
     /* @__PURE__ */ r.jsxs(k, { spacing: 0, children: [
-      /* @__PURE__ */ r.jsx(j, { size: 14, color: "#212529", fw: 500, children: o("chart.reference_area.endpoint.left_bottom_point") }),
+      /* @__PURE__ */ r.jsx(w, { size: 14, color: "#212529", fw: 500, children: o("chart.reference_area.endpoint.left_bottom_point") }),
       /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
-        /* @__PURE__ */ r.jsx(V, { icon: /* @__PURE__ */ r.jsx(j, { children: "x" }), data: i, value: t.leftBottomPoint.x_data_key, onChange: (d) => c("leftBottomPoint.x_data_key", d ?? ""), clearable: !0 }),
-        /* @__PURE__ */ r.jsx(V, { icon: /* @__PURE__ */ r.jsx(j, { children: "y" }), data: i, value: t.leftBottomPoint.y_data_key, onChange: (d) => c("leftBottomPoint.y_data_key", d ?? ""), clearable: !0 })
+        /* @__PURE__ */ r.jsx(V, { icon: /* @__PURE__ */ r.jsx(w, { children: "x" }), data: i, value: t.leftBottomPoint.x_data_key, onChange: (d) => c("leftBottomPoint.x_data_key", d ?? ""), clearable: !0 }),
+        /* @__PURE__ */ r.jsx(V, { icon: /* @__PURE__ */ r.jsx(w, { children: "y" }), data: i, value: t.leftBottomPoint.y_data_key, onChange: (d) => c("leftBottomPoint.y_data_key", d ?? ""), clearable: !0 })
       ] })
     ] }),
     /* @__PURE__ */ r.jsxs(k, { spacing: 0, children: [
-      /* @__PURE__ */ r.jsx(j, { size: 14, color: "#212529", fw: 500, children: o("chart.reference_area.endpoint.right_top_point") }),
+      /* @__PURE__ */ r.jsx(w, { size: 14, color: "#212529", fw: 500, children: o("chart.reference_area.endpoint.right_top_point") }),
       /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
-        /* @__PURE__ */ r.jsx(V, { icon: /* @__PURE__ */ r.jsx(j, { children: "x" }), data: i, value: t.rightTopPoint.x_data_key, onChange: (d) => c("rightTopPoint.x_data_key", d ?? ""), clearable: !0 }),
-        /* @__PURE__ */ r.jsx(V, { icon: /* @__PURE__ */ r.jsx(j, { children: "y" }), data: i, value: t.rightTopPoint.y_data_key, onChange: (d) => c("rightTopPoint.y_data_key", d ?? ""), clearable: !0 })
+        /* @__PURE__ */ r.jsx(V, { icon: /* @__PURE__ */ r.jsx(w, { children: "x" }), data: i, value: t.rightTopPoint.x_data_key, onChange: (d) => c("rightTopPoint.x_data_key", d ?? ""), clearable: !0 }),
+        /* @__PURE__ */ r.jsx(V, { icon: /* @__PURE__ */ r.jsx(w, { children: "y" }), data: i, value: t.rightTopPoint.y_data_key, onChange: (d) => c("rightTopPoint.y_data_key", d ?? ""), clearable: !0 })
       ] })
     ] }),
     /* @__PURE__ */ r.jsx(L, { mb: -15, variant: "dashed", label: o("chart.style.label"), labelPosition: "right" }),
     /* @__PURE__ */ r.jsxs(k, { spacing: 4, children: [
-      /* @__PURE__ */ r.jsx(j, { size: 14, children: o("chart.color.background_color") }),
+      /* @__PURE__ */ r.jsx(w, { size: 14, children: o("chart.color.background_color") }),
       /* @__PURE__ */ r.jsx(Ze, { value: t.itemStyle.color, onChange: (d) => c("itemStyle.color", d) })
     ] }),
     /* @__PURE__ */ r.jsxs(k, { spacing: 4, children: [
-      /* @__PURE__ */ r.jsx(j, { size: 14, children: o("chart.color.text_color") }),
+      /* @__PURE__ */ r.jsx(w, { size: 14, children: o("chart.color.text_color") }),
       /* @__PURE__ */ r.jsx(Ze, { value: t.label.color, onChange: (d) => c("label.color", d) })
     ] })
   ] });
@@ -16084,9 +16088,9 @@ function mS({
       /* @__PURE__ */ r.jsx(g.Tab, { onClick: d, value: "add", children: /* @__PURE__ */ r.jsx(Ie, { size: 18, color: "#228be6" }) })
     ] }),
     c.map((m, b) => /* @__PURE__ */ r.jsx(g.Panel, { value: b.toString(), children: /* @__PURE__ */ r.jsx(f, { name: `reference_areas.${b}`, control: t, render: ({
-      field: w
+      field: j
     }) => /* @__PURE__ */ r.jsxs(k, { children: [
-      /* @__PURE__ */ r.jsx(hS, { variableOptions: u, yAxisOptions: p, ...w }),
+      /* @__PURE__ */ r.jsx(hS, { variableOptions: u, yAxisOptions: p, ...j }),
       /* @__PURE__ */ r.jsx(L, { mb: -10, mt: 10, variant: "dashed" }),
       /* @__PURE__ */ r.jsx(I, { leftIcon: /* @__PURE__ */ r.jsx(Qt, { size: 16 }), color: "red", variant: "light", onClick: () => o(b), children: s("chart.reference_area.delete") })
     ] }) }) }, m.id))
@@ -16133,7 +16137,7 @@ function xS({
         }) => /* @__PURE__ */ r.jsx(kr, { sx: {
           flex: 1
         }, ...c }) }),
-        l === "vertical" && /* @__PURE__ */ r.jsx(j, { mt: -10, color: "dimmed", size: 12, children: o("chart.reference_line.orientation.vertical_hint") })
+        l === "vertical" && /* @__PURE__ */ r.jsx(w, { mt: -10, color: "dimmed", size: 12, children: o("chart.reference_line.orientation.vertical_hint") })
       ] }),
       l === "horizontal" && /* @__PURE__ */ r.jsx(f, { name: `reference_lines.${e}.yAxisIndex`, control: t, render: ({
         field: {
@@ -16168,7 +16172,7 @@ function xS({
       ) })
     ] }),
     /* @__PURE__ */ r.jsxs(k, { spacing: 4, children: [
-      /* @__PURE__ */ r.jsx(j, { size: "sm", children: o("chart.color.label") }),
+      /* @__PURE__ */ r.jsx(w, { size: "sm", children: o("chart.color.label") }),
       /* @__PURE__ */ r.jsx(f, { name: `reference_lines.${e}.lineStyle.color`, control: t, render: ({
         field: c
       }) => /* @__PURE__ */ r.jsx(Ze, { ...c }) })
@@ -16287,7 +16291,7 @@ const fS = ({
         /* @__PURE__ */ r.jsx(I, { onClick: h, color: "red", leftIcon: /* @__PURE__ */ r.jsx(Tn, { size: 20 }), children: n("common.actions.reset_to_default") }),
         /* @__PURE__ */ r.jsxs(y, { position: "right", children: [
           /* @__PURE__ */ r.jsx(I, { onClick: d, variant: "subtle", children: n("common.actions.cancel") }),
-          /* @__PURE__ */ r.jsx(I, { color: "green", leftIcon: /* @__PURE__ */ r.jsx(Ne, { size: 16 }), onClick: c, children: n("common.actions.save") })
+          /* @__PURE__ */ r.jsx(I, { color: "green", leftIcon: /* @__PURE__ */ r.jsx(Pe, { size: 16 }), onClick: c, children: n("common.actions.save") })
         ] })
       ] })
     ] }) })
@@ -16470,7 +16474,7 @@ const kS = ({
       userSelect: "none"
     }, children: [
       /* @__PURE__ */ r.jsx(Kt, { size: 14, color: "#888" }),
-      /* @__PURE__ */ r.jsx(j, { size: 14, color: "#888", children: n("chart.tooltip.additional_metrics.description") })
+      /* @__PURE__ */ r.jsx(w, { size: 14, color: "#888", children: n("chart.tooltip.additional_metrics.description") })
     ] }),
     /* @__PURE__ */ r.jsxs(g, { value: u, onTabChange: (p) => h(p), styles: {
       tab: {
@@ -16691,7 +16695,7 @@ function AS({
   }, [o]);
   const p = u(), m = C(() => !ge(p, a), [p, a]);
   return d(["dataZoom"]), /* @__PURE__ */ r.jsx(k, { spacing: "xs", children: /* @__PURE__ */ r.jsxs("form", { onSubmit: c(s), children: [
-    /* @__PURE__ */ r.jsx(Fe, { canSubmit: m }),
+    /* @__PURE__ */ r.jsx(Oe, { canSubmit: m }),
     /* @__PURE__ */ r.jsxs(g, { defaultValue: "X Axis", orientation: "vertical", styles: {
       tab: {
         paddingLeft: "6px",
@@ -16971,7 +16975,7 @@ const GS = {
   createConfig() {
     return {
       version: 10,
-      config: qe(ia)
+      config: Ne(ia)
     };
   },
   triggers: [od],
@@ -17031,7 +17035,7 @@ function US(t) {
   };
 }
 function YS(t) {
-  const e = qe(t), n = ne(e, "color.valueRange");
+  const e = Ne(t), n = ne(e, "color.valueRange");
   return n !== void 0 && vi(e, "color.valueRange", n.map((s) => Number(s))), e;
 }
 class KS extends ke {
@@ -17079,7 +17083,7 @@ const JS = {
 }, ZS = z(({
   context: t
 }) => {
-  const e = Pe(), {
+  const e = Fe(), {
     value: n = aa
   } = H(t.instanceData, "config"), {
     variables: s
@@ -17126,7 +17130,7 @@ function e1({
   }, [i]), l(["template", "horizontal_align", "vertical_align"]);
   const u = c(), h = A.useMemo(() => !S.isEqual(u, n), [u, n]);
   return /* @__PURE__ */ r.jsx(k, { spacing: "xs", children: /* @__PURE__ */ r.jsxs("form", { onSubmit: o(s), children: [
-    /* @__PURE__ */ r.jsx(Fe, { canSubmit: h }),
+    /* @__PURE__ */ r.jsx(Oe, { canSubmit: h }),
     /* @__PURE__ */ r.jsx(f, { name: "template", control: a, render: ({
       field: p
     }) => /* @__PURE__ */ r.jsx(pr, { label: e("chart.content_template.label"), placeholder: e("chart.content_template.hint"), py: "md", sx: {
@@ -17458,7 +17462,7 @@ const g1 = ({
       userSelect: "none"
     }, children: [
       /* @__PURE__ */ r.jsx(Kt, { size: 14, color: "#888" }),
-      /* @__PURE__ */ r.jsx(j, { size: 14, color: "#888", children: n("viz.sunburst_chart.level.hint") })
+      /* @__PURE__ */ r.jsx(w, { size: 14, color: "#888", children: n("viz.sunburst_chart.level.hint") })
     ] }),
     /* @__PURE__ */ r.jsx(L, { variant: "dashed", my: 10 }),
     /* @__PURE__ */ r.jsxs(g, { value: u, onTabChange: (p) => h(p), styles: {
@@ -17503,7 +17507,7 @@ function b1({
   c(["label_key", "value_key", "group_key", "levels"]);
   const [m, b] = B("Data");
   return /* @__PURE__ */ r.jsx("form", { onSubmit: l(s), children: /* @__PURE__ */ r.jsxs(k, { spacing: "xs", children: [
-    /* @__PURE__ */ r.jsx(Fe, { canSubmit: p }),
+    /* @__PURE__ */ r.jsx(Oe, { canSubmit: p }),
     /* @__PURE__ */ r.jsxs(g, { value: m, onTabChange: b, orientation: "vertical", styles: {
       tab: {
         paddingLeft: "6px",
@@ -17665,7 +17669,7 @@ const z1 = {
   createConfig() {
     return {
       version: 5,
-      config: qe(oa)
+      config: Ne(oa)
     };
   },
   translation: v1
@@ -17690,7 +17694,7 @@ const cd = ["function text({ value }) {", "    // your code goes here", "    ret
   cx: e
 }) => {
   const n = S.get(t.column.columnDef.meta, "align", "left");
-  return /* @__PURE__ */ r.jsxs(j, { className: e("table-head-cell", {
+  return /* @__PURE__ */ r.jsxs(w, { className: e("table-head-cell", {
     "table-head-cell--sortable": t.column.getCanSort()
   }), onClick: t.column.getToggleSortingHandler(), align: n, sx: {
     justifyContent: ud[n]
@@ -17792,7 +17796,7 @@ function Un(t) {
   });
   return /* @__PURE__ */ r.jsx("div", { className: n.classes.content, style: {
     ...E1(t)
-  }, children: /* @__PURE__ */ r.jsx(j, { className: "table-cell-text", onClick: t.tableCellContext.getClickHandler(), children: /* @__PURE__ */ r.jsx("span", { title: t.children, children: t.children }) }) });
+  }, children: /* @__PURE__ */ r.jsx(w, { className: "table-cell-text", onClick: t.tableCellContext.getClickHandler(), children: /* @__PURE__ */ r.jsx("span", { title: t.children, children: t.children }) }) });
 }
 function R1(t) {
   return /* @__PURE__ */ r.jsx(Un, { ...t, children: t.value });
@@ -17956,7 +17960,7 @@ function G1(t) {
   } = hd(t.instance), {
     value: n
   } = H(t.trigger.triggerData, "config");
-  return /* @__PURE__ */ r.jsx(j, { children: W1(n, e) });
+  return /* @__PURE__ */ r.jsx(w, { children: W1(n, e) });
 }
 function Ao(t, e, n) {
   return Math.min(Math.max(t, e), n);
@@ -18072,10 +18076,10 @@ function Y1({
         minSize: typeof vt.width == "number" ? vt.width : void 0
       });
     });
-  }, [p, m]), [w, T] = B([]), E = ql({
+  }, [p, m]), [j, T] = B([]), E = ql({
     data: t,
     state: {
-      sorting: w
+      sorting: j
     },
     onSortingChange: T,
     columns: b,
@@ -18083,7 +18087,7 @@ function Y1({
     getSortedRowModel: sm()
   }), {
     rows: P
-  } = E.getRowModel(), G = A.useRef(null), K = P.length, he = K > 0, Z = he ? n - 22 : n, ee = he ? 22 : 0;
+  } = E.getRowModel(), W = A.useRef(null), K = P.length, he = K > 0, Z = he ? n - 22 : n, ee = he ? 22 : 0;
   return il("VizTableComponent", {
     queryData: t,
     width: e,
@@ -18096,8 +18100,8 @@ function Y1({
     tableColumns: b,
     table: E,
     rows: P,
-    tableContainerRef: G
-  }), /* @__PURE__ */ r.jsxs("div", { ref: G, style: {
+    tableContainerRef: W
+  }), /* @__PURE__ */ r.jsxs("div", { ref: W, style: {
     height: n,
     width: e,
     padding: "0 5px"
@@ -18106,11 +18110,11 @@ function Y1({
   }), children: [
     K > 0 && /* @__PURE__ */ r.jsx(M, { className: u.info_bar, sx: {
       height: 22
-    }, children: /* @__PURE__ */ r.jsxs(j, { align: "right", pr: 6, size: 14, color: "dimmed", fw: "normal", children: [
+    }, children: /* @__PURE__ */ r.jsxs(w, { align: "right", pr: 6, size: 14, color: "dimmed", fw: "normal", children: [
       "Total: ",
       K
     ] }) }),
-    /* @__PURE__ */ r.jsxs(Ve, { sx: {
+    /* @__PURE__ */ r.jsxs(qe, { sx: {
       ...M1,
       maxHeight: Z
     }, ...d, striped: s.striped, children: [
@@ -18119,7 +18123,7 @@ function Y1({
       }, children: E.getHeaderGroups().map((pe) => /* @__PURE__ */ r.jsx("tr", { children: pe.headers.map((Qe) => /* @__PURE__ */ r.jsx("th", { style: {
         width: Qe.getSize()
       }, children: /* @__PURE__ */ r.jsx(T1, { header: Qe, cx: h }) }, Qe.id)) }, pe.id)) }),
-      /* @__PURE__ */ r.jsx(q1, { tableContainerRef: G, rows: P })
+      /* @__PURE__ */ r.jsx(q1, { tableContainerRef: W, rows: P })
     ] })
   ] });
 }
@@ -18141,7 +18145,7 @@ function K1({
     const u = F(o);
     return t[u.queryID];
   }, [t, o]);
-  return !Array.isArray(d) || d.length === 0 ? /* @__PURE__ */ r.jsx(j, { color: "gray", align: "center", children: "Empty Data" }) : /* @__PURE__ */ r.jsx(Y1, { queryData: d, width: e, height: n, conf: s, context: i, instance: a });
+  return !Array.isArray(d) || d.length === 0 ? /* @__PURE__ */ r.jsx(w, { color: "gray", align: "center", children: "Empty Data" }) : /* @__PURE__ */ r.jsx(Y1, { queryData: d, width: e, height: n, conf: s, context: i, instance: a });
 }
 function J1({
   context: t,
@@ -18153,7 +18157,7 @@ function J1({
   } = t.viewport, {
     value: a
   } = H(t.instanceData, "config");
-  return a ? a.id_field ? /* @__PURE__ */ r.jsx(K1, { data: n, width: i, height: s, conf: a, context: t, instance: e }) : /* @__PURE__ */ r.jsx(j, { color: "red", align: "center", children: "ID Field is not set, can't render a table without it" }) : null;
+  return a ? a.id_field ? /* @__PURE__ */ r.jsx(K1, { data: n, width: i, height: s, conf: a, context: t, instance: e }) : /* @__PURE__ */ r.jsx(w, { color: "red", align: "center", children: "ID Field is not set, can't render a table without it" }) : null;
 }
 const X1 = [{
   from: 0,
@@ -18180,15 +18184,15 @@ const tk = se((t, e) => {
     t: n
   } = _(), {
     colorManager: s
-  } = Ht(Pt), [i, a] = B(pd(t.value)), [o, l] = B(Z1(s, t.value)), c = Za(o), [d, u] = B(ek(s, t.value)), h = Za(d), p = (w) => {
+  } = Ht(Pt), [i, a] = B(pd(t.value)), [o, l] = B(Z1(s, t.value)), c = Za(o), [d, u] = B(ek(s, t.value)), h = Za(d), p = (j) => {
     var T, E, P;
-    a(w || "none"), w === "static" ? (T = t.onChange) == null || T.call(t, c.current) : w === "none" || !w ? (E = t.onChange) == null || E.call(t, "none") : (P = t.onChange) == null || P.call(t, h.current);
-  }, m = (w) => {
+    a(j || "none"), j === "static" ? (T = t.onChange) == null || T.call(t, c.current) : j === "none" || !j ? (E = t.onChange) == null || E.call(t, "none") : (P = t.onChange) == null || P.call(t, h.current);
+  }, m = (j) => {
     var T;
-    l(w), (T = t.onChange) == null || T.call(t, w);
-  }, b = (w) => {
+    l(j), (T = t.onChange) == null || T.call(t, j);
+  }, b = (j) => {
     var T;
-    u(w), (T = t.onChange) == null || T.call(t, w);
+    u(j), (T = t.onChange) == null || T.call(t, j);
   };
   return /* @__PURE__ */ r.jsxs(k, { align: "stretch", children: [
     /* @__PURE__ */ r.jsx(qf, { label: n("viz.table.column.cell_background"), value: i || "none", onChange: p }),
@@ -18242,12 +18246,12 @@ const tk = se((t, e) => {
         /* @__PURE__ */ r.jsx(I, { onClick: h, color: "red", leftIcon: /* @__PURE__ */ r.jsx(Tn, { size: 20 }), children: s("common.actions.reset_to_default") }),
         /* @__PURE__ */ r.jsxs(y, { position: "right", children: [
           /* @__PURE__ */ r.jsx(I, { onClick: u, variant: "subtle", children: s("common.actions.cancel") }),
-          /* @__PURE__ */ r.jsx(I, { color: "green", leftIcon: /* @__PURE__ */ r.jsx(Ne, { size: 16 }), onClick: d, children: s("common.actions.save") })
+          /* @__PURE__ */ r.jsx(I, { color: "green", leftIcon: /* @__PURE__ */ r.jsx(Pe, { size: 16 }), onClick: d, children: s("common.actions.save") })
         ] })
       ] })
     ] }) })
   ] });
-}), Js = () => /* @__PURE__ */ r.jsx(j, { color: "dimmed", size: 12, children: "px" }), sk = ({
+}), Js = () => /* @__PURE__ */ r.jsx(w, { color: "dimmed", size: 12, children: "px" }), sk = ({
   control: t,
   index: e,
   watch: n,
@@ -18327,7 +18331,7 @@ const tk = se((t, e) => {
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsx(f, { name: "use_raw_columns", control: t, render: ({
       field: d
-    }) => /* @__PURE__ */ r.jsx(Oe, { mt: 20, mb: 20, label: n("viz.table.column.use_original_data_columns"), checked: d.value, onChange: (u) => d.onChange(u.currentTarget.checked) }) }),
+    }) => /* @__PURE__ */ r.jsx(Ve, { mt: 20, mb: 20, label: n("viz.table.column.use_original_data_columns"), checked: d.value, onChange: (u) => d.onChange(u.currentTarget.checked) }) }),
     !c && /* @__PURE__ */ r.jsx(k, { children: /* @__PURE__ */ r.jsxs(g, { defaultValue: "0", styles: {
       tab: {
         paddingTop: "0px",
@@ -18382,10 +18386,10 @@ function ak({
     /* @__PURE__ */ r.jsxs(y, { position: "apart", grow: !0, children: [
       /* @__PURE__ */ r.jsx(f, { name: "striped", control: t, render: ({
         field: s
-      }) => /* @__PURE__ */ r.jsx(Oe, { label: n("viz.table.style.striped"), checked: s.value, onChange: (i) => s.onChange(i.currentTarget.checked) }) }),
+      }) => /* @__PURE__ */ r.jsx(Ve, { label: n("viz.table.style.striped"), checked: s.value, onChange: (i) => s.onChange(i.currentTarget.checked) }) }),
       /* @__PURE__ */ r.jsx(f, { name: "highlightOnHover", control: t, render: ({
         field: s
-      }) => /* @__PURE__ */ r.jsx(Oe, { label: n("viz.table.style.highlight_on_hover"), checked: s.value, onChange: (i) => s.onChange(i.currentTarget.checked) }) })
+      }) => /* @__PURE__ */ r.jsx(Ve, { label: n("viz.table.style.highlight_on_hover"), checked: s.value, onChange: (i) => s.onChange(i.currentTarget.checked) }) })
     ] })
   ] });
 }
@@ -18430,7 +18434,7 @@ function lk({
   }, [a]);
   const h = d(), p = C(() => !ge(h, i), [h, i]);
   return c(["id_field"]), /* @__PURE__ */ r.jsxs("form", { onSubmit: l(s), children: [
-    /* @__PURE__ */ r.jsx(Fe, { canSubmit: p }),
+    /* @__PURE__ */ r.jsx(Oe, { canSubmit: p }),
     /* @__PURE__ */ r.jsxs(g, { defaultValue: "Columns", orientation: "vertical", styles: {
       tab: {
         paddingLeft: "6px",
@@ -18634,7 +18638,7 @@ const mi = {
   createConfig() {
     return {
       version: 5,
-      config: qe(dd)
+      config: Ne(dd)
     };
   },
   displayName: "viz.table.viz_name",
@@ -18654,7 +18658,7 @@ const mi = {
 }, gk = z(({
   context: t
 }) => {
-  const e = Pe(), {
+  const e = Fe(), {
     value: n = ca
   } = H(t.instanceData, "config"), {
     variables: s
@@ -18672,7 +18676,7 @@ const mi = {
     filters: e.payloadForSQL.filters,
     context: e.payloadForSQL.context
   }), [a, i, d, e.payloadForSQL]);
-  return /* @__PURE__ */ r.jsx(j, { align: o, weight: c, sx: {
+  return /* @__PURE__ */ r.jsx(w, { align: o, weight: c, sx: {
     fontSize: l
   }, children: u });
 }), Vr = [{
@@ -18702,7 +18706,7 @@ function fk({
     const l = Vr.find((c) => c.value === i);
     l && n(l.label);
   }, [i]), /* @__PURE__ */ r.jsxs(k, { spacing: 0, mt: "sm", mb: "lg", children: [
-    /* @__PURE__ */ r.jsx(j, { size: "sm", children: t }),
+    /* @__PURE__ */ r.jsx(w, { size: "sm", children: t }),
     /* @__PURE__ */ r.jsx(M, { px: "1.5em", children: /* @__PURE__ */ r.jsx(oh, { label: null, marks: Vr, value: i, onChange: a, step: 25, ref: s }) })
   ] });
 }
@@ -18748,7 +18752,7 @@ const xd = A.forwardRef(fk), bk = ({
         /* @__PURE__ */ r.jsx(I, { onClick: h, color: "red", leftIcon: /* @__PURE__ */ r.jsx(Tn, { size: 20 }), children: s("common.actions.reset_to_default") }),
         /* @__PURE__ */ r.jsxs(y, { position: "right", children: [
           /* @__PURE__ */ r.jsx(I, { onClick: u, variant: "subtle", children: s("common.actions.cancel") }),
-          /* @__PURE__ */ r.jsx(I, { color: "green", leftIcon: /* @__PURE__ */ r.jsx(Ne, { size: 16 }), onClick: d, children: s("common.actions.save_changes") })
+          /* @__PURE__ */ r.jsx(I, { color: "green", leftIcon: /* @__PURE__ */ r.jsx(Pe, { size: 16 }), onClick: d, children: s("common.actions.save_changes") })
         ] })
       ] })
     ] }) })
@@ -18766,13 +18770,13 @@ function _k({
     const {
       func_content: m,
       horizontal_align: b,
-      font_size: w,
+      font_size: j,
       font_weight: T
     } = i;
     return {
       func_content: m,
       horizontal_align: b,
-      font_size: w,
+      font_size: j,
       font_weight: T
     };
   }, [i]);
@@ -18793,7 +18797,7 @@ function _k({
   }, [a]), c(["func_content", "horizontal_align", "font_size", "font_weight"]);
   const h = d(), p = A.useMemo(() => !S.isEqual(h, i), [h, i]);
   return /* @__PURE__ */ r.jsx(k, { spacing: "xs", children: /* @__PURE__ */ r.jsxs("form", { onSubmit: l(s), children: [
-    /* @__PURE__ */ r.jsx(Fe, { canSubmit: p }),
+    /* @__PURE__ */ r.jsx(Oe, { canSubmit: p }),
     /* @__PURE__ */ r.jsxs(k, { spacing: 10, children: [
       /* @__PURE__ */ r.jsx(f, { name: "func_content", control: o, render: ({
         field: m
@@ -18863,7 +18867,7 @@ const kk = {
   createConfig() {
     return {
       version: 1,
-      config: qe(ca)
+      config: Ne(ca)
     };
   },
   translation: wk
@@ -19055,7 +19059,7 @@ const $k = {
   createConfig() {
     return {
       version: 1,
-      config: qe(da)
+      config: Ne(da)
     };
   },
   translation: Ek
@@ -19264,7 +19268,7 @@ function Jk(t) {
   const {
     t: e
   } = _();
-  return /* @__PURE__ */ r.jsx(j, { children: e("viz.calendar_heatmap.click_heatmap.heatblock.label") });
+  return /* @__PURE__ */ r.jsx(w, { children: e("viz.calendar_heatmap.click_heatmap.heatblock.label") });
 }
 const gd = {
   id: "builtin:echarts:click-heatmap:heat-block",
@@ -19338,8 +19342,8 @@ function Zk({
     const [p, m] = h.value, b = S.get(o, p, {
       error: "rowData is not found"
     });
-    l.forEach((w) => {
-      i.runInteraction(w.id, {
+    l.forEach((j) => {
+      i.runInteraction(j.id, {
         ...h,
         rowData: b
       });
@@ -19462,7 +19466,7 @@ const nC = ({
       userSelect: "none"
     }, children: [
       /* @__PURE__ */ r.jsx(Kt, { size: 14, color: "#888" }),
-      /* @__PURE__ */ r.jsx(j, { size: 14, color: "#888", children: n("chart.tooltip.additional_metrics.description") })
+      /* @__PURE__ */ r.jsx(w, { size: 14, color: "#888", children: n("chart.tooltip.additional_metrics.description") })
     ] }),
     /* @__PURE__ */ r.jsx(L, { variant: "dashed", my: 10 }),
     /* @__PURE__ */ r.jsxs(g, { value: u, onTabChange: (p) => h(p), styles: {
@@ -19545,7 +19549,7 @@ function oC({
   }, [a]);
   const h = d(), p = C(() => !ge(h, i), [h, i]);
   return /* @__PURE__ */ r.jsx(k, { spacing: "xs", children: /* @__PURE__ */ r.jsxs("form", { onSubmit: l(s), children: [
-    /* @__PURE__ */ r.jsx(Fe, { canSubmit: p }),
+    /* @__PURE__ */ r.jsx(Oe, { canSubmit: p }),
     /* @__PURE__ */ r.jsxs(g, { defaultValue: "Calendar", orientation: "vertical", styles: {
       tab: {
         paddingLeft: "6px",
@@ -19903,7 +19907,7 @@ function CC({
   invisible: u,
   id: h,
   ...p
-}, m, b, w, T, E) {
+}, m, b, j, T, E) {
   const P = {
     label: {
       show: !!s,
@@ -19927,20 +19931,20 @@ function CC({
   if (!a || a === t.data_key)
     return P.data = SC({
       dataTemplate: m,
-      data: w,
+      data: j,
       aggregation_on_value: o,
       name_data_key: t.data_key,
       value_data_key: e,
       valueTypedXAxis: b
     }), P;
-  const G = kC({
+  const W = kC({
     group_by_key: a,
-    data: w,
+    data: j,
     name_data_key: t.data_key,
     value_data_key: e
   });
-  return Object.entries(G).map(([K, he]) => {
-    const Z = qe(P);
+  return Object.entries(W).map(([K, he]) => {
+    const Z = Ne(P);
     return Z.name = K, Z.color = void 0, Z.data = he, Z;
   });
 }
@@ -20173,7 +20177,7 @@ function PC({
         }) => /* @__PURE__ */ r.jsx(kr, { sx: {
           flex: 1
         }, ...c }) }),
-        l === "vertical" && /* @__PURE__ */ r.jsx(j, { mt: -10, color: "dimmed", size: 12, children: o("chart.reference_line.orientation.vertical_hint") })
+        l === "vertical" && /* @__PURE__ */ r.jsx(w, { mt: -10, color: "dimmed", size: 12, children: o("chart.reference_line.orientation.vertical_hint") })
       ] }),
       l === "horizontal" && /* @__PURE__ */ r.jsx(f, { name: `reference_lines.${e}.xAxisIndex`, control: t, render: ({
         field: c
@@ -20201,7 +20205,7 @@ function PC({
       ) })
     ] }),
     /* @__PURE__ */ r.jsxs(k, { spacing: 4, children: [
-      /* @__PURE__ */ r.jsx(j, { size: "sm", children: o("chart.color.label") }),
+      /* @__PURE__ */ r.jsx(w, { size: "sm", children: o("chart.color.label") }),
       /* @__PURE__ */ r.jsx(f, { name: `reference_lines.${e}.lineStyle.color`, control: t, render: ({
         field: c
       }) => /* @__PURE__ */ r.jsx(Ze, { ...c }) })
@@ -20369,7 +20373,7 @@ function qC({
       l && o.onChange(l);
     } }) }),
     /* @__PURE__ */ r.jsxs(k, { spacing: 4, children: [
-      /* @__PURE__ */ r.jsx(j, { size: "sm", children: a("chart.color.label") }),
+      /* @__PURE__ */ r.jsx(w, { size: "sm", children: a("chart.color.label") }),
       /* @__PURE__ */ r.jsx(f, { name: `series.${e}.color`, control: t, render: ({
         field: o
       }) => /* @__PURE__ */ r.jsx(Ze, { ...o }) })
@@ -20584,7 +20588,7 @@ function HC({
   }, [a]), c([]);
   const h = d(), p = C(() => !S.isEqual(h, a), [h, a]);
   return /* @__PURE__ */ r.jsx(k, { spacing: "xs", children: /* @__PURE__ */ r.jsxs("form", { onSubmit: l(s), children: [
-    /* @__PURE__ */ r.jsx(Fe, { canSubmit: p }),
+    /* @__PURE__ */ r.jsx(Oe, { canSubmit: p }),
     /* @__PURE__ */ r.jsxs(g, { defaultValue: "Series", orientation: "vertical", styles: {
       tab: {
         paddingLeft: "6px",
@@ -20945,8 +20949,8 @@ function iz(t, e, n, s) {
     const h = S.countBy(n[u], (m) => m.level.diff), p = S.sum(Object.values(h));
     Object.entries(h).forEach(([m, b]) => {
       i[m] || (i[m] = []);
-      const w = b / p;
-      i[m].push([u, w, b, p]);
+      const j = b / p;
+      i[m].push([u, j, b, p]);
     });
   });
   const a = Object.entries(i).map(([u]) => Number(u)).sort((u, h) => u - h), o = Math.max(...a), l = Math.min(...a), c = zn([o, 0, l], ["#D15A40", "#FFF", "#418AAF"]);
@@ -20968,7 +20972,7 @@ function iz(t, e, n, s) {
         const {
           x: m,
           percentage: b,
-          count: w,
+          count: j,
           sum: T
         } = sz(p);
         return `
@@ -20998,7 +21002,7 @@ function iz(t, e, n, s) {
               </tr>
               <tr>
                 <th style="text-align: right;">数量</th>
-                <td style="text-align: left; padding: 0 1em;">${w}</td>
+                <td style="text-align: left; padding: 0 1em;">${j}</td>
               </tr>
               <tr>
                 <th style="text-align: right;">总数</th>
@@ -21316,7 +21320,7 @@ const fz = {
     }), o;
   }, [s, i]);
   return /* @__PURE__ */ r.jsxs(y, { spacing: 1, children: [
-    /* @__PURE__ */ r.jsx(j, { size: 12, color: "dimmed", sx: {
+    /* @__PURE__ */ r.jsx(w, { size: 12, color: "dimmed", sx: {
       cursor: "default",
       userSelect: "none"
     }, children: "基线指标" }),
@@ -21333,7 +21337,7 @@ const fz = {
 function _z() {
   return /* @__PURE__ */ r.jsxs(Te, { width: 400, shadow: "md", children: [
     /* @__PURE__ */ r.jsx(Te.Target, { children: /* @__PURE__ */ r.jsx(I, { size: "xs", variant: "subtle", compact: !0, leftIcon: /* @__PURE__ */ r.jsx(In, { size: 14 }), children: "指标说明" }) }),
-    /* @__PURE__ */ r.jsx(Te.Dropdown, { children: /* @__PURE__ */ r.jsx(Ve, { fontSize: 14, sx: yz, children: /* @__PURE__ */ r.jsxs("tbody", { children: [
+    /* @__PURE__ */ r.jsx(Te.Dropdown, { children: /* @__PURE__ */ r.jsx(qe, { fontSize: 14, sx: yz, children: /* @__PURE__ */ r.jsxs("tbody", { children: [
       /* @__PURE__ */ r.jsxs("tr", { children: [
         /* @__PURE__ */ r.jsx("th", { children: "估算偏差" }),
         /* @__PURE__ */ r.jsx("td", { children: "使用斐波那契数列（1，2，3，5，8，13）估算故事点，每个数位为一个档位，计算issue实际故事点与估算故事点的档位偏差，即为估算偏差。如估算故事点为5，实际故事点为8，则估算偏差为-1。" })
@@ -21471,7 +21475,7 @@ const kz = ({
       userSelect: "none"
     }, children: [
       /* @__PURE__ */ r.jsx(Kt, { size: 14, color: "#888" }),
-      /* @__PURE__ */ r.jsx(j, { size: 14, color: "#888", children: "设置可以展示在基线图的指标，例如代码当量" })
+      /* @__PURE__ */ r.jsx(w, { size: 14, color: "#888", children: "设置可以展示在基线图的指标，例如代码当量" })
     ] }),
     /* @__PURE__ */ r.jsx(L, { variant: "dashed", my: 10 }),
     /* @__PURE__ */ r.jsxs(g, { value: d, onTabChange: (h) => u(h), styles: {
@@ -21542,7 +21546,7 @@ function Tz({
   }, [s]), o([]);
   const d = l(), u = C(() => !S.isEqual(d, s), [d, s]);
   return /* @__PURE__ */ r.jsx(k, { spacing: "xs", children: /* @__PURE__ */ r.jsxs("form", { onSubmit: a(n), children: [
-    /* @__PURE__ */ r.jsx(Fe, { canSubmit: u }),
+    /* @__PURE__ */ r.jsx(Oe, { canSubmit: u }),
     /* @__PURE__ */ r.jsxs(g, { defaultValue: "X Axis", orientation: "vertical", styles: {
       tab: {
         paddingLeft: "6px",
@@ -21675,10 +21679,10 @@ function Rz() {
 const Fo = ({
   postfix: t
 }) => t ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-  /* @__PURE__ */ r.jsx(j, { size: "12px", color: "#818388", sx: {
+  /* @__PURE__ */ r.jsx(w, { size: "12px", color: "#818388", sx: {
     lineHeight: 1
   }, children: "/" }),
-  /* @__PURE__ */ r.jsx(j, { size: "12px", color: "#818388", sx: {
+  /* @__PURE__ */ r.jsx(w, { size: "12px", color: "#818388", sx: {
     lineHeight: 1
   }, children: t })
 ] }) : null, $z = z(({
@@ -21690,7 +21694,7 @@ const Fo = ({
     data_keys: s,
     formatter: i,
     postfix: a
-  } = t, o = Pe(), l = C(() => {
+  } = t, o = Fe(), l = C(() => {
     if (a.type === "text" && a.value)
       return a.value;
     if (a.type === "filter-option-label" && a.value) {
@@ -21701,18 +21705,18 @@ const Fo = ({
   }, [a, o]);
   return /* @__PURE__ */ r.jsxs(k, { spacing: 18, children: [
     /* @__PURE__ */ r.jsxs(k, { spacing: 12, children: [
-      /* @__PURE__ */ r.jsx(j, { size: "14px", color: "#818388", children: n.value }),
+      /* @__PURE__ */ r.jsx(w, { size: "14px", color: "#818388", children: n.value }),
       /* @__PURE__ */ r.jsxs(y, { spacing: "2px", align: "baseline", children: [
-        /* @__PURE__ */ r.jsx(j, { size: "24px", fw: "bold", color: "#3D3E45", sx: {
+        /* @__PURE__ */ r.jsx(w, { size: "24px", fw: "bold", color: "#3D3E45", sx: {
           lineHeight: 1
         }, children: re(e[s.value], i) }),
         /* @__PURE__ */ r.jsx(Fo, { postfix: l })
       ] })
     ] }),
     /* @__PURE__ */ r.jsxs(k, { spacing: 12, children: [
-      /* @__PURE__ */ r.jsx(j, { size: "14px", color: "#818388", children: n.basis }),
+      /* @__PURE__ */ r.jsx(w, { size: "14px", color: "#818388", children: n.basis }),
       /* @__PURE__ */ r.jsxs(y, { spacing: "2px", align: "baseline", children: [
-        /* @__PURE__ */ r.jsx(j, { size: "12px", color: "#3D3E45", sx: {
+        /* @__PURE__ */ r.jsx(w, { size: "12px", color: "#3D3E45", sx: {
           lineHeight: 1
         }, children: re(e[s.basis], i) }),
         /* @__PURE__ */ r.jsx(Fo, { postfix: l })
@@ -21839,20 +21843,20 @@ const Vz = ({
   } = _e({
     control: t,
     name: "metrics"
-  }), l = e("metrics"), c = i.map((w, T) => ({
-    ...w,
+  }), l = e("metrics"), c = i.map((j, T) => ({
+    ...j,
     ...l[T]
   })), d = () => {
     a(Rz());
-  }, u = C(() => n.map((w) => ({
-    label: w.name,
-    value: w.name
+  }, u = C(() => n.map((j) => ({
+    label: j.name,
+    value: j.name
   })), [n]), h = S.get(c, "0.id", null), [p, m] = B(h);
   O(() => {
-    m((w) => w || h);
+    m((j) => j || h);
   }, [h]);
-  const b = (w) => {
-    o(w);
+  const b = (j) => {
+    o(j);
     const T = S.get(c, "0.id", null);
     m(T);
   };
@@ -21868,10 +21872,10 @@ const Vz = ({
       }
     }, children: [
       /* @__PURE__ */ r.jsxs(g.List, { children: [
-        c.map((w, T) => /* @__PURE__ */ r.jsx(g.Tab, { value: w.id, children: w.names.value ? w.names.value : T + 1 }, w.id)),
+        c.map((j, T) => /* @__PURE__ */ r.jsx(g.Tab, { value: j.id, children: j.names.value ? j.names.value : T + 1 }, j.id)),
         /* @__PURE__ */ r.jsx(g.Tab, { onClick: d, value: "add", children: /* @__PURE__ */ r.jsx(ut, { size: 18, color: "#228be6" }) })
       ] }),
-      c.map((w, T) => /* @__PURE__ */ r.jsx(g.Panel, { value: w.id, children: /* @__PURE__ */ r.jsx(Oz, { control: t, index: T, remove: b, variableOptions: u, watch: e }) }, w.id))
+      c.map((j, T) => /* @__PURE__ */ r.jsx(g.Panel, { value: j.id, children: /* @__PURE__ */ r.jsx(Oz, { control: t, index: T, remove: b, variableOptions: u, watch: e }) }, j.id))
     ] })
   ] });
 };
@@ -21920,7 +21924,7 @@ function Nz({
   }, [i]);
   const u = c(), h = C(() => !ge(u, i), [u, i]);
   return /* @__PURE__ */ r.jsx("form", { onSubmit: o(n), children: /* @__PURE__ */ r.jsxs(k, { spacing: "xs", children: [
-    /* @__PURE__ */ r.jsx(Fe, { canSubmit: h }),
+    /* @__PURE__ */ r.jsx(Oe, { canSubmit: h }),
     /* @__PURE__ */ r.jsx(qz, { control: a, watch: l }),
     /* @__PURE__ */ r.jsx(Vz, { control: a, watch: l, variables: s })
   ] }) });
@@ -22100,7 +22104,7 @@ function Yz({
     /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ r.jsx(f, { name: "heat_block.label.show", control: t, render: ({
         field: i
-      }) => /* @__PURE__ */ r.jsx(Oe, { label: n("chart.heatmap.heatblock.show_label"), checked: i.value, onChange: (a) => i.onChange(a.currentTarget.checked), sx: {
+      }) => /* @__PURE__ */ r.jsx(Ve, { label: n("chart.heatmap.heatblock.show_label"), checked: i.value, onChange: (a) => i.onChange(a.currentTarget.checked), sx: {
         flexGrow: 1
       } }) }),
       /* @__PURE__ */ r.jsx(f, { name: "heat_block.label.fontSize", control: t, render: ({
@@ -22168,7 +22172,7 @@ const Kz = ({
       userSelect: "none"
     }, children: [
       /* @__PURE__ */ r.jsx(Kt, { size: 14, color: "#888" }),
-      /* @__PURE__ */ r.jsx(j, { size: 14, color: "#888", children: n("chart.tooltip.additional_metrics.description") })
+      /* @__PURE__ */ r.jsx(w, { size: 14, color: "#888", children: n("chart.tooltip.additional_metrics.description") })
     ] }),
     /* @__PURE__ */ r.jsx(L, { variant: "dashed", my: 10 }),
     /* @__PURE__ */ r.jsxs(g, { value: u, onTabChange: (p) => h(p), styles: {
@@ -22304,7 +22308,7 @@ function tT({
   }, children: /* @__PURE__ */ r.jsxs(k, { spacing: "xs", sx: {
     height: "100%"
   }, children: [
-    /* @__PURE__ */ r.jsx(Fe, { canSubmit: p }),
+    /* @__PURE__ */ r.jsx(Oe, { canSubmit: p }),
     /* @__PURE__ */ r.jsxs(g, { defaultValue: "X Axis", orientation: "vertical", styles: {
       root: {
         // height: '100%',
@@ -22339,7 +22343,7 @@ function rT(t) {
   const {
     t: e
   } = _();
-  return /* @__PURE__ */ r.jsx(j, { children: e("viz.merico_heatmap.click_heatmap.heatblock.label") });
+  return /* @__PURE__ */ r.jsx(w, { children: e("viz.merico_heatmap.click_heatmap.heatblock.label") });
 }
 const bd = {
   id: "builtin:echarts:click-heatmap:heat-block",
@@ -22466,10 +22470,10 @@ function cT({
       value: ""
     }
   }, m = [u, h, p], b = s[`${l}---${c}`];
-  return b && t.tooltip.metrics.forEach((w) => {
-    const T = F(w.data_key);
+  return b && t.tooltip.metrics.forEach((j) => {
+    const T = F(j.data_key);
     m.push({
-      label: w.name,
+      label: j.name,
       value: lT(S.get(b, T.columnKey, "")),
       style: {
         label: "",
@@ -22647,8 +22651,8 @@ function xT({
     const [p, m] = h.value, b = S.get(o, `${p}---${m}`, {
       error: "rowData is not found"
     });
-    l.forEach((w) => {
-      i.runInteraction(w.id, {
+    l.forEach((j) => {
+      i.runInteraction(j.id, {
         ...h,
         rowData: b
       });
@@ -22847,7 +22851,7 @@ const ST = ({
   value: a,
   onChange: o
 }) => /* @__PURE__ */ r.jsxs(M, { children: [
-  /* @__PURE__ */ r.jsx(j, { children: " " }),
+  /* @__PURE__ */ r.jsx(w, { children: " " }),
   /* @__PURE__ */ r.jsx(X, { label: /* @__PURE__ */ r.jsxs(y, { noWrap: !0, position: "apart", align: "middle", spacing: 6, children: [
     /* @__PURE__ */ r.jsx(M, { sx: {
       flexGrow: 1
@@ -23035,6 +23039,30 @@ const ST = ({
     const t = Date.now();
     return [$(t).startOf("year").toDate(), $(t).endOf("year").toDate()];
   }
+}, {
+  key: "w",
+  value: "this week so far",
+  group: "this_so_far",
+  getRange: () => {
+    const t = Date.now();
+    return [$(t).startOf("week").toDate(), $(t).toDate()];
+  }
+}, {
+  key: "m",
+  value: "this month so far",
+  group: "this_so_far",
+  getRange: () => {
+    const t = Date.now();
+    return [$(t).startOf("month").toDate(), $(t).toDate()];
+  }
+}, {
+  key: "y",
+  value: "this year so far",
+  group: "this_so_far",
+  getRange: () => {
+    const t = Date.now();
+    return [$(t).startOf("year").toDate(), $(t).toDate()];
+  }
 }];
 function jd(t) {
   const n = fa().find((s) => s.value === t);
@@ -23052,7 +23080,7 @@ const IT = ({
   }, i = C(() => S.groupBy(fa(), "group"), []), a = n.language === "zh";
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsx(L, { variant: "dashed", my: 10 }),
-    /* @__PURE__ */ r.jsx(Ve, { withBorder: !1, sx: {
+    /* @__PURE__ */ r.jsx(qe, { withBorder: !1, sx: {
       "tbody > tr > th, tbody > tr > td": {
         borderTop: "none",
         padding: "2px 6px"
@@ -23065,7 +23093,7 @@ const IT = ({
         paddingLeft: "1px"
       }
     }, children: /* @__PURE__ */ r.jsx("tbody", { children: Object.entries(i).map(([o, l]) => /* @__PURE__ */ r.jsxs("tr", { children: [
-      /* @__PURE__ */ r.jsx("th", { children: /* @__PURE__ */ r.jsx(j, { size: "xs", color: "#555", children: e(`filter.widget.date_range.shortcut.${o}.label`) }) }),
+      /* @__PURE__ */ r.jsx("th", { children: /* @__PURE__ */ r.jsx(w, { size: "xs", color: "#555", children: e(`filter.widget.date_range.shortcut.${o}.label`) }) }),
       l.map(({
         key: c,
         value: d,
@@ -23329,7 +23357,7 @@ const IT = ({
   const {
     t: e
   } = _();
-  return t ? /* @__PURE__ */ r.jsx(j, { color: "red", size: 12, children: t }) : /* @__PURE__ */ r.jsx(j, { color: "dimmed", size: 12, children: e("filter.widget.common.selector_option_empty") });
+  return t ? /* @__PURE__ */ r.jsx(w, { color: "red", size: 12, children: t }) : /* @__PURE__ */ r.jsx(w, { color: "dimmed", size: 12, children: e("filter.widget.common.selector_option_empty") });
 }, LT = ({
   disabled: t,
   // styling props
@@ -23358,20 +23386,20 @@ const IT = ({
     classNames: e,
     styles: n,
     unstyled: s
-  }), [w, T] = B(!1), E = (Z) => {
+  }), [j, T] = B(!1), E = (Z) => {
     T(Z);
-  }, P = w && (l == null ? void 0 : l.length) > 0, [G, K] = B(""), he = C(() => {
-    if (!G)
+  }, P = j && (l == null ? void 0 : l.length) > 0, [W, K] = B(""), he = C(() => {
+    if (!W)
       return d;
-    const Z = G.toLowerCase(), ee = (pe) => {
+    const Z = W.toLowerCase(), ee = (pe) => {
       var Qe;
       return ((Qe = pe.description) == null ? void 0 : Qe.toLowerCase().includes(Z)) || pe.label.toLowerCase().includes(Z);
     };
     return d.filter(ee);
-  }, [G, d]);
+  }, [W, d]);
   return /* @__PURE__ */ r.jsxs(k, { spacing: 3, children: [
     /* @__PURE__ */ r.jsxs(y, { position: "apart", children: [
-      /* @__PURE__ */ r.jsxs(j, { className: m.label, children: [
+      /* @__PURE__ */ r.jsxs(w, { className: m.label, children: [
         o,
         h && /* @__PURE__ */ r.jsx("span", { className: m.required, "aria-hidden": "true", children: "*" })
       ] }),
@@ -23381,9 +23409,9 @@ const IT = ({
     ] }),
     /* @__PURE__ */ r.jsx(am, { disabled: t, allowClear: !0, className: b(m.root, "check-select"), dropdownClassName: b(m.dropdown, ""), onDropdownVisibleChange: E, transitionName: "rc-select-dropdown-slide-up", choiceTransitionName: "rc-select-selection__choice-zoom", style: a, clearIcon: () => /* @__PURE__ */ r.jsx(el, {}), value: l, onChange: c, onSelect: console.log, mode: "multiple", maxTagCount: 0, notFoundContent: /* @__PURE__ */ r.jsx(ba, { errorMessage: u }), maxTagTextLength: 10, maxTagPlaceholder: (Z) => p("filter.widget.common.x_selected", {
       count: Z.length
-    }), searchValue: G, onSearch: K, filterOption: !1, children: he.map((Z) => /* @__PURE__ */ r.jsxs(om, { title: Z.label, children: [
-      /* @__PURE__ */ r.jsx(j, { size: "sm", "data-role": "label", children: Z.label }),
-      Z.description && /* @__PURE__ */ r.jsx(j, { size: "xs", color: "dimmed", "data-role": "description", children: Z.description })
+    }), searchValue: W, onSearch: K, filterOption: !1, children: he.map((Z) => /* @__PURE__ */ r.jsxs(om, { title: Z.label, children: [
+      /* @__PURE__ */ r.jsx(w, { size: "sm", "data-role": "label", children: Z.label }),
+      Z.description && /* @__PURE__ */ r.jsx(w, { size: "xs", color: "dimmed", "data-role": "description", children: Z.description })
     ] }, Z.value)) })
   ] });
 }, AT = z(({
@@ -23392,7 +23420,7 @@ const IT = ({
   value: n,
   onChange: s
 }) => {
-  const i = Pe(), a = !!e.options_query_id, {
+  const i = Fe(), a = !!e.options_query_id, {
     state: o,
     error: l
   } = i.getDataStuffByID(e.options_query_id), c = o === "loading", d = e.min_width ? e.min_width : "200px", u = a ? c : !1, h = (p) => s(p, !1);
@@ -23407,15 +23435,15 @@ const IT = ({
   description: e,
   ...n
 }, s) => /* @__PURE__ */ r.jsx("div", { ref: s, ...n, children: /* @__PURE__ */ r.jsx(y, { noWrap: !0, children: /* @__PURE__ */ r.jsxs("div", { children: [
-  /* @__PURE__ */ r.jsx(j, { size: "sm", "data-role": "label", children: t }),
-  /* @__PURE__ */ r.jsx(j, { size: "xs", color: "dimmed", "data-role": "description", children: e })
+  /* @__PURE__ */ r.jsx(w, { size: "sm", "data-role": "label", children: t }),
+  /* @__PURE__ */ r.jsx(w, { size: "xs", color: "dimmed", "data-role": "description", children: e })
 ] }) }) })), RT = z(({
   label: t,
   config: e,
   value: n,
   onChange: s
 }) => {
-  const i = Pe(), a = !!e.options_query_id, {
+  const i = Fe(), a = !!e.options_query_id, {
     state: o,
     error: l
   } = i.getDataStuffByID(e.options_query_id), c = o === "loading";
@@ -23752,7 +23780,7 @@ const PT = ({
     t: m
   } = _(), {
     classes: b,
-    cx: w
+    cx: j
   } = qT({
     radius: i
   }, {
@@ -23762,14 +23790,14 @@ const PT = ({
     unstyled: s
   }), [T, E] = B(!1), P = (K) => {
     E(K);
-  }, G = T && (l == null ? void 0 : l.length) > 0;
+  }, W = T && (l == null ? void 0 : l.length) > 0;
   return /* @__PURE__ */ r.jsxs(k, { spacing: 3, children: [
     /* @__PURE__ */ r.jsxs(y, { position: "apart", children: [
-      /* @__PURE__ */ r.jsxs(j, { className: b.label, children: [
+      /* @__PURE__ */ r.jsxs(w, { className: b.label, children: [
         o,
         h && /* @__PURE__ */ r.jsx("span", { className: b.required, "aria-hidden": "true", children: "*" })
       ] }),
-      G && /* @__PURE__ */ r.jsx(ye, { label: m("filter.widget.common.x_selected", {
+      W && /* @__PURE__ */ r.jsx(ye, { label: m("filter.widget.common.x_selected", {
         count: l.length
       }), children: /* @__PURE__ */ r.jsx(_n, { children: l.length }) })
     ] }),
@@ -23780,8 +23808,8 @@ const PT = ({
         allowClear: !0,
         treeCheckStrictly: p,
         labelInValue: !0,
-        className: w(b.root, "check-select"),
-        dropdownClassName: w(b.dropdown, ""),
+        className: j(b.root, "check-select"),
+        dropdownClassName: j(b.dropdown, ""),
         onDropdownVisibleChange: P,
         transitionName: "rc-tree-select-dropdown-slide-up",
         choiceTransitionName: "rc-tree-select-selection__choice-zoom",
@@ -23887,7 +23915,7 @@ const UT = ({
 }) {
   const [n, {
     toggle: s
-  }] = sn(!0), i = Pe(), {
+  }] = sn(!0), i = Fe(), {
     control: a,
     handleSubmit: o,
     reset: l
@@ -23904,8 +23932,8 @@ const UT = ({
   const d = i.filters.visibleInView(e.id), u = C(() => d.every((b) => b.should_auto_submit), [d]), h = C(() => d.filter((b) => S.get(b, "config.required", !1)), [d]), p = C(() => h.length === 0 ? !1 : h.some((b) => !b.requiredAndPass(c[b.key])), [c, h]);
   if (d.length === 0)
     return null;
-  const m = (b, w) => (T, E) => {
-    w(T), (b.should_auto_submit || E) && i.filters.setValueByKey(b.key, T);
+  const m = (b, j) => (T, E) => {
+    j(T), (b.should_auto_submit || E) && i.filters.setValueByKey(b.key, T);
   };
   return /* @__PURE__ */ r.jsxs("form", { onSubmit: o(i.filters.setValues), children: [
     /* @__PURE__ */ r.jsx(UT, { opened: n, toggle: s }),
@@ -23915,8 +23943,8 @@ const UT = ({
       padding: "16px"
     }, children: [
       /* @__PURE__ */ r.jsx(y, { align: "flex-start", children: d.map((b) => /* @__PURE__ */ r.jsx(f, { name: b.key, control: a, render: ({
-        field: w
-      }) => /* @__PURE__ */ r.jsx(GT, { filter: b, value: w.value, onChange: m(b, w.onChange) }) }, b.id)) }),
+        field: j
+      }) => /* @__PURE__ */ r.jsx(GT, { filter: b, value: j.value, onChange: m(b, j.onChange) }) }, b.id)) }),
       !u && /* @__PURE__ */ r.jsx(y, { sx: {
         alignSelf: "flex-end"
       }, children: /* @__PURE__ */ r.jsx(QT, { disabled: p }) })
@@ -24755,10 +24783,10 @@ function pI(t) {
       description: s,
       label: n
     };
-    return s && (a.label = A.createElement("div", {}, [A.createElement(j, {
+    return s && (a.label = A.createElement("div", {}, [A.createElement(w, {
       key: 0,
       title: e.label
-    }, e.label), A.createElement(j, {
+    }, e.label), A.createElement(w, {
       key: 1,
       className: "rc-tree-select-tree-title-desc",
       color: "dimmed",
@@ -24972,9 +25000,9 @@ const Ed = x.compose("FilterTreeSelectConfigMeta", x.model({
     t.default_value_func = e;
   }
 }));
-var W = /* @__PURE__ */ ((t) => (t.Division = "div", t.Modal = "modal", t.Tabs = "tabs", t))(W || {});
+var G = /* @__PURE__ */ ((t) => (t.Division = "div", t.Modal = "modal", t.Tabs = "tabs", t))(G || {});
 const $d = x.model("ViewDivisionConfig", {
-  _name: x.literal(W.Division)
+  _name: x.literal(G.Division)
 }).views((t) => ({
   get json() {
     const {
@@ -24985,7 +25013,7 @@ const $d = x.model("ViewDivisionConfig", {
     };
   }
 })), xI = () => $d.create({
-  _name: W.Division
+  _name: G.Division
 }), gI = x.model("CustomModalTitleModel", {
   enabled: x.optional(x.boolean, !1),
   func_content: x.optional(x.string, "")
@@ -25035,7 +25063,7 @@ const $d = x.model("ViewDivisionConfig", {
   func_content: ["function text({ filters, context}) {", "    // your code goes here", '    return "text"', "}"].join(`
 `)
 }, Pd = x.model("ViewModalConfig", {
-  _name: x.literal(W.Modal),
+  _name: x.literal(G.Modal),
   width: x.string,
   height: x.string,
   custom_modal_title: x.optional(gI, bi)
@@ -25062,7 +25090,7 @@ const $d = x.model("ViewDivisionConfig", {
     t.height = e;
   }
 })), fI = () => Pd.create({
-  _name: W.Modal,
+  _name: G.Modal,
   width: "90vw",
   height: "90vh"
 }), bI = x.model("ViewTabsTabModel", {
@@ -25102,7 +25130,7 @@ const $d = x.model("ViewDivisionConfig", {
     t.order = e;
   }
 })), Fd = x.model("ViewTabsConfig", {
-  _name: x.literal(W.Modal),
+  _name: x.literal(G.Modal),
   tabs: x.optional(x.array(bI), []),
   variant: x.optional(x.enumeration("variant", ["default", "outline", "pills"]), "default"),
   orientation: x.optional(x.enumeration("orientation", ["horizontal", "vertical"]), "horizontal"),
@@ -25152,12 +25180,12 @@ const $d = x.model("ViewDivisionConfig", {
     t.tabs.splice(e, 1);
   }
 })), yI = () => Fd.create({
-  _name: W.Modal,
+  _name: G.Modal,
   tabs: []
 }), _I = x.model({
   id: x.identifier,
   name: x.string,
-  type: x.enumeration("EViewComponentType", [W.Division, W.Modal, W.Tabs]),
+  type: x.enumeration("EViewComponentType", [G.Division, G.Modal, G.Tabs]),
   config: x.union($d, Pd, Fd),
   panelIDs: x.optional(x.array(x.string), [])
 }).views((t) => ({
@@ -25183,13 +25211,13 @@ const $d = x.model("ViewDivisionConfig", {
   setType(e) {
     if (t.type !== e) {
       switch (e) {
-        case W.Division:
+        case G.Division:
           t.config = xI();
           break;
-        case W.Modal:
+        case G.Modal:
           t.config = fI();
           break;
-        case W.Tabs:
+        case G.Tabs:
           t.config = yI();
           break;
       }
@@ -25215,7 +25243,7 @@ const $d = x.model("ViewDivisionConfig", {
   views: [{
     id: "Main",
     name: "Main",
-    type: W.Division,
+    type: G.Division,
     config: {},
     panelIDs: []
   }],
@@ -25304,27 +25332,27 @@ const Nd = x.compose("ViewRenderModel", _I, x.model({
   // FIXME: manage this state in a better way
 })).views((t) => ({
   get defaultTab() {
-    if (t.type !== W.Tabs)
+    if (t.type !== G.Tabs)
       return "";
     const e = t.config;
     return e.tabs.length > 0 ? e.tabs[0].id : "";
   },
   get tabViewID() {
     var n;
-    return t.type !== W.Tabs ? "" : ((n = t.config.tabs.find((s) => s.id === t.tab)) == null ? void 0 : n.view_id) ?? "";
+    return t.type !== G.Tabs ? "" : ((n = t.config.tabs.find((s) => s.id === t.tab)) == null ? void 0 : n.view_id) ?? "";
   },
   get contentModel() {
     return Ae(t, 3);
   },
   get panels() {
-    if (t.type !== W.Tabs)
+    if (t.type !== G.Tabs)
       return this.contentModel.panels.panelsByIDs(t.panelIDs);
     const e = this.tabViewID, n = this.contentModel.views.findByID(e);
     return (n == null ? void 0 : n.panels) ?? [];
   },
   get renderViewIDs() {
     const e = [t.id];
-    return t.type === W.Tabs && e.push(this.tabViewID), e;
+    return t.type === G.Tabs && e.push(this.tabViewID), e;
   },
   async downloadScreenshot(e) {
     const n = e.offsetWidth * 2 + 10, s = e.offsetHeight * 2 + 10, i = new Hl(), a = (/* @__PURE__ */ new Date()).getTime(), o = await Ql.toBlob(e, {
@@ -26293,7 +26321,7 @@ const AI = (t) => new LI(t), EI = z(({
     zIndex: 320
   }), m = A.useCallback(() => {
     c(l);
-  }, [l, c]), b = !d && t.type !== W.Modal;
+  }, [l, c]), b = !d && t.type !== G.Modal;
   return /* @__PURE__ */ r.jsx(r.Fragment, { children: /* @__PURE__ */ r.jsx(M, { sx: {
     position: "absolute",
     top: 0,
@@ -26354,7 +26382,7 @@ const $I = z(function() {
   } = e;
   return s.show ? /* @__PURE__ */ r.jsx(y, { grow: !0, position: "center", className: "panel-title-wrapper", sx: {
     flexGrow: 1
-  }, children: /* @__PURE__ */ r.jsx(j, { align: "center", lineClamp: 1, className: "panel-title-text", children: n }) }) : null;
+  }, children: /* @__PURE__ */ r.jsx(w, { align: "center", lineClamp: 1, className: "panel-title-text", children: n }) }) : null;
 });
 function PI(t) {
   const e = os(null);
@@ -26474,7 +26502,7 @@ function OI({
   });
   return yr(async () => {
     await s.instanceData.setItem(null, n.viz.conf);
-  }, [s, n.viz.type]), i ? /* @__PURE__ */ r.jsx(Ox, { ...e }) : /* @__PURE__ */ r.jsx(j, { children: "Checking update..." });
+  }, [s, n.viz.type]), i ? /* @__PURE__ */ r.jsx(Ox, { ...e }) : /* @__PURE__ */ r.jsx(w, { children: "Checking update..." });
 }
 function VI(t) {
   const {
@@ -26490,7 +26518,7 @@ function VI(t) {
       title: `${e.name} - Updated`,
       message: "Your plugin configuration has been migrated to the latest version"
     });
-  }) ? /* @__PURE__ */ r.jsx(Fx, { ...t }) : /* @__PURE__ */ r.jsx(j, { children: "Checking update" });
+  }) ? /* @__PURE__ */ r.jsx(Fx, { ...t }) : /* @__PURE__ */ r.jsx(w, { children: "Checking update" });
 }
 function qI(t, e) {
   const {
@@ -26538,10 +26566,10 @@ const NI = z(function({
 }), BI = z(({
   panel: t
 }) => /* @__PURE__ */ r.jsxs(k, { children: [
-  t.queryErrors.map((e, n) => /* @__PURE__ */ r.jsx(j, { color: "red", size: "sm", align: "center", sx: {
+  t.queryErrors.map((e, n) => /* @__PURE__ */ r.jsx(w, { color: "red", size: "sm", align: "center", sx: {
     fontFamily: "monospace"
   }, children: e }, `${n}-${e}`)),
-  /* @__PURE__ */ r.jsx(j, { color: "gray", align: "center", size: "sm", children: t.queryStateMessages })
+  /* @__PURE__ */ r.jsx(w, { color: "gray", align: "center", size: "sm", children: t.queryStateMessages })
 ] })), ou = z(({
   panel: t
 }) => /* @__PURE__ */ r.jsxs(Ut, { className: "panel-viz-section", direction: "column", sx: {
@@ -26612,7 +26640,7 @@ const YI = z(({
     inFullScreen: o
   } = A.useContext(Is), l = A.useCallback(() => {
     a(i);
-  }, [i, a]), c = !o && t.type !== W.Modal;
+  }, [i, a]), c = !o && t.type !== G.Modal;
   return UI(n.viz.type) ? /* @__PURE__ */ r.jsx(M, { sx: {
     position: "absolute",
     top: 0,
@@ -26663,7 +26691,7 @@ const cu = z(({
 function ZI(t, e, n) {
   const {
     panels: s
-  } = Pe(), i = t.id === "Main", [a, o] = A.useState(() => i && s.findByID(e) ? e : null), l = A.useCallback((h) => {
+  } = Fe(), i = t.id === "Main", [a, o] = A.useState(() => i && s.findByID(e) ? e : null), l = A.useCallback((h) => {
     o(h), i && n(h);
   }, [i, n]), c = A.useCallback(() => {
     o(null), i && n("");
@@ -26727,7 +26755,7 @@ const eD = A.forwardRef(({
   view: t,
   className: e = "layout"
 }) => {
-  const n = Pe(), s = n.layouts.items(t.panelIDs), i = n.layouts.gridLayouts(t.panelIDs);
+  const n = Fe(), s = n.layouts.items(t.panelIDs), i = n.layouts.gridLayouts(t.panelIDs);
   return /* @__PURE__ */ r.jsx(sD, { className: `dashboard-layout ${e}`, rowHeight: 1, margin: [0, 0], isDraggable: !1, isResizable: !1, cols: n.layouts.cols, layouts: i, breakpoints: n.layouts.breakpoints, onBreakpointChange: n.layouts.setCurrentBreakpoint, children: s.map((a) => /* @__PURE__ */ r.jsx("div", { "data-grid": a.layoutProperies, className: "panel-grid-item", children: /* @__PURE__ */ r.jsx(cu, { view: t, panel: a.panel }) }, a.id)) });
 });
 function va(t) {
@@ -26749,7 +26777,7 @@ const aD = z(({
   } = _(), [n, {
     setTrue: s,
     setFalse: i
-  }] = it(!1), a = Xx(), o = Pe(), l = () => {
+  }] = it(!1), a = Xx(), o = Fe(), l = () => {
     const c = JSON.stringify(o.contentJSON, null, 2), d = `${a.name}__${o.name}`;
     Xn(d, c);
   };
@@ -26792,7 +26820,7 @@ const aD = z(({
   children: t,
   view: e
 }) => {
-  const n = Pe(), s = e.config, i = n.views.visibleViewIDs.includes(e.id), a = () => n.views.rmVisibleViewID(e.id), {
+  const n = Fe(), s = e.config, i = n.views.visibleViewIDs.includes(e.id), a = () => n.views.rmVisibleViewID(e.id), {
     ref: o,
     downloadScreenshot: l
   } = va(e);
@@ -26841,7 +26869,7 @@ const aD = z(({
 } : {}, cD = z(({
   view: t
 }) => {
-  const e = Pe(), n = t.config;
+  const e = Fe(), n = t.config;
   return /* @__PURE__ */ r.jsxs(g, { className: "render-view-tabs", variant: n.variant, orientation: n.orientation, value: t.tab, onTabChange: t.setTab, styles: {
     root: {
       height: "100%",
@@ -26864,11 +26892,11 @@ const aD = z(({
   children: e
 }) => {
   switch (t.type) {
-    case W.Modal:
+    case G.Modal:
       return /* @__PURE__ */ r.jsx(oD, { view: t, children: e });
-    case W.Tabs:
+    case G.Tabs:
       return /* @__PURE__ */ r.jsx(cD, { view: t });
-    case W.Division:
+    case G.Division:
     default:
       return /* @__PURE__ */ r.jsx(du, { view: t, children: e });
   }
@@ -26997,7 +27025,7 @@ const hD = z(({
 }) => {
   const {
     t: e
-  } = _(), n = Rt(), s = ae(), i = C(() => s.views.options.filter((c) => c.type === W.Division), [t.id, s.views.options]), a = t.config, o = (c) => n.openConfirmModal({
+  } = _(), n = Rt(), s = ae(), i = C(() => s.views.options.filter((c) => c.type === G.Division), [t.id, s.views.options]), a = t.config, o = (c) => n.openConfirmModal({
     title: `${e("view.component.tabs.tab.delete")}?`,
     labels: {
       confirm: e("common.actions.confirm"),
@@ -27058,11 +27086,11 @@ const hD = z(({
   children: e
 }) => {
   switch (t.type) {
-    case W.Modal:
+    case G.Modal:
       return /* @__PURE__ */ r.jsx(hD, { view: t, children: e });
-    case W.Tabs:
+    case G.Tabs:
       return /* @__PURE__ */ r.jsx(xD, { view: t });
-    case W.Division:
+    case G.Division:
     default:
       return /* @__PURE__ */ r.jsx(uD, { view: t, children: e });
   }
@@ -27100,7 +27128,7 @@ const hD = z(({
     viewPanelInFullScreen: i,
     inFullScreen: o
   }, children: /* @__PURE__ */ r.jsxs(M, { className: "dashboard-view", "data-enable-scrollbar": !0, sx: {
-    height: e.type === W.Modal ? "0 !important" : "100%"
+    height: e.type === G.Modal ? "0 !important" : "100%"
   }, children: [
     o && /* @__PURE__ */ r.jsx(XI, { view: e, panel: l, exitFullScreen: a }),
     /* @__PURE__ */ r.jsx(dD, { view: e, children: /* @__PURE__ */ r.jsxs(M, { sx: {
@@ -27116,17 +27144,17 @@ const hD = z(({
 });
 var bD = /* @__PURE__ */ ((t) => (t.Use = "use", t.Edit = "edit", t))(bD || {});
 const sR = {
-  [W.Division]: "Division",
-  [W.Tabs]: "Tabs",
-  [W.Modal]: "Modal"
+  [G.Division]: "Division",
+  [G.Tabs]: "Tabs",
+  [G.Modal]: "Modal"
 }, yD = {
-  [W.Division]: "rgba(255, 0, 0, 0.2)",
-  [W.Modal]: "rgba(0, 0, 0, 0.2)",
-  [W.Tabs]: "rgba(255, 200, 100, 0.4)"
+  [G.Division]: "rgba(255, 0, 0, 0.2)",
+  [G.Modal]: "rgba(0, 0, 0, 0.2)",
+  [G.Tabs]: "rgba(255, 200, 100, 0.4)"
 }, iR = {
-  [W.Division]: "#ff4000",
-  [W.Modal]: "#000",
-  [W.Tabs]: "#ffad18"
+  [G.Division]: "#ff4000",
+  [G.Modal]: "#000",
+  [G.Tabs]: "#ffad18"
 };
 function _D(t, e, n) {
   mt(t, um(t, (s, i) => {
@@ -27931,7 +27959,7 @@ const LD = x.model("EditorModel", {
     };
   },
   downloadSchema() {
-    if (t.type === W.Tabs) {
+    if (t.type === G.Tabs) {
       console.error(new Error("Please choose a tab first"));
       return;
     }
@@ -28004,8 +28032,8 @@ const LD = x.model("EditorModel", {
   },
   addARandomNewView() {
     const e = (/* @__PURE__ */ new Date()).getTime().toString();
-    this.addANewView(e, W.Division, W.Division, {
-      _name: W.Division
+    this.addANewView(e, G.Division, G.Division, {
+      _name: G.Division
     }), this.setIDOfVIE(e);
   },
   removeVIE() {
@@ -28285,7 +28313,7 @@ const FD = x.model({
     }
     if (Array.isArray(n)) {
       const p = n.map((m) => {
-        const b = m.panelIDs.map((w) => u.get(w) ?? w);
+        const b = m.panelIDs.map((j) => u.get(j) ?? j);
         return {
           ...m,
           id: nn(),
@@ -28295,24 +28323,24 @@ const FD = x.model({
       t.views.appendMultiple(p);
     }
     if (Array.isArray(o)) {
-      const p = (w, T) => t.layouts.breakpointNameRecord[w] === T;
+      const p = (j, T) => t.layouts.breakpointNameRecord[j] === T;
       let m = [];
-      const b = o.filter((w) => p(w.name, w.breakpoint));
-      b.forEach((w) => {
-        w.id === "basis" && (m = w.list), w.list.forEach((T) => {
+      const b = o.filter((j) => p(j.name, j.breakpoint));
+      b.forEach((j) => {
+        j.id === "basis" && (m = j.list), j.list.forEach((T) => {
           const E = u.get(T.panelID);
           T.id = nn(), T.panelID = E;
         });
-      }), t.layouts.list.forEach((w) => {
-        const T = b.find((E) => E.name === w.name && E.breakpoint === w.breakpoint);
+      }), t.layouts.list.forEach((j) => {
+        const T = b.find((E) => E.name === j.name && E.breakpoint === j.breakpoint);
         if (!T) {
           m.forEach((E) => {
-            w.addLayout(E);
+            j.addLayout(E);
           });
           return;
         }
         T.list.forEach((E) => {
-          w.addLayout(E);
+          j.addLayout(E);
         });
       });
     }
@@ -28389,7 +28417,7 @@ function OD({
     definition: {
       queries: m,
       sqlSnippets: b,
-      mock_context: w = {}
+      mock_context: j = {}
     }
   } = a;
   return pu.create({
@@ -28399,14 +28427,14 @@ function OD({
     create_time: s,
     update_time: i,
     version: c,
-    filters: Jd(d, o, w, l),
+    filters: Jd(d, o, j, l),
     queries: {
       current: m
     },
     sqlSnippets: {
       current: b
     },
-    mock_context: Cd(w),
+    mock_context: Cd(j),
     views: hu(u),
     panels: {
       list: h
@@ -28566,7 +28594,7 @@ const ND = z(({
     n.openConfirmModal({
       title: /* @__PURE__ */ r.jsxs(y, { position: "left", children: [
         /* @__PURE__ */ r.jsx(vl, { size: 18, color: "red" }),
-        /* @__PURE__ */ r.jsx(j, { children: "You are reverting changes" })
+        /* @__PURE__ */ r.jsx(w, { children: "You are reverting changes" })
       ] }),
       labels: {
         confirm: e("common.actions.confirm"),
@@ -28582,7 +28610,7 @@ const ND = z(({
     });
   }, a = s.changed;
   return /* @__PURE__ */ r.jsxs(y, { spacing: 0, children: [
-    /* @__PURE__ */ r.jsx(I, { color: "green", variant: "filled", size: "xs", leftIcon: /* @__PURE__ */ r.jsx(Ne, { size: 18 }), onClick: t, disabled: !a, sx: {
+    /* @__PURE__ */ r.jsx(I, { color: "green", variant: "filled", size: "xs", leftIcon: /* @__PURE__ */ r.jsx(Pe, { size: 18 }), onClick: t, disabled: !a, sx: {
       borderTopRightRadius: 0,
       borderBottomRightRadius: 0
     }, children: e("common.actions.save_changes") }),
@@ -28623,7 +28651,7 @@ const ND = z(({
         name: s.name
       }, children: [
         "End Editing ",
-        /* @__PURE__ */ r.jsx(j, { td: "underline", children: s.name })
+        /* @__PURE__ */ r.jsx(w, { td: "underline", children: s.name })
       ] }) }) }),
       /* @__PURE__ */ r.jsx(ND, { saveDashboardChanges: t })
     ] }),
@@ -28641,7 +28669,7 @@ const ND = z(({
   var i;
   const {
     t
-  } = _(), e = ae(), n = ((i = e.views.VIE) == null ? void 0 : i.type) === W.Tabs, s = () => e.addANewPanel(e.views.idOfVIE);
+  } = _(), e = ae(), n = ((i = e.views.VIE) == null ? void 0 : i.type) === G.Tabs, s = () => e.addANewPanel(e.views.idOfVIE);
   return n ? /* @__PURE__ */ r.jsx(ye, { label: t("common.choose_a_tab_first"), children: /* @__PURE__ */ r.jsx(I, { variant: "outline", color: "gray", radius: 0, size: "xs", leftIcon: /* @__PURE__ */ r.jsx(to, { size: 20 }), sx: {
     ...Bo,
     transform: "none !important"
@@ -28681,7 +28709,7 @@ const ND = z(({
           return "Screen sizes should be unique by min width";
       }
     }
-  }), b = l("list"), w = h.map((ee, pe) => ({
+  }), b = l("list"), j = h.map((ee, pe) => ({
     ...ee,
     ...b[pe]
   })), T = () => {
@@ -28695,14 +28723,14 @@ const ND = z(({
   }) => {
     const pe = ee.filter((Qe) => Number.isFinite(Qe.breakpoint));
     s.updateLayoutSetsInfo(pe), t();
-  }, P = c(), G = C(() => {
+  }, P = c(), W = C(() => {
     const ee = {
       list: P.list.filter((pe) => !!pe.name && Number.isFinite(pe.breakpoint))
     };
     return !ge(ee, i);
   }, [P, i]), K = (Z = (he = u.errors.list) == null ? void 0 : he.root) == null ? void 0 : Z.message;
   return /* @__PURE__ */ r.jsx(r.Fragment, { children: /* @__PURE__ */ r.jsxs("form", { onSubmit: o(E), children: [
-    /* @__PURE__ */ r.jsxs(Ve, { fontSize: "sm", highlightOnHover: !0, withBorder: !0, sx: {
+    /* @__PURE__ */ r.jsxs(qe, { fontSize: "sm", highlightOnHover: !0, withBorder: !0, sx: {
       tableLayout: "fixed"
     }, children: [
       /* @__PURE__ */ r.jsx("thead", { children: /* @__PURE__ */ r.jsxs("tr", { children: [
@@ -28715,18 +28743,18 @@ const ND = z(({
         /* @__PURE__ */ r.jsx("th", {})
       ] }) }),
       /* @__PURE__ */ r.jsxs("tbody", { children: [
-        w.map((ee, pe) => /* @__PURE__ */ r.jsxs("tr", { children: [
+        j.map((ee, pe) => /* @__PURE__ */ r.jsxs("tr", { children: [
           /* @__PURE__ */ r.jsx("th", { children: ee.id === "basis" ? ee.name : /* @__PURE__ */ r.jsx(f, { name: `list.${pe}.name`, control: a, render: ({
             field: Qe
           }) => /* @__PURE__ */ r.jsx(D, { size: "xs", label: "", required: !0, sx: {
             flex: 1
           }, ...Qe }) }) }),
-          /* @__PURE__ */ r.jsx("td", { children: ee.id === "basis" ? /* @__PURE__ */ r.jsxs(j, { ff: "monospace", children: [
+          /* @__PURE__ */ r.jsx("td", { children: ee.id === "basis" ? /* @__PURE__ */ r.jsxs(w, { ff: "monospace", children: [
             ee.breakpoint,
             "px"
           ] }) : /* @__PURE__ */ r.jsx(f, { name: `list.${pe}.breakpoint`, control: a, render: ({
             field: Qe
-          }) => /* @__PURE__ */ r.jsx(le, { size: "xs", label: "", required: !0, max: 1e4, hideControls: !0, rightSection: /* @__PURE__ */ r.jsx(j, { color: "dimmed", children: "px" }), rightSectionProps: {
+          }) => /* @__PURE__ */ r.jsx(le, { size: "xs", label: "", required: !0, max: 1e4, hideControls: !0, rightSection: /* @__PURE__ */ r.jsx(w, { color: "dimmed", children: "px" }), rightSectionProps: {
             style: {
               width: "30px"
             }
@@ -28749,10 +28777,10 @@ const ND = z(({
         }, children: /* @__PURE__ */ r.jsx(ut, { size: 18 }) }) }) }) })
       ] })
     ] }),
-    /* @__PURE__ */ r.jsx(j, { mt: 6, ta: "right", size: "xs", color: "red", children: K ?? "　" }),
+    /* @__PURE__ */ r.jsx(w, { mt: 6, ta: "right", size: "xs", color: "red", children: K ?? "　" }),
     /* @__PURE__ */ r.jsxs(y, { mt: 6, position: "apart", children: [
-      /* @__PURE__ */ r.jsx(I, { color: "orange", size: "xs", onClick: () => d(), leftIcon: /* @__PURE__ */ r.jsx(vr, { size: 18 }), disabled: !G, children: e("common.actions.revert") }),
-      /* @__PURE__ */ r.jsx(I, { color: "green", size: "xs", type: "submit", leftIcon: /* @__PURE__ */ r.jsx(Ne, { size: 18 }), disabled: !G, children: e("common.actions.save_changes") })
+      /* @__PURE__ */ r.jsx(I, { color: "orange", size: "xs", onClick: () => d(), leftIcon: /* @__PURE__ */ r.jsx(vr, { size: 18 }), disabled: !W, children: e("common.actions.revert") }),
+      /* @__PURE__ */ r.jsx(I, { color: "green", size: "xs", type: "submit", leftIcon: /* @__PURE__ */ r.jsx(Pe, { size: 18 }), disabled: !W, children: e("common.actions.save_changes") })
     ] })
   ] }) });
 }), QD = z(() => {
@@ -28774,19 +28802,19 @@ const ND = z(({
         /* @__PURE__ */ r.jsx(ie.Target, { children: /* @__PURE__ */ r.jsx(I, { size: "xs", variant: "subtle", leftIcon: /* @__PURE__ */ r.jsx(kp, { size: 16 }), sx: {
           borderRadius: 0
         }, children: /* @__PURE__ */ r.jsxs(y, { spacing: 6, children: [
-          /* @__PURE__ */ r.jsx(j, { size: "xs", fw: "normal", children: o.name }),
-          /* @__PURE__ */ r.jsx(j, { size: "xs", color: "#777", children: i.layouts.currentRangeText })
+          /* @__PURE__ */ r.jsx(w, { size: "xs", fw: "normal", children: o.name }),
+          /* @__PURE__ */ r.jsx(w, { size: "xs", color: "#777", children: i.layouts.currentRangeText })
         ] }) }) }),
         /* @__PURE__ */ r.jsxs(ie.Dropdown, { children: [
           i.layouts.breakpointRanges.map((d) => /* @__PURE__ */ r.jsx(ie.Item, { onClick: () => i.layouts.setCurrentBreakpoint(d.id), disabled: a === d.id, children: /* @__PURE__ */ r.jsxs(y, { position: "apart", children: [
-            /* @__PURE__ */ r.jsx(j, { size: "sm", children: d.name }),
-            /* @__PURE__ */ r.jsx(j, { size: "xs", color: "dimmed", children: d.text })
+            /* @__PURE__ */ r.jsx(w, { size: "sm", children: d.name }),
+            /* @__PURE__ */ r.jsx(w, { size: "xs", color: "dimmed", children: d.text })
           ] }) }, d.id)),
           /* @__PURE__ */ r.jsx(ie.Divider, {}),
-          /* @__PURE__ */ r.jsx(ie.Item, { color: "blue", icon: /* @__PURE__ */ r.jsx(jr, { size: 14 }), onClick: n, children: /* @__PURE__ */ r.jsx(j, { size: "sm", children: t("breakpoint.manage") }) })
+          /* @__PURE__ */ r.jsx(ie.Item, { color: "blue", icon: /* @__PURE__ */ r.jsx(jr, { size: 14 }), onClick: n, children: /* @__PURE__ */ r.jsx(w, { size: "sm", children: t("breakpoint.manage") }) })
         ] })
       ] }),
-      i.layouts.divisionPreviewScale < 1 && /* @__PURE__ */ r.jsx(j, { size: "xs", color: "dimmed", children: Yr(i.layouts.divisionPreviewScale).format({
+      i.layouts.divisionPreviewScale < 1 && /* @__PURE__ */ r.jsx(w, { size: "xs", color: "dimmed", children: Yr(i.layouts.divisionPreviewScale).format({
         output: "percent",
         mantissa: 0
       }) })
@@ -28805,7 +28833,7 @@ const ND = z(({
   var i;
   const {
     t
-  } = _(), e = ae(), n = ((i = e.views.VIE) == null ? void 0 : i.type) === W.Tabs, s = () => {
+  } = _(), e = ae(), n = ((i = e.views.VIE) == null ? void 0 : i.type) === G.Tabs, s = () => {
     var a;
     return (a = e.views.VIE) == null ? void 0 : a.downloadSchema();
   };
@@ -28819,7 +28847,7 @@ const ND = z(({
 }), Ds = ({
   headers: t,
   rows: e
-}) => /* @__PURE__ */ r.jsxs(Ve, { fontSize: "xs", highlightOnHover: !0, sx: {
+}) => /* @__PURE__ */ r.jsxs(qe, { fontSize: "xs", highlightOnHover: !0, sx: {
   tableLayout: "fixed",
   fontFamily: "monospace"
 }, children: [
@@ -28832,7 +28860,7 @@ const ND = z(({
     t: e
   } = _(), n = t.views;
   return !Array.isArray(n) || n.length === 0 ? null : /* @__PURE__ */ r.jsxs(M, { children: [
-    /* @__PURE__ */ r.jsx(j, { pl: 10, size: "sm", fw: 500, c: "dimmed", ta: "center", children: e("view.labels") }),
+    /* @__PURE__ */ r.jsx(w, { pl: 10, size: "sm", fw: 500, c: "dimmed", ta: "center", children: e("view.labels") }),
     /* @__PURE__ */ r.jsx(Ds, { headers: /* @__PURE__ */ r.jsxs("tr", { children: [
       /* @__PURE__ */ r.jsx("th", { style: {
         width: "160px"
@@ -28852,7 +28880,7 @@ const ND = z(({
     t: e
   } = _(), n = t.filters;
   return !Array.isArray(n) || n.length === 0 ? null : /* @__PURE__ */ r.jsxs(M, { children: [
-    /* @__PURE__ */ r.jsx(j, { pl: 10, size: "sm", fw: 500, c: "dimmed", ta: "center", children: e("filter.labels") }),
+    /* @__PURE__ */ r.jsx(w, { pl: 10, size: "sm", fw: 500, c: "dimmed", ta: "center", children: e("filter.labels") }),
     /* @__PURE__ */ r.jsx(Ds, { headers: /* @__PURE__ */ r.jsxs("tr", { children: [
       /* @__PURE__ */ r.jsx("th", { style: {
         width: "160px"
@@ -28872,7 +28900,7 @@ const ND = z(({
     t: e
   } = _(), n = t.panels;
   return !Array.isArray(n) || n.length === 0 ? null : /* @__PURE__ */ r.jsxs(M, { children: [
-    /* @__PURE__ */ r.jsx(j, { pl: 10, size: "sm", fw: 500, c: "dimmed", ta: "center", children: e("panel.labels") }),
+    /* @__PURE__ */ r.jsx(w, { pl: 10, size: "sm", fw: 500, c: "dimmed", ta: "center", children: e("panel.labels") }),
     /* @__PURE__ */ r.jsx(Ds, { headers: /* @__PURE__ */ r.jsxs("tr", { children: [
       /* @__PURE__ */ r.jsx("th", { style: {
         width: "160px"
@@ -28893,7 +28921,7 @@ const ND = z(({
     t: e
   } = _(), n = (s = t.definition) == null ? void 0 : s.queries;
   return !Array.isArray(n) || n.length === 0 ? null : /* @__PURE__ */ r.jsxs(M, { children: [
-    /* @__PURE__ */ r.jsx(j, { pl: 10, size: "sm", fw: 500, c: "dimmed", ta: "center", children: e("query.labels") }),
+    /* @__PURE__ */ r.jsx(w, { pl: 10, size: "sm", fw: 500, c: "dimmed", ta: "center", children: e("query.labels") }),
     /* @__PURE__ */ r.jsx(Ds, { headers: /* @__PURE__ */ r.jsxs("tr", { children: [
       /* @__PURE__ */ r.jsx("th", { style: {
         width: "160px"
@@ -28920,7 +28948,7 @@ const ND = z(({
     t: e
   } = _(), n = (s = t.definition) == null ? void 0 : s.sqlSnippets;
   return !Array.isArray(n) || n.length === 0 ? null : /* @__PURE__ */ r.jsxs(M, { children: [
-    /* @__PURE__ */ r.jsx(j, { pl: 10, size: "sm", fw: 500, c: "dimmed", ta: "center", children: e("sql_snippet.labels") }),
+    /* @__PURE__ */ r.jsx(w, { pl: 10, size: "sm", fw: 500, c: "dimmed", ta: "center", children: e("sql_snippet.labels") }),
     /* @__PURE__ */ r.jsx(ct, { size: "sm", pl: 10, ff: "monospace", icon: /* @__PURE__ */ r.jsx(zi, { size: 10 }), children: n.map((i) => /* @__PURE__ */ r.jsx(ct.Item, { children: i.key }, i.key)) })
   ] });
 }, ZD = ({
@@ -28931,14 +28959,14 @@ const ND = z(({
     t: e
   } = _(), n = Object.keys(((s = t.definition) == null ? void 0 : s.mock_context) ?? {});
   return n.length === 0 ? null : /* @__PURE__ */ r.jsxs(M, { children: [
-    /* @__PURE__ */ r.jsx(j, { pl: 10, size: "sm", fw: 500, c: "dimmed", ta: "center", children: e("mock_context.label") }),
+    /* @__PURE__ */ r.jsx(w, { pl: 10, size: "sm", fw: 500, c: "dimmed", ta: "center", children: e("mock_context.label") }),
     /* @__PURE__ */ r.jsx(ct, { size: "sm", pl: 10, ff: "monospace", icon: /* @__PURE__ */ r.jsx(zi, { size: 10 }), children: n.map((i) => /* @__PURE__ */ r.jsx(ct.Item, { children: i }, i)) })
   ] });
 }, eM = ({
   content: t
 }) => t ? /* @__PURE__ */ r.jsxs(M, { children: [
   /* @__PURE__ */ r.jsx(L, { mt: 20, mb: 10, variant: "dashed" }),
-  /* @__PURE__ */ r.jsx(j, { ta: "left", c: "dimmed", children: "Preview" }),
+  /* @__PURE__ */ r.jsx(w, { ta: "left", c: "dimmed", children: "Preview" }),
   /* @__PURE__ */ r.jsxs(k, { children: [
     /* @__PURE__ */ r.jsx(UD, { content: t }),
     /* @__PURE__ */ r.jsx(YD, { content: t }),
@@ -28980,12 +29008,12 @@ const nM = z(({
       content: null
     }
   }), h = ({
-    content: G
+    content: W
   }) => {
     try {
-      if (!G)
+      if (!W)
         throw new Error("please use a valid json file");
-      i.applyJSONSchema(G), Bn({
+      i.applyJSONSchema(W), Bn({
         title: "Successful",
         message: "",
         color: "green"
@@ -29001,8 +29029,8 @@ const nM = z(({
   O(() => {
     if (!p)
       return;
-    const G = new FileReader();
-    G.readAsText(p, "UTF-8"), G.onload = (K) => {
+    const W = new FileReader();
+    W.readAsText(p, "UTF-8"), W.onload = (K) => {
       try {
         const he = tM(K);
         l("content", he), u("content");
@@ -29012,14 +29040,14 @@ const nM = z(({
           message: he.message
         });
       }
-    }, G.onabort = () => console.log("🟨 abort"), G.onerror = () => {
-      G.error && (console.error(G.error), d("content", {
+    }, W.onabort = () => console.log("🟨 abort"), W.onerror = () => {
+      W.error && (console.error(W.error), d("content", {
         type: "custom",
-        message: G.error.message
+        message: W.error.message
       }));
     };
   }, [p]);
-  const [b] = c(["content"]), w = !b, T = (E = o == null ? void 0 : o.content) == null ? void 0 : E.message;
+  const [b] = c(["content"]), j = !b, T = (E = o == null ? void 0 : o.content) == null ? void 0 : E.message;
   return O(() => {
     !b || T ? n() : e();
   }, [b, T]), /* @__PURE__ */ r.jsx(M, { mx: "auto", sx: {
@@ -29028,7 +29056,7 @@ const nM = z(({
     /* @__PURE__ */ r.jsx(dh, { label: s("import.json_file"), required: !0, value: p, onChange: m, error: (P = o == null ? void 0 : o.content) == null ? void 0 : P.message, sx: {
       maxWidth: 500
     } }),
-    T ? /* @__PURE__ */ r.jsx(Ve, { fontSize: 12, mt: 10, children: /* @__PURE__ */ r.jsxs("tbody", { children: [
+    T ? /* @__PURE__ */ r.jsx(qe, { fontSize: 12, mt: 10, children: /* @__PURE__ */ r.jsxs("tbody", { children: [
       /* @__PURE__ */ r.jsxs("tr", { children: [
         /* @__PURE__ */ r.jsx("th", { children: s("import.this_dashboard") }),
         /* @__PURE__ */ r.jsx("td", { children: cn })
@@ -29041,7 +29069,7 @@ const nM = z(({
       ] })
     ] }) }) : /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
       /* @__PURE__ */ r.jsx(eM, { content: b }),
-      /* @__PURE__ */ r.jsx(y, { position: "right", my: "md", children: /* @__PURE__ */ r.jsx(I, { type: "submit", color: "green", disabled: w, children: s("common.actions.confirm") }) })
+      /* @__PURE__ */ r.jsx(y, { position: "right", my: "md", children: /* @__PURE__ */ r.jsx(I, { type: "submit", color: "green", disabled: j, children: s("common.actions.confirm") }) })
     ] })
   ] }) });
 }), Go = {
@@ -29060,7 +29088,7 @@ const nM = z(({
   }] = sn(!1), [i, {
     setTrue: a,
     setFalse: o
-  }] = it(!1), c = ((d = xe().content.views.VIE) == null ? void 0 : d.type) === W.Tabs;
+  }] = it(!1), c = ((d = xe().content.views.VIE) == null ? void 0 : d.type) === G.Tabs;
   return c ? /* @__PURE__ */ r.jsx(ye, { label: t("common.choose_a_tab_first"), children: /* @__PURE__ */ r.jsx(I, { variant: "outline", color: "gray", radius: 0, size: "xs", leftIcon: /* @__PURE__ */ r.jsx(no, { size: 16 }), sx: {
     ...Go,
     transform: "none !important"
@@ -29122,11 +29150,11 @@ function oM(t, e, n) {
       } = m;
       switch (p) {
         case "builtin:op:open-link":
-          let w = b.urlTemplate.substring(0, 100);
-          b.urlTemplate.length >= 20 && (w += "..."), o.type = "interaction", o.data.interactions.push({
+          let j = b.urlTemplate.substring(0, 100);
+          b.urlTemplate.length >= 20 && (j += "..."), o.type = "interaction", o.data.interactions.push({
             schemaRef: p,
             urlTemplate: b.urlTemplate,
-            shortURLTemplate: w
+            shortURLTemplate: j
           });
           return;
         case "builtin:op:open_view":
@@ -29228,15 +29256,15 @@ function pM(t, e) {
   }), s;
 }
 const mM = {
-  [W.Division]: "Div",
-  [W.Modal]: "Modal",
-  [W.Tabs]: "Tabs"
+  [G.Division]: "Div",
+  [G.Modal]: "Modal",
+  [G.Tabs]: "Tabs"
 }, xM = yD;
 function gM(t) {
   return t.current.map((n, s) => {
     const i = cM(n.panelIDs.length, Ur, yu) + wa + fu;
     let a = [];
-    return n.type === W.Tabs && (a = n.config.tabsInOrder.map((l) => l.view_id)), {
+    return n.type === G.Tabs && (a = n.config.tabsInOrder.map((l) => l.view_id)), {
       id: n.id,
       _node_type: "view-root",
       _view_type: n.type,
@@ -29264,7 +29292,7 @@ function gM(t) {
 function fM(t) {
   const e = S.keyBy(t, (n) => n.id);
   t.forEach((n) => {
-    n._node_type !== "view-root" || n._view_type !== W.Tabs || n._tab_view_ids.forEach((s) => {
+    n._node_type !== "view-root" || n._view_type !== G.Tabs || n._tab_view_ids.forEach((s) => {
       e[s].parentNode = n.id;
     });
   });
@@ -29281,7 +29309,7 @@ function yM({
   edges: n
 }) {
   e.forEach((s) => {
-    s._node_type !== "view-root" || s._view_type !== W.Tabs || (s.sourcePosition = jt.Bottom, s.style.width = Sa + is * 2, s.style.height = fu + s._tab_view_ids.reduce((i, a) => {
+    s._node_type !== "view-root" || s._view_type !== G.Tabs || (s.sourcePosition = jt.Bottom, s.style.width = Sa + is * 2, s.style.height = fu + s._tab_view_ids.reduce((i, a) => {
       const o = t[a];
       o.position.y = i, o.position.x = is;
       const l = o.style.height;
@@ -29372,8 +29400,8 @@ function kM(t) {
           key: n.urlTemplate,
           icon: Xs[n.schemaRef],
           text: /* @__PURE__ */ r.jsxs(y, { spacing: 4, children: [
-            /* @__PURE__ */ r.jsx(j, { children: "Open: " }),
-            /* @__PURE__ */ r.jsx(j, { color: "dimmed", children: n.shortURLTemplate })
+            /* @__PURE__ */ r.jsx(w, { children: "Open: " }),
+            /* @__PURE__ */ r.jsx(w, { color: "dimmed", children: n.shortURLTemplate })
           ] })
         });
         return;
@@ -29385,7 +29413,7 @@ function kM(t) {
           e.push({
             key: n.schemaRef + s,
             icon: Xs[n.schemaRef],
-            text: /* @__PURE__ */ r.jsx(y, { spacing: 4, children: /* @__PURE__ */ r.jsxs(j, { children: [
+            text: /* @__PURE__ */ r.jsx(y, { spacing: 4, children: /* @__PURE__ */ r.jsxs(w, { children: [
               "Set Filter: ",
               i
             ] }) })
@@ -29400,7 +29428,7 @@ function kM(t) {
           e.push({
             key: n.schemaRef + s,
             icon: Xs[n.schemaRef],
-            text: /* @__PURE__ */ r.jsx(y, { spacing: 4, children: /* @__PURE__ */ r.jsxs(j, { children: [
+            text: /* @__PURE__ */ r.jsx(y, { spacing: 4, children: /* @__PURE__ */ r.jsxs(w, { children: [
               "Clear Filter: ",
               i
             ] }) })
@@ -29426,7 +29454,7 @@ const CM = eh(({
       right: 0
     }, children: /* @__PURE__ */ r.jsx(op, { size: 12 }) }),
     /* @__PURE__ */ r.jsxs(Te, { shadow: "xl", withinPortal: !0, children: [
-      /* @__PURE__ */ r.jsx(Te.Target, { children: /* @__PURE__ */ r.jsx(j, { children: t.label }) }),
+      /* @__PURE__ */ r.jsx(Te.Target, { children: /* @__PURE__ */ r.jsx(w, { children: t.label }) }),
       /* @__PURE__ */ r.jsx(Te.Dropdown, { children: /* @__PURE__ */ r.jsx(ct, { spacing: "xs", size: "sm", center: !0, children: a.map((o) => /* @__PURE__ */ r.jsx(ct.Item, { icon: o.icon, children: o.text }, o.key)) }) })
     ] }),
     /* @__PURE__ */ r.jsx(ao, { type: "source", position: n, isConnectable: e })
@@ -29435,7 +29463,7 @@ const CM = eh(({
 const zM = {
   interaction: CM
 }, TM = z(() => {
-  const t = Pe(), {
+  const t = Fe(), {
     edges: e,
     nodes: n
   } = SM(t);
@@ -29518,7 +29546,7 @@ function MM({
       backgroundColor: n ? i.colors.gray[2] : "transparent"
     }), children: /* @__PURE__ */ r.jsx(y, { sx: {
       width: "calc(100% - 28px)"
-    }, onClick: t, children: /* @__PURE__ */ r.jsx(j, { size: "sm", children: e }) }) }),
+    }, onClick: t, children: /* @__PURE__ */ r.jsx(w, { size: "sm", children: e }) }) }),
     n && /* @__PURE__ */ r.jsx(ye, { label: "Edit", position: "right", withinPortal: !0, children: /* @__PURE__ */ r.jsx(Y, { onClick: s, variant: "light", color: "blue", sx: {
       position: "absolute",
       top: 0,
@@ -29597,7 +29625,7 @@ const LM = z(() => {
     ] }),
     /* @__PURE__ */ r.jsx(qt.Section, { py: 5, sx: {
       borderBottom: "1px solid #eee"
-    }, children: /* @__PURE__ */ r.jsx(j, { align: "center", sx: {
+    }, children: /* @__PURE__ */ r.jsx(w, { align: "center", sx: {
       userSelect: "none",
       cursor: "default"
     }, children: t("view.labels") }) }),
@@ -29710,7 +29738,7 @@ const LM = z(() => {
     s.editor.setPath(["_QUERIES_", c]);
   };
   return /* @__PURE__ */ r.jsx(V, { label: /* @__PURE__ */ r.jsxs(y, { position: "apart", children: [
-    /* @__PURE__ */ r.jsx(j, { children: n("filter.widget.common.use_query_data_as_options") }),
+    /* @__PURE__ */ r.jsx(w, { children: n("filter.widget.common.use_query_data_as_options") }),
     t && /* @__PURE__ */ r.jsx(I, { size: "xs", leftIcon: /* @__PURE__ */ r.jsx(si, { size: 16 }), variant: "subtle", color: "blue", onClick: () => l(t), children: n("query.open") })
   ] }), data: a, value: t, onChange: e, allowDeselect: !1, clearable: !0, sx: {
     flexGrow: 1
@@ -29770,7 +29798,7 @@ const LM = z(() => {
           zIndex: 200,
           height: "100%",
           width: "100%"
-        }, children: /* @__PURE__ */ r.jsx(j, { color: "white", size: 16, children: n("filter.widget.common.using_query") }) })
+        }, children: /* @__PURE__ */ r.jsx(w, { color: "white", size: 16, children: n("filter.widget.common.using_query") }) })
       ] }),
       a.length > 0 && /* @__PURE__ */ r.jsx(Nn, { label: n("filter.widget.select.default_selection"), data: o, value: [...s.default_value], onChange: s.setDefaultValue }),
       a.map((l, c) => /* @__PURE__ */ r.jsxs(Ut, { gap: 10, sx: {
@@ -29842,7 +29870,7 @@ const LM = z(() => {
           zIndex: 200,
           height: "100%",
           width: "100%"
-        }, children: /* @__PURE__ */ r.jsx(j, { color: "white", size: 16, children: n("filter.widget.common.using_query") }) })
+        }, children: /* @__PURE__ */ r.jsx(w, { color: "white", size: 16, children: n("filter.widget.common.using_query") }) })
       ] }),
       o.length > 0 && /* @__PURE__ */ r.jsx(V, { label: n("filter.widget.select.default_selection"), data: l, value: i.default_value, onChange: i.setDefaultValue }),
       o.map((c, d) => /* @__PURE__ */ r.jsxs(Ut, { gap: 10, sx: {
@@ -29933,7 +29961,7 @@ const LM = z(() => {
   return /* @__PURE__ */ r.jsxs(M, { sx: {
     maxWidth: "480px"
   }, children: [
-    /* @__PURE__ */ r.jsx(j, { pt: "0", pb: "md", color: "gray", children: n("common.titles.config") }),
+    /* @__PURE__ */ r.jsx(w, { pt: "0", pb: "md", color: "gray", children: n("common.titles.config") }),
     /* @__PURE__ */ r.jsx(rn, { mt: 22, language: "json", colorScheme: "dark", noCopy: !0, children: JSON.stringify(e, null, 4) })
   ] });
 }), QM = {
@@ -29979,7 +30007,7 @@ const LM = z(() => {
     /* @__PURE__ */ r.jsxs(M, { sx: {
       maxWidth: "600px"
     }, children: [
-      /* @__PURE__ */ r.jsx(j, { pb: "md", color: "gray", children: n("common.titles.edit") }),
+      /* @__PURE__ */ r.jsx(w, { pb: "md", color: "gray", children: n("common.titles.edit") }),
       /* @__PURE__ */ r.jsxs(k, { children: [
         /* @__PURE__ */ r.jsxs(y, { noWrap: !0, children: [
           /* @__PURE__ */ r.jsx(
@@ -30021,7 +30049,7 @@ const LM = z(() => {
     return null;
   const a = i.filters.findByID(t);
   if (!a)
-    return /* @__PURE__ */ r.jsxs(j, { size: 14, children: [
+    return /* @__PURE__ */ r.jsxs(w, { size: 14, children: [
       "Filter by ID[",
       t,
       "] is not found"
@@ -30073,7 +30101,7 @@ const LM = z(() => {
   }, spacing: "sm", pb: "59px", children: [
     /* @__PURE__ */ r.jsx(M, { pt: 9, pb: 8, sx: {
       borderBottom: "1px solid #eee"
-    }, children: /* @__PURE__ */ r.jsx(j, { px: "md", align: "left", sx: {
+    }, children: /* @__PURE__ */ r.jsx(w, { px: "md", align: "left", sx: {
       userSelect: "none",
       cursor: "default"
     }, children: t("filter.manage") }) }),
@@ -30097,7 +30125,7 @@ const LM = z(() => {
     /* @__PURE__ */ r.jsx(M, { sx: {
       flexGrow: 1,
       overflow: "auto"
-    }, children: /* @__PURE__ */ r.jsx(X.Group, { size: "xs", value: e, onChange: n, children: /* @__PURE__ */ r.jsxs(Ve, { fontSize: "sm", highlightOnHover: !0, sx: {
+    }, children: /* @__PURE__ */ r.jsx(X.Group, { size: "xs", value: e, onChange: n, children: /* @__PURE__ */ r.jsxs(qe, { fontSize: "sm", highlightOnHover: !0, sx: {
       tableLayout: "fixed"
     }, children: [
       /* @__PURE__ */ r.jsx("thead", { children: /* @__PURE__ */ r.jsxs("tr", { children: [
@@ -30161,7 +30189,7 @@ const LM = z(() => {
       borderBottom: "1px solid #eee",
       background: "#efefef",
       flexGrow: 0
-    }, children: /* @__PURE__ */ r.jsx(j, { weight: 500, children: t("mock_context.label") }) }),
+    }, children: /* @__PURE__ */ r.jsx(w, { weight: 500, children: t("mock_context.label") }) }),
     /* @__PURE__ */ r.jsxs(y, { grow: !0, px: "md", pb: "md", pt: 0, sx: {
       flexGrow: 1,
       position: "relative",
@@ -30170,7 +30198,7 @@ const LM = z(() => {
       /* @__PURE__ */ r.jsxs(k, { spacing: 10, sx: {
         maxWidth: "unset !important"
       }, children: [
-        /* @__PURE__ */ r.jsx(j, { children: t("mock_context.hint") }),
+        /* @__PURE__ */ r.jsx(w, { children: t("mock_context.hint") }),
         /* @__PURE__ */ r.jsx(tl, { validationError: "Invalid json", formatOnBlur: !0, autosize: !0, minRows: 30, value: n, onChange: s, sx: {
           flexGrow: 1
         } })
@@ -30198,14 +30226,14 @@ const LM = z(() => {
     t
   } = _(), {
     panel: e
-  } = Ct(), n = Pe().layouts.findItemByPanelID(e.id), {
+  } = Ct(), n = Fe().layouts.findItemByPanelID(e.id), {
     style: s
   } = e;
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsx(L, { mb: -10, label: t("panel.style.label"), labelPosition: "center", variant: "dashed" }),
     /* @__PURE__ */ r.jsxs(k, { spacing: 20, children: [
       /* @__PURE__ */ r.jsxs(y, { grow: !0, align: "top", children: [
-        /* @__PURE__ */ r.jsx(le, { label: t("panel.style.width"), min: 1, max: 36, step: 1, precision: 0, rightSection: /* @__PURE__ */ r.jsx(j, { size: 12, children: t("panel.style.width_postfix") }), styles: {
+        /* @__PURE__ */ r.jsx(le, { label: t("panel.style.width"), min: 1, max: 36, step: 1, precision: 0, rightSection: /* @__PURE__ */ r.jsx(w, { size: 12, children: t("panel.style.width_postfix") }), styles: {
           rightSection: {
             width: "auto",
             maxWidth: "100px",
@@ -30215,7 +30243,7 @@ const LM = z(() => {
         }, value: n.w, onChange: (i) => {
           i && n.setWidth(i);
         } }),
-        /* @__PURE__ */ r.jsx(le, { label: t("panel.style.height"), rightSection: /* @__PURE__ */ r.jsx(j, { size: 12, children: t("panel.style.height_postfix") }), styles: {
+        /* @__PURE__ */ r.jsx(le, { label: t("panel.style.height"), rightSection: /* @__PURE__ */ r.jsx(w, { size: 12, children: t("panel.style.height_postfix") }), styles: {
           rightSection: {
             width: "40px"
           }
@@ -30245,11 +30273,11 @@ const LM = z(() => {
   const l = !s.trim();
   return /* @__PURE__ */ r.jsxs(k, { spacing: 4, children: [
     /* @__PURE__ */ r.jsxs(y, { align: "center", children: [
-      /* @__PURE__ */ r.jsxs(j, { size: 14, fw: 500, children: [
+      /* @__PURE__ */ r.jsxs(w, { size: 14, fw: 500, children: [
         t("panel.panel_name"),
         /* @__PURE__ */ r.jsx(ZM, {})
       ] }),
-      /* @__PURE__ */ r.jsx(Y, { variant: "subtle", color: "blue", disabled: !a || l, onClick: o, children: /* @__PURE__ */ r.jsx(Ne, { size: 18 }) })
+      /* @__PURE__ */ r.jsx(Y, { variant: "subtle", color: "blue", disabled: !a || l, onClick: o, children: /* @__PURE__ */ r.jsx(Pe, { size: 18 }) })
     ] }),
     /* @__PURE__ */ r.jsx(D, { value: s, onChange: i, required: !0 })
   ] });
@@ -30334,7 +30362,7 @@ function vu({
   });
   return t.length === 0 ? /* @__PURE__ */ r.jsx(M, { sx: {
     height: "5em"
-  } }) : /* @__PURE__ */ r.jsx(Ue, { children: /* @__PURE__ */ r.jsxs(Ve, { sx: rL, children: [
+  } }) : /* @__PURE__ */ r.jsx(Ue, { children: /* @__PURE__ */ r.jsxs(qe, { sx: rL, children: [
     /* @__PURE__ */ r.jsx("thead", { children: n.getHeaderGroups().map((s) => /* @__PURE__ */ r.jsx("tr", { children: s.headers.map((i) => /* @__PURE__ */ r.jsxs("th", { style: {
       width: i.getSize()
     }, children: [
@@ -30391,7 +30419,7 @@ const sL = [{
       !d && /* @__PURE__ */ r.jsx(
         V,
         {
-          icon: /* @__PURE__ */ r.jsx(j, { ta: "center", color: "dimmed", size: 14, children: a("common.pagination.page_size") }),
+          icon: /* @__PURE__ */ r.jsx(w, { ta: "center", color: "dimmed", size: 14, children: a("common.pagination.page_size") }),
           size: "xs",
           styles: iL,
           data: sL,
@@ -30400,7 +30428,7 @@ const sL = [{
         }
       )
     ] }),
-    /* @__PURE__ */ r.jsx(y, { position: "right", children: /* @__PURE__ */ r.jsx(j, { color: "dimmed", my: 0, size: 14, children: a("common.pagination.total_rows", {
+    /* @__PURE__ */ r.jsx(y, { position: "right", children: /* @__PURE__ */ r.jsx(w, { color: "dimmed", my: 0, size: 14, children: a("common.pagination.total_rows", {
       total: o
     }) }) })
   ] });
@@ -30427,13 +30455,13 @@ const sL = [{
 }), lL = ({
   queryID: t
 }) => {
-  const e = Pe(), {
+  const e = Fe(), {
     state: n,
     error: s
   } = e.getDataStuffByID(t), i = A.useMemo(() => e.queries.findByID(t), [e, t]);
-  return n === "loading" ? null : s ? /* @__PURE__ */ r.jsx(j, { mt: 10, color: "red", size: "md", align: "center", sx: {
+  return n === "loading" ? null : s ? /* @__PURE__ */ r.jsx(w, { mt: 10, color: "red", size: "md", align: "center", sx: {
     fontFamily: "monospace"
-  }, children: s }) : i != null && i.stateMessage ? /* @__PURE__ */ r.jsx(j, { mt: 10, color: "gray", align: "center", children: i.stateMessage }) : null;
+  }, children: s }) : i != null && i.stateMessage ? /* @__PURE__ */ r.jsx(w, { mt: 10, color: "gray", align: "center", children: i.stateMessage }) : null;
 }, yi = z(({
   id: t,
   moreActions: e,
@@ -30441,7 +30469,7 @@ const sL = [{
 }) => {
   const {
     t: s
-  } = _(), i = Pe(), {
+  } = _(), i = Fe(), {
     data: a,
     state: o
   } = i.getDataStuffByID(t), l = o === "loading", c = Ge(() => {
@@ -30461,7 +30489,7 @@ const sL = [{
       borderBottom: "1px solid #eee",
       background: "#efefef"
     }, children: [
-      /* @__PURE__ */ r.jsx(y, { position: "left", children: /* @__PURE__ */ r.jsx(j, { weight: 500, children: s("data.preview_data") }) }),
+      /* @__PURE__ */ r.jsx(y, { position: "left", children: /* @__PURE__ */ r.jsx(w, { weight: 500, children: s("data.preview_data") }) }),
       /* @__PURE__ */ r.jsxs(y, { pr: 15, children: [
         e,
         /* @__PURE__ */ r.jsx(Y, { variant: "subtle", color: "blue", disabled: l, onClick: c, children: /* @__PURE__ */ r.jsx(Si, { size: 16 }) }),
@@ -30518,7 +30546,7 @@ const sL = [{
       flexShrink: 0
     }, children: [
       /* @__PURE__ */ r.jsx(y, { children: /* @__PURE__ */ r.jsx(nu, {}) }),
-      /* @__PURE__ */ r.jsx(y, { grow: !0, position: "center", children: /* @__PURE__ */ r.jsx(j, { lineClamp: 1, weight: "bold", children: t.title.show ? t.name : "" }) }),
+      /* @__PURE__ */ r.jsx(y, { grow: !0, position: "center", children: /* @__PURE__ */ r.jsx(w, { lineClamp: 1, weight: "bold", children: t.title.show ? t.name : "" }) }),
       /* @__PURE__ */ r.jsx(y, { position: "right", spacing: 0, sx: {
         height: "28px"
       } })
@@ -30572,7 +30600,7 @@ class uL {
   }
   addNew() {
     const e = this.panel.variables.filter((n) => n.name.startsWith(Zs.name)).length;
-    this.panel.addVariable(qe({
+    this.panel.addVariable(Ne({
       ...Zs,
       name: `${Zs.name}${e || ""}`
     })), this.selected = cl(this.panel.variables);
@@ -30621,12 +30649,12 @@ function pL({
   }, u = Xo(), h = A.useMemo(() => Object.entries(u.colors).map(([p, m]) => m[6]), [u]);
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsxs(y, { position: "left", ref: s, children: [
-      /* @__PURE__ */ r.jsx(j, { children: t }),
+      /* @__PURE__ */ r.jsx(w, { children: t }),
       /* @__PURE__ */ r.jsx(Y, { mr: 5, variant: "filled", color: "blue", disabled: !c, onClick: d, children: /* @__PURE__ */ r.jsx(Gt, { size: 20 }) })
     ] }),
     /* @__PURE__ */ r.jsxs(y, { children: [
       i.map((p, m) => /* @__PURE__ */ r.jsx(_i, { value: p, onChange: (b) => {
-        a((w) => (w.splice(m, 1, b), [...w]));
+        a((j) => (j.splice(m, 1, b), [...j]));
       }, swatches: h, rightSection: /* @__PURE__ */ r.jsx(Y, { onClick: () => l(m), color: "red", children: /* @__PURE__ */ r.jsx(ce, { size: 14 }) }), sx: {
         width: "45%"
       } })),
@@ -30650,13 +30678,13 @@ function xL({
   };
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsxs(y, { position: "left", ref: i, children: [
-      /* @__PURE__ */ r.jsx(j, { children: t }),
+      /* @__PURE__ */ r.jsx(w, { children: t }),
       /* @__PURE__ */ r.jsx(Y, { mr: 5, variant: "filled", color: "blue", disabled: !d, onClick: u, children: /* @__PURE__ */ r.jsx(Gt, { size: 20 }) })
     ] }),
     /* @__PURE__ */ r.jsxs(y, { children: [
       a.map((h, p) => /* @__PURE__ */ r.jsx(D, { type: s, value: h, onChange: (m) => {
         const b = m.currentTarget.value;
-        o((w) => (w.splice(p, 1, b), [...w]));
+        o((j) => (j.splice(p, 1, b), [...j]));
       }, rightSection: /* @__PURE__ */ r.jsx(Y, { onClick: () => c(p), color: "red", children: /* @__PURE__ */ r.jsx(ce, { size: 14 }) }), sx: {
         width: "45%"
       } })),
@@ -30746,7 +30774,7 @@ const gL = A.forwardRef(xL), fL = A.forwardRef(function({
       ] })
     ] }),
     s && /* @__PURE__ */ r.jsx(Rr, { variant: "contained", children: /* @__PURE__ */ r.jsxs(Rr.Item, { value: "Styles", children: [
-      /* @__PURE__ */ r.jsx(Rr.Control, { icon: /* @__PURE__ */ r.jsx(j, { size: "xl", children: "🖼️" }), children: o("style.label") }),
+      /* @__PURE__ */ r.jsx(Rr.Control, { icon: /* @__PURE__ */ r.jsx(w, { size: "xl", children: "🖼️" }), children: o("style.label") }),
       /* @__PURE__ */ r.jsx(Rr.Panel, { children: /* @__PURE__ */ r.jsx(fL, { value: e, onChange: n }) })
     ] }) }),
     /* @__PURE__ */ r.jsx(I, { mt: 20, leftIcon: /* @__PURE__ */ r.jsx(Qt, { size: 16 }), color: "red", variant: "light", onClick: i, children: o("panel.variable.delete") })
@@ -30758,7 +30786,7 @@ const gL = A.forwardRef(xL), fL = A.forwardRef(function({
   return /* @__PURE__ */ r.jsxs(k, { "data-testid": "variable-editor", align: "stretch", children: [
     /* @__PURE__ */ r.jsxs(y, { position: "apart", children: [
       /* @__PURE__ */ r.jsx(I, { variant: "subtle", size: "xs", disabled: !n.changed, color: "red", onClick: n.reset, leftIcon: /* @__PURE__ */ r.jsx(vr, { size: 18 }), children: e("common.actions.revert_changes") }),
-      /* @__PURE__ */ r.jsx(I, { variant: "filled", size: "xs", disabled: !n.changed, color: "green", onClick: n.commit, leftIcon: /* @__PURE__ */ r.jsx(Ne, { size: 18 }), children: e("common.actions.save_changes") })
+      /* @__PURE__ */ r.jsx(I, { variant: "filled", size: "xs", disabled: !n.changed, color: "green", onClick: n.commit, leftIcon: /* @__PURE__ */ r.jsx(Pe, { size: 18 }), children: e("common.actions.save_changes") })
     ] }),
     /* @__PURE__ */ r.jsx(bL, { value: Dt(n.copy), onChange: n.update, remove: s })
   ] });
@@ -30810,7 +30838,7 @@ const _L = z(({
     panel: e
   } = Ct();
   return Object.keys(e.variableStrings).length === 0 ? null : /* @__PURE__ */ r.jsxs(k, { mt: 22, spacing: 4, children: [
-    /* @__PURE__ */ r.jsx(j, { size: "sm", fw: 500, color: "dimmed", children: t("panel.variable.labels") }),
+    /* @__PURE__ */ r.jsx(w, { size: "sm", fw: 500, color: "dimmed", children: t("panel.variable.labels") }),
     /* @__PURE__ */ r.jsx(rn, { language: "json", colorScheme: "dark", noCopy: !0, children: JSON.stringify(e.variableStrings, null, 4) })
   ] });
 });
@@ -30950,7 +30978,7 @@ const zL = z(() => {
         flexShrink: 0
       }, children: [
         /* @__PURE__ */ r.jsx(I, { size: "xs", color: "red", leftIcon: /* @__PURE__ */ r.jsx(jl, { size: 14 }), onClick: c, children: n("common.actions.cancel") }),
-        /* @__PURE__ */ r.jsx(I, { size: "xs", color: "blue", leftIcon: /* @__PURE__ */ r.jsx(Ne, { size: 14 }), onClick: d, disabled: i === e, children: n("common.actions.confirm") })
+        /* @__PURE__ */ r.jsx(I, { size: "xs", color: "blue", leftIcon: /* @__PURE__ */ r.jsx(Pe, { size: 14 }), onClick: d, disabled: i === e, children: n("common.actions.confirm") })
       ] })
     ] }) })
   ] });
@@ -31032,7 +31060,7 @@ const ML = z(({
     /* @__PURE__ */ r.jsxs(y, { px: 16, position: "apart", sx: {
       borderBottom: "1px solid #eee"
     }, children: [
-      /* @__PURE__ */ r.jsx(j, { pt: 9, pb: 8, children: t.name }),
+      /* @__PURE__ */ r.jsx(w, { pt: 9, pb: 8, children: t.name }),
       /* @__PURE__ */ r.jsxs(y, { position: "right", noWrap: !0, children: [
         /* @__PURE__ */ r.jsx(TL, { panel: t, sourceViewID: h }),
         /* @__PURE__ */ r.jsx(I, { size: "xs", variant: "subtle", color: "red", onClick: m, leftIcon: /* @__PURE__ */ r.jsx(Qt, { size: 14 }), children: e("panel.delete") })
@@ -31042,8 +31070,8 @@ const ML = z(({
       /* @__PURE__ */ r.jsxs(g.List, { children: [
         /* @__PURE__ */ r.jsx(g.Tab, { value: "Data", disabled: d, children: e("data.label") }),
         /* @__PURE__ */ r.jsx(g.Tab, { value: "Panel", children: e("panel.label") }),
-        /* @__PURE__ */ r.jsx(g.Tab, { value: "Variables", disabled: u, children: /* @__PURE__ */ r.jsx(ye, { label: "Requires data", disabled: !u, withinPortal: !0, zIndex: 310, children: /* @__PURE__ */ r.jsx(j, { children: e("panel.variable.labels") }) }) }),
-        /* @__PURE__ */ r.jsx(g.Tab, { value: "Visualization", disabled: u, children: /* @__PURE__ */ r.jsx(ye, { label: "Requires data", disabled: !u, withinPortal: !0, zIndex: 310, children: /* @__PURE__ */ r.jsx(j, { children: e("visualization.label") }) }) }),
+        /* @__PURE__ */ r.jsx(g.Tab, { value: "Variables", disabled: u, children: /* @__PURE__ */ r.jsx(ye, { label: "Requires data", disabled: !u, withinPortal: !0, zIndex: 310, children: /* @__PURE__ */ r.jsx(w, { children: e("panel.variable.labels") }) }) }),
+        /* @__PURE__ */ r.jsx(g.Tab, { value: "Visualization", disabled: u, children: /* @__PURE__ */ r.jsx(ye, { label: "Requires data", disabled: !u, withinPortal: !0, zIndex: 310, children: /* @__PURE__ */ r.jsx(w, { children: e("visualization.label") }) }) }),
         /* @__PURE__ */ r.jsx(g.Tab, { value: "Interactions", children: e("interactions.label") })
       ] }),
       /* @__PURE__ */ r.jsxs(g.Panel, { value: "Data", children: [
@@ -31062,13 +31090,13 @@ const ML = z(({
 }) => {
   const n = ae();
   if (!n.views.findByID(t))
-    return /* @__PURE__ */ r.jsxs(j, { size: 14, children: [
+    return /* @__PURE__ */ r.jsxs(w, { size: 14, children: [
       "View by ID[",
       t,
       "] is not found"
     ] });
   const i = n.panels.findByID(e);
-  return i ? /* @__PURE__ */ r.jsx(ML, { panel: i }) : /* @__PURE__ */ r.jsxs(j, { size: 14, children: [
+  return i ? /* @__PURE__ */ r.jsx(ML, { panel: i }) : /* @__PURE__ */ r.jsxs(w, { size: 14, children: [
     "Panel by ID[",
     e,
     "] is not found"
@@ -31081,7 +31109,7 @@ const ML = z(({
   }, o = () => {
     s.openConfirmModal({
       title: "Delete ununsed queries?",
-      children: /* @__PURE__ */ r.jsx(j, { size: "sm", children: "This action cannot be undone." }),
+      children: /* @__PURE__ */ r.jsx(w, { size: "sm", children: "This action cannot be undone." }),
       labels: {
         confirm: t("common.actions.confirm"),
         cancel: t("common.actions.cancel")
@@ -31105,7 +31133,7 @@ const ML = z(({
   }, spacing: "sm", pb: "59px", children: [
     /* @__PURE__ */ r.jsx(M, { pt: 9, pb: 8, sx: {
       borderBottom: "1px solid #eee"
-    }, children: /* @__PURE__ */ r.jsx(j, { px: "md", align: "left", sx: {
+    }, children: /* @__PURE__ */ r.jsx(w, { px: "md", align: "left", sx: {
       userSelect: "none",
       cursor: "default"
     }, children: t("query.manage") }) }),
@@ -31132,7 +31160,7 @@ const ML = z(({
     /* @__PURE__ */ r.jsx(M, { sx: {
       flexGrow: 1,
       overflow: "auto"
-    }, children: /* @__PURE__ */ r.jsx(X.Group, { size: "xs", value: e, onChange: n, children: /* @__PURE__ */ r.jsxs(Ve, { fontSize: "sm", highlightOnHover: !0, sx: {
+    }, children: /* @__PURE__ */ r.jsx(X.Group, { size: "xs", value: e, onChange: n, children: /* @__PURE__ */ r.jsxs(qe, { fontSize: "sm", highlightOnHover: !0, sx: {
       tableLayout: "fixed"
     }, children: [
       /* @__PURE__ */ r.jsx("thead", { children: /* @__PURE__ */ r.jsxs("tr", { children: [
@@ -31237,7 +31265,7 @@ const ML = z(({
   const {
     columns: e
   } = t;
-  return e.loading ? /* @__PURE__ */ r.jsx(ju, { height: "24px", width: "100%", lastWidth: "100%", count: 20, pl: 6 }) : e.empty ? null : /* @__PURE__ */ r.jsxs(Ve, { highlightOnHover: !0, fontSize: 14, sx: {
+  return e.loading ? /* @__PURE__ */ r.jsx(ju, { height: "24px", width: "100%", lastWidth: "100%", count: 20, pl: 6 }) : e.empty ? null : /* @__PURE__ */ r.jsxs(qe, { highlightOnHover: !0, fontSize: 14, sx: {
     width: "auto",
     minWidth: "1000px",
     alignSelf: "flex-start",
@@ -31297,7 +31325,7 @@ const ML = z(({
   const {
     indexes: e
   } = t, n = e.data;
-  return /* @__PURE__ */ r.jsxs(Ve, { highlightOnHover: !0, fontSize: 14, sx: {
+  return /* @__PURE__ */ r.jsxs(qe, { highlightOnHover: !0, fontSize: 14, sx: {
     width: "auto",
     minWidth: "950px",
     alignSelf: "flex-start",
@@ -31345,7 +31373,7 @@ const ML = z(({
   const {
     indexes: e
   } = t, n = e.data;
-  return /* @__PURE__ */ r.jsxs(Ve, { highlightOnHover: !0, fontSize: 14, sx: {
+  return /* @__PURE__ */ r.jsxs(qe, { highlightOnHover: !0, fontSize: 14, sx: {
     width: "auto",
     minWidth: "850px",
     alignSelf: "flex-start",
@@ -31475,7 +31503,7 @@ const BL = z(({
       /* @__PURE__ */ r.jsx(
         V,
         {
-          icon: /* @__PURE__ */ r.jsx(j, { ta: "center", color: "dimmed", size: 14, children: e("common.pagination.page_size") }),
+          icon: /* @__PURE__ */ r.jsx(w, { ta: "center", color: "dimmed", size: 14, children: e("common.pagination.page_size") }),
           size: "xs",
           styles: QL,
           data: GL,
@@ -31484,7 +31512,7 @@ const BL = z(({
         }
       )
     ] }),
-    /* @__PURE__ */ r.jsx(y, { position: "right", children: /* @__PURE__ */ r.jsx(j, { color: "dimmed", my: 0, size: 14, children: e("common.pagination.total_rows", {
+    /* @__PURE__ */ r.jsx(y, { position: "right", children: /* @__PURE__ */ r.jsx(w, { color: "dimmed", my: 0, size: 14, children: e("common.pagination.total_rows", {
       total: n.total
     }) }) })
   ] });
@@ -31492,9 +31520,9 @@ const BL = z(({
   dataSource: t
 }) => {
   const e = t.tableData;
-  return e.maxPage === 0 ? /* @__PURE__ */ r.jsx(j, { mt: 20, color: "red", size: "md", align: "center", sx: {
+  return e.maxPage === 0 ? /* @__PURE__ */ r.jsx(w, { mt: 20, color: "red", size: "md", align: "center", sx: {
     fontFamily: "monospace"
-  }, children: "This table is empty" }) : e.error ? /* @__PURE__ */ r.jsx(j, { mt: 20, color: "red", size: "md", align: "center", sx: {
+  }, children: "This table is empty" }) : e.error ? /* @__PURE__ */ r.jsx(w, { mt: 20, color: "red", size: "md", align: "center", sx: {
     fontFamily: "monospace"
   }, children: e.error }) : e.page === 1 && e.loading ? /* @__PURE__ */ r.jsx(WL, { visible: !0 }) : /* @__PURE__ */ r.jsxs(Ue, { children: [
     /* @__PURE__ */ r.jsx(HL, { dataSource: t }),
@@ -31528,7 +31556,7 @@ const BL = z(({
   } = _();
   return O(() => {
     t.loadTablesIfEmpty();
-  }, [t]), t.tables.error ? /* @__PURE__ */ r.jsx(j, { color: "red", size: "md", align: "center", sx: {
+  }, [t]), t.tables.error ? /* @__PURE__ */ r.jsx(w, { color: "red", size: "md", align: "center", sx: {
     fontFamily: "monospace"
   }, children: t.tables.error }) : /* @__PURE__ */ r.jsxs(Ut, { sx: {
     height: "100%"
@@ -31579,7 +31607,7 @@ const BL = z(({
     /* @__PURE__ */ r.jsx(Se, { opened: s, onClose: () => i(!1), title: /* @__PURE__ */ r.jsxs(y, { position: "apart", sx: {
       flexGrow: 1
     }, children: [
-      /* @__PURE__ */ r.jsx(j, { fw: 500, children: n("data_source.explorer") }),
+      /* @__PURE__ */ r.jsx(w, { fw: 500, children: n("data_source.explorer") }),
       /* @__PURE__ */ r.jsxs(y, { spacing: 7, children: [
         /* @__PURE__ */ r.jsx(_n, { variant: "gradient", gradient: {
           from: "indigo",
@@ -31614,10 +31642,10 @@ const BL = z(({
   }
 }, children: [
   /* @__PURE__ */ r.jsx(Ep, { size: 14, color: "#228be6" }),
-  /* @__PURE__ */ r.jsx(j, { color: "blue", children: t })
+  /* @__PURE__ */ r.jsx(w, { color: "blue", children: t })
 ] }) : /* @__PURE__ */ r.jsxs(y, { position: "apart", ref: s, ...n, children: [
-  /* @__PURE__ */ r.jsx(j, { children: t }),
-  /* @__PURE__ */ r.jsx(j, { children: e })
+  /* @__PURE__ */ r.jsx(w, { children: t }),
+  /* @__PURE__ */ r.jsx(w, { children: e })
 ] })), ZL = z(({
   value: t,
   onChange: e
@@ -31653,7 +31681,7 @@ const BL = z(({
       size: "xs",
       px: 10
     } })
-  ] }), itemComponent: XL, rightSection: d ? /* @__PURE__ */ r.jsx(j, { size: "xs", color: "dimmed", children: d.type }) : void 0, rightSectionWidth: 85, maxDropdownHeight: 500, styles: {
+  ] }), itemComponent: XL, rightSection: d ? /* @__PURE__ */ r.jsx(w, { size: "xs", color: "dimmed", children: d.type }) : void 0, rightSectionWidth: 85, maxDropdownHeight: 500, styles: {
     root: {
       flex: 1
     },
@@ -31676,8 +31704,8 @@ const BL = z(({
     ...i
   } = t;
   return /* @__PURE__ */ r.jsx("div", { ref: e, ...i, children: /* @__PURE__ */ r.jsxs(y, { position: "apart", noWrap: !0, children: [
-    /* @__PURE__ */ r.jsx(j, { children: n }),
-    /* @__PURE__ */ r.jsx(j, { size: "xs", color: "dimmed", children: s })
+    /* @__PURE__ */ r.jsx(w, { children: n }),
+    /* @__PURE__ */ r.jsx(w, { size: "xs", color: "dimmed", children: s })
   ] }) });
 }), eA = z(({
   queryModel: t
@@ -31697,7 +31725,7 @@ const BL = z(({
       flex: 1
     }, value: n, onChange: (i) => {
       s(i.currentTarget.value);
-    }, rightSection: /* @__PURE__ */ r.jsx(Y, { variant: "filled", color: "blue", size: "sm", onClick: () => t.setName(n), disabled: n === t.name, children: /* @__PURE__ */ r.jsx(Ne, { size: 16 }) }), onBlur: () => {
+    }, rightSection: /* @__PURE__ */ r.jsx(Y, { variant: "filled", color: "blue", size: "sm", onClick: () => t.setName(n), disabled: n === t.name, children: /* @__PURE__ */ r.jsx(Pe, { size: 16 }) }), onBlur: () => {
       t.setName(n);
     } }),
     /* @__PURE__ */ r.jsx(ZL, { value: {
@@ -31726,7 +31754,7 @@ function tA({
 }
 const nA = z(() => {
   const e = [...xe().globalSQLSnippets.list];
-  return e.length === 0 ? null : /* @__PURE__ */ r.jsxs(Ve, { horizontalSpacing: "xs", verticalSpacing: "xs", fontSize: "sm", highlightOnHover: !0, children: [
+  return e.length === 0 ? null : /* @__PURE__ */ r.jsxs(qe, { horizontalSpacing: "xs", verticalSpacing: "xs", fontSize: "sm", highlightOnHover: !0, children: [
     /* @__PURE__ */ r.jsx("thead", { children: /* @__PURE__ */ r.jsxs("tr", { children: [
       /* @__PURE__ */ r.jsx("th", { children: "Key" }),
       /* @__PURE__ */ r.jsx("th", { children: "Value" })
@@ -31846,7 +31874,7 @@ WHERE
   }, a = (o) => {
     s.setPath(["_VIEWS_", o]);
   };
-  return /* @__PURE__ */ r.jsx(k, { py: "sm", px: "md", children: /* @__PURE__ */ r.jsxs(Ve, { highlightOnHover: !0, sx: {
+  return /* @__PURE__ */ r.jsx(k, { py: "sm", px: "md", children: /* @__PURE__ */ r.jsxs(qe, { highlightOnHover: !0, sx: {
     tableLayout: "fixed"
   }, children: [
     /* @__PURE__ */ r.jsx("thead", { children: /* @__PURE__ */ r.jsxs("tr", { children: [
@@ -31898,7 +31926,7 @@ WHERE
   return i ? /* @__PURE__ */ r.jsxs(Te, { withinPortal: !0, zIndex: 340, shadow: "md", disabled: !i, children: [
     /* @__PURE__ */ r.jsx(Te.Target, { children: /* @__PURE__ */ r.jsx(I, { size: "xs", variant: "subtle", color: s ? "red" : "green", disabled: !i, leftIcon: s ? /* @__PURE__ */ r.jsx(vl, { size: 16 }) : /* @__PURE__ */ r.jsx(Pp, { size: 16 }), children: e("query.dependency.label") }) }),
     /* @__PURE__ */ r.jsx(Te.Dropdown, { children: /* @__PURE__ */ r.jsx(ct, { spacing: "md", size: 14, listStyleType: "none", children: Object.entries(n).map(([a, o]) => /* @__PURE__ */ r.jsxs(ct.Item, { children: [
-      /* @__PURE__ */ r.jsx(j, { fw: "bold", ff: "monospace", children: e(`${a}.label`) }),
+      /* @__PURE__ */ r.jsx(w, { fw: "bold", ff: "monospace", children: e(`${a}.label`) }),
       /* @__PURE__ */ r.jsx(ct, { withPadding: !0, size: 14, sx: {
         fontFamily: "monospace",
         svg: {
@@ -31942,7 +31970,7 @@ WHERE
       /* @__PURE__ */ r.jsxs(y, { position: "right", children: [
         /* @__PURE__ */ r.jsx(I, { onClick: o, size: "xs", variant: "default", leftIcon: /* @__PURE__ */ r.jsx(fl, { size: 16 }), children: e("common.actions.reset_to_default") }),
         /* @__PURE__ */ r.jsx(I, { onClick: a, color: "red", size: "xs", disabled: !l, leftIcon: /* @__PURE__ */ r.jsx(vr, { size: 16 }), children: e("common.actions.revert_changes") }),
-        /* @__PURE__ */ r.jsx(I, { color: "green", size: "xs", onClick: i, disabled: !l, leftIcon: /* @__PURE__ */ r.jsx(Ne, { size: 16 }), children: e("common.actions.save_changes") })
+        /* @__PURE__ */ r.jsx(I, { color: "green", size: "xs", onClick: i, disabled: !l, leftIcon: /* @__PURE__ */ r.jsx(Pe, { size: 16 }), children: e("common.actions.save_changes") })
       ] })
     ] }),
     /* @__PURE__ */ r.jsx(za, { height: "100%", value: n, onChange: s, theme: "sql-dark", defaultLanguage: "sql" })
@@ -31963,7 +31991,7 @@ WHERE
 } }), dA = z(({
   value: t
 }) => {
-  const n = Pe().payloadForSQL, s = A.useMemo(() => Ii(t, n), [t, n]);
+  const n = Fe().payloadForSQL, s = A.useMemo(() => Ii(t, n), [t, n]);
   return /* @__PURE__ */ r.jsx(cA, { height: "100%", value: s });
 }), Ko = {
   pre: ["function process_request({ context, filters, sql }, utils) {", "    // modify and return sql", "    return sql", "}"].join(`
@@ -32015,9 +32043,9 @@ WHERE
   return t.isTransform ? /* @__PURE__ */ r.jsxs(k, { py: 20, px: 20, sx: {
     height: "100%"
   }, children: [
-    /* @__PURE__ */ r.jsx(j, { size: "sm", children: e("query.transform.guide.pick_queries") }),
+    /* @__PURE__ */ r.jsx(w, { size: "sm", children: e("query.transform.guide.pick_queries") }),
     /* @__PURE__ */ r.jsx(Nn, { data: n.queries.optionsWithoutTransform, value: [...t.dep_query_ids], onChange: t.setDependantQueryIDs, maxDropdownHeight: 800 }),
-    /* @__PURE__ */ r.jsx(j, { size: "sm", children: e("query.transform.guide.write_function") }),
+    /* @__PURE__ */ r.jsx(w, { size: "sm", children: e("query.transform.guide.write_function") }),
     /* @__PURE__ */ r.jsx(M, { sx: {
       flexGrow: 1
     }, children: /* @__PURE__ */ r.jsx(Gn, { label: "", value: t.pre_process, onChange: t.setPreProcess, defaultValue: hA.pre }) })
@@ -32044,8 +32072,8 @@ WHERE
       t.typedAsSQL && /* @__PURE__ */ r.jsx(g.Tab, { value: "SQL", children: e("query.request") }),
       t.typedAsHTTP && /* @__PURE__ */ r.jsx(g.Tab, { value: "HTTP", children: e("query.request") }),
       t.isTransform && /* @__PURE__ */ r.jsx(g.Tab, { value: "Transform", children: e("query.transform.label") }),
-      /* @__PURE__ */ r.jsx(g.Tab, { value: "Data", disabled: !t.canPreviewData, children: /* @__PURE__ */ r.jsx(ye, { label: t.guideToPreviewData, disabled: t.canPreviewData, withinPortal: !0, children: /* @__PURE__ */ r.jsx(j, { children: e("data.preview_data") }) }) }),
-      /* @__PURE__ */ r.jsx(g.Tab, { value: "Usage", disabled: l, children: /* @__PURE__ */ r.jsx(ye, { label: e("query.usage.unused_description"), disabled: !l, withinPortal: !0, children: /* @__PURE__ */ r.jsx(j, { children: e("query.usage.label") }) }) })
+      /* @__PURE__ */ r.jsx(g.Tab, { value: "Data", disabled: !t.canPreviewData, children: /* @__PURE__ */ r.jsx(ye, { label: t.guideToPreviewData, disabled: t.canPreviewData, withinPortal: !0, children: /* @__PURE__ */ r.jsx(w, { children: e("data.preview_data") }) }) }),
+      /* @__PURE__ */ r.jsx(g.Tab, { value: "Usage", disabled: l, children: /* @__PURE__ */ r.jsx(ye, { label: e("query.usage.unused_description"), disabled: !l, withinPortal: !0, children: /* @__PURE__ */ r.jsx(w, { children: e("query.usage.label") }) }) })
     ] }),
     /* @__PURE__ */ r.jsx(g.Panel, { value: "Configurations", pt: 0, p: 0, children: /* @__PURE__ */ r.jsx(eA, { queryModel: t }) }),
     t.typedAsSQL && /* @__PURE__ */ r.jsx(g.Panel, { value: "SQL", sx: ir, children: /* @__PURE__ */ r.jsx(k, { sx: {
@@ -32070,11 +32098,11 @@ WHERE
   id: t
 }) => {
   const n = ae().queries.findByID(t);
-  return t === "" ? null : n ? /* @__PURE__ */ r.jsx(mA, { queryModel: n }) : /* @__PURE__ */ r.jsx(j, { size: 14, color: "red", children: "Invalid Query ID" });
+  return t === "" ? null : n ? /* @__PURE__ */ r.jsx(mA, { queryModel: n }) : /* @__PURE__ */ r.jsx(w, { size: 14, color: "red", children: "Invalid Query ID" });
 }), gA = z(({
   value: t
 }) => {
-  const n = Pe().payloadForSQL, s = C(() => Ii(t, n), [t, n]);
+  const n = Fe().payloadForSQL, s = C(() => Ii(t, n), [t, n]);
   return /* @__PURE__ */ r.jsx(za, { height: "100%", value: s });
 }), fA = z(({
   item: t,
@@ -32091,8 +32119,8 @@ WHERE
   O(() => {
     l(t.key), p(t.value);
   }, [t]);
-  const b = h !== t.value, w = Rt(), T = () => {
-    w.openConfirmModal({
+  const b = h !== t.value, j = Rt(), T = () => {
+    j.openConfirmModal({
       title: `${s("sql_snippet.delete")}?`,
       labels: {
         confirm: s("common.actions.confirm"),
@@ -32160,7 +32188,7 @@ WHERE
   if (!t)
     return null;
   if (!s)
-    return /* @__PURE__ */ r.jsxs(j, { size: 14, children: [
+    return /* @__PURE__ */ r.jsxs(w, { size: 14, children: [
       "SQL Snippet by key[",
       t,
       "] is not found"
@@ -32181,7 +32209,7 @@ WHERE
   }, o = () => {
     s.openConfirmModal({
       title: "Delete ununsed SQL snippets?",
-      children: /* @__PURE__ */ r.jsx(j, { size: "sm", children: "This action cannot be undone." }),
+      children: /* @__PURE__ */ r.jsx(w, { size: "sm", children: "This action cannot be undone." }),
       labels: {
         confirm: t("common.actions.confirm"),
         cancel: t("common.actions.cancel")
@@ -32205,7 +32233,7 @@ WHERE
   }, spacing: "sm", pb: "59px", children: [
     /* @__PURE__ */ r.jsx(M, { pt: 9, pb: 8, sx: {
       borderBottom: "1px solid #eee"
-    }, children: /* @__PURE__ */ r.jsx(j, { px: "md", align: "left", sx: {
+    }, children: /* @__PURE__ */ r.jsx(w, { px: "md", align: "left", sx: {
       userSelect: "none",
       cursor: "default"
     }, children: t("sql_snippet.manage") }) }),
@@ -32232,7 +32260,7 @@ WHERE
     /* @__PURE__ */ r.jsx(M, { sx: {
       flexGrow: 1,
       overflow: "auto"
-    }, children: /* @__PURE__ */ r.jsx(X.Group, { size: "xs", value: e, onChange: n, children: /* @__PURE__ */ r.jsxs(Ve, { fontSize: "sm", highlightOnHover: !0, sx: {
+    }, children: /* @__PURE__ */ r.jsx(X.Group, { size: "xs", value: e, onChange: n, children: /* @__PURE__ */ r.jsxs(qe, { fontSize: "sm", highlightOnHover: !0, sx: {
       tableLayout: "fixed"
     }, children: [
       /* @__PURE__ */ r.jsx("thead", { children: /* @__PURE__ */ r.jsxs("tr", { children: [
@@ -32271,7 +32299,7 @@ WHERE
   ] });
 }), _A = z(({
   view: t
-}) => !t || t.type !== W.Division ? null : /* @__PURE__ */ r.jsx(k, {})), vA = z(({
+}) => !t || t.type !== G.Division ? null : /* @__PURE__ */ r.jsx(k, {})), vA = z(({
   view: t
 }) => {
   const {
@@ -32293,14 +32321,14 @@ WHERE
     value: "vertical",
     label: e("common.tabs.orientation.vertical")
   }], [n.language]);
-  if (!t || t.type !== W.Tabs)
+  if (!t || t.type !== G.Tabs)
     return null;
   const a = t.config;
   return /* @__PURE__ */ r.jsxs(k, { children: [
     /* @__PURE__ */ r.jsx(L, { mt: 8, mb: 0, label: e("view.component.tabs.tabs_settings"), labelPosition: "center" }),
     /* @__PURE__ */ r.jsx(V, { label: e("common.tabs.variant.label"), value: a.variant, onChange: a.setVariant, data: s }),
     /* @__PURE__ */ r.jsx(V, { label: e("common.tabs.orientation.label"), value: a.orientation, onChange: a.setOrientation, data: i }),
-    /* @__PURE__ */ r.jsx(Oe, { label: e("common.tabs.grow_tabs"), checked: a.grow, onChange: (o) => a.setGrow(o.currentTarget.checked) })
+    /* @__PURE__ */ r.jsx(Ve, { label: e("common.tabs.grow_tabs"), checked: a.grow, onChange: (o) => a.setGrow(o.currentTarget.checked) })
   ] });
 }), jA = ({
   disabled: t,
@@ -32340,11 +32368,11 @@ WHERE
     const {
       enabled: m,
       func_content: b
-    } = o, w = {
+    } = o, j = {
       enabled: m,
       func_content: b
     };
-    l(w), e(w);
+    l(j), e(j);
   }, u = () => {
     a(), l(t);
   }, h = (m) => {
@@ -32377,7 +32405,7 @@ WHERE
   const {
     t: e
   } = _();
-  if (!t || t.type !== W.Modal)
+  if (!t || t.type !== G.Modal)
     return null;
   const n = t.config, s = n.custom_modal_title.value;
   return /* @__PURE__ */ r.jsxs(k, { children: [
@@ -32407,13 +32435,13 @@ WHERE
     i18n: n
   } = _(), s = C(() => [{
     label: e("view.component.div.label"),
-    value: W.Division
+    value: G.Division
   }, {
     label: e("view.component.modal.label"),
-    value: W.Modal
+    value: G.Modal
   }, {
     label: e("view.component.tabs.label"),
-    value: W.Tabs
+    value: G.Tabs
   }], [n.language]);
   return t ? /* @__PURE__ */ r.jsxs(k, { sx: {
     position: "relative"
@@ -32434,7 +32462,7 @@ WHERE
     return null;
   const a = i.views.findByID(t);
   if (!a)
-    return /* @__PURE__ */ r.jsxs(j, { size: 14, children: [
+    return /* @__PURE__ */ r.jsxs(w, { size: 14, children: [
       "View by ID[",
       t,
       "] is not found"
@@ -32535,7 +32563,7 @@ const FA = z(() => /* @__PURE__ */ r.jsx(k, { sx: {
   if (!t)
     return null;
   const s = n.views.findByID(t);
-  return !s || s.type === W.Tabs ? null : /* @__PURE__ */ r.jsx(I, { variant: "subtle", leftIcon: /* @__PURE__ */ r.jsx(ut, { size: 14 }), size: "sm", px: "xs", mb: 10, color: "blue", onClick: () => n.addANewPanel(s.id), sx: {
+  return !s || s.type === G.Tabs ? null : /* @__PURE__ */ r.jsx(I, { variant: "subtle", leftIcon: /* @__PURE__ */ r.jsx(ut, { size: 14 }), size: "sm", px: "xs", mb: 10, color: "blue", onClick: () => n.addANewPanel(s.id), sx: {
     width: "100%",
     borderRadius: 0
   }, styles: {
@@ -32670,7 +32698,7 @@ const FA = z(() => /* @__PURE__ */ r.jsx(k, { sx: {
   }, children: [
     /* @__PURE__ */ r.jsx(qt.Section, { pt: 9, pb: 8, sx: {
       borderBottom: "1px solid #eee"
-    }, children: /* @__PURE__ */ r.jsx(j, { align: "center", sx: {
+    }, children: /* @__PURE__ */ r.jsx(w, { align: "center", sx: {
       userSelect: "none",
       cursor: "default"
     }, children: t("common.titles.settings") }) }),
@@ -32774,15 +32802,15 @@ const n2 = {
   const {
     data: b = []
   } = vn(Li), {
-    data: w = []
-  } = vn(Zl), T = A.useMemo(() => qD(e, n, b, w, t, c ?? {}), [e, n]);
+    data: j = []
+  } = vn(Zl), T = A.useMemo(() => qD(e, n, b, j, t, c ?? {}), [e, n]);
   A.useImperativeHandle(p, () => T, [T]), mu(T.content, !0), A.useEffect(() => {
     T.context.replace(t);
   }, [t]), A.useEffect(() => {
     T.datasources.replace(b);
   }, [b]), A.useEffect(() => {
-    T.globalSQLSnippets.replace(w);
-  }, [w]), A.useEffect(() => {
+    T.globalSQLSnippets.replace(j);
+  }, [j]), A.useEffect(() => {
     d == null || d(T.content.filters.values);
   }, [d, T.content.filters.values]), A.useEffect(() => {
     c && T.content.filters.patchValues(c);
@@ -32791,12 +32819,12 @@ const n2 = {
   }), [T]);
   const E = async () => {
     await s(T.json, T.content.json);
-  }, P = wt(ga, []), G = xu(P);
+  }, P = wt(ga, []), W = xu(P);
   return /* @__PURE__ */ r.jsx(sl, { children: /* @__PURE__ */ r.jsx(gc, { children: /* @__PURE__ */ r.jsx(lc, { value: {
     searchButtonProps: a.searchButtonProps
   }, children: /* @__PURE__ */ r.jsx(ic, { value: T, children: /* @__PURE__ */ r.jsx(dc, { value: T.content, children: /* @__PURE__ */ r.jsx(Ri.Provider, { value: {
     inEditMode: !0
-  }, children: /* @__PURE__ */ r.jsx(Pt.Provider, { value: P, children: /* @__PURE__ */ r.jsxs(Ts, { configure: G, children: [
+  }, children: /* @__PURE__ */ r.jsx(Pt.Provider, { value: P, children: /* @__PURE__ */ r.jsxs(Ts, { configure: W, children: [
     /* @__PURE__ */ r.jsx(rl, { padding: 0, header: /* @__PURE__ */ r.jsx(aM, { onExit: u, saveDashboardChanges: E, headerSlot: l }), navbar: /* @__PURE__ */ r.jsx(AM, {}), styles: n2, children: /* @__PURE__ */ r.jsx(M, { className: `${i} dashboard-root`, sx: {
       position: "relative"
     }, children: T.content.views.visibleViews.map((K) => /* @__PURE__ */ r.jsx(fD, { view: K }, K.id)) }) }),
@@ -32925,7 +32953,7 @@ function s2({
     definition: {
       queries: m,
       sqlSnippets: b,
-      mock_context: w = {}
+      mock_context: j = {}
     }
   } = a;
   return Cu.create({
@@ -32935,10 +32963,10 @@ function s2({
     create_time: s,
     update_time: i,
     version: c,
-    filters: Jd(d, o, w, l),
+    filters: Jd(d, o, j, l),
     queries: II(m),
     sqlSnippets: MI(b),
-    mock_context: Cd(w),
+    mock_context: Cd(j),
     views: wI(u),
     panels: {
       list: h
@@ -33017,7 +33045,7 @@ const o2 = ({
   }, [c, m.content.filters.values]), A.useEffect(() => {
     l && m.content.filters.patchValues(l);
   }, [l, m.content.filters.patchValues]);
-  const b = wt(ga, []), w = xu(b);
+  const b = wt(ga, []), j = xu(b);
   return /* @__PURE__ */ r.jsx(sl, { children: /* @__PURE__ */ r.jsx(gc, { children: /* @__PURE__ */ r.jsx(lc, { value: {
     searchButtonProps: i.searchButtonProps
   }, children: /* @__PURE__ */ r.jsx(ic, { value: m, children: /* @__PURE__ */ r.jsx(dc, { value: m.content, children: /* @__PURE__ */ r.jsx(xc.Provider, { value: {
@@ -33025,7 +33053,7 @@ const o2 = ({
     setFullScreenPanelID: o
   }, children: /* @__PURE__ */ r.jsx(Ri.Provider, { value: {
     inEditMode: !1
-  }, children: /* @__PURE__ */ r.jsx(M, { className: `${s} dashboard-root`, children: /* @__PURE__ */ r.jsx(Pt.Provider, { value: b, children: /* @__PURE__ */ r.jsx(Ts, { configure: w, children: m.content.views.visibleViews.map((T) => /* @__PURE__ */ r.jsx(ja, { view: T }, T.id)) }) }) }) }) }) }) }) }) }) });
+  }, children: /* @__PURE__ */ r.jsx(M, { className: `${s} dashboard-root`, children: /* @__PURE__ */ r.jsx(Pt.Provider, { value: b, children: /* @__PURE__ */ r.jsx(Ts, { configure: j, children: m.content.views.visibleViews.map((T) => /* @__PURE__ */ r.jsx(ja, { view: T }, T.id)) }) }) }) }) }) }) }) }) }) });
 }, lR = z(o2);
 $.extend(xm);
 $.extend(gm);
@@ -33191,6 +33219,17 @@ const l2 = {
                 m: "this month",
                 y: "this year"
               }
+            },
+            this_so_far: {
+              label: "this...so far",
+              w: "week",
+              m: "month",
+              y: "year",
+              full: {
+                w: "this week so far",
+                m: "this month so far",
+                y: "this year so far"
+              }
             }
           }
         }
@@ -33484,7 +33523,10 @@ const l2 = {
             red: "Red",
             green: "Green",
             blue: "Blue",
-            orange: "Orange"
+            orange: "Orange",
+            mapping: {
+              value_input_label: "Map a value to this color"
+            }
           }
         }
       }
@@ -34052,6 +34094,17 @@ const l2 = {
                 m: "本月",
                 y: "今年"
               }
+            },
+            this_so_far: {
+              label: "至今",
+              w: "周",
+              m: "月",
+              y: "年",
+              full: {
+                w: "本周至今",
+                m: "本月至今",
+                y: "本年至今"
+              }
             }
           }
         }
@@ -34345,7 +34398,10 @@ const l2 = {
             red: "红",
             green: "绿",
             blue: "蓝",
-            orange: "橙"
+            orange: "橙",
+            mapping: {
+              value_input_label: "映射一个值到此颜色"
+            }
           }
         }
       }
@@ -34835,7 +34891,7 @@ export {
   lx as DefaultApiClient,
   nu as DescriptionPopover,
   LI as DraftModel,
-  W as EViewComponentType,
+  G as EViewComponentType,
   nR as FacadeApiClient,
   zd as FilterCheckboxConfigMeta,
   Id as FilterDateRangeConfigMeta,
@@ -34926,7 +34982,7 @@ export {
   Ct as useEditPanelContext,
   ng as useFullScreenPanelContext,
   ZI as usePanelFullScreen,
-  Pe as useRenderContentModelContext,
+  Fe as useRenderContentModelContext,
   Xx as useRenderDashboardContext,
   Dn as useRenderPanelContext
 };