@devtable/dashboard 13.36.5 → 13.36.7

package/dist/dashboard.es.js

@@ -2,7 +2,7 @@ var Eg = Object.defineProperty;
 var Lg = (e, t, n) => t in e ? Eg(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var U = (e, t, n) => (Lg(e, typeof t != "symbol" ? t + "" : t, n), n);
 import O, { forwardRef as de, useRef as cr, useEffect as Q, useState as X, useCallback as Fe, useMemo as T, useLayoutEffect as Ag, createElement as ua, useContext as Jn, createContext as $u, memo as Rg } from "react";
-import { TextInput as E, Stack as k, Group as y, Button as M, Text as S, Box as R, Overlay as Fr, Modal as He, Tooltip as _e, ActionIcon as se, NativeSelect as el, Select as q, Divider as $, NumberInput as pe, SimpleGrid as Dr, Menu as oe, UnstyledButton as Ou, Flex as sn, ColorInput as pr, Center as mr, Badge as dr, CloseButton as ur, useMantineTheme as Yi, Popover as tn, ColorSwatch as Vs, ColorPicker as od, HoverCard as Xe, Checkbox as he, Switch as dt, Table as ot, MultiSelect as oi, Paper as Pg, Code as ld, Tabs as _, LoadingOverlay as Vr, Alert as Xi, createStyles as pi, Collapse as Ji, CheckIcon as $g, MANTINE_SIZES as Og, SegmentedControl as Fu, Anchor as Ns, Pagination as tl, Textarea as Vu, Mark as Nu, Slider as Fg, List as Qt, Affix as Vg, Header as Ng, FileInput as qg, ThemeIcon as Ka, Navbar as Bn, JsonInput as qu, Drawer as Bg, Radio as cd, Accordion as ys, Skeleton as dd, NavLink as yo, AppShell as Bu } from "@mantine/core";
+import { TextInput as E, Stack as C, Group as y, Button as M, Text as S, Box as R, Overlay as Fr, Modal as He, Tooltip as _e, ActionIcon as se, NativeSelect as el, Select as q, Divider as $, NumberInput as pe, SimpleGrid as Dr, Menu as oe, UnstyledButton as Ou, Flex as sn, ColorInput as pr, Center as mr, Badge as dr, CloseButton as ur, useMantineTheme as Yi, Popover as tn, ColorSwatch as Vs, ColorPicker as od, HoverCard as Xe, Checkbox as he, Switch as dt, Table as ot, MultiSelect as oi, Paper as Pg, Code as ld, Tabs as _, LoadingOverlay as Vr, Alert as Xi, createStyles as pi, Collapse as Ji, CheckIcon as $g, MANTINE_SIZES as Og, SegmentedControl as Fu, Anchor as Ns, Pagination as tl, Textarea as Vu, Mark as Nu, Slider as Fg, List as Qt, Affix as Vg, Header as Ng, FileInput as qg, ThemeIcon as Ka, Navbar as Bn, JsonInput as qu, Drawer as Bg, Radio as cd, Accordion as ys, Skeleton as dd, NavLink as yo, AppShell as Bu } from "@mantine/core";
 import { useModals as Pn, ModalsProvider as Wu } from "@mantine/modals";
 import { useBoolean as ht, useCreation as bn, useAsyncEffect as Zi, useRequest as Er, useLatest as ud, usePrevious as Wg, useWhyDidYouUpdate as Hu } from "ahooks";
 import { toJS as $n, observable as Gu, runInAction as Oi, reaction as Mt, makeAutoObservable as es } from "mobx";
@@ -13,7 +13,7 @@ import Qg from "crypto-js";
 import * as Qu from "d3-array";
 import { quantile as Ms } from "d3-array";
 import V from "dayjs";
-import C, { cloneDeepWith as Uu, unset as Ug, get as ge, isObject as Ku, set as nl, omit as Lr, isFunction as Kg, orderBy as Yg, last as Yu, defaults as Ee, minBy as Xg, maxBy as Jg, cloneDeep as pt, values as Xu, template as rl, throttle as Zg, range as eb, defaultsDeep as xt, isEqual as Dt, keyBy as tb, isEmpty as Ju, isNumber as nb, findLastIndex as rb, isString as Zu, pick as eh } from "lodash";
+import k, { cloneDeepWith as Uu, unset as Ug, get as ge, isObject as Ku, set as nl, omit as Lr, isFunction as Kg, orderBy as Yg, last as Yu, defaults as Ee, minBy as Xg, maxBy as Jg, cloneDeep as pt, values as Xu, template as rl, throttle as Zg, range as eb, defaultsDeep as xt, isEqual as Dt, keyBy as tb, isEmpty as Ju, isNumber as nb, findLastIndex as rb, isString as Zu, pick as eh } from "lodash";
 import * as ti from "mathjs";
 import qs from "numbro";
 import * as ib from "popmotion";
@@ -740,7 +740,7 @@ const vn = {
   CryptoJS: Qg,
   d3Array: Qu,
   dayjs: V,
-  lodash: C,
+  lodash: k,
   numbro: qs,
   mathjs: ti,
   faker: Hg,
@@ -888,7 +888,7 @@ class Bv {
       return En(c).then((d) => o ? d : d.data).catch((d) => {
         if (En.isCancel(d))
           return Promise.reject(d);
-        const u = C.get(d, "response.data.detail.message", d.message);
+        const u = k.get(d, "response.data.detail.message", d.message);
         return Promise.reject(new Error(u));
       });
     };
@@ -1080,15 +1080,15 @@ function Jv(e) {
 function Zv(e, t) {
   switch (t.type) {
     case "sum":
-      return C.sum(e);
+      return k.sum(e);
     case "mean":
-      return C.mean(e);
+      return k.mean(e);
     case "median":
       return Jv(e);
     case "max":
-      return C.max(e);
+      return k.max(e);
     case "min":
-      return C.min(e);
+      return k.min(e);
     case "quantile":
       return Ms(e, t.config.p);
     case "CV":
@@ -1119,7 +1119,7 @@ function t_(e, t, n) {
     const i = yn(e, t), {
       method: s
     } = n.config;
-    return C[s](i);
+    return k[s](i);
   } catch (i) {
     return console.error(i), n.fallback;
   }
@@ -5029,7 +5029,7 @@ const ci = de(({
       });
     }
   }, [s]), m = l !== e, f = typeof l == "string" && l.length === 0;
-  return /* @__PURE__ */ r.jsxs(k, { spacing: 4, sx: {
+  return /* @__PURE__ */ r.jsxs(C, { spacing: 4, sx: {
     height: "100%",
     ".editableArea--multi-line": {
       backgroundColor: "rgba(255,183,78, 0.1)"
@@ -5217,7 +5217,7 @@ function tw(e, t) {
   }), n;
 }
 function nw(e) {
-  const t = C.get(e, Wt.color, []), n = C.get(e, Wt.min_val, ""), i = C.get(e, Wt.min_var, ""), s = C.get(e, Wt.max_val, ""), a = C.get(e, Wt.max_var, ""), o = C.get(e, Wt.variable, ""), l = t.length === 0 && [n, i, s, a, o].every((c) => c === "");
+  const t = k.get(e, Wt.color, []), n = k.get(e, Wt.min_val, ""), i = k.get(e, Wt.min_var, ""), s = k.get(e, Wt.max_val, ""), a = k.get(e, Wt.max_var, ""), o = k.get(e, Wt.variable, ""), l = t.length === 0 && [n, i, s, a, o].every((c) => c === "");
   return {
     colors: t,
     min_val: n,
@@ -5443,7 +5443,7 @@ function Tp() {
 }
 const ow = () => Tp(), lw = () => Tp(), cw = {
   fullScreenPanelID: "",
-  setFullScreenPanelID: C.noop
+  setFullScreenPanelID: k.noop
 }, zp = O.createContext(cw);
 function dw() {
   const e = O.useContext(zp);
@@ -8244,7 +8244,7 @@ const rf = {
     }, children: /* @__PURE__ */ r.jsx(M, { color: "grape", variant: "filled", leftIcon: /* @__PURE__ */ r.jsx(Zn, { size: 16 }), mt: 24, onClick: s, sx: {
       flexGrow: 0
     }, children: n("chart.number_or_dynamic_value.dynamic.setup") }) }),
-    /* @__PURE__ */ r.jsx(He, { size: 800, title: n("chart.number_or_dynamic_value.dynamic.setup_title"), opened: i, onClose: a, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: i && /* @__PURE__ */ r.jsxs(k, { children: [
+    /* @__PURE__ */ r.jsx(He, { size: 800, title: n("chart.number_or_dynamic_value.dynamic.setup_title"), opened: i, onClose: a, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: i && /* @__PURE__ */ r.jsxs(C, { children: [
       /* @__PURE__ */ r.jsx($, { mt: 10, mb: -10, label: n("chart.number_or_dynamic_value.dynamic.guide"), labelPosition: "center", variant: "dashed" }),
       /* @__PURE__ */ r.jsx(lS, { value: o.value, onChange: u }),
       /* @__PURE__ */ r.jsxs(y, { position: "apart", children: [
@@ -8315,7 +8315,7 @@ function su(e, t, n) {
     const s = new Function(`return ${i}`)()({
       variables: t
     }, {
-      lodash: C,
+      lodash: k,
       interpolate: Nr
     });
     return Number(s);
@@ -8568,7 +8568,7 @@ const mS = pS(), fS = ({
     } = f.operation, w = py(a, b, I);
     t(w.map((z) => z.value));
   };
-  return /* @__PURE__ */ r.jsxs(k, { ref: i, children: [
+  return /* @__PURE__ */ r.jsxs(C, { ref: i, children: [
     /* @__PURE__ */ r.jsx(fS, { colors: e, applyPalette: c, zIndex: n }),
     /* @__PURE__ */ r.jsx(Dh, { onDragEnd: m, children: a.map((f, b) => /* @__PURE__ */ r.jsx(xS, { color: f, handleChange: d(b), handleRemove: () => l(b), index: b }, f.id)) }),
     /* @__PURE__ */ r.jsxs(sn, { gap: "sm", justify: "flex-start", align: "center", direction: "row", wrap: "nowrap", children: [
@@ -8763,7 +8763,7 @@ const mS = pS(), fS = ({
   Q(() => {
     c == null || c.commands.setContent(e);
   }, [e, c]);
-  const d = T(() => new DOMParser().parseFromString(e, "text/html"), [e]), u = T(() => Vj(d, i, s), [d, i, s]), h = T(() => tw(d, s), [d, s]), p = T(() => C.defaultsDeep({}, {
+  const d = T(() => new DOMParser().parseFromString(e, "text/html"), [e]), u = T(() => Vj(d, i, s), [d, i, s]), h = T(() => tw(d, s), [d, s]), p = T(() => k.defaultsDeep({}, {
     content: {
       ...pl,
       ...u,
@@ -8865,7 +8865,7 @@ const au = de((e, t) => {
   };
   return /* @__PURE__ */ r.jsxs(tn, { opened: i, onChange: s, shadow: "md", withinPortal: !0, zIndex: 340, withArrow: !0, children: [
     /* @__PURE__ */ r.jsx(tn.Target, { children: /* @__PURE__ */ r.jsx(fe.Control, { onClick: o, children: /* @__PURE__ */ r.jsx(Vs, { color: c, size: 14 }) }) }),
-    /* @__PURE__ */ r.jsx(tn.Dropdown, { children: /* @__PURE__ */ r.jsxs(k, { spacing: "xs", children: [
+    /* @__PURE__ */ r.jsx(tn.Dropdown, { children: /* @__PURE__ */ r.jsxs(C, { spacing: "xs", children: [
       /* @__PURE__ */ r.jsxs(y, { position: "right", children: [
         /* @__PURE__ */ r.jsx(pr, { value: c, onChangeEnd: (p) => u(p, !1), size: "xs", withPicker: !1, dropdownZIndex: 340, styles: {
           root: {
@@ -8974,13 +8974,13 @@ const hr = de(({
   Q(() => {
     s && m();
   }, [s, f]);
-  const b = T(() => C.defaultsDeep({}, {
+  const b = T(() => k.defaultsDeep({}, {
     content: {
       ...pl,
       ...wS
     }
   }, n), [n]);
-  return p ? /* @__PURE__ */ r.jsxs(k, { spacing: 4, sx: {
+  return p ? /* @__PURE__ */ r.jsxs(C, { spacing: 4, sx: {
     flexGrow: 1,
     position: "relative"
   }, children: [
@@ -9579,7 +9579,7 @@ class lc {
     }), this.instanceRegistry.clear(), this.factoryRegistry.clear();
   }
 }
-const ff = "13.36.5", XS = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const ff = "13.36.7", XS = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   version: ff
 }, Symbol.toStringTag, { value: "Module" }));
@@ -9867,7 +9867,7 @@ function n1({
   });
   return Q(() => {
     o(i);
-  }, [t]), t ? /* @__PURE__ */ r.jsx(k, { spacing: "xs", children: /* @__PURE__ */ r.jsxs("form", { onSubmit: a(n), children: [
+  }, [t]), t ? /* @__PURE__ */ r.jsx(C, { spacing: "xs", children: /* @__PURE__ */ r.jsxs("form", { onSubmit: a(n), children: [
     /* @__PURE__ */ r.jsx(S, { children: "X Axis" }),
     /* @__PURE__ */ r.jsxs(y, { position: "apart", grow: !0, p: "md", sx: {
       position: "relative",
@@ -10075,7 +10075,7 @@ const wn = de(({
     /* @__PURE__ */ r.jsx(M, { variant: "filled", color: "grape", leftIcon: /* @__PURE__ */ r.jsx(Zn, { size: 16 }), mt: 24, onClick: o, sx: {
       flexGrow: 0
     }, children: b }),
-    /* @__PURE__ */ r.jsx(He, { size: 800, title: b, opened: a, onClose: l, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: a && /* @__PURE__ */ r.jsxs(k, { children: [
+    /* @__PURE__ */ r.jsx(He, { size: 800, title: b, opened: a, onClose: l, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: a && /* @__PURE__ */ r.jsxs(C, { children: [
       /* @__PURE__ */ r.jsx(he, { mt: 10, label: s("common.enabled"), checked: c.enabled, onChange: (I) => u(I.currentTarget.checked) }),
       /* @__PURE__ */ r.jsx(c1, { value: c.func_content, onChange: m, disabled: !c.enabled }),
       /* @__PURE__ */ r.jsxs(y, { position: "apart", children: [
@@ -10094,7 +10094,7 @@ const wn = de(({
   y_axis_slider: !1
 };
 function xf() {
-  return C.cloneDeep(Br);
+  return k.cloneDeep(Br);
 }
 const d1 = {
   boxplot: {
@@ -10172,8 +10172,8 @@ const sa = de(({
     t: s,
     i18n: a
   } = v(), o = (c) => (d) => {
-    const u = C.cloneDeep(t);
-    C.set(u, c, d), n(u);
+    const u = k.cloneDeep(t);
+    k.set(u, c, d), n(u);
   }, l = T(() => [{
     label: s("chart.axis.overflow.truncate"),
     value: "truncate"
@@ -10184,7 +10184,7 @@ const sa = de(({
     label: s("chart.axis.overflow.break_word"),
     value: "breakAll"
   }], [a.language]);
-  return /* @__PURE__ */ r.jsxs(k, { spacing: 0, children: [
+  return /* @__PURE__ */ r.jsxs(C, { spacing: 0, children: [
     e && /* @__PURE__ */ r.jsx($, { mb: -5, mt: 5, variant: "dotted", label: e, labelPosition: "right", labelProps: {
       color: "dimmed"
     } }),
@@ -10218,7 +10218,7 @@ const sa = de(({
       in_tooltip: o
     });
   };
-  return /* @__PURE__ */ r.jsxs(k, { ref: n, spacing: 0, children: [
+  return /* @__PURE__ */ r.jsxs(C, { ref: n, spacing: 0, children: [
     /* @__PURE__ */ r.jsx(sa, { sectionTitle: i("chart.axis.overflow.section_title.on_axis"), value: e.on_axis, onChange: s }),
     /* @__PURE__ */ r.jsx(sa, { sectionTitle: i("chart.axis.overflow.section_title.in_tooltip"), value: e.in_tooltip, onChange: a })
   ] });
@@ -10302,7 +10302,7 @@ function Wr(e, t) {
       queryID: n,
       columnKey: i
     } = B(t);
-    return C.keyBy(e[n], i);
+    return k.keyBy(e[n], i);
   }, [e, t]);
 }
 const Yt = (e, t) => {
@@ -10366,7 +10366,7 @@ class uc {
     await this.attachmentStorage.deleteItem(t);
   }
   async list() {
-    const t = await this.attachmentStorage.getItem(null), n = C.orderBy(Xu(t), (i) => f1[i.schemaRef] ?? 10);
+    const t = await this.attachmentStorage.getItem(null), n = k.orderBy(Xu(t), (i) => f1[i.schemaRef] ?? 10);
     return Promise.all(n.map((i) => this.constructInstance(new ei(this.attachmentStorage, i.id))));
   }
 }
@@ -10409,7 +10409,7 @@ function g1(e) {
     ...n,
     urlTemplate: c.currentTarget.value
   });
-  return /* @__PURE__ */ r.jsxs(k, { children: [
+  return /* @__PURE__ */ r.jsxs(C, { children: [
     /* @__PURE__ */ r.jsx(E, { label: t("interactions.operation.open_link.url"), value: n.urlTemplate, onChange: l, onBlur: a }),
     /* @__PURE__ */ r.jsx(dt, { label: t("interactions.operation.open_link.open_in_new_tab"), checked: n.openInNewTab, onChange: (c) => o(c.currentTarget.checked) })
   ] });
@@ -10608,7 +10608,7 @@ const L1 = {
     label: c.label,
     value: c.key
   })), [n.filters.values]);
-  return /* @__PURE__ */ r.jsx(k, { spacing: 10, children: /* @__PURE__ */ r.jsx(oi, { label: t("interactions.operation.clear_filter_values.select_filter"), data: l, value: a, onChange: o }) });
+  return /* @__PURE__ */ r.jsx(C, { spacing: 10, children: /* @__PURE__ */ r.jsx(oi, { label: t("interactions.operation.clear_filter_values.select_filter"), data: l, value: a, onChange: o }) });
 });
 async function P1(e, t) {
   const i = (await t.operationData.getItem("config")).filter_keys;
@@ -10846,7 +10846,7 @@ const Xt = ({
   };
   return /* @__PURE__ */ r.jsxs(Pg, { withBorder: !0, p: "sm", children: [
     /* @__PURE__ */ r.jsx(S, { size: "xs", color: "dimmed", mb: "sm", children: n }),
-    /* @__PURE__ */ r.jsx(k, { style: {
+    /* @__PURE__ */ r.jsx(C, { style: {
       maxHeight: "500px"
     }, children: i.map((o) => /* @__PURE__ */ r.jsxs(S, { size: "sm", children: [
       /* @__PURE__ */ r.jsxs(ld, { color: "teal", children: [
@@ -10936,7 +10936,7 @@ const q1 = D(({
     await d.configOperation(o, c);
   }, [o, d]), N1(d) ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsx(q1, { model: d, onClick: i }),
-    /* @__PURE__ */ r.jsx(He, { size: 600, opened: n, onClose: s, title: t("interactions.operation.setup"), zIndex: 320, children: /* @__PURE__ */ r.jsxs(k, { children: [
+    /* @__PURE__ */ r.jsx(He, { size: 600, opened: n, onClose: s, title: t("interactions.operation.setup"), zIndex: 320, children: /* @__PURE__ */ r.jsxs(C, { children: [
       /* @__PURE__ */ r.jsx(W1, { model: d }),
       /* @__PURE__ */ r.jsxs(_, { defaultValue: "settings", children: [
         /* @__PURE__ */ r.jsxs(_.List, { children: [
@@ -11020,7 +11020,7 @@ const K1 = D(({
     setFalse: s
   }] = ht(!1), a = e.model;
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-    /* @__PURE__ */ r.jsx(He, { opened: n, onClose: s, title: t("interactions.trigger.setup"), zIndex: 320, children: /* @__PURE__ */ r.jsxs(k, { children: [
+    /* @__PURE__ */ r.jsx(He, { opened: n, onClose: s, title: t("interactions.trigger.setup"), zIndex: 320, children: /* @__PURE__ */ r.jsxs(C, { children: [
       /* @__PURE__ */ r.jsx(Y1, { model: a }),
       /* @__PURE__ */ r.jsx(X1, { model: a }),
       /* @__PURE__ */ r.jsx(bf, { title: t("interactions.trigger.payload"), variables: a.triggerSchema.payload })
@@ -11083,7 +11083,7 @@ const ek = D(({
       return 0;
     }
   });
-  return /* @__PURE__ */ r.jsxs(k, { children: [
+  return /* @__PURE__ */ r.jsxs(C, { children: [
     /* @__PURE__ */ r.jsx(Vr, { visible: p }),
     h === 0 && /* @__PURE__ */ r.jsx(Xi, { icon: /* @__PURE__ */ r.jsx(Bi, { size: 16 }), title: t("interactions.unavailable"), color: "gray", children: t("interactions.unavailable_reason") }),
     c.map((m) => /* @__PURE__ */ r.jsx(ek, { onRemove: u, instance: a, sampleData: o, variables: l, item: m, manager: e.interactionManager }, m.id)),
@@ -11137,7 +11137,7 @@ const ek = D(({
   z: 3
 };
 function ik(e) {
-  return C.defaultsDeep({}, e, yf);
+  return k.defaultsDeep({}, e, yf);
 }
 const sk = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
@@ -11161,7 +11161,7 @@ const sk = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   }
 };
 function ak(e) {
-  return C.defaultsDeep({}, e, vf);
+  return k.defaultsDeep({}, e, vf);
 }
 const ok = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
@@ -11172,7 +11172,7 @@ const ok = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   appendToBody: !0
 };
 function lk(e) {
-  return C.defaultsDeep({}, e, _f);
+  return k.defaultsDeep({}, e, _f);
 }
 const ck = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
@@ -11187,7 +11187,7 @@ function dk(e, t) {
   const n = [], i = [];
   return {
     boxplotData: Object.entries(e).map(([a, o]) => {
-      const l = o.map((w) => w[t]).sort((w, z) => w - z), c = Ms(l, 0.25) ?? 0, d = Ms(l, 0.5) ?? 0, u = Ms(l, 0.75) ?? 0, h = u - c, p = c - 1.5 * h, m = u + 1.5 * h, f = Math.max(l[0], p), b = Math.min(C.last(l) ?? 0, m);
+      const l = o.map((w) => w[t]).sort((w, z) => w - z), c = Ms(l, 0.25) ?? 0, d = Ms(l, 0.5) ?? 0, u = Ms(l, 0.75) ?? 0, h = u - c, p = c - 1.5 * h, m = u + 1.5 * h, f = Math.max(l[0], p), b = Math.min(k.last(l) ?? 0, m);
       return o.filter((w) => {
         const z = w[t];
         return z < f || z > b;
@@ -11217,7 +11217,7 @@ function uk(e, t) {
   const s = B(n.data_key), a = B(i.data_key);
   if (s.queryID !== a.queryID)
     throw new Error("Please use the same query for X & Y axis");
-  const o = C.groupBy(t[s.queryID], s.columnKey), {
+  const o = k.groupBy(t[s.queryID], s.columnKey), {
     boxplotData: l,
     outliersData: c,
     scatterData: d
@@ -11512,7 +11512,7 @@ function _k(e, t) {
 const jk = (e, t) => {
   const n = Bo.map((a) => `
     <tr>
-      <th style="text-align: right; padding: 0 1em;">${C.capitalize(a)}</th>
+      <th style="text-align: right; padding: 0 1em;">${k.capitalize(a)}</th>
       <td style="text-align: left; padding: 0 1em;">
         ${be(t[a], e.y_axis.label_formatter)}
       </td>
@@ -11634,7 +11634,7 @@ function Tk({
   if (e <= 200)
     return 100;
   const n = ti.floor(ti.log10(e)), i = Math.pow(10, n), s = Math.pow(10, n - 1);
-  return e / i <= 2 ? C.round(e, -1 * (n - 1)) - s : C.round(e, -1 * n) - i;
+  return e / i <= 2 ? k.round(e, -1 * (n - 1)) - s : k.round(e, -1 * n) - i;
 }
 function zk(e) {
   return {
@@ -11655,7 +11655,7 @@ function Dk({
     reference_lines: o
   } = e, l = uk(e, t), c = dn(s.axisLabel.overflow.on_axis), d = zk(i), u = _k(e, l).map((h) => ({
     ...h,
-    name: C.get(d, h.name, h.name)
+    name: k.get(d, h.name, h.name)
   }));
   return {
     dataZoom: Ea(e.dataZoom, "filter"),
@@ -11713,7 +11713,7 @@ function Mk({
     vizManager: e.vizManager,
     instance: t
   }), u = Yt(d.triggerManager, gf.id), h = Wr(a, c.x_axis.data_key), p = Fe((b) => {
-    const I = C.get(h, b.name, {
+    const I = k.get(h, b.name, {
       error: "rowData is not found"
     });
     u.forEach((w) => {
@@ -11949,7 +11949,7 @@ function Rk(e) {
           top: "0.5em",
           right: "0.8em"
         } }) }),
-        /* @__PURE__ */ r.jsxs(k, { children: [
+        /* @__PURE__ */ r.jsxs(C, { children: [
           /* @__PURE__ */ r.jsx(E, { size: "xs", label: t("style.color.interpolation.palette.mapping.value_input_label"), value: l, onChange: (P) => {
             const ee = P.currentTarget.value;
             c(ee);
@@ -12014,7 +12014,7 @@ const Pk = D(({
   };
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsx(M, { variant: "outline", onClick: h, children: t(d == null ? void 0 : d.displayName) }),
-    /* @__PURE__ */ r.jsx(He, { size: 508, title: t("style.color.interpolation.setup"), opened: u, onClose: p, zIndex: 320, children: u && /* @__PURE__ */ r.jsxs(k, { "data-testid": "color-interpolation-modal", children: [
+    /* @__PURE__ */ r.jsx(He, { size: 508, title: t("style.color.interpolation.setup"), opened: u, onClose: p, zIndex: 320, children: u && /* @__PURE__ */ r.jsxs(C, { "data-testid": "color-interpolation-modal", children: [
       /* @__PURE__ */ r.jsx(q, { label: t("style.color.interpolation.palette.label"), value: l.interpolation, data: m, onChange: f, withinPortal: !0, zIndex: 340, maxDropdownHeight: 500 }),
       /* @__PURE__ */ r.jsx($k, { steps: l.steps, interpolation: d, onChange: I }),
       /* @__PURE__ */ r.jsxs(y, { position: "apart", children: [
@@ -12159,7 +12159,7 @@ const Pk = D(({
   } = d, m = t(n), f = u.map((P, ee) => ({
     ...P,
     ...m[ee]
-  })), b = ((L = C.last(f)) == null ? void 0 : L.id) ?? null, [I, w] = X(b), z = (P) => {
+  })), b = ((L = k.last(f)) == null ? void 0 : L.id) ?? null, [I, w] = X(b), z = (P) => {
     P !== "add" && w(P);
   };
   Q(() => {
@@ -12171,7 +12171,7 @@ const Pk = D(({
   };
   return /* @__PURE__ */ r.jsxs(_, { value: I, onTabChange: z, styles: Wk, children: [
     /* @__PURE__ */ r.jsx(Bk, { fieldArray: d, add: A, addButtonText: a, renderTabName: l, controlledFields: f }),
-    f.map((P, ee) => /* @__PURE__ */ r.jsx(_.Panel, { value: P.id, children: /* @__PURE__ */ r.jsxs(k, { children: [
+    f.map((P, ee) => /* @__PURE__ */ r.jsx(_.Panel, { value: P.id, children: /* @__PURE__ */ r.jsxs(C, { children: [
       s({
         field: P,
         index: ee
@@ -12199,7 +12199,7 @@ const Pk = D(({
       [a]: o
     });
   };
-  return /* @__PURE__ */ r.jsxs(k, { children: [
+  return /* @__PURE__ */ r.jsxs(C, { children: [
     /* @__PURE__ */ r.jsx($, { variant: "dashed", label: i("chart.zooming.scroll.label"), labelPosition: "center" }),
     /* @__PURE__ */ r.jsxs(y, { children: [
       /* @__PURE__ */ r.jsx(R, { sx: {
@@ -12250,7 +12250,7 @@ const Pk = D(({
     };
     a === "horizontal" ? (l.top = "0", l.left = "auto", l.right = "10", l.bottom = "auto") : (l.top = "10", l.left = "auto", l.right = "0", l.bottom = "auto"), o(l);
   };
-  return /* @__PURE__ */ r.jsxs(k, { children: [
+  return /* @__PURE__ */ r.jsxs(C, { children: [
     /* @__PURE__ */ r.jsx(y, { grow: !0, noWrap: !0, mt: 20, children: /* @__PURE__ */ r.jsx(g, { name: "legend.show", control: e, render: ({
       field: a
     }) => /* @__PURE__ */ r.jsx(dt, { label: n("chart.legend.show_legend"), sx: {
@@ -12273,7 +12273,7 @@ function Gk({
   const {
     t: i
   } = v();
-  return /* @__PURE__ */ r.jsxs(k, { my: 0, p: "md", pr: 40, sx: {
+  return /* @__PURE__ */ r.jsxs(C, { my: 0, p: "md", pr: 40, sx: {
     border: "1px solid #eee",
     position: "relative"
   }, children: [
@@ -12329,7 +12329,7 @@ const Uk = ({
   const {
     t: n
   } = v();
-  return /* @__PURE__ */ r.jsx(k, { children: /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
+  return /* @__PURE__ */ r.jsx(C, { children: /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
     /* @__PURE__ */ r.jsx(g, { name: `tooltip.metrics.${t}.name`, control: e, render: ({
       field: i
     }) => /* @__PURE__ */ r.jsx(E, { label: n("common.name"), required: !0, sx: {
@@ -12373,7 +12373,7 @@ function Yk({
   control: e,
   watch: t
 }) {
-  return /* @__PURE__ */ r.jsx(k, { children: /* @__PURE__ */ r.jsx(Kk, { control: e, watch: t }) });
+  return /* @__PURE__ */ r.jsx(C, { children: /* @__PURE__ */ r.jsx(Kk, { control: e, watch: t }) });
 }
 const er = de(({
   label: e,
@@ -12398,7 +12398,7 @@ const er = de(({
   const {
     t: n
   } = v();
-  return t(["x_axis"]), /* @__PURE__ */ r.jsxs(k, { children: [
+  return t(["x_axis"]), /* @__PURE__ */ r.jsxs(C, { children: [
     /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ r.jsx(g, { name: "x_axis.name", control: e, render: ({
         field: i
@@ -12496,7 +12496,7 @@ function eC({
     };
     t(u);
   };
-  return /* @__PURE__ */ r.jsxs(k, { ref: n, children: [
+  return /* @__PURE__ */ r.jsxs(C, { ref: n, children: [
     /* @__PURE__ */ r.jsxs(y, { grow: !0, children: [
       /* @__PURE__ */ r.jsx(q, { label: i("numbro.format.label"), data: [{
         label: "1234",
@@ -12507,13 +12507,13 @@ function eC({
       }], value: e.output, onChange: s, sx: {
         flexGrow: 1
       } }),
-      /* @__PURE__ */ r.jsx(dt, { label: /* @__PURE__ */ r.jsxs(k, { spacing: 0, children: [
+      /* @__PURE__ */ r.jsx(dt, { label: /* @__PURE__ */ r.jsxs(C, { spacing: 0, children: [
         /* @__PURE__ */ r.jsx(S, { children: i("numbro.format.absolute") }),
         /* @__PURE__ */ r.jsx(S, { size: 12, color: "gray", children: i("numbro.format.absolute_description") })
       ] }), checked: e.absolute, onChange: c, sx: {
         flexGrow: 1
       }, styles: mo }),
-      /* @__PURE__ */ r.jsx(dt, { label: /* @__PURE__ */ r.jsxs(k, { spacing: 0, children: [
+      /* @__PURE__ */ r.jsx(dt, { label: /* @__PURE__ */ r.jsxs(C, { spacing: 0, children: [
         /* @__PURE__ */ r.jsx(S, { children: i("numbro.format.abbreviation") }),
         /* @__PURE__ */ r.jsx(S, { size: 12, color: "gray", children: i("numbro.format.abbreviation_description") })
       ] }), checked: e.average, onChange: l, disabled: e.output !== "number", sx: {
@@ -12522,7 +12522,7 @@ function eC({
     ] }),
     /* @__PURE__ */ r.jsxs(y, { grow: !0, children: [
       /* @__PURE__ */ r.jsx(pe, { label: i("numbro.format.mantissa"), defaultValue: 0, min: 0, step: 1, max: 4, value: e.mantissa, onChange: a }),
-      /* @__PURE__ */ r.jsx(dt, { label: /* @__PURE__ */ r.jsxs(k, { spacing: 0, children: [
+      /* @__PURE__ */ r.jsx(dt, { label: /* @__PURE__ */ r.jsxs(C, { spacing: 0, children: [
         /* @__PURE__ */ r.jsx(S, { children: i("numbro.format.trim_mantissa") }),
         /* @__PURE__ */ r.jsx(S, { size: 12, color: "gray", children: i("numbro.format.trim_mantissa_description") })
       ] }), checked: e.trimMantissa, onChange: o, disabled: e.mantissa === 0, styles: mo }),
@@ -12551,7 +12551,7 @@ const un = O.forwardRef(eC), tC = ({
         flex: 1
       }, ...i }) })
     ] }),
-    /* @__PURE__ */ r.jsxs(k, { children: [
+    /* @__PURE__ */ r.jsxs(C, { children: [
       /* @__PURE__ */ r.jsx($, { mt: 10, mb: -15, variant: "dashed", label: n("chart.axis.section_title.label_format"), labelPosition: "center" }),
       /* @__PURE__ */ r.jsx(g, { name: "y_axis.label_formatter", control: e, render: ({
         field: i
@@ -12580,7 +12580,7 @@ function nC({
   });
   return Q(() => {
     u(a);
-  }, [a]), c(["x_axis", "y_axis", "reference_lines", "color", "dataZoom"]), /* @__PURE__ */ r.jsx(k, { spacing: "xs", children: /* @__PURE__ */ r.jsxs("form", { onSubmit: l(i), children: [
+  }, [a]), c(["x_axis", "y_axis", "reference_lines", "color", "dataZoom"]), /* @__PURE__ */ r.jsx(C, { spacing: "xs", children: /* @__PURE__ */ r.jsxs("form", { onSubmit: l(i), children: [
     /* @__PURE__ */ r.jsx(lt, { canSubmit: d.isDirty }),
     /* @__PURE__ */ r.jsxs(_, { defaultValue: "X Axis", orientation: "vertical", styles: {
       tab: {
@@ -12605,7 +12605,7 @@ function nC({
       /* @__PURE__ */ r.jsx(_.Panel, { value: "Y Axis", children: /* @__PURE__ */ r.jsx(tC, { control: o, watch: c }) }),
       /* @__PURE__ */ r.jsx(_.Panel, { value: "Legend", children: /* @__PURE__ */ r.jsx(Hk, { control: o, watch: c }) }),
       /* @__PURE__ */ r.jsx(_.Panel, { value: "Tooltip", children: /* @__PURE__ */ r.jsx(Yk, { control: o, watch: c }) }),
-      /* @__PURE__ */ r.jsx(_.Panel, { value: "Style", children: /* @__PURE__ */ r.jsxs(k, { spacing: 4, children: [
+      /* @__PURE__ */ r.jsx(_.Panel, { value: "Style", children: /* @__PURE__ */ r.jsxs(C, { spacing: 4, children: [
         /* @__PURE__ */ r.jsx(S, { size: "sm", children: t("chart.color.label") }),
         /* @__PURE__ */ r.jsx(g, { name: "color", control: o, render: ({
           field: h
@@ -12669,7 +12669,7 @@ function aC(e) {
       }
     }
   };
-  return C.defaultsDeep(t, e);
+  return k.defaultsDeep(t, e);
 }
 function oC(e) {
   delete e.config;
@@ -12686,7 +12686,7 @@ function oC(e) {
       }
     }
   };
-  return C.defaultsDeep(i, e);
+  return k.defaultsDeep(i, e);
 }
 function lC(e) {
   const t = {
@@ -12694,7 +12694,7 @@ function lC(e) {
       metrics: []
     }
   };
-  return C.defaultsDeep(t, e);
+  return k.defaultsDeep(t, e);
 }
 function cC(e, {
   panelModel: t
@@ -12743,7 +12743,7 @@ function dC(e) {
       type: "scroll"
     }
   };
-  return C.defaultsDeep(t, e);
+  return k.defaultsDeep(t, e);
 }
 function uC(e) {
   const {
@@ -12933,7 +12933,7 @@ const fc = {
   label: n
 }) => {
   const i = Yi(), s = Fe((o) => () => t(o), [t]), a = (o) => e === o;
-  return /* @__PURE__ */ r.jsxs(k, { spacing: 2, children: [
+  return /* @__PURE__ */ r.jsxs(C, { spacing: 2, children: [
     /* @__PURE__ */ r.jsx(S, { size: 14, sx: {
       fontWeight: 500
     }, children: n }),
@@ -13004,7 +13004,7 @@ function _C({
     d(s);
   }, [s]), l(["content", "variant", "color", "size", "compact", "horizontal_align", "vertical_align"]), /* @__PURE__ */ r.jsxs("form", { onSubmit: o(n), children: [
     /* @__PURE__ */ r.jsx(lt, { canSubmit: c.isDirty }),
-    /* @__PURE__ */ r.jsxs(k, { children: [
+    /* @__PURE__ */ r.jsxs(C, { children: [
       /* @__PURE__ */ r.jsx(g, { control: a, name: "content", render: ({
         field: u
       }) => /* @__PURE__ */ r.jsx(E, { label: "Content Template", description: "Filter values & context entries are supported", ...u, required: !0 }) }),
@@ -13323,7 +13323,7 @@ function AC({
     }
     const {
       columnKey: c
-    } = B(a.y_axis_data_key), d = C.groupBy(ba(n, a.y_axis_data_key), l);
+    } = B(a.y_axis_data_key), d = k.groupBy(ba(n, a.y_axis_data_key), l);
     Object.entries(d).forEach(([u, h]) => {
       const p = h.map((f, b) => [b, Number(f[c])]);
       s(a, u, u, p);
@@ -13387,11 +13387,11 @@ function $C(e, t, n, i, s, a) {
 }
 function gc(e, t, n) {
   const i = yn(e, t), s = yn(e, n);
-  return C.zip(i, s);
+  return k.zip(i, s);
 }
 function OC(e, t, n, i) {
   const s = gc(t, n, i);
-  return C.unionBy(s, e, 0);
+  return k.unionBy(s, e, 0);
 }
 function FC({
   dataTemplate: e,
@@ -13418,7 +13418,7 @@ function VC({
       y_axis_data_key: s,
       valueTypedXAxis: a
     });
-  const o = gc(t, i, s), l = C.groupBy(o, "0");
+  const o = gc(t, i, s), l = k.groupBy(o, "0");
   return e.map(([d]) => {
     const h = l[d].map((m) => m[1]), p = ul(h, n);
     return [d, p];
@@ -13433,7 +13433,7 @@ function NC({
   const {
     queryID: s,
     columnKey: a
-  } = B(e), o = C.groupBy(t[s], a);
+  } = B(e), o = k.groupBy(t[s], a);
   return Object.entries(o).forEach(([l, c]) => {
     o[l] = gc({
       [s]: c
@@ -13467,7 +13467,7 @@ function qC({
         params: u,
         variables: s
       }, {
-        lodash: C,
+        lodash: k,
         interpolate: Nr
       });
     } catch (p) {
@@ -13515,7 +13515,7 @@ function BC({
     shadowColor: "rgba(255,255,255,1)",
     shadowBlur: 0,
     shadowOffsetX: 0,
-    shadowOffsetY: C.clamp(m.lineStyle.width, 1, 3)
+    shadowOffsetY: k.clamp(m.lineStyle.width, 1, 3)
   }), u && (A.endLabel = {
     show: !0,
     formatter: a,
@@ -13590,7 +13590,7 @@ function QC(e, t, n, i) {
         </tr>
         `;
       }), c = e.tooltip.metrics.map((h) => {
-        const p = yn(t, h.data_key), m = C.uniq(o.map(({
+        const p = yn(t, h.data_key), m = k.uniq(o.map(({
           dataIndex: f
         }) => p[f]));
         return `<tr>
@@ -13679,7 +13679,7 @@ function XC(e) {
     }
     n[i.yAxisIndex] = n[i.yAxisIndex].concat(s);
   }), Object.entries(n).forEach(([i, s]) => {
-    const a = C.minBy(s) ?? 0, o = C.maxBy(s) ?? 0;
+    const a = k.minBy(s) ?? 0, o = k.maxBy(s) ?? 0;
     a == 0 && o == 0 && (t[i] = 1);
   }), t;
 }
@@ -13733,7 +13733,7 @@ const ZC = {
   }]
 };
 function eI(e, t, n) {
-  const i = bc(t, n), s = UC(e), a = C.uniq(yn(t, e.x_axis_data_key)), o = WC(e, a, t, s, n, i), l = AC(e, t), c = {
+  const i = bc(t, n), s = UC(e), a = k.uniq(yn(t, e.x_axis_data_key)), o = WC(e, a, t, s, n, i), l = AC(e, t), c = {
     xAxis: KC(e, a),
     yAxis: JC(e, s, o),
     series: [...o, ...l],
@@ -13765,7 +13765,7 @@ function tI({
   variables: a
 }) {
   const o = Wr(t, e.x_axis_data_key), l = Yt(s.triggerManager, xc.id), c = Fe((m) => {
-    const f = C.get(o, m.name, {
+    const f = k.get(o, m.name, {
       error: "rowData is not found"
     });
     l.forEach((b) => {
@@ -13822,7 +13822,7 @@ function rI({
     label: i("chart.reference_area.direction.horizontal"),
     value: "horizontal"
   }], [s.language]);
-  return /* @__PURE__ */ r.jsxs(k, { my: 0, p: 0, sx: {
+  return /* @__PURE__ */ r.jsxs(C, { my: 0, p: 0, sx: {
     position: "relative"
   }, children: [
     /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
@@ -13935,7 +13935,7 @@ function sI({
   const {
     t: a
   } = v(), o = n(`reference_lines.${t}.orientation`);
-  return /* @__PURE__ */ r.jsxs(k, { my: 0, p: 0, sx: {
+  return /* @__PURE__ */ r.jsxs(C, { my: 0, p: 0, sx: {
     position: "relative"
   }, children: [
     /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
@@ -13959,7 +13959,7 @@ function sI({
       flex: 1
     }, ...l }) }),
     /* @__PURE__ */ r.jsxs(y, { grow: !0, children: [
-      /* @__PURE__ */ r.jsxs(k, { children: [
+      /* @__PURE__ */ r.jsxs(C, { children: [
         /* @__PURE__ */ r.jsx(g, { name: `reference_lines.${t}.orientation`, control: e, render: ({
           field: l
         }) => /* @__PURE__ */ r.jsx(vr, { label: a("chart.orientation.label"), sx: {
@@ -13999,7 +13999,7 @@ function sI({
         }, ...l })
       ) })
     ] }),
-    /* @__PURE__ */ r.jsxs(k, { spacing: 4, children: [
+    /* @__PURE__ */ r.jsxs(C, { spacing: 4, children: [
       /* @__PURE__ */ r.jsx(S, { size: "sm", children: a("chart.color.label") }),
       /* @__PURE__ */ r.jsx(g, { name: `reference_lines.${t}.lineStyle.color`, control: e, render: ({
         field: l
@@ -14069,7 +14069,7 @@ function oI({
     label: s("chart.regression_line.method.polynomial"),
     value: "polynomial"
   }], [a.language]), l = t.transform.config.method;
-  return /* @__PURE__ */ r.jsxs(k, { my: 0, p: 0, sx: {
+  return /* @__PURE__ */ r.jsxs(C, { my: 0, p: 0, sx: {
     position: "relative"
   }, children: [
     /* @__PURE__ */ r.jsxs(y, { grow: !0, children: [
@@ -14140,7 +14140,7 @@ function oI({
         }, ...c })
       ) })
     ] }),
-    /* @__PURE__ */ r.jsxs(k, { spacing: 4, children: [
+    /* @__PURE__ */ r.jsxs(C, { spacing: 4, children: [
       /* @__PURE__ */ r.jsx(S, { size: "sm", children: "Color" }),
       /* @__PURE__ */ r.jsx(g, { name: `regressions.${n}.plot.color`, control: e, render: ({
         field: c
@@ -14246,7 +14246,7 @@ const cI = ({
     }, children: /* @__PURE__ */ r.jsx(M, { color: "grape", variant: "filled", mt: 24, onClick: s, sx: {
       flexGrow: 0
     }, leftIcon: /* @__PURE__ */ r.jsx(Zn, { size: 16 }), children: n("chart.symbol_size.setup.label") }) }),
-    /* @__PURE__ */ r.jsx(He, { size: 800, title: n("chart.symbol_size.setup.title"), opened: i, onClose: a, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: i && /* @__PURE__ */ r.jsxs(k, { children: [
+    /* @__PURE__ */ r.jsx(He, { size: 800, title: n("chart.symbol_size.setup.title"), opened: i, onClose: a, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: i && /* @__PURE__ */ r.jsxs(C, { children: [
       /* @__PURE__ */ r.jsx($, { mt: 10, mb: -10, label: n("chart.symbol_size.setup.description"), labelPosition: "center", variant: "dashed" }),
       /* @__PURE__ */ r.jsx(cI, { value: o.func_content, onChange: u }),
       /* @__PURE__ */ r.jsxs(y, { position: "apart", children: [
@@ -14601,7 +14601,7 @@ function fI({
         const d = c === "false" ? !1 : c;
         l.onChange(d);
       } }) }),
-      /* @__PURE__ */ r.jsxs(k, { children: [
+      /* @__PURE__ */ r.jsxs(C, { children: [
         /* @__PURE__ */ r.jsx(g, { name: `series.${t}.smooth`, control: e, render: ({
           field: l
         }) => /* @__PURE__ */ r.jsx(R, { sx: {
@@ -14614,7 +14614,7 @@ function fI({
         }, children: /* @__PURE__ */ r.jsx(dt, { label: i("chart.series.line.show_name_on_line"), checked: l.value ?? !1, onChange: (c) => l.onChange(c.currentTarget.checked) }) }) })
       ] })
     ] }),
-    /* @__PURE__ */ r.jsxs(k, { children: [
+    /* @__PURE__ */ r.jsxs(C, { children: [
       /* @__PURE__ */ r.jsx(g, { name: `series.${t}.showSymbol`, control: e, render: ({
         field: l
       }) => /* @__PURE__ */ r.jsx(R, { mt: 10, mb: -10, sx: {
@@ -14643,10 +14643,10 @@ function gI({
   const {
     t: s
   } = v(), a = n.type;
-  return /* @__PURE__ */ r.jsxs(k, { my: 0, p: 0, sx: {
+  return /* @__PURE__ */ r.jsxs(C, { my: 0, p: 0, sx: {
     position: "relative"
   }, children: [
-    /* @__PURE__ */ r.jsx(k, { children: /* @__PURE__ */ r.jsx(g, { name: `series.${t}.type`, control: e, render: ({
+    /* @__PURE__ */ r.jsx(C, { children: /* @__PURE__ */ r.jsx(g, { name: `series.${t}.type`, control: e, render: ({
       field: o
     }) => (
       // @ts-expect-error type of onChange
@@ -14705,7 +14705,7 @@ function gI({
     /* @__PURE__ */ r.jsx(g, { name: `series.${t}.label_position`, control: e, render: ({
       field: o
     }) => /* @__PURE__ */ r.jsx(wi, { label: s("chart.label_position.label"), withOffOption: !0, ...o }) }),
-    /* @__PURE__ */ r.jsxs(k, { spacing: 4, children: [
+    /* @__PURE__ */ r.jsxs(C, { spacing: 4, children: [
       /* @__PURE__ */ r.jsx(S, { size: "sm", children: s("chart.color.label") }),
       /* @__PURE__ */ r.jsx(g, { name: `series.${t}.color`, control: e, render: ({
         field: o
@@ -14767,7 +14767,7 @@ function yI({
   const {
     t: n
   } = v();
-  return /* @__PURE__ */ r.jsxs(k, { children: [
+  return /* @__PURE__ */ r.jsxs(C, { children: [
     /* @__PURE__ */ r.jsx(g, { name: "stats.top", control: e, render: ({
       field: i
     }) => /* @__PURE__ */ r.jsx(hr, { label: n("chart.stats.template.above_chart"), styles: {
@@ -14793,7 +14793,7 @@ const vI = ({
   const {
     t: n
   } = v();
-  return /* @__PURE__ */ r.jsx(k, { children: /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
+  return /* @__PURE__ */ r.jsx(C, { children: /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
     /* @__PURE__ */ r.jsx(g, { name: `tooltip.metrics.${t}.name`, control: e, render: ({
       field: i
     }) => /* @__PURE__ */ r.jsx(E, { label: n("common.name"), required: !0, sx: {
@@ -14837,7 +14837,7 @@ function jI({
   control: e,
   watch: t
 }) {
-  return /* @__PURE__ */ r.jsx(k, { children: /* @__PURE__ */ r.jsx(_I, { control: e, watch: t }) });
+  return /* @__PURE__ */ r.jsx(C, { children: /* @__PURE__ */ r.jsx(_I, { control: e, watch: t }) });
 }
 const wI = () => {
   const {
@@ -14881,7 +14881,7 @@ function SI({
     label: n("chart.axis.type.log"),
     value: "log"
   }], [i.language]);
-  return /* @__PURE__ */ r.jsxs(k, { children: [
+  return /* @__PURE__ */ r.jsxs(C, { children: [
     /* @__PURE__ */ r.jsx(g, { name: "x_axis_name", control: e, render: ({
       field: a
     }) => /* @__PURE__ */ r.jsx(E, { label: n("chart.x_axis.x_axis_name"), sx: {
@@ -14964,7 +14964,7 @@ function kI({
   const {
     t: n
   } = v();
-  return /* @__PURE__ */ r.jsxs(k, { my: 0, p: "0", sx: {
+  return /* @__PURE__ */ r.jsxs(C, { my: 0, p: "0", sx: {
     position: "relative"
   }, children: [
     /* @__PURE__ */ r.jsx($, { mb: -15, mt: 15, variant: "dashed", label: n("common.name"), labelPosition: "center" }),
@@ -14986,13 +14986,13 @@ function kI({
     }) => /* @__PURE__ */ r.jsx(If, { sx: {
       flex: 1
     }, ...i }) }) }),
-    /* @__PURE__ */ r.jsxs(k, { children: [
+    /* @__PURE__ */ r.jsxs(C, { children: [
       /* @__PURE__ */ r.jsx($, { mb: -15, variant: "dashed", label: n("chart.y_axis.label_format"), labelPosition: "center" }),
       /* @__PURE__ */ r.jsx(g, { name: `y_axes.${t}.label_formatter`, control: e, render: ({
         field: i
       }) => /* @__PURE__ */ r.jsx(un, { ...i }) })
     ] }),
-    /* @__PURE__ */ r.jsxs(k, { children: [
+    /* @__PURE__ */ r.jsxs(C, { children: [
       /* @__PURE__ */ r.jsx($, { mb: -15, variant: "dashed", label: n("chart.y_axis.value_range"), labelPosition: "center" }),
       /* @__PURE__ */ r.jsxs(y, { grow: !0, children: [
         /* @__PURE__ */ r.jsx(g, { name: `y_axes.${t}.min`, control: e, render: ({
@@ -15056,7 +15056,7 @@ function II({
   });
   return Q(() => {
     d(a);
-  }, [a]), c(["dataZoom"]), /* @__PURE__ */ r.jsx(k, { spacing: "xs", children: /* @__PURE__ */ r.jsxs("form", { onSubmit: l(t), children: [
+  }, [a]), c(["dataZoom"]), /* @__PURE__ */ r.jsx(C, { spacing: "xs", children: /* @__PURE__ */ r.jsxs("form", { onSubmit: l(t), children: [
     /* @__PURE__ */ r.jsx(lt, { canSubmit: u.isDirty }),
     /* @__PURE__ */ r.jsxs(_, { defaultValue: "Series", orientation: "vertical", styles: {
       tab: {
@@ -15149,7 +15149,7 @@ function EI(e) {
       }
     }
   };
-  return C.defaultsDeep(t, e);
+  return k.defaultsDeep(t, e);
 }
 function LI(e) {
   const t = e.reference_lines.map((n) => {
@@ -15232,7 +15232,7 @@ function $I(e) {
       }
     }
   };
-  return C.defaultsDeep(i, e);
+  return k.defaultsDeep(i, e);
 }
 function OI(e) {
   const {
@@ -15599,7 +15599,7 @@ function tT(e) {
     right: 5,
     bottom: 5
   };
-  return e.orient === "vertical" && C.get(i, n) && n === e.funnelAlign && C.set(i, n, t), i;
+  return e.orient === "vertical" && k.get(i, n) && n === e.funnelAlign && k.set(i, n, t), i;
 }
 function nT(e, t) {
   return e.series.map((n) => {
@@ -15663,7 +15663,7 @@ function rT({
 }
 function iT(e, t) {
   var a;
-  const n = B(e.series[0].level_name_data_key), i = B(e.series[0].level_value_data_key), s = (a = C.maxBy(t[n.queryID], i.columnKey)) == null ? void 0 : a[i.columnKey];
+  const n = B(e.series[0].level_name_data_key), i = B(e.series[0].level_value_data_key), s = (a = k.maxBy(t[n.queryID], i.columnKey)) == null ? void 0 : a[i.columnKey];
   return (o) => {
     const c = rT({
       conf: e,
@@ -15808,7 +15808,7 @@ const dT = ({
     label: s("viz.funnel_chart.sort.none"),
     value: "0"
   }], [a.language]);
-  return /* @__PURE__ */ r.jsxs(k, { children: [
+  return /* @__PURE__ */ r.jsxs(C, { children: [
     /* @__PURE__ */ r.jsx(y, { grow: !0, noWrap: !0, children: /* @__PURE__ */ r.jsx(g, { name: `series.${n}.name`, control: t, render: ({
       field: h
     }) => /* @__PURE__ */ r.jsx(E, { label: s("viz.funnel_chart.series_name"), ...h }) }) }),
@@ -15919,7 +15919,7 @@ const dT = ({
   }), a = t("series"), o = n.map((u, h) => ({
     ...u,
     ...a[h]
-  })), l = C.get(o, "0.id"), [c, d] = X(l ?? null);
+  })), l = k.get(o, "0.id"), [c, d] = X(l ?? null);
   return Q(() => {
     l && d((u) => u !== null ? u : l);
   }, [l]), /* @__PURE__ */ r.jsxs(_, { value: c, onTabChange: (u) => d(u), styles: {
@@ -15941,7 +15941,7 @@ function hT({
   const {
     value: t,
     set: n
-  } = ne(e.instanceData, "config"), i = T(() => C.defaultsDeep({}, t, jc), [t]), {
+  } = ne(e.instanceData, "config"), i = T(() => k.defaultsDeep({}, t, jc), [t]), {
     control: s,
     handleSubmit: a,
     watch: o,
@@ -15952,7 +15952,7 @@ function hT({
   });
   return Q(() => {
     c(i);
-  }, [i]), /* @__PURE__ */ r.jsx(k, { spacing: "xs", children: /* @__PURE__ */ r.jsxs("form", { onSubmit: a(n), children: [
+  }, [i]), /* @__PURE__ */ r.jsx(C, { spacing: "xs", children: /* @__PURE__ */ r.jsxs("form", { onSubmit: a(n), children: [
     /* @__PURE__ */ r.jsx(lt, { canSubmit: l.isDirty }),
     /* @__PURE__ */ r.jsx(uT, { control: s, watch: o })
   ] }) });
@@ -16219,7 +16219,7 @@ function TT({
     const I = B(b.data_key);
     m.push({
       label: b.name,
-      value: IT(C.get(f, I.columnKey, "")),
+      value: IT(k.get(f, I.columnKey, "")),
       style: {
         label: "",
         value: ""
@@ -16234,7 +16234,7 @@ function zT(e, t, n, i) {
     heat_block: o
   } = e, l = B(s.data_key), c = B(a.data_key);
   B(o.data_key);
-  const d = C.keyBy(t[l.queryID], (u) => `${u[l.columnKey]}---${u[c.columnKey]}`);
+  const d = k.keyBy(t[l.queryID], (u) => `${u[l.columnKey]}---${u[c.columnKey]}`);
   return De.getTooltip({
     formatter: function(u) {
       const p = TT({
@@ -16378,7 +16378,7 @@ const Is = ({
   const {
     t
   } = v();
-  return /* @__PURE__ */ r.jsxs(k, { children: [
+  return /* @__PURE__ */ r.jsxs(C, { children: [
     /* @__PURE__ */ r.jsx(g, { control: e.control, name: "visualMap.skipRange.lt_min", render: ({
       field: n
     }) => /* @__PURE__ */ r.jsx(Is, { field: n, label: t("chart.visual_map.skip_range.lt_min") }) }),
@@ -16404,7 +16404,7 @@ const Is = ({
   } = s, l = o === "horizontal", c = (d) => (u) => {
     u !== "" && d(u);
   };
-  return a !== "continuous" ? null : /* @__PURE__ */ r.jsxs(k, { children: [
+  return a !== "continuous" ? null : /* @__PURE__ */ r.jsxs(C, { children: [
     /* @__PURE__ */ r.jsxs(y, { grow: !0, children: [
       /* @__PURE__ */ r.jsx(g, { name: "visualMap.text.1", control: i, render: ({
         field: d
@@ -16559,7 +16559,7 @@ const Is = ({
   })), c = () => {
     s(af());
   };
-  return /* @__PURE__ */ r.jsx(k, { children: /* @__PURE__ */ r.jsxs(ot, { children: [
+  return /* @__PURE__ */ r.jsx(C, { children: /* @__PURE__ */ r.jsxs(ot, { children: [
     /* @__PURE__ */ r.jsx("thead", { children: /* @__PURE__ */ r.jsxs("tr", { children: [
       /* @__PURE__ */ r.jsx("th", { style: {
         width: "40px"
@@ -16601,7 +16601,7 @@ const Is = ({
   } = s, c = (d) => (u) => {
     u !== "" && d(u);
   };
-  return a !== "piecewise" ? null : /* @__PURE__ */ r.jsxs(k, { children: [
+  return a !== "piecewise" ? null : /* @__PURE__ */ r.jsxs(C, { children: [
     /* @__PURE__ */ r.jsx(g, { name: "visualMap.precision", control: i, render: ({
       field: d
     }) => /* @__PURE__ */ r.jsx(pe, { label: t("chart.visual_map.precision"), ...d, onChange: c(d.onChange) }) }),
@@ -16642,7 +16642,7 @@ const Is = ({
         break;
     }
   };
-  return /* @__PURE__ */ r.jsx(ut, { children: /* @__PURE__ */ r.jsxs(k, { children: [
+  return /* @__PURE__ */ r.jsx(ut, { children: /* @__PURE__ */ r.jsxs(C, { children: [
     /* @__PURE__ */ r.jsx(AT, { visualMap: s }),
     /* @__PURE__ */ r.jsx(g, { name: "visualMap.type", control: i, render: ({
       field: l
@@ -16674,8 +16674,8 @@ function VT(e, t, n, i, s, a) {
   }, {}), l = Ta(e.visualMap, o), {
     min: c,
     max: d
-  } = l, u = wT(e), h = ST(e), p = B(e.x_axis.data_key), m = B(e.y_axis.data_key), f = C.uniq(t[p.queryID].map((A) => A[p.columnKey])), b = C.uniq(t[p.queryID].map((A) => A[m.columnKey])), I = n.map((A) => {
-    const L = C.clone(A), {
+  } = l, u = wT(e), h = ST(e), p = B(e.x_axis.data_key), m = B(e.y_axis.data_key), f = k.uniq(t[p.queryID].map((A) => A[p.columnKey])), b = k.uniq(t[p.queryID].map((A) => A[m.columnKey])), I = n.map((A) => {
+    const L = k.clone(A), {
       followVisualMap: P,
       color: ee
     } = ic(L.value[2], c, d, e.visualMap);
@@ -16698,17 +16698,17 @@ function NT(e, t) {
     if (!l)
       return {};
     const c = l.map((d) => {
-      const u = C.get(d, n.columnKey), h = C.get(d, i.columnKey), p = C.get(d, s.columnKey);
+      const u = k.get(d, n.columnKey), h = k.get(d, i.columnKey), p = k.get(d, s.columnKey);
       return {
         value: [u, h, p]
       };
     });
-    return C.groupBy(c, "value.1");
+    return k.groupBy(c, "value.1");
   }, [e, n, i, s]);
   return {
     totalPages: T(() => {
       const l = Object.keys(a).length;
-      return t.pagination.page_size === 0 ? l : C.ceil(l / t.pagination.page_size);
+      return t.pagination.page_size === 0 ? l : k.ceil(l / t.pagination.page_size);
     }, [a, t.pagination.page_size]),
     groupedFullData: a
   };
@@ -16817,9 +16817,9 @@ function HT({
 }) {
   const l = T(() => {
     const p = B(e.x_axis.data_key), m = B(e.y_axis.data_key);
-    return C.keyBy(t[p.queryID], (f) => `${f[p.columnKey]}---${f[m.columnKey]}`);
+    return k.keyBy(t[p.queryID], (f) => `${f[p.columnKey]}---${f[m.columnKey]}`);
   }, [t, e.x_axis.data_key, e.y_axis.data_key]), c = Yt(a.triggerManager, Tf.id), d = Fe((p) => {
-    const [m, f] = p.value, b = C.get(l, `${m}---${f}`, {
+    const [m, f] = p.value, b = k.get(l, `${m}---${f}`, {
       error: "rowData is not found"
     });
     c.forEach((I) => {
@@ -16868,7 +16868,7 @@ function QT({
   } = v();
   t(["heat_block"]);
   const i = t("heat_block.label.show");
-  return /* @__PURE__ */ r.jsxs(k, { children: [
+  return /* @__PURE__ */ r.jsxs(C, { children: [
     /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ r.jsx(g, { name: "heat_block.data_key", control: e, render: ({
         field: s
@@ -16908,7 +16908,7 @@ function UT({
   const {
     t: n
   } = v();
-  return t(["pagination"]), /* @__PURE__ */ r.jsx(k, { children: /* @__PURE__ */ r.jsx(g, { name: "pagination.page_size", control: e, render: ({
+  return t(["pagination"]), /* @__PURE__ */ r.jsx(C, { children: /* @__PURE__ */ r.jsx(g, { name: "pagination.page_size", control: e, render: ({
     field: i
   }) => /* @__PURE__ */ r.jsx(pe, { label: n("common.pagination.page_size"), description: n("viz.heatmap.pagination.page_size_hint"), sx: {
     flex: 1
@@ -16923,7 +16923,7 @@ const KT = ({
   const {
     t: n
   } = v();
-  return /* @__PURE__ */ r.jsx(k, { children: /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
+  return /* @__PURE__ */ r.jsx(C, { children: /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
     /* @__PURE__ */ r.jsx(g, { name: `tooltip.metrics.${t}.name`, control: e, render: ({
       field: i
     }) => /* @__PURE__ */ r.jsx(E, { label: n("common.name"), required: !0, sx: {
@@ -16977,7 +16977,7 @@ function JT({
   const {
     t: n
   } = v();
-  return t(["x_axis"]), /* @__PURE__ */ r.jsxs(k, { children: [
+  return t(["x_axis"]), /* @__PURE__ */ r.jsxs(C, { children: [
     /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ r.jsx(g, { name: "x_axis.data_key", control: e, render: ({
         field: i
@@ -17013,7 +17013,7 @@ function ZT({
   const {
     t: n
   } = v();
-  return t(["y_axis"]), /* @__PURE__ */ r.jsxs(k, { my: 0, p: "0", sx: {
+  return t(["y_axis"]), /* @__PURE__ */ r.jsxs(C, { my: 0, p: "0", sx: {
     position: "relative"
   }, children: [
     /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
@@ -17057,7 +17057,7 @@ function ez({
   } = v(), {
     value: n,
     set: i
-  } = ne(e.instanceData, "config"), s = T(() => n ? Ee({}, n) : Sc, [n]), a = T(() => C.cloneDeep(s), [s]);
+  } = ne(e.instanceData, "config"), s = T(() => n ? Ee({}, n) : Sc, [n]), a = T(() => k.cloneDeep(s), [s]);
   Q(() => {
     !Dt(s, a) && (console.log("config malformed, resetting to defaults", s, a), i(a));
   }, [s, a]);
@@ -17074,7 +17074,7 @@ function ez({
     h(a);
   }, [a]), /* @__PURE__ */ r.jsx("form", { onSubmit: c(i), style: {
     flexGrow: 1
-  }, children: /* @__PURE__ */ r.jsxs(k, { spacing: "xs", sx: {
+  }, children: /* @__PURE__ */ r.jsxs(C, { spacing: "xs", sx: {
     height: "100%"
   }, children: [
     /* @__PURE__ */ r.jsx(lt, { canSubmit: u.isDirty }),
@@ -17181,7 +17181,7 @@ function iz(e, {
   }
 }
 function sz(e) {
-  return C.defaultsDeep({}, e, {
+  return k.defaultsDeep({}, e, {
     heat_block: {
       label: {
         show: !1,
@@ -17688,7 +17688,7 @@ function Tz({
     vizManager: e.vizManager,
     instance: t
   }), u = Yt(d.triggerManager, Df.id), h = Wr(s, l.x_axis.data_key), p = Fe((f) => {
-    const b = C.get(h, f.name, {
+    const b = k.get(h, f.name, {
       error: "rowData is not found"
     });
     u.forEach((I) => {
@@ -17709,7 +17709,7 @@ function zz({
   const {
     t: n
   } = v();
-  return t(["bar"]), /* @__PURE__ */ r.jsxs(k, { children: [
+  return t(["bar"]), /* @__PURE__ */ r.jsxs(C, { children: [
     /* @__PURE__ */ r.jsxs(y, { grow: !0, children: [
       /* @__PURE__ */ r.jsx(g, { name: "bar.name", control: e, render: ({
         field: i
@@ -17722,13 +17722,13 @@ function zz({
         flex: 1
       }, ...i }) })
     ] }),
-    /* @__PURE__ */ r.jsxs(k, { spacing: 2, children: [
+    /* @__PURE__ */ r.jsxs(C, { spacing: 2, children: [
       /* @__PURE__ */ r.jsx(S, { size: "sm", children: n("chart.color.label") }),
       /* @__PURE__ */ r.jsx(g, { name: "bar.color", control: e, render: ({
         field: i
       }) => /* @__PURE__ */ r.jsx(kt, { ...i }) })
     ] }),
-    /* @__PURE__ */ r.jsxs(k, { children: [
+    /* @__PURE__ */ r.jsxs(C, { children: [
       /* @__PURE__ */ r.jsx($, { mb: -15, variant: "dashed", label: n("chart.label.label_format"), labelPosition: "center" }),
       /* @__PURE__ */ r.jsx(g, { name: "bar.label_formatter", control: e, render: ({
         field: i
@@ -17743,7 +17743,7 @@ function Dz({
   const {
     t: n
   } = v();
-  return t(["line"]), /* @__PURE__ */ r.jsxs(k, { children: [
+  return t(["line"]), /* @__PURE__ */ r.jsxs(C, { children: [
     /* @__PURE__ */ r.jsxs(y, { grow: !0, children: [
       /* @__PURE__ */ r.jsx(g, { name: "line.name", control: e, render: ({
         field: i
@@ -17756,7 +17756,7 @@ function Dz({
         flex: 1
       }, ...i }) })
     ] }),
-    /* @__PURE__ */ r.jsxs(k, { spacing: 2, children: [
+    /* @__PURE__ */ r.jsxs(C, { spacing: 2, children: [
       /* @__PURE__ */ r.jsx(S, { size: "sm", children: n("chart.color.label") }),
       /* @__PURE__ */ r.jsx(g, { name: "line.color", control: e, render: ({
         field: i
@@ -17804,14 +17804,14 @@ function Lz({
   const {
     t: n
   } = v();
-  return t(["markLine"]), /* @__PURE__ */ r.jsxs(k, { children: [
-    /* @__PURE__ */ r.jsxs(k, { spacing: 2, children: [
+  return t(["markLine"]), /* @__PURE__ */ r.jsxs(C, { children: [
+    /* @__PURE__ */ r.jsxs(C, { spacing: 2, children: [
       /* @__PURE__ */ r.jsx(S, { size: "sm", children: n("chart.color.label") }),
       /* @__PURE__ */ r.jsx(g, { name: "markLine.color", control: e, render: ({
         field: i
       }) => /* @__PURE__ */ r.jsx(kt, { ...i }) })
     ] }),
-    /* @__PURE__ */ r.jsxs(k, { spacing: 4, children: [
+    /* @__PURE__ */ r.jsxs(C, { spacing: 4, children: [
       /* @__PURE__ */ r.jsx(g, { name: "markLine.label_template", control: e, render: ({
         field: i
       }) => /* @__PURE__ */ r.jsx(Vu, { autosize: !0, minRows: 2, maxRows: 4, label: n("viz.pareto_chart.line_80_20.label_template"), sx: {
@@ -17831,7 +17831,7 @@ function Az({
   const {
     t: a
   } = v(), o = n(`reference_lines.${t}.orientation`);
-  return /* @__PURE__ */ r.jsxs(k, { my: 0, p: 0, sx: {
+  return /* @__PURE__ */ r.jsxs(C, { my: 0, p: 0, sx: {
     position: "relative"
   }, children: [
     /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
@@ -17855,7 +17855,7 @@ function Az({
       flex: 1
     }, ...l }) }),
     /* @__PURE__ */ r.jsxs(y, { grow: !0, children: [
-      /* @__PURE__ */ r.jsx(k, { children: /* @__PURE__ */ r.jsx(g, { name: `reference_lines.${t}.orientation`, control: e, render: ({
+      /* @__PURE__ */ r.jsx(C, { children: /* @__PURE__ */ r.jsx(g, { name: `reference_lines.${t}.orientation`, control: e, render: ({
         field: l
       }) => /* @__PURE__ */ r.jsx(vr, { label: a("chart.orientation.label"), sx: {
         flex: 1
@@ -17892,7 +17892,7 @@ function Az({
         }, ...l })
       ) })
     ] }),
-    /* @__PURE__ */ r.jsxs(k, { spacing: 4, children: [
+    /* @__PURE__ */ r.jsxs(C, { spacing: 4, children: [
       /* @__PURE__ */ r.jsx(S, { size: "sm", children: a("chart.color.label") }),
       /* @__PURE__ */ r.jsx(g, { name: `reference_lines.${t}.lineStyle.color`, control: e, render: ({
         field: l
@@ -17941,7 +17941,7 @@ function Pz({
   const {
     t: n
   } = v();
-  return t(["x_axis"]), /* @__PURE__ */ r.jsxs(k, { children: [
+  return t(["x_axis"]), /* @__PURE__ */ r.jsxs(C, { children: [
     /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ r.jsx(g, { name: "x_axis.name", control: e, render: ({
         field: i
@@ -17977,7 +17977,7 @@ function $z({
   const {
     t: n
   } = v();
-  return t(["data_key"]), /* @__PURE__ */ r.jsx(k, { children: /* @__PURE__ */ r.jsx(g, { name: "data_key", control: e, render: ({
+  return t(["data_key"]), /* @__PURE__ */ r.jsx(C, { children: /* @__PURE__ */ r.jsx(g, { name: "data_key", control: e, render: ({
     field: i
   }) => /* @__PURE__ */ r.jsx(te, { label: n("chart.y_axis.y_axis_data_field"), required: !0, sx: {
     flex: 1
@@ -18058,7 +18058,7 @@ function Vz(e) {
   };
 }
 function Nz(e) {
-  const t = C.defaultsDeep({}, e.x_axis.axisLabel, {
+  const t = k.defaultsDeep({}, e.x_axis.axisLabel, {
     rotate: 0,
     formatter: St()
   });
@@ -18101,7 +18101,7 @@ function Bz(e) {
       }
     }
   };
-  return C.defaultsDeep(t, e);
+  return k.defaultsDeep(t, e);
 }
 function Wz(e) {
   const t = {
@@ -18112,7 +18112,7 @@ function Wz(e) {
       nameAlignment: "right"
     }
   };
-  return C.defaultsDeep(t, e);
+  return k.defaultsDeep(t, e);
 }
 function Hz(e) {
   console.log(e);
@@ -18129,7 +18129,7 @@ function Hz(e) {
       }
     }
   };
-  return C.defaultsDeep(i, e);
+  return k.defaultsDeep(i, e);
 }
 function Gz(e, {
   panelModel: t
@@ -18330,7 +18330,7 @@ function Zz({
   interactionManager: s
 }) {
   const a = Wr(t, e.label_field), o = Yt(s.triggerManager, Ef.id), l = O.useCallback((u) => {
-    const h = C.get(a, u.name, {
+    const h = k.get(a, u.name, {
       error: "rowData is not found"
     });
     o.forEach((p) => {
@@ -18356,7 +18356,7 @@ function eD({
     instance: t
   }), {
     value: i
-  } = ne(e.instanceData, "config"), s = T(() => C.defaults({}, i, Cc), [i]), a = e.data, {
+  } = ne(e.instanceData, "config"), s = T(() => k.defaults({}, i, Cc), [i]), a = e.data, {
     width: o,
     height: l
   } = e.viewport;
@@ -18370,7 +18370,7 @@ function tD({
   } = v(), {
     value: n,
     set: i
-  } = ne(e.instanceData, "config"), s = T(() => xt({}, n, Cc), [n]), a = T(() => C.clone(s), [s]), {
+  } = ne(e.instanceData, "config"), s = T(() => xt({}, n, Cc), [n]), a = T(() => k.clone(s), [s]), {
     control: o,
     handleSubmit: l,
     watch: c,
@@ -18381,9 +18381,9 @@ function tD({
   });
   return Q(() => {
     u(a);
-  }, [a]), c(["label_field", "value_field", "color_field"]), /* @__PURE__ */ r.jsx(k, { spacing: "xs", children: /* @__PURE__ */ r.jsxs("form", { onSubmit: l(i), children: [
+  }, [a]), c(["label_field", "value_field", "color_field"]), /* @__PURE__ */ r.jsx(C, { spacing: "xs", children: /* @__PURE__ */ r.jsxs("form", { onSubmit: l(i), children: [
     /* @__PURE__ */ r.jsx(lt, { canSubmit: d.isDirty }),
-    /* @__PURE__ */ r.jsxs(k, { mt: "md", spacing: "xs", p: "md", mb: "sm", sx: {
+    /* @__PURE__ */ r.jsxs(C, { mt: "md", spacing: "xs", p: "md", mb: "sm", sx: {
       border: "1px solid #eee",
       borderRadius: "5px"
     }, children: [
@@ -18720,7 +18720,7 @@ function bD(e, t) {
     series: mD(t, e),
     color: gD
   };
-  return C.merge({}, xD, o);
+  return k.merge({}, xD, o);
 }
 function yD({
   conf: e,
@@ -18734,8 +18734,8 @@ function yD({
     const {
       queryID: h,
       columnKey: p
-    } = B(e.series_name_key), m = C.keyBy(t[h], p), f = e.additional_series.reduce((b, I) => {
-      const w = B(I.name_key), z = C.keyBy(t[w.queryID], w.columnKey);
+    } = B(e.series_name_key), m = k.keyBy(t[h], p), f = e.additional_series.reduce((b, I) => {
+      const w = B(I.name_key), z = k.keyBy(t[w.queryID], w.columnKey);
       return {
         ...b,
         ...z
@@ -18746,7 +18746,7 @@ function yD({
       ...f
     };
   }, [t, e.series_name_key, e.additional_series]), l = Yt(s.triggerManager, Lf.id), c = Fe((h) => {
-    const p = C.get(o, h.name, {
+    const p = k.get(o, h.name, {
       error: "rowData is not found"
     });
     l.forEach((m) => {
@@ -18774,7 +18774,7 @@ function vD({
     value: i
   } = ne(e.instanceData, "config"), {
     variables: s
-  } = e, a = T(() => C.defaults({}, i, Ra), [i]), o = e.data, {
+  } = e, a = T(() => k.defaults({}, i, Ra), [i]), o = e.data, {
     width: l,
     height: c
   } = e.viewport;
@@ -18787,7 +18787,7 @@ function _D({
   const {
     t: n
   } = v();
-  return /* @__PURE__ */ r.jsxs(k, { my: 0, p: "md", pr: 40, sx: {
+  return /* @__PURE__ */ r.jsxs(C, { my: 0, p: "md", pr: 40, sx: {
     border: "1px solid #eee",
     position: "relative"
   }, children: [
@@ -18796,7 +18796,7 @@ function _D({
     }) => /* @__PURE__ */ r.jsx(te, { label: n("viz.radar_chart.series.series_name_field"), required: !0, sx: {
       flex: 1
     }, ...i }) }) }),
-    /* @__PURE__ */ r.jsx(k, { children: /* @__PURE__ */ r.jsx(g, { name: `additional_series.${t}.color_key`, control: e, render: ({
+    /* @__PURE__ */ r.jsx(C, { children: /* @__PURE__ */ r.jsx(g, { name: `additional_series.${t}.color_key`, control: e, render: ({
       field: i
     }) => /* @__PURE__ */ r.jsx(te, { label: n("viz.radar_chart.style.color_field"), required: !0, clearable: !0, sx: {
       flex: 1
@@ -18833,7 +18833,7 @@ function wD({
   const {
     t: n
   } = v();
-  return /* @__PURE__ */ r.jsxs(k, { my: 0, p: "md", pr: 40, sx: {
+  return /* @__PURE__ */ r.jsxs(C, { my: 0, p: "md", pr: 40, sx: {
     border: "1px solid #eee",
     position: "relative"
   }, children: [
@@ -18863,7 +18863,7 @@ function wD({
         }, ...i, error: (a = s.error) == null ? void 0 : a.message });
       } })
     ] }),
-    /* @__PURE__ */ r.jsxs(k, { children: [
+    /* @__PURE__ */ r.jsxs(C, { children: [
       /* @__PURE__ */ r.jsx($, { mb: -15, variant: "dashed", label: n("viz.radar_chart.metric.value_formatter"), labelPosition: "center" }),
       /* @__PURE__ */ r.jsx(g, { name: `dimensions.${t}.formatter`, control: e, render: ({
         field: i
@@ -18915,7 +18915,7 @@ function kD({
   });
   return Q(() => {
     c(s);
-  }, [s]), l(["series_name_key", "background", "label"]), /* @__PURE__ */ r.jsx("form", { onSubmit: o(i), children: /* @__PURE__ */ r.jsxs(k, { spacing: "xs", children: [
+  }, [s]), l(["series_name_key", "background", "label"]), /* @__PURE__ */ r.jsx("form", { onSubmit: o(i), children: /* @__PURE__ */ r.jsxs(C, { spacing: "xs", children: [
     /* @__PURE__ */ r.jsx(lt, { canSubmit: d.isDirty && d.isValid }),
     /* @__PURE__ */ r.jsxs(_, { defaultValue: "series", children: [
       /* @__PURE__ */ r.jsxs(_.List, { children: [
@@ -19048,7 +19048,7 @@ function MD(e) {
       enabled: !0
     }
   };
-  return C.defaultsDeep(t, e);
+  return k.defaultsDeep(t, e);
 }
 function ED(e, {
   panelModel: t
@@ -19078,7 +19078,7 @@ function LD(e) {
   const t = {
     additional_series: []
   };
-  return C.defaultsDeep(t, e);
+  return k.defaultsDeep(t, e);
 }
 function AD(e) {
   const t = {
@@ -19194,7 +19194,7 @@ function $D(e, t) {
 }
 function $f(e, t) {
   const n = B(e.x_axis.data_key), i = B(e.regression.y_axis_data_key);
-  return C.uniqBy(t.map((s) => [s[n.columnKey], s[i.columnKey]]), 0);
+  return k.uniqBy(t.map((s) => [s[n.columnKey], s[i.columnKey]]), 0);
 }
 function OD(e, t) {
   const {
@@ -19222,7 +19222,7 @@ function FD(e, t) {
     plot: n,
     transform: i,
     group_by_key: s
-  } = e.regression, a = B(s), o = C.groupBy(t, a.columnKey);
+  } = e.regression, a = B(s), o = k.groupBy(t, a.columnKey);
   return Object.entries(o).map(([l, c]) => {
     const d = $f(e, c);
     return {
@@ -19490,7 +19490,7 @@ function YD(e, t) {
     }];
   if (!t.regression.group_by_key)
     return [mu("", e, t)];
-  const n = B(t.regression.group_by_key), i = C.groupBy(e, n.columnKey);
+  const n = B(t.regression.group_by_key), i = k.groupBy(e, n.columnKey);
   return Object.entries(i).map(([s, a]) => mu(s, a, t));
 }
 const XD = {
@@ -19654,7 +19654,7 @@ function nM({
     label: n("chart.regression_line.method.polynomial"),
     value: "polynomial"
   }], [i.language]);
-  return /* @__PURE__ */ r.jsxs(k, { children: [
+  return /* @__PURE__ */ r.jsxs(C, { children: [
     /* @__PURE__ */ r.jsx(y, { grow: !0, noWrap: !0, children: /* @__PURE__ */ r.jsx(g, { name: "regression.name", control: e, render: ({
       field: l
     }) => /* @__PURE__ */ r.jsx(E, { label: n("common.name"), sx: {
@@ -19683,7 +19683,7 @@ function nM({
         }, ...l })
       ) })
     ] }),
-    !a && /* @__PURE__ */ r.jsxs(k, { spacing: 4, children: [
+    !a && /* @__PURE__ */ r.jsxs(C, { spacing: 4, children: [
       /* @__PURE__ */ r.jsx(S, { size: "sm", children: n("chart.color.label") }),
       /* @__PURE__ */ r.jsx(g, { name: "regression.plot.color", control: e, render: ({
         field: l
@@ -19695,7 +19695,7 @@ function rM({
   control: e,
   watch: t
 }) {
-  return t(["x_axis"]), /* @__PURE__ */ r.jsxs(k, { children: [
+  return t(["x_axis"]), /* @__PURE__ */ r.jsxs(C, { children: [
     /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ r.jsx(g, { name: "x_axis.name", control: e, render: ({
         field: n
@@ -19709,7 +19709,7 @@ function rM({
       }, ...n }) })
     ] }),
     /* @__PURE__ */ r.jsx($, { variant: "dashed", labelPosition: "center", label: "格式化数据" }),
-    /* @__PURE__ */ r.jsx(k, { children: /* @__PURE__ */ r.jsx(g, { name: "x_axis.axisLabel.format", control: e, render: ({
+    /* @__PURE__ */ r.jsx(C, { children: /* @__PURE__ */ r.jsx(g, { name: "x_axis.axisLabel.format", control: e, render: ({
       field: n
     }) => /* @__PURE__ */ r.jsx(un, { ...n }) }) }),
     /* @__PURE__ */ r.jsx($, { variant: "dashed", labelPosition: "center", label: "标签文案样式" }),
@@ -19741,7 +19741,7 @@ function iM({
   control: e,
   watch: t
 }) {
-  return t(["y_axis", "regression.y_axis_data_key"]), /* @__PURE__ */ r.jsx(k, { children: /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
+  return t(["y_axis", "regression.y_axis_data_key"]), /* @__PURE__ */ r.jsx(C, { children: /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
     /* @__PURE__ */ r.jsx(g, { name: "y_axis.name", control: e, render: ({
       field: n
     }) => /* @__PURE__ */ r.jsx(E, { label: "Y轴名称", sx: {
@@ -19771,7 +19771,7 @@ function sM({
   });
   return Q(() => {
     c(i);
-  }, [i]), o(["x_axis", "y_axis", "regression"]), /* @__PURE__ */ r.jsx(k, { spacing: "xs", children: /* @__PURE__ */ r.jsxs("form", { onSubmit: a(n), children: [
+  }, [i]), o(["x_axis", "y_axis", "regression"]), /* @__PURE__ */ r.jsx(C, { spacing: "xs", children: /* @__PURE__ */ r.jsxs("form", { onSubmit: a(n), children: [
     /* @__PURE__ */ r.jsx(lt, { canSubmit: l.isDirty }),
     /* @__PURE__ */ r.jsxs(_, { defaultValue: "X轴", orientation: "vertical", styles: {
       panel: {
@@ -19804,7 +19804,7 @@ function aM(e) {
       group_by_key: ""
     }
   };
-  return C.defaultsDeep(t, e);
+  return k.defaultsDeep(t, e);
 }
 function oM(e, {
   panelModel: t
@@ -19947,7 +19947,7 @@ function mM({
     flexGrow: 1,
     display: "flex",
     flexDirection: "column"
-  }, children: /* @__PURE__ */ r.jsxs(k, { spacing: "xs", sx: {
+  }, children: /* @__PURE__ */ r.jsxs(C, { spacing: "xs", sx: {
     flexGrow: 1
   }, children: [
     /* @__PURE__ */ r.jsxs(y, { position: "left", py: "md", pl: "md", sx: {
@@ -20093,7 +20093,7 @@ function _M(e) {
       label_overflow: Of()
     }
   };
-  return C.defaultsDeep(t, e);
+  return k.defaultsDeep(t, e);
 }
 function jM(e) {
   const {
@@ -20139,7 +20139,7 @@ function SM(e) {
       trigger: "item"
     }
   };
-  return C.defaultsDeep({}, e, t);
+  return k.defaultsDeep({}, e, t);
 }
 function kM(e, {
   panelModel: t
@@ -20185,7 +20185,7 @@ function CM(e) {
       }
     }
   };
-  return C.defaultsDeep(t, e);
+  return k.defaultsDeep(t, e);
 }
 function IM(e, t) {
   const {
@@ -20452,7 +20452,7 @@ function OM({
         params: a,
         variables: n
       }, {
-        lodash: C,
+        lodash: k,
         interpolate: Nr
       });
     } catch (l) {
@@ -20483,7 +20483,7 @@ function FM({
         rowData: s,
         variables: n
       }, {
-        lodash: C,
+        lodash: k,
         interpolate: Nr
       });
     } catch (a) {
@@ -20725,7 +20725,7 @@ function KM(e, t, n) {
     default: ({
       value: c
     }) => c
-  }), a = C.uniq(yn(t, e.x_axis.data_key)), o = qM(e, t, n, i), l = {
+  }), a = k.uniq(yn(t, e.x_axis.data_key)), o = qM(e, t, n, i), l = {
     xAxis: GM(e, a),
     yAxis: QM(e, s),
     series: o,
@@ -20793,10 +20793,10 @@ const JM = de(({
     t: o,
     i18n: l
   } = v(), c = (d, u) => {
-    const h = C.cloneDeep(e);
-    C.set(h, d, u), t(h);
+    const h = k.cloneDeep(e);
+    k.set(h, d, u), t(h);
   };
-  return /* @__PURE__ */ r.jsxs(k, { children: [
+  return /* @__PURE__ */ r.jsxs(C, { children: [
     /* @__PURE__ */ r.jsx($, { mb: -15, variant: "dashed", label: o("chart.reference_area.content.label"), labelPosition: "right" }),
     /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ r.jsx(E, { label: o("chart.reference_area.content.content_text"), value: e.content.text, onChange: (d) => c("content.text", d.currentTarget.value) }),
@@ -20807,14 +20807,14 @@ const JM = de(({
       n && /* @__PURE__ */ r.jsx(q, { label: o("chart.x_axis.label"), data: n, value: e.xAxisIndex, onChange: (d) => c("xAxisIndex", d) }),
       i && /* @__PURE__ */ r.jsx(q, { label: o("chart.y_axis.label"), data: i, value: e.yAxisIndex, onChange: (d) => c("xAxisIndex", d) })
     ] }),
-    /* @__PURE__ */ r.jsxs(k, { spacing: 0, children: [
+    /* @__PURE__ */ r.jsxs(C, { spacing: 0, children: [
       /* @__PURE__ */ r.jsx(S, { 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(q, { icon: /* @__PURE__ */ r.jsx(S, { children: "x" }), data: s, value: e.leftBottomPoint.x_data_key, onChange: (d) => c("leftBottomPoint.x_data_key", d ?? ""), clearable: !0 }),
         /* @__PURE__ */ r.jsx(q, { icon: /* @__PURE__ */ r.jsx(S, { children: "y" }), data: s, value: e.leftBottomPoint.y_data_key, onChange: (d) => c("leftBottomPoint.y_data_key", d ?? ""), clearable: !0 })
       ] })
     ] }),
-    /* @__PURE__ */ r.jsxs(k, { spacing: 0, children: [
+    /* @__PURE__ */ r.jsxs(C, { spacing: 0, children: [
       /* @__PURE__ */ r.jsx(S, { 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(q, { icon: /* @__PURE__ */ r.jsx(S, { children: "x" }), data: s, value: e.rightTopPoint.x_data_key, onChange: (d) => c("rightTopPoint.x_data_key", d ?? ""), clearable: !0 }),
@@ -20822,11 +20822,11 @@ const JM = de(({
       ] })
     ] }),
     /* @__PURE__ */ r.jsx($, { mb: -15, variant: "dashed", label: o("chart.style.label"), labelPosition: "right" }),
-    /* @__PURE__ */ r.jsxs(k, { spacing: 4, children: [
+    /* @__PURE__ */ r.jsxs(C, { spacing: 4, children: [
       /* @__PURE__ */ r.jsx(S, { size: 14, children: o("chart.color.background_color") }),
       /* @__PURE__ */ r.jsx(kt, { value: e.itemStyle.color, onChange: (d) => c("itemStyle.color", d) })
     ] }),
-    /* @__PURE__ */ r.jsxs(k, { spacing: 4, children: [
+    /* @__PURE__ */ r.jsxs(C, { spacing: 4, children: [
       /* @__PURE__ */ r.jsx(S, { size: 14, children: o("chart.color.text_color") }),
       /* @__PURE__ */ r.jsx(kt, { value: e.label.color, onChange: (d) => c("label.color", d) })
     ] })
@@ -20879,7 +20879,7 @@ function eE({
     index: u
   }) => /* @__PURE__ */ r.jsx(g, { name: `reference_areas.${u}`, control: e, render: ({
     field: h
-  }) => /* @__PURE__ */ r.jsx(k, { children: /* @__PURE__ */ r.jsx(JM, { variableOptions: a, yAxisOptions: l, ...h }) }) }) });
+  }) => /* @__PURE__ */ r.jsx(C, { children: /* @__PURE__ */ r.jsx(JM, { variableOptions: a, yAxisOptions: l, ...h }) }) }) });
 }
 function tE({
   control: e,
@@ -20891,7 +20891,7 @@ function tE({
   const {
     t: a
   } = v(), o = n(`reference_lines.${t}.orientation`);
-  return /* @__PURE__ */ r.jsxs(k, { my: 0, p: 0, sx: {
+  return /* @__PURE__ */ r.jsxs(C, { my: 0, p: 0, sx: {
     position: "relative"
   }, children: [
     /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
@@ -20915,7 +20915,7 @@ function tE({
       flex: 1
     }, ...l }) }),
     /* @__PURE__ */ r.jsxs(y, { grow: !0, children: [
-      /* @__PURE__ */ r.jsxs(k, { children: [
+      /* @__PURE__ */ r.jsxs(C, { children: [
         /* @__PURE__ */ r.jsx(g, { name: `reference_lines.${t}.orientation`, control: e, render: ({
           field: l
         }) => /* @__PURE__ */ r.jsx(vr, { sx: {
@@ -20955,7 +20955,7 @@ function tE({
         }, ...l })
       ) })
     ] }),
-    /* @__PURE__ */ r.jsxs(k, { spacing: 4, children: [
+    /* @__PURE__ */ r.jsxs(C, { spacing: 4, children: [
       /* @__PURE__ */ r.jsx(S, { size: "sm", children: a("chart.color.label") }),
       /* @__PURE__ */ r.jsx(g, { name: `reference_lines.${t}.lineStyle.color`, control: e, render: ({
         field: l
@@ -21046,7 +21046,7 @@ const rE = ({
     }, children: /* @__PURE__ */ r.jsx(M, { color: "grape", variant: "filled", leftIcon: /* @__PURE__ */ r.jsx(Zn, { size: 16 }), mt: 24, onClick: s, sx: {
       flexGrow: 0
     }, children: n("viz.scatter_chart.color.dynamic.setup") }) }),
-    /* @__PURE__ */ r.jsx(He, { size: 800, title: n("viz.scatter_chart.color.dynamic.setup_title"), opened: i, onClose: a, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: i && /* @__PURE__ */ r.jsxs(k, { children: [
+    /* @__PURE__ */ r.jsx(He, { size: 800, title: n("viz.scatter_chart.color.dynamic.setup_title"), opened: i, onClose: a, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: i && /* @__PURE__ */ r.jsxs(C, { children: [
       /* @__PURE__ */ r.jsx(rE, { value: o.func_content, onChange: u }),
       /* @__PURE__ */ r.jsxs(y, { position: "apart", children: [
         /* @__PURE__ */ r.jsx(M, { onClick: h, color: "red", leftIcon: /* @__PURE__ */ r.jsx(an, { size: 20 }), children: n("common.actions.reset_to_default") }),
@@ -21116,7 +21116,7 @@ const rE = ({
       tooltip: o
     });
   };
-  return /* @__PURE__ */ r.jsxs(k, { ref: n, spacing: 0, children: [
+  return /* @__PURE__ */ r.jsxs(C, { ref: n, spacing: 0, children: [
     /* @__PURE__ */ r.jsx(sa, { sectionTitle: i("chart.axis.overflow.section_title.on_axis"), value: e.label, onChange: s }),
     /* @__PURE__ */ r.jsx(sa, { sectionTitle: i("chart.axis.overflow.section_title.in_tooltip"), value: e.tooltip, onChange: a })
   ] });
@@ -21128,7 +21128,7 @@ function cE({
   const {
     t: n
   } = v();
-  return t(["scatter"]), /* @__PURE__ */ r.jsxs(k, { children: [
+  return t(["scatter"]), /* @__PURE__ */ r.jsxs(C, { children: [
     /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ r.jsx(g, { name: "scatter.name_data_key", control: e, render: ({
         field: i
@@ -21166,7 +21166,7 @@ function dE({
   const {
     t: n
   } = v();
-  return /* @__PURE__ */ r.jsxs(k, { children: [
+  return /* @__PURE__ */ r.jsxs(C, { children: [
     /* @__PURE__ */ r.jsx(g, { name: "stats.top", control: e, render: ({
       field: i
     }) => /* @__PURE__ */ r.jsx(hr, { label: n("chart.stats.template.above_chart"), styles: {
@@ -21192,7 +21192,7 @@ const uE = ({
   const {
     t: n
   } = v();
-  return /* @__PURE__ */ r.jsx(k, { children: /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
+  return /* @__PURE__ */ r.jsx(C, { children: /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
     /* @__PURE__ */ r.jsx(g, { name: `tooltip.metrics.${t}.name`, control: e, render: ({
       field: i
     }) => /* @__PURE__ */ r.jsx(E, { label: n("common.name"), required: !0, sx: {
@@ -21248,7 +21248,7 @@ function pE({
     label: n("chart.tooltip.trigger.x_axis"),
     value: "axis"
   }], [i.language]);
-  return /* @__PURE__ */ r.jsxs(k, { children: [
+  return /* @__PURE__ */ r.jsxs(C, { children: [
     /* @__PURE__ */ r.jsx(g, { name: "tooltip.trigger", control: e, render: ({
       field: a
     }) => (
@@ -21268,7 +21268,7 @@ function mE({
   const {
     t: n
   } = v();
-  return t(["x_axis"]), /* @__PURE__ */ r.jsxs(k, { children: [
+  return t(["x_axis"]), /* @__PURE__ */ r.jsxs(C, { children: [
     /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ r.jsx(g, { name: "x_axis.data_key", control: e, render: ({
         field: i
@@ -21304,7 +21304,7 @@ function fE({
   const {
     t: n
   } = v();
-  return /* @__PURE__ */ r.jsxs(k, { my: 0, p: "0", sx: {
+  return /* @__PURE__ */ r.jsxs(C, { my: 0, p: "0", sx: {
     position: "relative"
   }, children: [
     /* @__PURE__ */ r.jsx($, { mb: -15, mt: 15, variant: "dashed", label: n("chart.y_axis.y_axis_name"), labelPosition: "center" }),
@@ -21326,13 +21326,13 @@ function fE({
     }) => /* @__PURE__ */ r.jsx(If, { sx: {
       flex: 1
     }, ...i }) }) }),
-    /* @__PURE__ */ r.jsxs(k, { children: [
+    /* @__PURE__ */ r.jsxs(C, { children: [
       /* @__PURE__ */ r.jsx($, { mb: -15, variant: "dashed", label: n("chart.y_axis.label_format"), labelPosition: "center" }),
       /* @__PURE__ */ r.jsx(g, { name: `y_axes.${t}.label_formatter`, control: e, render: ({
         field: i
       }) => /* @__PURE__ */ r.jsx(un, { ...i }) })
     ] }),
-    /* @__PURE__ */ r.jsxs(k, { children: [
+    /* @__PURE__ */ r.jsxs(C, { children: [
       /* @__PURE__ */ r.jsx($, { mb: -15, variant: "dashed", label: n("chart.y_axis.value_range"), labelPosition: "center" }),
       /* @__PURE__ */ r.jsxs(y, { grow: !0, children: [
         /* @__PURE__ */ r.jsx(g, { name: `y_axes.${t}.min`, control: e, render: ({
@@ -21392,7 +21392,7 @@ function gE({
   });
   return Q(() => {
     d(a);
-  }, [a]), c(["dataZoom"]), /* @__PURE__ */ r.jsx(k, { spacing: "xs", children: /* @__PURE__ */ r.jsxs("form", { onSubmit: l(t), children: [
+  }, [a]), c(["dataZoom"]), /* @__PURE__ */ r.jsx(C, { spacing: "xs", children: /* @__PURE__ */ r.jsxs("form", { onSubmit: l(t), children: [
     /* @__PURE__ */ r.jsx(lt, { canSubmit: u.isDirty }),
     /* @__PURE__ */ r.jsxs(_, { defaultValue: "X Axis", orientation: "vertical", styles: {
       tab: {
@@ -21683,7 +21683,7 @@ function LE({
   });
   return O.useEffect(() => {
     c(i);
-  }, [i]), o(["content", "vertical_align"]), /* @__PURE__ */ r.jsx("form", { onSubmit: a(t), children: /* @__PURE__ */ r.jsxs(k, { spacing: "xs", children: [
+  }, [i]), o(["content", "vertical_align"]), /* @__PURE__ */ r.jsx("form", { onSubmit: a(t), children: /* @__PURE__ */ r.jsxs(C, { spacing: "xs", children: [
     /* @__PURE__ */ r.jsx(lt, { canSubmit: l.isDirty }),
     /* @__PURE__ */ r.jsx(g, { control: s, name: "vertical_align", render: ({
       field: d
@@ -21760,7 +21760,7 @@ function VE(e) {
   const t = FE(e).map((s) => ({
     ...s,
     children: []
-  })), n = C.keyBy(t, (s) => s.id), i = [];
+  })), n = k.keyBy(t, (s) => s.id), i = [];
   return t.forEach((s) => {
     if (!s.parent_id || !n[s.parent_id]) {
       i.push(s);
@@ -21912,7 +21912,7 @@ function KE({
   const {
     t: n
   } = v();
-  return t(["label_key", "value_key", "group_key"]), /* @__PURE__ */ r.jsxs(k, { children: [
+  return t(["label_key", "value_key", "group_key"]), /* @__PURE__ */ r.jsxs(C, { children: [
     /* @__PURE__ */ r.jsx(g, { name: "label_key", control: e, render: ({
       field: i
     }) => /* @__PURE__ */ r.jsx(te, { label: n("common.name_data_field"), required: !0, ...i }) }),
@@ -21941,7 +21941,7 @@ const YE = ({
     label: n("viz.sunburst_chart.label.rotate.none"),
     value: "0"
   }], [i.language]);
-  return /* @__PURE__ */ r.jsxs(k, { children: [
+  return /* @__PURE__ */ r.jsxs(C, { children: [
     /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ r.jsx(g, { name: `levels.${t}.r0`, control: e, render: ({
         field: a
@@ -22027,7 +22027,7 @@ function JE({
   } = v(), {
     value: n,
     set: i
-  } = ne(e.instanceData, "config"), s = T(() => xt({}, n, Tc), [n]), a = T(() => C.clone(s), [s]), {
+  } = ne(e.instanceData, "config"), s = T(() => xt({}, n, Tc), [n]), a = T(() => k.clone(s), [s]), {
     control: o,
     handleSubmit: l,
     watch: c,
@@ -22040,7 +22040,7 @@ function JE({
     u(a);
   }, [a]), c(["label_key", "value_key", "group_key", "levels"]);
   const [h, p] = X("Data");
-  return /* @__PURE__ */ r.jsx("form", { onSubmit: l(i), children: /* @__PURE__ */ r.jsxs(k, { spacing: "xs", children: [
+  return /* @__PURE__ */ r.jsx("form", { onSubmit: l(i), children: /* @__PURE__ */ r.jsxs(C, { spacing: "xs", children: [
     /* @__PURE__ */ r.jsx(lt, { canSubmit: d.isDirty }),
     /* @__PURE__ */ r.jsxs(_, { value: h, onTabChange: p, orientation: "vertical", styles: {
       tab: {
@@ -22230,7 +22230,7 @@ const qf = ["function text({ value, row_data }, utils) {", "    return value", "
   header: e,
   cx: t
 }) => {
-  const n = C.get(e.column.columnDef.meta, "align", "left");
+  const n = k.get(e.column.columnDef.meta, "align", "left");
   return /* @__PURE__ */ r.jsxs(S, { className: t("table-head-cell", {
     "table-head-cell--sortable": e.column.getCanSort()
   }), onClick: e.column.getToggleSortingHandler(), align: n, sx: {
@@ -22529,7 +22529,7 @@ function jL(e) {
       column: +u
     });
   };
-  return s ? /* @__PURE__ */ r.jsxs(k, { children: [
+  return s ? /* @__PURE__ */ r.jsxs(C, { children: [
     /* @__PURE__ */ r.jsx(Xi, { icon: /* @__PURE__ */ r.jsx(Bi, { size: "1rem" }), color: "gray", children: /* @__PURE__ */ r.jsxs(ma, { i18nKey: "viz.table.click_cell.why_column_data_field", children: [
       "Option ",
       /* @__PURE__ */ r.jsx(Nu, { children: "Use original data columns" }),
@@ -22817,7 +22817,7 @@ const AL = de((e, t) => {
     var I;
     u(b), (I = e.onChange) == null || I.call(e, b);
   };
-  return /* @__PURE__ */ r.jsxs(k, { align: "stretch", children: [
+  return /* @__PURE__ */ r.jsxs(C, { align: "stretch", children: [
     /* @__PURE__ */ r.jsx(Fk, { label: n("viz.table.column.cell_background"), value: s || "none", onChange: p }),
     s === "static" && /* @__PURE__ */ r.jsx(kt, { value: o, onChange: m }),
     s === "interpolation" && /* @__PURE__ */ r.jsx(Ok, { colorManager: i, value: d, onChange: f })
@@ -22857,7 +22857,7 @@ const AL = de((e, t) => {
     /* @__PURE__ */ r.jsx(M, { color: "grape", variant: "filled", leftIcon: /* @__PURE__ */ r.jsx(Zn, { size: 16 }), mt: 24, onClick: a, sx: {
       flexGrow: 0
     }, children: i("viz.table.column.custom_cell_content") }),
-    /* @__PURE__ */ r.jsx(He, { size: 800, title: i("viz.table.column.custom_cell_content"), opened: s, onClose: o, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: s && /* @__PURE__ */ r.jsxs(k, { children: [
+    /* @__PURE__ */ r.jsx(He, { size: 800, title: i("viz.table.column.custom_cell_content"), opened: s, onClose: o, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: s && /* @__PURE__ */ r.jsxs(C, { children: [
       /* @__PURE__ */ r.jsx(y, { position: "left", children: /* @__PURE__ */ r.jsx(lf, {}) }),
       /* @__PURE__ */ r.jsx(R, { sx: {
         position: "relative"
@@ -22883,7 +22883,7 @@ const AL = de((e, t) => {
   const {
     t: i
   } = v(), s = n(`columns.${t}.value_type`), a = n("query_id");
-  return /* @__PURE__ */ r.jsxs(k, { my: 0, sx: {
+  return /* @__PURE__ */ r.jsxs(C, { my: 0, sx: {
     position: "relative"
   }, children: [
     /* @__PURE__ */ r.jsxs(y, { grow: !0, children: [
@@ -22963,7 +22963,7 @@ function FL({
   const {
     t: n
   } = v();
-  return t(["horizontalSpacing", "verticalSpacing", "fontSize", "striped", "highlightOnHover"]), /* @__PURE__ */ r.jsxs(k, { spacing: "xs", children: [
+  return t(["horizontalSpacing", "verticalSpacing", "fontSize", "striped", "highlightOnHover"]), /* @__PURE__ */ r.jsxs(C, { spacing: "xs", children: [
     /* @__PURE__ */ r.jsxs(y, { position: "apart", mb: "lg", grow: !0, sx: {
       "> *": {
         flexGrow: 1
@@ -23353,7 +23353,7 @@ function JL({
   return O.useEffect(() => {
     const l = zs.find((c) => c.value === s);
     l && n(l.label);
-  }, [s]), /* @__PURE__ */ r.jsxs(k, { spacing: 0, mt: "sm", mb: "lg", children: [
+  }, [s]), /* @__PURE__ */ r.jsxs(C, { spacing: 0, mt: "sm", mb: "lg", children: [
     /* @__PURE__ */ r.jsx(S, { size: "sm", children: e }),
     /* @__PURE__ */ r.jsx(R, { px: "1.5em", children: /* @__PURE__ */ r.jsx(Fg, { label: null, marks: zs, value: s, onChange: a, step: 25, ref: i }) })
   ] });
@@ -23394,7 +23394,7 @@ const Xf = O.forwardRef(JL), ZL = ({
     /* @__PURE__ */ r.jsx(M, { color: "grape", variant: "filled", leftIcon: /* @__PURE__ */ r.jsx(Zn, { size: 16 }), mt: 24, onClick: a, sx: {
       flexGrow: 0
     }, children: i("viz.text.content.edit") }),
-    /* @__PURE__ */ r.jsx(He, { size: 800, title: i("viz.text.content.label"), opened: s, onClose: o, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: s && /* @__PURE__ */ r.jsxs(k, { children: [
+    /* @__PURE__ */ r.jsx(He, { size: 800, title: i("viz.text.content.label"), opened: s, onClose: o, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: s && /* @__PURE__ */ r.jsxs(C, { children: [
       /* @__PURE__ */ r.jsx(ZL, { value: l, onChange: c }),
       /* @__PURE__ */ r.jsxs(y, { position: "apart", children: [
         /* @__PURE__ */ r.jsx(M, { onClick: h, color: "red", leftIcon: /* @__PURE__ */ r.jsx(an, { size: 20 }), children: i("common.actions.reset_to_default") }),
@@ -23442,9 +23442,9 @@ function tA({
   });
   return O.useEffect(() => {
     u(a);
-  }, [a]), c(["func_content", "horizontal_align", "font_size", "font_weight"]), /* @__PURE__ */ r.jsx(k, { spacing: "xs", children: /* @__PURE__ */ r.jsxs("form", { onSubmit: l(i), children: [
+  }, [a]), c(["func_content", "horizontal_align", "font_size", "font_weight"]), /* @__PURE__ */ r.jsx(C, { spacing: "xs", children: /* @__PURE__ */ r.jsxs("form", { onSubmit: l(i), children: [
     /* @__PURE__ */ r.jsx(lt, { canSubmit: d.isDirty }),
-    /* @__PURE__ */ r.jsxs(k, { spacing: 10, children: [
+    /* @__PURE__ */ r.jsxs(C, { spacing: 10, children: [
       /* @__PURE__ */ r.jsx(g, { name: "func_content", control: o, render: ({
         field: h
       }) => /* @__PURE__ */ r.jsx(eA, { ...h }) }),
@@ -23523,7 +23523,7 @@ const aA = {
   /* @__PURE__ */ r.jsx("path", { d: "M46.87 15H20.69C18.38 15 16.5 16.88 16.5 19.19V26.22H18.38V23.45H49.18V47.68H18.38V41.07H16.5V49.55H51.05V19.19C51.06 16.88 49.18 15 46.87 15ZM39.46 20.73C38.81 20.73 38.29 20.2 38.29 19.56C38.29 18.92 38.82 18.39 39.46 18.39C40.11 18.39 40.63 18.92 40.63 19.56C40.63 20.2 40.11 20.73 39.46 20.73ZM43.22 20.73C42.57 20.73 42.05 20.2 42.05 19.56C42.05 18.92 42.58 18.39 43.22 18.39C43.87 18.39 44.39 18.92 44.39 19.56C44.39 20.2 43.87 20.73 43.22 20.73ZM46.97 20.73C46.32 20.73 45.8 20.2 45.8 19.56C45.8 18.92 46.33 18.39 46.97 18.39C47.62 18.39 48.14 18.92 48.14 19.56C48.14 20.2 47.62 20.73 46.97 20.73Z", fill: "#9399A5" })
 ] });
 function vu(e, t) {
-  const n = C.get(e, t, "");
+  const n = k.get(e, t, "");
   if (n)
     throw new Error(n);
 }
@@ -23596,7 +23596,7 @@ const cA = ({
   return /* @__PURE__ */ r.jsx(mr, { sx: {
     width: "100%",
     height: a
-  }, children: /* @__PURE__ */ r.jsxs(k, { align: "center", spacing: 20, children: [
+  }, children: /* @__PURE__ */ r.jsxs(C, { align: "center", spacing: 20, children: [
     /* @__PURE__ */ r.jsx(oA, {}),
     /* @__PURE__ */ r.jsx(_u, { message: i })
   ] }) });
@@ -23643,7 +23643,7 @@ function hA({
   });
   return Q(() => {
     c(i);
-  }, [i]), o(["expertSystemURL", "goal", "path", "question"]), /* @__PURE__ */ r.jsx("form", { onSubmit: a(n), children: /* @__PURE__ */ r.jsxs(k, { children: [
+  }, [i]), o(["expertSystemURL", "goal", "path", "question"]), /* @__PURE__ */ r.jsx("form", { onSubmit: a(n), children: /* @__PURE__ */ r.jsxs(C, { children: [
     /* @__PURE__ */ r.jsxs(y, { grow: !0, children: [
       /* @__PURE__ */ r.jsx(g, { name: "expertSystemURL", control: s, render: ({
         field: d
@@ -23973,7 +23973,7 @@ function EA({
     const h = B(u.data_key);
     c.push({
       label: u.name,
-      value: MA(C.get(d, h.columnKey, "")),
+      value: MA(k.get(d, h.columnKey, "")),
       style: {
         label: "",
         value: ""
@@ -23982,7 +23982,7 @@ function EA({
   }), c;
 }
 function LA(e, t, n) {
-  const i = B(e.calendar.data_key), s = C.keyBy(t[i.queryID], i.columnKey);
+  const i = B(e.calendar.data_key), s = k.keyBy(t[i.queryID], i.columnKey);
   return De.getTooltip({
     formatter: function(a) {
       const l = EA({
@@ -23999,7 +23999,7 @@ function LA(e, t, n) {
             <div style="${u.style.value}">${u.value}
             </td>
           </tr>
-        `), c = C.get(a.value, 0);
+        `), c = k.get(a.value, 0);
       return `
         <table style="width: auto">
           <thead>
@@ -24023,7 +24023,7 @@ function LA(e, t, n) {
 }
 const AA = (e) => V(e).get("year");
 function RA(e) {
-  const t = C.groupBy(e, (o) => o.value[2]), n = Object.keys(t), i = e.map((o) => V(o.value[0]).valueOf()), s = C.min(i), a = C.max(i);
+  const t = k.groupBy(e, (o) => o.value[2]), n = Object.keys(t), i = e.map((o) => V(o.value[0]).valueOf()), s = k.min(i), a = k.max(i);
   return {
     minDate: s ?? 0,
     maxDate: a ?? 0,
@@ -24040,7 +24040,7 @@ function PA(e, t, n) {
     min: a,
     max: o
   } = s, l = TA(e), c = B(e.calendar.data_key), d = B(e.heat_block.data_key), u = t[c.queryID].map((w) => {
-    const z = C.get(w, c.columnKey), A = C.get(w, d.columnKey), L = AA(w[c.columnKey]), P = {
+    const z = k.get(w, c.columnKey), A = k.get(w, d.columnKey), L = AA(w[c.columnKey]), P = {
       value: [z, A, L]
     }, {
       followVisualMap: ee,
@@ -24088,7 +24088,7 @@ function OA({
   variables: a
 }) {
   const o = Wr(t, e.calendar.data_key), l = Yt(s.triggerManager, Jf.id), c = Fe((h) => {
-    const [p, m] = h.value, f = C.get(o, p, {
+    const [p, m] = h.value, f = k.get(o, p, {
       error: "rowData is not found"
     });
     l.forEach((b) => {
@@ -24119,7 +24119,7 @@ function FA({
     value: i
   } = ne(e.instanceData, "config"), {
     variables: s
-  } = e, a = T(() => C.defaults({}, i, Ec), [i]), o = e.data, {
+  } = e, a = T(() => k.defaults({}, i, Ec), [i]), o = e.data, {
     width: l,
     height: c
   } = e.viewport;
@@ -24139,7 +24139,7 @@ function NA({
   const {
     t: n
   } = v();
-  return t(["calendar"]), /* @__PURE__ */ r.jsxs(k, { children: [
+  return t(["calendar"]), /* @__PURE__ */ r.jsxs(C, { children: [
     /* @__PURE__ */ r.jsx(y, { grow: !0, noWrap: !0, children: /* @__PURE__ */ r.jsx(g, { name: "calendar.data_key", control: e, render: ({
       field: i
     }) => /* @__PURE__ */ r.jsx(te, { label: n("common.data_field"), sx: {
@@ -24162,7 +24162,7 @@ function qA({
   const {
     t: n
   } = v();
-  return t(["heat_block"]), /* @__PURE__ */ r.jsxs(k, { children: [
+  return t(["heat_block"]), /* @__PURE__ */ r.jsxs(C, { children: [
     /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ r.jsx(g, { name: "heat_block.data_key", control: e, render: ({
         field: i
@@ -24188,7 +24188,7 @@ const BA = ({
   const {
     t: n
   } = v();
-  return /* @__PURE__ */ r.jsx(k, { children: /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
+  return /* @__PURE__ */ r.jsx(C, { children: /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
     /* @__PURE__ */ r.jsx(g, { name: `tooltip.metrics.${t}.name`, control: e, render: ({
       field: i
     }) => /* @__PURE__ */ r.jsx(E, { label: n("common.name"), required: !0, sx: {
@@ -24243,7 +24243,7 @@ function GA({
   } = v(), {
     value: n,
     set: i
-  } = ne(e.instanceData, "config"), s = T(() => n ? Ee({}, n) : Ec, [n]), a = T(() => C.cloneDeep(s), [s]);
+  } = ne(e.instanceData, "config"), s = T(() => n ? Ee({}, n) : Ec, [n]), a = T(() => k.cloneDeep(s), [s]);
   Q(() => {
     !Dt(s, a) && (console.log("config malformed, resetting to defaults", s, a), i(a));
   }, [s, a]);
@@ -24258,7 +24258,7 @@ function GA({
   } = o;
   return Q(() => {
     h(a);
-  }, [a]), /* @__PURE__ */ r.jsx(k, { spacing: "xs", children: /* @__PURE__ */ r.jsxs("form", { onSubmit: c(i), children: [
+  }, [a]), /* @__PURE__ */ r.jsx(C, { spacing: "xs", children: /* @__PURE__ */ r.jsxs("form", { onSubmit: c(i), children: [
     /* @__PURE__ */ r.jsx(lt, { canSubmit: u.isDirty }),
     /* @__PURE__ */ r.jsxs(_, { defaultValue: "Calendar", orientation: "vertical", styles: {
       tab: {
@@ -24464,11 +24464,11 @@ function tR(e, t, n, i) {
 }
 function Oa(e, t, n) {
   const i = yn(e, t), s = yn(e, n);
-  return C.zip(s, i);
+  return k.zip(s, i);
 }
 function nR(e, t, n, i) {
   const s = Oa(t, n, i);
-  return C.unionBy(s, e, 0);
+  return k.unionBy(s, e, 0);
 }
 function rR({
   dataTemplate: e,
@@ -24495,7 +24495,7 @@ function iR({
       value_data_key: s,
       valueTypedXAxis: a
     });
-  const o = Oa(t, i, s), l = C.groupBy(o, "0");
+  const o = Oa(t, i, s), l = k.groupBy(o, "0");
   return e.map(([d]) => {
     const h = l[d].map((m) => m[1]), p = ul(h, n);
     return [d, p];
@@ -24510,7 +24510,7 @@ function sR({
   const {
     queryID: s,
     columnKey: a
-  } = B(e), o = C.groupBy(t[s], a);
+  } = B(e), o = k.groupBy(t[s], a);
   return Object.entries(o).forEach(([l, c]) => {
     o[l] = Oa({
       [s]: c
@@ -24708,7 +24708,7 @@ function pR(e, t) {
 function mR(e, t, n) {
   if (!e.y_axis.data_key)
     return {};
-  const i = uR(t, n), s = dR(e), a = B(e.y_axis.data_key), o = C.uniq(t[a.queryID].map((u) => u[a.columnKey])), l = o.every((u) => !Number.isNaN(Number(u))), c = oR(e, o, l, t, s, n, i);
+  const i = uR(t, n), s = dR(e), a = B(e.y_axis.data_key), o = k.uniq(t[a.queryID].map((u) => u[a.columnKey])), l = o.every((u) => !Number.isNaN(Number(u))), c = oR(e, o, l, t, s, n, i);
   return {
     xAxis: hR(e, s),
     yAxis: pR(e, o),
@@ -24727,7 +24727,7 @@ function fR({
   variables: a
 }) {
   const o = Wr(t, e.y_axis.data_key), l = Yt(s.triggerManager, xc.id), c = Fe((h) => {
-    const p = C.get(o, h.name, {
+    const p = k.get(o, h.name, {
       error: "rowData is not found"
     });
     l.forEach((m) => {
@@ -24771,7 +24771,7 @@ function gR({
   const {
     t: a
   } = v(), o = n(`reference_lines.${t}.orientation`);
-  return /* @__PURE__ */ r.jsxs(k, { my: 0, p: 0, pt: 10, sx: {
+  return /* @__PURE__ */ r.jsxs(C, { my: 0, p: 0, pt: 10, sx: {
     position: "relative"
   }, children: [
     /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
@@ -24795,7 +24795,7 @@ function gR({
       flex: 1
     }, ...l }) }),
     /* @__PURE__ */ r.jsxs(y, { grow: !0, children: [
-      /* @__PURE__ */ r.jsxs(k, { children: [
+      /* @__PURE__ */ r.jsxs(C, { children: [
         /* @__PURE__ */ r.jsx(g, { name: `reference_lines.${t}.orientation`, control: e, render: ({
           field: l
         }) => /* @__PURE__ */ r.jsx(vr, { sx: {
@@ -24828,7 +24828,7 @@ function gR({
         }, ...l })
       ) })
     ] }),
-    /* @__PURE__ */ r.jsxs(k, { spacing: 4, children: [
+    /* @__PURE__ */ r.jsxs(C, { spacing: 4, children: [
       /* @__PURE__ */ r.jsx(S, { size: "sm", children: a("chart.color.label") }),
       /* @__PURE__ */ r.jsx(g, { name: `reference_lines.${t}.lineStyle.color`, control: e, render: ({
         field: l
@@ -24923,7 +24923,7 @@ function vR({
   const {
     t: s
   } = v();
-  return /* @__PURE__ */ r.jsxs(k, { my: 0, p: 0, sx: {
+  return /* @__PURE__ */ r.jsxs(C, { my: 0, p: 0, sx: {
     position: "relative"
   }, children: [
     /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
@@ -24963,7 +24963,7 @@ function vR({
     }) => /* @__PURE__ */ r.jsx(wi, { label: s("chart.label_position.label"), ...a, withOffOption: !0, onChange: (o) => {
       o && a.onChange(o);
     } }) }),
-    /* @__PURE__ */ r.jsxs(k, { spacing: 4, children: [
+    /* @__PURE__ */ r.jsxs(C, { spacing: 4, children: [
       /* @__PURE__ */ r.jsx(S, { size: "sm", children: s("chart.color.label") }),
       /* @__PURE__ */ r.jsx(g, { name: `series.${t}.color`, control: e, render: ({
         field: a
@@ -25023,7 +25023,7 @@ function wR({
   const {
     t: n
   } = v();
-  return /* @__PURE__ */ r.jsxs(k, { my: 10, p: "0", sx: {
+  return /* @__PURE__ */ r.jsxs(C, { my: 10, p: "0", sx: {
     position: "relative"
   }, children: [
     /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
@@ -25038,13 +25038,13 @@ function wR({
         flex: 1
       }, ...i }) })
     ] }),
-    /* @__PURE__ */ r.jsxs(k, { children: [
+    /* @__PURE__ */ r.jsxs(C, { children: [
       /* @__PURE__ */ r.jsx($, { mb: -15, variant: "dashed", label: n("chart.x_axis.label_format"), labelPosition: "center" }),
       /* @__PURE__ */ r.jsx(g, { name: `x_axes.${t}.label_formatter`, control: e, render: ({
         field: i
       }) => /* @__PURE__ */ r.jsx(un, { ...i }) })
     ] }),
-    /* @__PURE__ */ r.jsxs(k, { children: [
+    /* @__PURE__ */ r.jsxs(C, { children: [
       /* @__PURE__ */ r.jsx($, { mb: -15, variant: "dashed", label: n("chart.x_axis.value_range"), labelPosition: "center" }),
       /* @__PURE__ */ r.jsxs(y, { grow: !0, children: [
         /* @__PURE__ */ r.jsx(g, { name: `x_axes.${t}.min`, control: e, render: ({
@@ -25083,7 +25083,7 @@ function kR({
   const {
     t: n
   } = v();
-  return t(["y_axis"]), /* @__PURE__ */ r.jsxs(k, { children: [
+  return t(["y_axis"]), /* @__PURE__ */ r.jsxs(C, { children: [
     /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ r.jsx(g, { name: "y_axis.name", control: e, render: ({
         field: i
@@ -25115,7 +25115,7 @@ function CR({
     set: i
   } = ne(e.instanceData, "config"), {
     variables: s
-  } = e, a = T(() => C.defaultsDeep({}, n, Lc), [n]), {
+  } = e, a = T(() => k.defaultsDeep({}, n, Lc), [n]), {
     control: o,
     handleSubmit: l,
     watch: c,
@@ -25126,7 +25126,7 @@ function CR({
   });
   return Q(() => {
     u(a);
-  }, [a]), /* @__PURE__ */ r.jsx(k, { spacing: "xs", children: /* @__PURE__ */ r.jsxs("form", { onSubmit: l(i), children: [
+  }, [a]), /* @__PURE__ */ r.jsx(C, { spacing: "xs", children: /* @__PURE__ */ r.jsxs("form", { onSubmit: l(i), children: [
     /* @__PURE__ */ r.jsx(lt, { canSubmit: d.isDirty }),
     /* @__PURE__ */ r.jsxs(_, { defaultValue: "Series", orientation: "vertical", styles: {
       tab: {
@@ -25319,7 +25319,7 @@ function AR(e, t, n) {
     xAxisIndex: 0,
     yAxisIndex: 0,
     data: t.map((s) => {
-      const a = n[s].length, c = (C.countBy(n[s], (d) => d.level.diff === 0).true ?? 0) / a;
+      const a = n[s].length, c = (k.countBy(n[s], (d) => d.level.diff === 0).true ?? 0) / a;
       return [s, "_y", c];
     }),
     label: {
@@ -25387,9 +25387,9 @@ function RR([e, t]) {
 function PR(e, t, n, i) {
   var c, d;
   const s = t.map((u) => {
-    const h = n[u], p = C.sumBy(h, (m) => m.level.diff);
+    const h = n[u], p = k.sumBy(h, (m) => m.level.diff);
     return [u, p / h.length];
-  }), a = Number(((c = C.maxBy(s, (u) => u[1])) == null ? void 0 : c[1]) ?? 0), o = Number(((d = C.minBy(s, (u) => u[1])) == null ? void 0 : d[1]) ?? 0), l = Nr([a, 0, o], ["#D15A40", "#FFF", "#418AAF"]);
+  }), a = Number(((c = k.maxBy(s, (u) => u[1])) == null ? void 0 : c[1]) ?? 0), o = Number(((d = k.minBy(s, (u) => u[1])) == null ? void 0 : d[1]) ?? 0), l = Nr([a, 0, o], ["#D15A40", "#FFF", "#418AAF"]);
   return {
     type: "bar",
     name: "平均偏差",
@@ -25485,7 +25485,7 @@ function $R([e, t, n, i]) {
 function OR(e, t, n, i) {
   const s = {};
   t.forEach((u) => {
-    const h = C.countBy(n[u], (m) => m.level.diff), p = C.sum(Object.values(h));
+    const h = k.countBy(n[u], (m) => m.level.diff), p = k.sum(Object.values(h));
     Object.entries(h).forEach(([m, f]) => {
       s[m] || (s[m] = []);
       const b = f / p;
@@ -25557,7 +25557,7 @@ function OR(e, t, n, i) {
 }
 function FR(e, t, n, i) {
   const s = B(t.data_key), a = t.name, o = n.map((l) => {
-    const c = C.sumBy(i[l], s.columnKey);
+    const c = k.sumBy(i[l], s.columnKey);
     return [l, c];
   });
   return {
@@ -25817,7 +25817,7 @@ function UR(e, t) {
   };
 }
 function KR(e, t, n) {
-  const i = WR(e, n), s = B(e.x_axis.data_key), a = C.uniqBy(n[s.queryID], s.columnKey).map((u) => u[s.columnKey]), o = C.groupBy(i, s.columnKey), l = UR(e, t), c = VR(e, l, a, o), d = {
+  const i = WR(e, n), s = B(e.x_axis.data_key), a = k.uniqBy(n[s.queryID], s.columnKey).map((u) => u[s.columnKey]), o = k.groupBy(i, s.columnKey), l = UR(e, t), c = VR(e, l, a, o), d = {
     xAxis: NR(e, a),
     yAxis: qR(l),
     series: c,
@@ -25940,7 +25940,7 @@ function rP({
   control: e,
   watch: t
 }) {
-  return t(["deviation"]), /* @__PURE__ */ r.jsxs(k, { children: [
+  return t(["deviation"]), /* @__PURE__ */ r.jsxs(C, { children: [
     /* @__PURE__ */ r.jsx(y, { grow: !0, noWrap: !0, children: /* @__PURE__ */ r.jsx(g, { name: "deviation.name", control: e, render: ({
       field: n
     }) => /* @__PURE__ */ r.jsx(E, { label: "指标名称", sx: {
@@ -25967,7 +25967,7 @@ const iP = ({
   const {
     t: n
   } = v();
-  return /* @__PURE__ */ r.jsx(k, { children: /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
+  return /* @__PURE__ */ r.jsx(C, { children: /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
     /* @__PURE__ */ r.jsx(g, { name: `metrics.${t}.name`, control: e, render: ({
       field: i
     }) => /* @__PURE__ */ r.jsx(E, { label: n("common.name"), required: !0, sx: {
@@ -26012,7 +26012,7 @@ function aP({
   control: e,
   watch: t
 }) {
-  return t(["x_axis"]), /* @__PURE__ */ r.jsxs(k, { children: [
+  return t(["x_axis"]), /* @__PURE__ */ r.jsxs(C, { children: [
     /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ r.jsx(g, { name: "x_axis.data_key", control: e, render: ({
         field: n
@@ -26044,7 +26044,7 @@ function oP({
   const {
     value: t,
     set: n
-  } = ne(e.instanceData, "config"), i = T(() => C.defaultsDeep({}, t, Ac), [t]), {
+  } = ne(e.instanceData, "config"), i = T(() => k.defaultsDeep({}, t, Ac), [t]), {
     control: s,
     handleSubmit: a,
     watch: o,
@@ -26055,7 +26055,7 @@ function oP({
   });
   return Q(() => {
     c(i);
-  }, [i]), /* @__PURE__ */ r.jsx(k, { spacing: "xs", children: /* @__PURE__ */ r.jsxs("form", { onSubmit: a(n), children: [
+  }, [i]), /* @__PURE__ */ r.jsx(C, { spacing: "xs", children: /* @__PURE__ */ r.jsxs("form", { onSubmit: a(n), children: [
     /* @__PURE__ */ r.jsx(lt, { canSubmit: l.isDirty }),
     /* @__PURE__ */ r.jsxs(_, { defaultValue: "X Axis", orientation: "vertical", styles: {
       tab: {
@@ -26213,8 +26213,8 @@ const Su = ({
     }
     return null;
   }, [a, o]);
-  return /* @__PURE__ */ r.jsxs(k, { spacing: 18, children: [
-    /* @__PURE__ */ r.jsxs(k, { spacing: 12, children: [
+  return /* @__PURE__ */ r.jsxs(C, { spacing: 18, children: [
+    /* @__PURE__ */ r.jsxs(C, { spacing: 12, children: [
       /* @__PURE__ */ r.jsx(S, { size: "14px", color: "#818388", children: n.value }),
       /* @__PURE__ */ r.jsxs(y, { spacing: "2px", align: "baseline", children: [
         /* @__PURE__ */ r.jsx(S, { size: "24px", fw: "bold", color: "#3D3E45", sx: {
@@ -26223,7 +26223,7 @@ const Su = ({
         /* @__PURE__ */ r.jsx(Su, { postfix: l })
       ] })
     ] }),
-    /* @__PURE__ */ r.jsxs(k, { spacing: 12, children: [
+    /* @__PURE__ */ r.jsxs(C, { spacing: 12, children: [
       /* @__PURE__ */ r.jsx(S, { size: "14px", color: "#818388", children: n.basis }),
       /* @__PURE__ */ r.jsxs(y, { spacing: "2px", align: "baseline", children: [
         /* @__PURE__ */ r.jsx(S, { size: "12px", color: "#3D3E45", sx: {
@@ -26241,7 +26241,7 @@ const Su = ({
     value: n
   } = ne(e.instanceData, "config"), {
     variables: i
-  } = e, s = T(() => C.defaults({}, n, Rc), [n]), a = e.data, o = T(() => bc(a, i), [i, a]), {
+  } = e, s = T(() => k.defaults({}, n, Rc), [n]), a = e.data, o = T(() => bc(a, i), [i, a]), {
     width: l,
     height: c
   } = e.viewport;
@@ -26289,7 +26289,7 @@ function bP({
   const {
     t: s
   } = v();
-  return n(`metrics.${t}.postfix`), /* @__PURE__ */ r.jsxs(k, { my: 0, p: "md", pr: 40, sx: {
+  return n(`metrics.${t}.postfix`), /* @__PURE__ */ r.jsxs(C, { my: 0, p: "md", pr: 40, sx: {
     border: "1px solid #eee",
     position: "relative"
   }, children: [
@@ -26401,7 +26401,7 @@ function _P({
   });
   return Q(() => {
     d(s);
-  }, [s]), /* @__PURE__ */ r.jsx("form", { onSubmit: o(n), children: /* @__PURE__ */ r.jsxs(k, { spacing: "xs", children: [
+  }, [s]), /* @__PURE__ */ r.jsx("form", { onSubmit: o(n), children: /* @__PURE__ */ r.jsxs(C, { spacing: "xs", children: [
     /* @__PURE__ */ r.jsx(lt, { canSubmit: c.isDirty }),
     /* @__PURE__ */ r.jsx(vP, { control: a, watch: l }),
     /* @__PURE__ */ r.jsx(yP, { control: a, watch: l, variables: i })
@@ -26546,7 +26546,7 @@ function TP({
   } = v();
   t(["heat_block"]);
   const i = t("heat_block.label.show");
-  return /* @__PURE__ */ r.jsxs(k, { children: [
+  return /* @__PURE__ */ r.jsxs(C, { children: [
     /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ r.jsx(g, { name: "heat_block.data_key", control: e, render: ({
         field: s
@@ -26586,7 +26586,7 @@ const zP = ({
   const {
     t: n
   } = v();
-  return /* @__PURE__ */ r.jsx(k, { children: /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
+  return /* @__PURE__ */ r.jsx(C, { children: /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
     /* @__PURE__ */ r.jsx(g, { name: `tooltip.metrics.${t}.name`, control: e, render: ({
       field: i
     }) => /* @__PURE__ */ r.jsx(E, { label: n("common.name"), required: !0, sx: {
@@ -26640,7 +26640,7 @@ function EP({
   const {
     t: n
   } = v();
-  return t(["x_axis"]), /* @__PURE__ */ r.jsxs(k, { children: [
+  return t(["x_axis"]), /* @__PURE__ */ r.jsxs(C, { children: [
     /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ r.jsx(g, { name: "x_axis.data_key", control: e, render: ({
         field: i
@@ -26676,7 +26676,7 @@ function LP({
   const {
     t: n
   } = v();
-  return t(["y_axis"]), /* @__PURE__ */ r.jsxs(k, { my: 0, p: "0", sx: {
+  return t(["y_axis"]), /* @__PURE__ */ r.jsxs(C, { my: 0, p: "0", sx: {
     position: "relative"
   }, children: [
     /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
@@ -26720,7 +26720,7 @@ function AP({
   } = v(), {
     value: n,
     set: i
-  } = ne(e.instanceData, "config"), s = T(() => n ? Ee({}, n) : Pc, [n]), a = T(() => C.cloneDeep(s), [s]);
+  } = ne(e.instanceData, "config"), s = T(() => n ? Ee({}, n) : Pc, [n]), a = T(() => k.cloneDeep(s), [s]);
   Q(() => {
     !Dt(s, a) && (console.log("config malformed, resetting to defaults", s, a), i(a));
   }, [s, a]);
@@ -26737,7 +26737,7 @@ function AP({
     h(a);
   }, [a]), /* @__PURE__ */ r.jsx("form", { onSubmit: c(i), style: {
     flexGrow: 1
-  }, children: /* @__PURE__ */ r.jsxs(k, { spacing: "xs", sx: {
+  }, children: /* @__PURE__ */ r.jsxs(C, { spacing: "xs", sx: {
     height: "100%"
   }, children: [
     /* @__PURE__ */ r.jsx(lt, { canSubmit: u.isDirty }),
@@ -26906,7 +26906,7 @@ function qP({
     const I = B(b.data_key);
     m.push({
       label: b.name,
-      value: NP(C.get(f, I.columnKey, "")),
+      value: NP(k.get(f, I.columnKey, "")),
       style: {
         label: "",
         value: ""
@@ -26921,7 +26921,7 @@ function BP(e, t, n, i) {
     heat_block: o
   } = e, l = B(s.data_key), c = B(a.data_key);
   B(o.data_key);
-  const d = C.keyBy(t[l.queryID], (u) => `${u[l.columnKey]}---${u[c.columnKey]}`);
+  const d = k.keyBy(t[l.queryID], (u) => `${u[l.columnKey]}---${u[c.columnKey]}`);
   return De.getTooltip({
     formatter: function(u) {
       const p = qP({
@@ -27048,8 +27048,8 @@ function GP(e, t, n) {
   }, {}), s = $P(e), a = OP(e), o = Ta(e.visualMap, i), {
     min: l,
     max: c
-  } = o, d = B(e.x_axis.data_key), u = B(e.y_axis.data_key), h = B(e.heat_block.data_key), p = C.uniq(t[d.queryID].map((b) => b[d.columnKey])), m = t[d.queryID].map((b) => {
-    const I = C.get(b, d.columnKey), w = C.get(b, u.columnKey), z = C.get(b, h.columnKey), A = {
+  } = o, d = B(e.x_axis.data_key), u = B(e.y_axis.data_key), h = B(e.heat_block.data_key), p = k.uniq(t[d.queryID].map((b) => b[d.columnKey])), m = t[d.queryID].map((b) => {
+    const I = k.get(b, d.columnKey), w = k.get(b, u.columnKey), z = k.get(b, h.columnKey), A = {
       value: [I, w, z]
     }, {
       followVisualMap: L,
@@ -27078,9 +27078,9 @@ function QP({
 }) {
   const o = T(() => {
     const h = B(e.x_axis.data_key), p = B(e.y_axis.data_key);
-    return C.keyBy(t[h.queryID], (m) => `${m[h.columnKey]}---${m[p.columnKey]}`);
+    return k.keyBy(t[h.queryID], (m) => `${m[h.columnKey]}---${m[p.columnKey]}`);
   }, [t, e.x_axis.data_key, e.y_axis.data_key]), l = Yt(s.triggerManager, ex.id), c = Fe((h) => {
-    const [p, m] = h.value, f = C.get(o, `${p}---${m}`, {
+    const [p, m] = h.value, f = k.get(o, `${p}---${m}`, {
       error: "rowData is not found"
     });
     l.forEach((b) => {
@@ -27410,7 +27410,7 @@ const r$ = x.model("PanelStyleBorderMeta", {
       data_field: o,
       aggregation: l
     } = e;
-    return C.cloneDeep({
+    return k.cloneDeep({
       name: t,
       size: n,
       color: s,
@@ -28791,7 +28791,7 @@ const f$ = x.model("FilterDateRangeConfigMeta", {
   }), [I, w] = X(!1), z = (L) => {
     w(L);
   }, A = I && (l == null ? void 0 : l.length) > 0;
-  return /* @__PURE__ */ r.jsxs(k, { spacing: 3, children: [
+  return /* @__PURE__ */ r.jsxs(C, { spacing: 3, children: [
     /* @__PURE__ */ r.jsxs(y, { position: "apart", children: [
       /* @__PURE__ */ r.jsxs(S, { className: f.label, children: [
         o,
@@ -29141,7 +29141,7 @@ const f$ = x.model("FilterDateRangeConfigMeta", {
     styles: n,
     unstyled: i
   });
-  return /* @__PURE__ */ r.jsxs(k, { spacing: 3, children: [
+  return /* @__PURE__ */ r.jsxs(C, { spacing: 3, children: [
     /* @__PURE__ */ r.jsx(y, { position: "apart", children: /* @__PURE__ */ r.jsxs(S, { className: p.label, children: [
       o,
       h && /* @__PURE__ */ r.jsx("span", { className: p.required, "aria-hidden": "true", children: "*" })
@@ -29307,12 +29307,14 @@ const xx = x.compose("FilterConfigModel_BaseTreeSelect", x.model({
     e.treeCheckStrictly = t;
   },
   applyDefaultSelection() {
+    if (e.optionsLoading)
+      return;
     const t = e.filter.value, n = new Set(e.plainData.map((s) => s.value)), i = (t ?? []).filter((s) => n.has(s));
     i.length > 0 ? e.filter.setValue(i) : e.filter.setValue(e.defaultSelection);
   },
   afterCreate() {
     Kt(e, Mt(() => JSON.stringify(e.defaultSelection), this.applyDefaultSelection, {
-      fireImmediately: !0,
+      fireImmediately: !1,
       delay: 0
     }));
   }
@@ -29457,7 +29459,7 @@ const xx = x.compose("FilterConfigModel_BaseTreeSelect", x.model({
     return e.auto_submit_supported && e.auto_submit;
   },
   requiredAndPass(t) {
-    return C.get(e.config, "required", !1) ? C.get(e.config, "truthy", () => !0)(t) : !1;
+    return k.get(e.config, "required", !1) ? k.get(e.config, "truthy", () => !0)(t) : !1;
   }
 })).actions((e) => ({
   setKey(t) {
@@ -29661,7 +29663,7 @@ const vx = x.model("ViewDivisionConfig", {
     };
   },
   get tabsInOrder() {
-    return C.sortBy(e.tabs, "order");
+    return k.sortBy(e.tabs, "order");
   }
 })).actions((e) => ({
   setVariant(t) {
@@ -29961,7 +29963,7 @@ function H$(e, t) {
       panelIDs: s.panelIDs
     };
     if (s.type === J.Tabs) {
-      const l = C.minBy(s.config.tabs, (c) => c.order);
+      const l = k.minBy(s.config.tabs, (c) => c.order);
       o.tab = (l == null ? void 0 : l.id) ?? "";
     }
     return o;
@@ -30187,7 +30189,7 @@ function X$(e, t, n) {
       value: a,
       shortcut: null
     }), i;
-  }, n);
+  }, k.cloneDeep(n));
 }
 const Ex = x.model("FiltersRenderModel", {
   current: x.optional(x.array(yx), []),
@@ -30245,13 +30247,13 @@ const Ex = x.model("FiltersRenderModel", {
     return e.current.filter((n) => t.has(n.id));
   },
   get inOrder() {
-    return C.sortBy(e.current, "order");
+    return k.sortBy(e.current, "order");
   },
   get empty() {
     return e.current.length === 0;
   },
   visibleInView(t) {
-    return C.sortBy(e.current.filter((n) => n.visibleInViewsIDSet.has(t)), "order");
+    return k.sortBy(e.current.filter((n) => n.visibleInViewsIDSet.has(t)), "order");
   },
   get firstFilterValueKey() {
     return Object.keys(e.values)[0] ?? "";
@@ -30274,10 +30276,10 @@ const Ex = x.model("FiltersRenderModel", {
     console.debug("⚪️ setting filter values: ", JSON.stringify(t)), e.values = t;
   },
   patchValues(t) {
-    console.debug("⚪️ patching filter values: ", JSON.stringify(t)), e.values = C.defaults({}, t, e.values);
+    console.debug("⚪️ patching filter values: ", JSON.stringify(t)), e.values = k.defaults({}, t, e.values);
   },
   setValueByKey(t, n) {
-    console.debug(`⚪️ setting filter[${t}] to value: `, JSON.stringify(n)), e.values = {
+    console.trace(`⚪️ setting filter[${t}] to value: `, JSON.stringify(n)), e.values = {
       ...e.values,
       [t]: n
     };
@@ -30356,7 +30358,7 @@ const J$ = c$.views((e) => ({
       return [];
     const n = this.contentModel.payloadForSQL;
     return t.filter((i) => {
-      const s = C.get(n, i);
+      const s = k.get(n, i);
       return Array.isArray(s) ? s.length === 0 : typeof s == "number" ? Number.isNaN(s) : !s;
     });
   }
@@ -30392,7 +30394,7 @@ const J$ = c$.views((e) => ({
     } = e;
     if (t.length === 0)
       return "";
-    const n = e.contentModel.payloadForSQL, i = [...t].reduce((s, a) => (s[a] = C.get(n, a), s), {});
+    const n = e.contentModel.payloadForSQL, i = [...t].reduce((s, a) => (s[a] = k.get(n, a), s), {});
     return JSON.stringify(i);
   },
   get runByConditionsMet() {
@@ -30406,7 +30408,7 @@ const J$ = c$.views((e) => ({
       };
     const {
       keyLabelMap: t
-    } = e.contentModel.filters, n = e.unmetRunByConditions.filter((s) => s.startsWith("context.")).map((s) => s.replace("context.", "")), i = e.unmetRunByConditions.filter((s) => s.startsWith("filters.")).map((s) => C.get({
+    } = e.contentModel.filters, n = e.unmetRunByConditions.filter((s) => s.startsWith("context.")).map((s) => s.replace("context.", "")), i = e.unmetRunByConditions.filter((s) => s.startsWith("filters.")).map((s) => k.get({
       filters: t
     }, s, s.replace("filters.", ""))).filter((s) => !!s);
     return {
@@ -30423,7 +30425,7 @@ const J$ = c$.views((e) => ({
   get dependencies() {
     if (!this.typedAsSQL)
       return [];
-    const t = C.uniq(e.sql.match($s.sqlSnippet)), n = C.uniq(e.sql.match($s.filter)), i = C.uniq(e.sql.match($s.context)), s = [];
+    const t = k.uniq(e.sql.match($s.sqlSnippet)), n = k.uniq(e.sql.match($s.filter)), i = k.uniq(e.sql.match($s.context)), s = [];
     return t.forEach((a) => {
       s.push({
         type: "sql_snippet",
@@ -30550,7 +30552,7 @@ const J$ = c$.views((e) => ({
       const n = e.contentModel.queries.findByIDSet(new Set(e.dep_query_ids)).map((o) => ({
         id: o.id,
         name: o.name,
-        data: C.cloneDeep(o.data)
+        data: k.cloneDeep(o.data)
       })), i = e.contentModel.dashboardState, s = e.pre_process, a = new Function(`return ${s}`)()(n, i, vn);
       e.data = a, e.state = "idle", e.error = null;
     } catch (t) {
@@ -30612,9 +30614,9 @@ const J$ = c$.views((e) => ({
         s.push(...c.queryIDs);
       });
     });
-    const a = C.uniq(t.visibleViews.map((l) => l.renderViewIDs).flat());
+    const a = k.uniq(t.visibleViews.map((l) => l.renderViewIDs).flat());
     n.current.forEach((l) => {
-      const c = C.get(l, "config.options_query_id");
+      const c = k.get(l, "config.options_query_id");
       if (!c)
         return;
       a.some((u) => l.visibleInViewsIDSet.has(u)) && s.push(c);
@@ -30974,7 +30976,7 @@ const r2 = (e) => new n2(e), i2 = ({
   } = v(), i = (o) => () => {
     const l = o();
     e(l);
-  }, s = T(() => C.groupBy(Oc(), "group"), []), a = n.language === "zh";
+  }, s = T(() => k.groupBy(Oc(), "group"), []), a = n.language === "zh";
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsx($, { variant: "dashed", my: 10 }),
     /* @__PURE__ */ r.jsx(ot, { withBorder: !1, sx: {
@@ -31303,7 +31305,7 @@ const r2 = (e) => new n2(e), i2 = ({
     };
     return d.filter(le);
   }, [A, d]);
-  return /* @__PURE__ */ r.jsxs(k, { spacing: 3, children: [
+  return /* @__PURE__ */ r.jsxs(C, { spacing: 3, children: [
     /* @__PURE__ */ r.jsxs(y, { position: "apart", children: [
       /* @__PURE__ */ r.jsxs(S, { className: m.label, children: [
         o,
@@ -31475,7 +31477,7 @@ const _2 = ({
   Q(() => {
     l(s.filters.values);
   }, [s.filters.values, l]), v2(c);
-  const d = s.filters.visibleInView(t.id), u = T(() => d.every((f) => f.should_auto_submit), [d]), h = T(() => d.filter((f) => C.get(f, "config.required", !1)), [d]), p = T(() => h.length === 0 ? !1 : h.some((f) => !f.requiredAndPass(c[f.key])), [c, h]);
+  const d = s.filters.visibleInView(t.id), u = T(() => d.every((f) => f.should_auto_submit), [d]), h = T(() => d.filter((f) => k.get(f, "config.required", !1)), [d]), p = T(() => h.length === 0 ? !1 : h.some((f) => !f.requiredAndPass(c[f.key])), [c, h]);
   if (d.length === 0)
     return null;
   const m = (f, b) => (I, w) => {
@@ -31497,7 +31499,7 @@ const _2 = ({
     ] }) })
   ] });
 }), j2 = {
-  viewPanelInFullScreen: C.noop,
+  viewPanelInFullScreen: k.noop,
   inFullScreen: !1
 }, qa = O.createContext(j2), w2 = D(({
   view: e
@@ -31808,7 +31810,7 @@ const L2 = D(function({
   }, children: o && /* @__PURE__ */ r.jsx(ut, { children: a }) }) });
 }), A2 = D(({
   panel: e
-}) => /* @__PURE__ */ r.jsxs(k, { children: [
+}) => /* @__PURE__ */ r.jsxs(C, { children: [
   e.queryErrors.map((t, n) => /* @__PURE__ */ r.jsx(S, { color: "red", size: "sm", align: "center", sx: {
     fontFamily: "monospace"
   }, children: t }, `${n}-${t}`)),
@@ -32193,7 +32195,7 @@ const rO = D(({
     "> div:not(.mantine-Modal-root)": {
       height: "100%"
     }
-  }, children: /* @__PURE__ */ r.jsx(He, { size: n.width, opened: !0, onClose: C.noop, withCloseButton: !1, title: /* @__PURE__ */ r.jsxs(y, { position: "apart", px: "1rem", h: "48px", children: [
+  }, children: /* @__PURE__ */ r.jsx(He, { size: n.width, opened: !0, onClose: k.noop, withCloseButton: !1, title: /* @__PURE__ */ r.jsxs(y, { position: "apart", px: "1rem", h: "48px", children: [
     /* @__PURE__ */ r.jsx(R, { children: n.custom_modal_title.value }),
     /* @__PURE__ */ r.jsx(Kx, { downloadScreenshot: o })
   ] }), trapFocus: !0, onDragStart: (l) => {
@@ -32303,7 +32305,7 @@ const rO = D(({
           zIndex: 200
         }, children: [
           /* @__PURE__ */ r.jsx(Fr, { opacity: 0.8, color: "#FFF", blur: 10, zIndex: 100 }),
-          /* @__PURE__ */ r.jsxs(k, { mx: "auto", mt: 100, sx: {
+          /* @__PURE__ */ r.jsxs(C, { mx: "auto", mt: 100, sx: {
             width: "300px",
             position: "relative",
             zIndex: 200
@@ -32343,7 +32345,7 @@ const rO = D(({
 }) {
   const i = ye().layouts.divisionPreviewScale !== 1;
   return /* @__PURE__ */ r.jsx(qa.Provider, { value: {
-    viewPanelInFullScreen: C.noop,
+    viewPanelInFullScreen: k.noop,
     inFullScreen: !1
   }, children: /* @__PURE__ */ r.jsx(R, { className: "dashboard-view", "data-enable-scrollbar": !0, sx: {
     background: i ? "transparent" : "#efefef"
@@ -32437,7 +32439,7 @@ const hO = x.compose("FiltersModel", Ex, x.model("FiltersModel", {
     }));
   },
   get sortedList() {
-    return C.sortBy(e.current, (t) => t.label.toLowerCase());
+    return k.sortBy(e.current, (t) => t.label.toLowerCase());
   }
 })).actions((e) => ({
   replace(t) {
@@ -32495,7 +32497,7 @@ const hO = x.compose("FiltersModel", Ex, x.model("FiltersModel", {
       label: n.name,
       _type: "query"
     }));
-    return C.sortBy(t, (n) => n.label.toLowerCase());
+    return k.sortBy(t, (n) => n.label.toLowerCase());
   },
   get optionsWithoutTransform() {
     const t = e.current.filter((n) => n.type !== et.Transform).map((n) => ({
@@ -32503,10 +32505,10 @@ const hO = x.compose("FiltersModel", Ex, x.model("FiltersModel", {
       label: n.name,
       _type: "query"
     }));
-    return C.sortBy(t, (n) => n.label.toLowerCase());
+    return k.sortBy(t, (n) => n.label.toLowerCase());
   },
   get sortedList() {
-    return C.sortBy(e.current, (t) => t.name.toLowerCase());
+    return k.sortBy(e.current, (t) => t.name.toLowerCase());
   }
 })).actions((e) => ({
   replace(t) {
@@ -32537,11 +32539,11 @@ const hO = x.compose("FiltersModel", Ex, x.model("FiltersModel", {
       n.has(s.id) && _o(s);
     });
     const i = [...e.current];
-    C.remove(i, (s) => n.has(s.id)), e.current = An(i);
+    k.remove(i, (s) => n.has(s.id)), e.current = An(i);
   }
 })), fO = $x.views((e) => ({
   get sortedList() {
-    return C.sortBy(e.current, (t) => t.key.toLowerCase());
+    return k.sortBy(e.current, (t) => t.key.toLowerCase());
   },
   get options() {
     const t = e.current.map((n) => ({
@@ -32549,7 +32551,7 @@ const hO = x.compose("FiltersModel", Ex, x.model("FiltersModel", {
       value: n.key,
       _type: "sql_snippet"
     }));
-    return C.sortBy(t, (n) => n.label.toLowerCase());
+    return k.sortBy(t, (n) => n.label.toLowerCase());
   }
 })).actions((e) => ({
   replace(t) {
@@ -32577,7 +32579,7 @@ const hO = x.compose("FiltersModel", Ex, x.model("FiltersModel", {
       n.has(s.key) && _o(s);
     });
     const i = [...e.current];
-    C.remove(i, (s) => n.has(s.key)), e.current = An(i);
+    k.remove(i, (s) => n.has(s.key)), e.current = An(i);
   },
   replaceByIndex(t, n) {
     e.current.splice(t, 1, n);
@@ -32729,12 +32731,12 @@ const hO = x.compose("FiltersModel", Ex, x.model("FiltersModel", {
           query_type: "TABLES"
         }
       }));
-      e.tables.data = C.groupBy(i, "table_schema"), e.tables.state = "idle", e.tables.error = null, e.initKeywords();
+      e.tables.data = k.groupBy(i, "table_schema"), e.tables.state = "idle", e.tables.error = null, e.initKeywords();
     } catch (i) {
       if (!En.isCancel(i)) {
         e.tables.data = {};
-        const s = C.get(i, "message", "unkown error");
-        e.tables.error = C.get(i, "response.data.detail.message", s), e.tables.state = "error";
+        const s = k.get(i, "message", "unkown error");
+        e.tables.error = k.get(i, "response.data.detail.message", s), e.tables.state = "error";
       }
     }
   });
@@ -32763,8 +32765,8 @@ const hO = x.compose("FiltersModel", Ex, x.model("FiltersModel", {
           e.columns.state = "idle", e.columns.error = null;
         else {
           e.columns.data = [];
-          const s = C.get(i, "message", "unkown error");
-          e.columns.error = C.get(i, "response.data.detail.message", s), e.columns.state = "error";
+          const s = k.get(i, "message", "unkown error");
+          e.columns.error = k.get(i, "response.data.detail.message", s), e.columns.state = "error";
         }
       }
     }),
@@ -32788,8 +32790,8 @@ const hO = x.compose("FiltersModel", Ex, x.model("FiltersModel", {
           e.indexes.state = "idle", e.indexes.error = null;
         else {
           e.indexes.data = [];
-          const s = C.get(i, "message", "unkown error");
-          e.indexes.error = C.get(i, "response.data.detail.message", s), e.indexes.state = "error";
+          const s = k.get(i, "message", "unkown error");
+          e.indexes.error = k.get(i, "response.data.detail.message", s), e.indexes.state = "error";
         }
       }
     }),
@@ -32831,8 +32833,8 @@ const hO = x.compose("FiltersModel", Ex, x.model("FiltersModel", {
           n.state = "idle", n.error = null;
         else {
           n.data = [];
-          const a = C.get(s, "message", "unkown error");
-          n.error = C.get(s, "response.data.detail.message", a), n.state = "error";
+          const a = k.get(s, "message", "unkown error");
+          n.error = k.get(s, "response.data.detail.message", a), n.state = "error";
         }
       }
     })
@@ -32943,7 +32945,7 @@ const EO = x.model("EditorModel", {
     return Jo(e.path);
   },
   get panelTab() {
-    return this.isPanelPath ? C.get(e.path, 5, "Data") : null;
+    return this.isPanelPath ? k.get(e.path, 5, "Data") : null;
   },
   get navOptions() {
     const {
@@ -33010,7 +33012,7 @@ const EO = x.model("EditorModel", {
   setPanelTab(t) {
     if (!e.isPanelPath || e.panelTab === t || !t)
       return;
-    const n = C.clone(e.path);
+    const n = k.clone(e.path);
     n[5] = t, e.setPath(n);
   },
   open(t) {
@@ -33072,7 +33074,7 @@ const EO = x.model("EditorModel", {
     e.list.push(a);
   },
   updateLayoutSetsInfo(t) {
-    const n = C.keyBy(e.list, "id");
+    const n = k.keyBy(e.list, "id");
     t.forEach((a) => {
       const o = n[a.id];
       if (o) {
@@ -33291,7 +33293,7 @@ const EO = x.model("EditorModel", {
       views: [t],
       panels: n,
       definition: {
-        queries: C.uniqBy(i, (o) => o.id)
+        queries: k.uniqBy(i, (o) => o.id)
       },
       layouts: s,
       version: jr
@@ -33560,12 +33562,12 @@ const OO = x.model({
       });
     });
     const i = e.views.idMap;
-    return e.filters.current.filter((s) => !!C.get(s, "config.options_query_id")).forEach((s) => {
+    return e.filters.current.filter((s) => !!k.get(s, "config.options_query_id")).forEach((s) => {
       n.push({
         type: "filter",
         type_label: "filter.label",
         id: s.id,
-        queryID: C.get(s, "config.options_query_id"),
+        queryID: k.get(s, "config.options_query_id"),
         label: s.label,
         views: s.visibleInViewsIDs.map((a) => {
           var o;
@@ -33586,7 +33588,7 @@ const OO = x.model({
           views: []
         });
       });
-    }), C.groupBy(n, "queryID");
+    }), k.groupBy(n, "queryID");
   },
   get hasUnusedQueries() {
     return e.queries.current.length > Object.keys(this.queriesUsage).length;
@@ -33599,14 +33601,14 @@ const OO = x.model({
     return e.queries.current.forEach((n) => {
       if (!n.typedAsSQL)
         return;
-      C.uniq(n.sql.match($s.sqlSnippet)).forEach((s) => {
+      k.uniq(n.sql.match($s.sqlSnippet)).forEach((s) => {
         t.push({
           queryID: n.id,
           sqlSnippetKey: s,
           queryName: n.name
         });
       });
-    }), C.groupBy(t, "sqlSnippetKey");
+    }), k.groupBy(t, "sqlSnippetKey");
   },
   get hasUnusedSQLSnippets() {
     return e.sqlSnippets.current.length > Object.keys(this.sqlSnippetsUsage).length;
@@ -35854,7 +35856,7 @@ function Zx(e, t) {
       }
       const o = {};
       Object.entries(s).forEach(([l, c]) => {
-        const d = C.get(a, c);
+        const d = k.get(a, c);
         o[l] = d;
       }), e.filters.applyValuesPatch(o);
     };
@@ -35871,7 +35873,7 @@ function Zx(e, t) {
         filter_keys: o
       } = s.detail;
       o.forEach((l) => {
-        const c = C.get(e.filters.values, l), d = n(c);
+        const c = k.get(e.filters.values, l), d = n(c);
         a[l] = d;
       }), e.filters.applyValuesPatch(a);
     };
@@ -36032,7 +36034,7 @@ const WO = D(({
       validate: (le) => {
         if (console.log({
           values: le
-        }), C.uniqBy(le, "breakpoint").length !== le.length)
+        }), k.uniqBy(le, "breakpoint").length !== le.length)
           return "Screen sizes should be unique by min width";
       }
     }
@@ -36294,7 +36296,7 @@ const WO = D(({
 }) => e ? /* @__PURE__ */ r.jsxs(R, { children: [
   /* @__PURE__ */ r.jsx($, { mt: 20, mb: 10, variant: "dashed" }),
   /* @__PURE__ */ r.jsx(S, { ta: "left", c: "dimmed", children: "Preview" }),
-  /* @__PURE__ */ r.jsxs(k, { children: [
+  /* @__PURE__ */ r.jsxs(C, { children: [
     /* @__PURE__ */ r.jsx(YO, { content: e }),
     /* @__PURE__ */ r.jsx(XO, { content: e }),
     /* @__PURE__ */ r.jsx(JO, { content: e }),
@@ -36462,7 +36464,7 @@ function cF(e, t, n) {
   const i = [];
   return e.filter((s) => "__INTERACTIONS" in s.viz.conf).forEach((s, a) => {
     const o = t[s.id];
-    o.data.interactions = C.get(o, "data.interactions", []);
+    o.data.interactions = k.get(o, "data.interactions", []);
     const {
       __INTERACTIONS: l,
       __OPERATIONS: c,
@@ -36535,7 +36537,7 @@ function uF(e, t, n) {
 }
 const da = 25, Hc = 40, ng = 25, Gc = 350, hF = 150, pF = 150, rg = 150, Lu = 300, Fs = 40, ig = 25, mF = 300;
 function fF(e, t) {
-  const n = C.keyBy(t, (s) => s.id), i = [];
+  const n = k.keyBy(t, (s) => s.id), i = [];
   return e.current.forEach((s, a) => {
     s.panelIDs.forEach((o, l) => {
       const c = tg(l, Fs, ig) + Hc, d = n[o];
@@ -36617,7 +36619,7 @@ function bF(e) {
   });
 }
 function yF(e) {
-  const t = C.keyBy(e, (n) => n.id);
+  const t = k.keyBy(e, (n) => n.id);
   e.forEach((n) => {
     n._node_type !== "view-root" || n._view_type !== J.Tabs || n._tab_view_ids.forEach((i) => {
       t[i].parentNode = n.id;
@@ -36668,9 +36670,9 @@ function wF({
       return;
     const a = e[s.source], o = e[s.target];
     if (a && o && a.parentNode) {
-      const l = e[a.parentNode], c = l.position.x, d = Number(C.get(o, "style.height", 0)), u = Number(l.style.width);
+      const l = e[a.parentNode], c = l.position.x, d = Number(k.get(o, "style.height", 0)), u = Number(l.style.width);
       o.position.x = c + u + mF, l._view_level === 0 && o._sub_view_ids.length === 0 && (a.sourcePosition = gn.Left, o.targetPosition = gn.Right, o.position.x *= -1);
-      const p = o.position.x, m = C.get(i, p, 0);
+      const p = o.position.x, m = k.get(i, p, 0);
       o.position.y = m, i[p] = m + d + rg;
     }
   });
@@ -36703,11 +36705,11 @@ function kF({
   };
 }
 function CF(e) {
-  const t = vF(e), n = C.keyBy(t, (c) => c.id), {
+  const t = vF(e), n = k.keyBy(t, (c) => c.id), {
     edges: i,
     edgeNodes: s
-  } = dF(e, n), a = [...t, ...s], o = C.keyBy(a, (c) => c.id), l = {
-    edges: C.uniqBy(i, (c) => c.id),
+  } = dF(e, n), a = [...t, ...s], o = k.keyBy(a, (c) => c.id), l = {
+    edges: k.uniqBy(i, (c) => c.id),
     nodes: a,
     nodeMap: o
   };
@@ -36794,7 +36796,7 @@ const zF = {
     edges: t,
     nodes: n
   } = CF(e);
-  return /* @__PURE__ */ r.jsxs(Dv, { nodes: n, edges: t, onNodesChange: C.noop, onEdgesChange: C.noop, onConnect: C.noop, className: "interactions-viewer", fitView: !0, nodeTypes: zF, children: [
+  return /* @__PURE__ */ r.jsxs(Dv, { nodes: n, edges: t, onNodesChange: k.noop, onEdgesChange: k.noop, onConnect: k.noop, className: "interactions-viewer", fitView: !0, nodeTypes: zF, children: [
     /* @__PURE__ */ r.jsx(Mv, {}),
     /* @__PURE__ */ r.jsx(Ev, {}),
     /* @__PURE__ */ r.jsx(Lv, {})
@@ -37063,7 +37065,7 @@ const AF = D(() => {
     ] }),
     /* @__PURE__ */ r.jsx(E, { label: n("filter.widget.select.width"), description: n("filter.widget.multi_select.width_description"), value: i.min_width, onChange: (l) => i.setMinWidth(l.currentTarget.value), placeholder: "200px" }),
     /* @__PURE__ */ r.jsx($, { label: n("filter.widget.select.configure_options"), labelPosition: "center" }),
-    /* @__PURE__ */ r.jsxs(k, { spacing: 10, sx: {
+    /* @__PURE__ */ r.jsxs(C, { spacing: 10, sx: {
       position: "relative",
       minHeight: "50px"
     }, children: [
@@ -37135,7 +37137,7 @@ const AF = D(() => {
     ] }),
     /* @__PURE__ */ r.jsx(E, { label: n("filter.widget.select.width"), value: s.width, onChange: (c) => s.setWidth(c.currentTarget.value), placeholder: "200px" }),
     /* @__PURE__ */ r.jsx($, { label: n("filter.widget.select.configure_options"), labelPosition: "center" }),
-    /* @__PURE__ */ r.jsxs(k, { spacing: 10, sx: {
+    /* @__PURE__ */ r.jsxs(C, { spacing: 10, sx: {
       position: "relative",
       minHeight: "50px"
     }, children: [
@@ -37262,7 +37264,7 @@ const AF = D(() => {
       maxWidth: "600px"
     }, children: [
       /* @__PURE__ */ r.jsx(S, { pb: "md", color: "gray", children: n("common.titles.edit") }),
-      /* @__PURE__ */ r.jsxs(k, { children: [
+      /* @__PURE__ */ r.jsxs(C, { children: [
         /* @__PURE__ */ r.jsxs(y, { noWrap: !0, children: [
           /* @__PURE__ */ r.jsx(
             pe,
@@ -37327,7 +37329,7 @@ const AF = D(() => {
       zIndex: 320
     });
   };
-  return /* @__PURE__ */ r.jsxs(k, { sx: {
+  return /* @__PURE__ */ r.jsxs(C, { sx: {
     maxWidth: "1100px",
     height: "100vh"
   }, spacing: "sm", pb: 30, children: [
@@ -37350,7 +37352,7 @@ const AF = D(() => {
   }, c = () => {
     n([]);
   };
-  return /* @__PURE__ */ r.jsxs(k, { sx: {
+  return /* @__PURE__ */ r.jsxs(C, { sx: {
     height: "100%"
   }, spacing: "sm", pb: "59px", children: [
     /* @__PURE__ */ r.jsx(R, { pt: 9, pb: 8, sx: {
@@ -37432,7 +37434,7 @@ const AF = D(() => {
       return !1;
     }
   }, [n, t.mock_context.current]);
-  return /* @__PURE__ */ r.jsxs(k, { sx: {
+  return /* @__PURE__ */ r.jsxs(C, { sx: {
     border: "1px solid #eee",
     borderLeft: "none",
     borderRight: "none",
@@ -37449,7 +37451,7 @@ const AF = D(() => {
       position: "relative",
       alignItems: "flex-start"
     }, children: [
-      /* @__PURE__ */ r.jsxs(k, { spacing: 10, sx: {
+      /* @__PURE__ */ r.jsxs(C, { spacing: 10, sx: {
         maxWidth: "unset !important"
       }, children: [
         /* @__PURE__ */ r.jsx(S, { children: e("mock_context.hint") }),
@@ -37483,7 +37485,7 @@ const AF = D(() => {
   } = Nt(), n = Ke().layouts.findItemByPanelID(t.id), {
     style: i
   } = t;
-  return /* @__PURE__ */ r.jsx(r.Fragment, { children: /* @__PURE__ */ r.jsxs(k, { spacing: 20, children: [
+  return /* @__PURE__ */ r.jsx(r.Fragment, { children: /* @__PURE__ */ r.jsxs(C, { spacing: 20, children: [
     /* @__PURE__ */ r.jsxs(y, { grow: !0, align: "top", children: [
       /* @__PURE__ */ r.jsx(pe, { label: e("panel.style.width"), min: 1, max: 36, step: 1, precision: 0, rightSection: /* @__PURE__ */ r.jsx(S, { size: 12, children: e("panel.style.width_postfix") }), styles: {
         rightSection: {
@@ -37522,7 +37524,7 @@ const AF = D(() => {
     s(n);
   }, [n]);
   const l = !i.trim();
-  return /* @__PURE__ */ r.jsxs(k, { spacing: 4, children: [
+  return /* @__PURE__ */ r.jsxs(C, { spacing: 4, children: [
     /* @__PURE__ */ r.jsxs(y, { align: "center", children: [
       /* @__PURE__ */ r.jsxs(S, { size: 14, fw: 500, children: [
         e("panel.panel_name"),
@@ -37538,7 +37540,7 @@ const AF = D(() => {
   } = v(), {
     panel: t
   } = Nt();
-  return /* @__PURE__ */ r.jsx(k, { spacing: 6, mb: 10, children: /* @__PURE__ */ r.jsxs(y, { pl: 6, position: "left", spacing: 20, children: [
+  return /* @__PURE__ */ r.jsx(C, { spacing: 6, mb: 10, children: /* @__PURE__ */ r.jsxs(y, { pl: 6, position: "left", spacing: 20, children: [
     /* @__PURE__ */ r.jsx(he, { size: "sm", checked: t.title.show, onChange: (n) => t.title.setShow(n.currentTarget.checked), label: e("panel.show_title"), sx: {
       userSelect: "none"
     } }),
@@ -37549,7 +37551,7 @@ function eV() {
   const {
     t: e
   } = v();
-  return /* @__PURE__ */ r.jsxs(k, { sx: {
+  return /* @__PURE__ */ r.jsxs(C, { sx: {
     height: "100%"
   }, children: [
     /* @__PURE__ */ r.jsx(YF, {}),
@@ -37733,7 +37735,7 @@ const nV = [{
     n && c();
   }, [c, n]);
   const u = !Array.isArray(a) || a.length === 0;
-  return /* @__PURE__ */ r.jsxs(k, { spacing: 0, sx: {
+  return /* @__PURE__ */ r.jsxs(C, { spacing: 0, sx: {
     height: "100%",
     border: "1px solid #eee"
   }, children: [
@@ -37766,8 +37768,8 @@ const nV = [{
     n.editor.setPath(["_QUERIES_", d]);
   }, c = s.queryIDs.length;
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-    /* @__PURE__ */ r.jsx(Bg, { opened: a, onClose: () => o(!1), title: t("panel.settings.choose_queries"), padding: "xl", size: 500, zIndex: 320, children: /* @__PURE__ */ r.jsx(he.Group, { value: [...s.queryIDs], onChange: s.setQueryIDs, children: /* @__PURE__ */ r.jsx(k, { spacing: "lg", children: i.queries.options.map((d) => /* @__PURE__ */ r.jsx(he, { label: d.label, value: d.value }, d.value)) }) }) }),
-    /* @__PURE__ */ r.jsxs(k, { spacing: 6, children: [
+    /* @__PURE__ */ r.jsx(Bg, { opened: a, onClose: () => o(!1), title: t("panel.settings.choose_queries"), padding: "xl", size: 500, zIndex: 320, children: /* @__PURE__ */ r.jsx(he.Group, { value: [...s.queryIDs], onChange: s.setQueryIDs, children: /* @__PURE__ */ r.jsx(C, { spacing: "lg", children: i.queries.options.map((d) => /* @__PURE__ */ r.jsx(he, { label: d.label, value: d.value }, d.value)) }) }) }),
+    /* @__PURE__ */ r.jsxs(C, { spacing: 6, children: [
       /* @__PURE__ */ r.jsx(y, { position: "left", children: /* @__PURE__ */ r.jsx(M, { variant: "light", size: "sm", leftIcon: /* @__PURE__ */ r.jsx(Lb, { size: 16 }), onClick: () => o(!0), children: t(c === 0 ? "panel.settings.need_to_choose_queries" : "panel.settings.choose_queries") }) }),
       c === 1 && /* @__PURE__ */ r.jsx(Zo, { id: s.queryIDs[0], moreActions: /* @__PURE__ */ r.jsx(_e, { label: t("query.open"), children: /* @__PURE__ */ r.jsx(se, { variant: "subtle", color: "blue", onClick: () => l(s.queryIDs[0]), children: /* @__PURE__ */ r.jsx(vo, { size: 16 }) }) }) }),
       c > 1 && /* @__PURE__ */ r.jsxs(_, { defaultValue: s.queryIDs[0], children: [
@@ -37812,7 +37814,7 @@ function dV() {
       label: e(i.displayName ?? i.name),
       group: e(i.displayGroup ?? "")
     }));
-    return C.orderBy(n, [(i) => i.group, (i) => i.label], ["asc", "asc"]);
+    return k.orderBy(n, [(i) => i.group, (i) => i.label], ["asc", "asc"]);
   }, [t]);
 }
 const uV = D(({
@@ -37890,13 +37892,13 @@ const mV = D(() => {
     conf: t.conf,
     setConf: t.setConf
   }) : null, c = o || l;
-  return /* @__PURE__ */ r.jsxs(k, { align: "stretch", sx: {
+  return /* @__PURE__ */ r.jsxs(C, { align: "stretch", sx: {
     height: "100%",
     overflow: "hidden"
   }, children: [
     /* @__PURE__ */ r.jsx(uV, { submit: i, value: t.type }),
     /* @__PURE__ */ r.jsxs(ut, { children: [
-      /* @__PURE__ */ r.jsx(k, { pb: 10, sx: {
+      /* @__PURE__ */ r.jsx(C, { pb: 10, sx: {
         flexGrow: 1,
         maxHeight: "100%",
         overflow: "auto"
@@ -37922,7 +37924,7 @@ const mV = D(() => {
   };
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsx(M, { size: "xs", variant: "subtle", color: "blue", onClick: l, leftIcon: /* @__PURE__ */ r.jsx(hh, { size: 14 }), children: n("panel.settings.change_view") }),
-    /* @__PURE__ */ r.jsx(He, { opened: o, onClose: c, title: n("panel.settings.change_view_title"), zIndex: 320, children: /* @__PURE__ */ r.jsxs(k, { sx: {
+    /* @__PURE__ */ r.jsx(He, { opened: o, onClose: c, title: n("panel.settings.change_view_title"), zIndex: 320, children: /* @__PURE__ */ r.jsxs(C, { sx: {
       maxHeight: "calc(100vh - 185px)",
       overflow: "hidden"
     }, children: [
@@ -37930,7 +37932,7 @@ const mV = D(() => {
         flexGrow: 1,
         maxHeight: "calc(100vh - 185px - 30px)",
         overflow: "auto"
-      }, children: /* @__PURE__ */ r.jsx(k, { spacing: "xs", children: i.views.options.map((u) => /* @__PURE__ */ r.jsx(cd, { value: u.value, label: u.label }, u.value)) }) }),
+      }, children: /* @__PURE__ */ r.jsx(C, { spacing: "xs", children: i.views.options.map((u) => /* @__PURE__ */ r.jsx(cd, { value: u.value, label: u.label }, u.value)) }) }),
       /* @__PURE__ */ r.jsxs(y, { noWrap: !0, position: "apart", sx: {
         flexGrow: 0,
         flexShrink: 0
@@ -37954,7 +37956,7 @@ const mV = D(() => {
     };
     return JSON.stringify(o, null, 2);
   })();
-  return /* @__PURE__ */ r.jsx(k, { sx: {
+  return /* @__PURE__ */ r.jsx(C, { sx: {
     overflow: "hidden",
     ...e
   }, children: /* @__PURE__ */ r.jsxs(_, { defaultValue: "vars", keepMounted: !1, children: [
@@ -38055,7 +38057,7 @@ function yV({
     a((p) => [...p, ""]);
   }, [a]), l = O.useCallback((p) => {
     a((m) => (m.splice(p, 1), [...m]));
-  }, [a]), c = O.useMemo(() => !C.isEqual(s, t), [s, t]), d = () => {
+  }, [a]), c = O.useMemo(() => !k.isEqual(s, t), [s, t]), d = () => {
     n(s.map((p) => p.toString()));
   }, u = Yi(), h = O.useMemo(() => Object.entries(u.colors).map(([p, m]) => m[6]), [u]);
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
@@ -38084,7 +38086,7 @@ function _V({
     o((h) => [...h, ""]);
   }, [o]), c = O.useCallback((h) => {
     o((p) => (p.splice(h, 1), [...p]));
-  }, [o]), d = O.useMemo(() => !C.isEqual(a.map(String), t.map(String)), [a, t]), u = () => {
+  }, [o]), d = O.useMemo(() => !k.isEqual(a.map(String), t.map(String)), [a, t]), u = () => {
     n(a.map((h) => i === "number" ? Number(h) : h.toString()));
   };
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
@@ -38110,8 +38112,8 @@ const jV = O.forwardRef(_V), wV = O.forwardRef(function({
   const {
     t: s
   } = v(), a = t.color.type, o = (c, d) => {
-    const u = C.cloneDeep(t);
-    C.set(u, c, d), n(u);
+    const u = k.cloneDeep(t);
+    k.set(u, c, d), n(u);
   }, l = (c) => {
     if (c === "static") {
       n({
@@ -38133,7 +38135,7 @@ const jV = O.forwardRef(_V), wV = O.forwardRef(function({
     });
   };
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-    /* @__PURE__ */ r.jsx(k, { children: /* @__PURE__ */ r.jsx(E, { label: s("style.font_size.label"), placeholder: s("styles.font_size.placeholder"), sx: {
+    /* @__PURE__ */ r.jsx(C, { children: /* @__PURE__ */ r.jsx(E, { label: s("style.font_size.label"), placeholder: s("styles.font_size.placeholder"), sx: {
       flex: 1
     }, value: t.size, onChange: (c) => o("size", c.currentTarget.value) }) }),
     /* @__PURE__ */ r.jsx(y, { position: "apart", grow: !0, sx: {
@@ -38143,7 +38145,7 @@ const jV = O.forwardRef(_V), wV = O.forwardRef(function({
       }
     }, children: /* @__PURE__ */ r.jsx(Xf, { label: s("style.font_weight.label"), value: t.weight, onChange: (c) => o("weight", c) }) }),
     /* @__PURE__ */ r.jsx($, { mt: "lg", mb: 0, variant: "dashed", label: s("style.label"), labelPosition: "center" }),
-    /* @__PURE__ */ r.jsxs(k, { children: [
+    /* @__PURE__ */ r.jsxs(C, { children: [
       /* @__PURE__ */ r.jsx(q, { label: "Color Type", data: [{
         label: "Static Color",
         value: "static"
@@ -38167,11 +38169,11 @@ const jV = O.forwardRef(_V), wV = O.forwardRef(function({
   const {
     t: o
   } = v(), l = (c, d) => {
-    const u = C.cloneDeep(t);
-    C.set(u, c, d), n(u);
+    const u = k.cloneDeep(t);
+    k.set(u, c, d), n(u);
   };
-  return /* @__PURE__ */ r.jsxs(k, { ref: a, children: [
-    /* @__PURE__ */ r.jsxs(k, { spacing: "xs", px: "sm", py: "md", sx: {
+  return /* @__PURE__ */ r.jsxs(C, { ref: a, children: [
+    /* @__PURE__ */ r.jsxs(C, { spacing: "xs", px: "sm", py: "md", sx: {
       border: "1px solid #e9ecef"
     }, children: [
       /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
@@ -38194,7 +38196,7 @@ const jV = O.forwardRef(_V), wV = O.forwardRef(function({
   const {
     t
   } = v(), n = bn(() => r2(e.variable), [e.variable]), i = () => e.uiModel.remove(e.variable);
-  return /* @__PURE__ */ r.jsxs(k, { "data-testid": "variable-editor", align: "stretch", children: [
+  return /* @__PURE__ */ r.jsxs(C, { "data-testid": "variable-editor", align: "stretch", children: [
     /* @__PURE__ */ r.jsxs(y, { position: "apart", children: [
       /* @__PURE__ */ r.jsx(M, { variant: "subtle", size: "xs", disabled: !n.changed, color: "red", onClick: n.reset, leftIcon: /* @__PURE__ */ r.jsx(an, { size: 18 }), children: t("common.actions.revert_changes") }),
       /* @__PURE__ */ r.jsx(M, { variant: "filled", size: "xs", disabled: !n.changed, color: "green", onClick: n.commit, leftIcon: /* @__PURE__ */ r.jsx(Le, { size: 18 }), children: t("common.actions.save_changes") })
@@ -38206,7 +38208,7 @@ D((e) => {
   const {
     uiModel: t
   } = e;
-  return /* @__PURE__ */ r.jsx(k, { className: "var-list", children: t.variables.map((n) => /* @__PURE__ */ r.jsx(M, { variant: t.selected === n ? "filled" : "subtle", color: "gray", onClick: () => t.select(n), children: n.name }, n.name)) });
+  return /* @__PURE__ */ r.jsx(C, { className: "var-list", children: t.variables.map((n) => /* @__PURE__ */ r.jsx(M, { variant: t.selected === n ? "filled" : "subtle", color: "gray", onClick: () => t.select(n), children: n.name }, n.name)) });
 });
 const CV = D(({
   model: e
@@ -38227,7 +38229,7 @@ const CV = D(({
   const {
     t: e
   } = v(), t = bV();
-  return t.variableOptions.length === 0 ? /* @__PURE__ */ r.jsx(CV, { model: t }) : /* @__PURE__ */ r.jsxs(k, { pb: 20, children: [
+  return t.variableOptions.length === 0 ? /* @__PURE__ */ r.jsx(CV, { model: t }) : /* @__PURE__ */ r.jsxs(C, { pb: 20, children: [
     /* @__PURE__ */ r.jsxs(y, { position: "left", children: [
       /* @__PURE__ */ r.jsx(q, { label: e("panel.variable.labels"), data: t.variableOptions, value: (n = t.selected) == null ? void 0 : n.name, onChange: t.selectByName, maxDropdownHeight: 600, sx: {
         flexGrow: 1
@@ -38268,7 +38270,7 @@ const CV = D(({
     height: "100%",
     overflow: "auto"
   }, children: e }),
-  /* @__PURE__ */ r.jsxs(k, { justify: "flex-start", sx: {
+  /* @__PURE__ */ r.jsxs(C, { justify: "flex-start", sx: {
     alignSelf: "flex-start",
     width: "600px",
     flexGrow: 0,
@@ -38390,7 +38392,7 @@ const DV = D(({
   }, u = () => {
     n([]);
   }, h = s.content.queriesUsage;
-  return /* @__PURE__ */ r.jsxs(k, { sx: {
+  return /* @__PURE__ */ r.jsxs(C, { sx: {
     height: "100%"
   }, spacing: "sm", pb: "59px", children: [
     /* @__PURE__ */ r.jsx(R, { pt: 9, pb: 8, sx: {
@@ -38508,7 +38510,7 @@ const DV = D(({
   count: i,
   spacing: s = 16,
   pl: a = 0
-}) => /* @__PURE__ */ r.jsxs(k, { spacing: s, mt: 6, pl: a, children: [
+}) => /* @__PURE__ */ r.jsxs(C, { spacing: s, mt: 6, pl: a, children: [
   Array.from(new Array(i - 1), (o, l) => /* @__PURE__ */ r.jsx(dd, { width: e, height: n, radius: "xs" }, l)),
   /* @__PURE__ */ r.jsx(dd, { width: t, height: n, radius: "xs" })
 ] }), qi = ({
@@ -38691,7 +38693,7 @@ const DV = D(({
   return t.loading || t.empty ? null : e.type === et.MySQL ? /* @__PURE__ */ r.jsx($V, { dataSource: e }) : e.type === et.Postgresql ? /* @__PURE__ */ r.jsx(OV, { dataSource: e }) : null;
 }), VV = D(({
   dataSource: e
-}) => /* @__PURE__ */ r.jsxs(k, { spacing: 40, pt: 10, sx: {
+}) => /* @__PURE__ */ r.jsxs(C, { spacing: 40, pt: 10, sx: {
   flexGrow: 1,
   overflow: "auto",
   position: "relative"
@@ -38969,7 +38971,7 @@ const qV = D(({
     i(e.name);
   }, [e.name]), /* @__PURE__ */ r.jsx(mr, { ml: 20, mt: 20, sx: {
     maxWidth: "600px"
-  }, children: /* @__PURE__ */ r.jsxs(k, { spacing: 10, sx: {
+  }, children: /* @__PURE__ */ r.jsxs(C, { spacing: 10, sx: {
     width: "100%"
   }, children: [
     /* @__PURE__ */ r.jsx($, { mb: -10, variant: "dashed", label: t("query.basics"), labelPosition: "center" }),
@@ -39051,7 +39053,7 @@ WHERE
     };
     return t && (c.sql_snippets = a.sqlSnippets.record), JSON.stringify(c, null, 2);
   })();
-  return /* @__PURE__ */ r.jsx(k, { sx: {
+  return /* @__PURE__ */ r.jsx(C, { sx: {
     overflow: "hidden",
     ...n
   }, children: /* @__PURE__ */ r.jsxs(_, { defaultValue: "guide", keepMounted: !1, children: [
@@ -39066,7 +39068,7 @@ WHERE
     /* @__PURE__ */ r.jsx(_.Panel, { value: "local_query_vars", pt: "xs", children: /* @__PURE__ */ r.jsx(Yn, { language: "json", sx: {
       width: "100%"
     }, noCopy: !0, colorScheme: "dark", children: l }) }),
-    /* @__PURE__ */ r.jsx(_.Panel, { value: "global_sql_snippets", pt: "xs", children: /* @__PURE__ */ r.jsxs(k, { spacing: 10, children: [
+    /* @__PURE__ */ r.jsx(_.Panel, { value: "global_sql_snippets", pt: "xs", children: /* @__PURE__ */ r.jsxs(C, { spacing: 10, children: [
       /* @__PURE__ */ r.jsx(Xi, { icon: /* @__PURE__ */ r.jsx(Bi, { size: 16 }), title: i("global_sql_snippet.labels"), children: i("global_sql_snippet.description") }),
       /* @__PURE__ */ r.jsx(tN, {})
     ] }) })
@@ -39126,7 +39128,7 @@ WHERE
   }, a = (o) => {
     i.setPath(["_VIEWS_", o]);
   };
-  return /* @__PURE__ */ r.jsx(k, { py: "sm", px: "md", children: /* @__PURE__ */ r.jsxs(ot, { highlightOnHover: !0, sx: {
+  return /* @__PURE__ */ r.jsx(C, { py: "sm", px: "md", children: /* @__PURE__ */ r.jsxs(ot, { highlightOnHover: !0, sx: {
     tableLayout: "fixed"
   }, children: [
     /* @__PURE__ */ r.jsx("thead", { children: /* @__PURE__ */ r.jsxs("tr", { children: [
@@ -39141,7 +39143,7 @@ WHERE
     /* @__PURE__ */ r.jsx("tbody", { children: t.map((o) => /* @__PURE__ */ r.jsxs("tr", { children: [
       /* @__PURE__ */ r.jsx("td", { children: n(o.type_label) }),
       /* @__PURE__ */ r.jsx("td", { children: /* @__PURE__ */ r.jsx(Ns, { component: "button", type: "button", onClick: () => s(o), children: o.label }) }),
-      /* @__PURE__ */ r.jsx("td", { children: /* @__PURE__ */ r.jsxs(k, { align: "flex-start", justify: "flex-start", spacing: 2, children: [
+      /* @__PURE__ */ r.jsx("td", { children: /* @__PURE__ */ r.jsxs(C, { align: "flex-start", justify: "flex-start", spacing: 2, children: [
         o.views.map((l) => /* @__PURE__ */ r.jsx(Ns, { component: "button", type: "button", onClick: () => a(l.id), children: /* @__PURE__ */ r.jsx(R, { children: l.label }) }, l.id)),
         o.views.length === 0 && /* @__PURE__ */ r.jsx(R, { children: "--" })
       ] }) })
@@ -39152,7 +39154,7 @@ WHERE
 }) => {
   const {
     t
-  } = v(), n = T(() => C.groupBy(e.dependencies, "type"), [e.dependencies]), i = T(() => e.dependencies.some((a) => !a.valid), [e.dependencies]), s = e.dependencies.length > 0;
+  } = v(), n = T(() => k.groupBy(e.dependencies, "type"), [e.dependencies]), i = T(() => e.dependencies.some((a) => !a.valid), [e.dependencies]), s = e.dependencies.length > 0;
   return s ? /* @__PURE__ */ r.jsxs(Xe, { withinPortal: !0, zIndex: 340, shadow: "md", disabled: !s, children: [
     /* @__PURE__ */ r.jsx(Xe.Target, { children: /* @__PURE__ */ r.jsx(M, { size: "xs", variant: "subtle", color: i ? "red" : "green", disabled: !s, leftIcon: i ? /* @__PURE__ */ r.jsx(ph, { size: 16 }) : /* @__PURE__ */ r.jsx(Fb, { size: 16 }), children: t("query.dependency.label") }) }),
     /* @__PURE__ */ r.jsx(Xe.Dropdown, { children: /* @__PURE__ */ r.jsx(Qt, { spacing: "md", size: 14, listStyleType: "none", children: Object.entries(n).map(([a, o]) => /* @__PURE__ */ r.jsxs(Qt.Item, { children: [
@@ -39189,7 +39191,7 @@ WHERE
     i(e.sql);
   }, [e.sql]);
   const l = n !== e.sql;
-  return /* @__PURE__ */ r.jsxs(k, { spacing: 4, sx: {
+  return /* @__PURE__ */ r.jsxs(C, { spacing: 4, sx: {
     height: "100%"
   }, children: [
     /* @__PURE__ */ r.jsxs(y, { mb: 6, position: "apart", sx: {
@@ -39270,7 +39272,7 @@ WHERE
   const {
     t
   } = v(), n = ye();
-  return e.isTransform ? /* @__PURE__ */ r.jsxs(k, { py: 20, px: 20, sx: {
+  return e.isTransform ? /* @__PURE__ */ r.jsxs(C, { py: 20, px: 20, sx: {
     height: "100%"
   }, children: [
     /* @__PURE__ */ r.jsx(S, { size: "sm", children: t("query.transform.guide.pick_queries") }),
@@ -39306,13 +39308,13 @@ WHERE
       /* @__PURE__ */ r.jsx(_.Tab, { value: "Usage", disabled: l, children: /* @__PURE__ */ r.jsx(_e, { label: t("query.usage.unused_description"), disabled: !l, withinPortal: !0, children: /* @__PURE__ */ r.jsx(S, { children: t("query.usage.label") }) }) })
     ] }),
     /* @__PURE__ */ r.jsx(_.Panel, { value: "Configurations", pt: 0, p: 0, children: /* @__PURE__ */ r.jsx(ZV, { queryModel: e }) }),
-    e.typedAsSQL && /* @__PURE__ */ r.jsx(_.Panel, { value: "SQL", sx: zi, children: /* @__PURE__ */ r.jsx(k, { sx: {
+    e.typedAsSQL && /* @__PURE__ */ r.jsx(_.Panel, { value: "SQL", sx: zi, children: /* @__PURE__ */ r.jsx(C, { sx: {
       height: "100%"
     }, children: /* @__PURE__ */ r.jsx(dN, { queryModel: e }) }) }),
-    e.typedAsHTTP && /* @__PURE__ */ r.jsx(_.Panel, { value: "HTTP", sx: zi, children: /* @__PURE__ */ r.jsx(k, { sx: {
+    e.typedAsHTTP && /* @__PURE__ */ r.jsx(_.Panel, { value: "HTTP", sx: zi, children: /* @__PURE__ */ r.jsx(C, { sx: {
       height: "100%"
     }, children: /* @__PURE__ */ r.jsx(rN, { queryModel: e }) }) }),
-    e.isTransform && /* @__PURE__ */ r.jsx(_.Panel, { value: "Transform", sx: zi, children: /* @__PURE__ */ r.jsx(k, { sx: {
+    e.isTransform && /* @__PURE__ */ r.jsx(_.Panel, { value: "Transform", sx: zi, children: /* @__PURE__ */ r.jsx(C, { sx: {
       height: "100%"
     }, children: /* @__PURE__ */ r.jsx(hN, { queryModel: e }) }) }),
     /* @__PURE__ */ r.jsx(_.Panel, { value: "Data", sx: {
@@ -39364,7 +39366,7 @@ WHERE
       zIndex: 320
     });
   };
-  return /* @__PURE__ */ r.jsxs(k, { p: 20, sx: {
+  return /* @__PURE__ */ r.jsxs(C, { p: 20, sx: {
     maxWidth: "1100px",
     height: "100vh"
   }, spacing: "sm", children: [
@@ -39458,7 +39460,7 @@ WHERE
   }, u = () => {
     n([]);
   }, h = s.content.sqlSnippetsUsage;
-  return /* @__PURE__ */ r.jsxs(k, { sx: {
+  return /* @__PURE__ */ r.jsxs(C, { sx: {
     height: "100%"
   }, spacing: "sm", pb: "59px", children: [
     /* @__PURE__ */ r.jsx(R, { pt: 9, pb: 8, sx: {
@@ -39529,7 +39531,7 @@ WHERE
   ] });
 }), yN = D(({
   view: e
-}) => !e || e.type !== J.Division ? null : /* @__PURE__ */ r.jsx(k, {})), vN = D(({
+}) => !e || e.type !== J.Division ? null : /* @__PURE__ */ r.jsx(C, {})), vN = D(({
   view: e
 }) => {
   const {
@@ -39554,7 +39556,7 @@ WHERE
   if (!e || e.type !== J.Tabs)
     return null;
   const a = e.config;
-  return /* @__PURE__ */ r.jsxs(k, { children: [
+  return /* @__PURE__ */ r.jsxs(C, { children: [
     /* @__PURE__ */ r.jsx($, { mt: 8, mb: 0, label: t("view.component.tabs.tabs_settings"), labelPosition: "center" }),
     /* @__PURE__ */ r.jsx(q, { label: t("common.tabs.variant.label"), value: a.variant, onChange: a.setVariant, data: i }),
     /* @__PURE__ */ r.jsx(q, { label: t("common.tabs.orientation.label"), value: a.orientation, onChange: a.setOrientation, data: s }),
@@ -39617,7 +39619,7 @@ WHERE
     /* @__PURE__ */ r.jsx(se, { size: "lg", color: "blue", variant: "filled", mt: 26, onClick: s, sx: {
       flexGrow: 0
     }, children: /* @__PURE__ */ r.jsx(mi, { size: 14 }) }),
-    /* @__PURE__ */ r.jsx(He, { size: 800, title: n("view.component.modal.custom_title"), opened: i, onClose: a, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: i && /* @__PURE__ */ r.jsxs(k, { children: [
+    /* @__PURE__ */ r.jsx(He, { size: 800, title: n("view.component.modal.custom_title"), opened: i, onClose: a, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: i && /* @__PURE__ */ r.jsxs(C, { children: [
       /* @__PURE__ */ r.jsx(he, { mt: 10, label: n("common.enabled"), checked: o.enabled, onChange: (m) => c(m.currentTarget.checked) }),
       /* @__PURE__ */ r.jsx(_N, { value: o.func_content, onChange: h, disabled: !o.enabled }),
       /* @__PURE__ */ r.jsxs(y, { position: "apart", children: [
@@ -39638,10 +39640,10 @@ WHERE
   if (!e || e.type !== J.Modal)
     return null;
   const n = e.config, i = n.custom_modal_title.value;
-  return /* @__PURE__ */ r.jsxs(k, { children: [
+  return /* @__PURE__ */ r.jsxs(C, { children: [
     /* @__PURE__ */ r.jsx($, { mt: 8, label: t("view.component.modal.modal_settings"), labelPosition: "center" }),
     /* @__PURE__ */ r.jsxs(sn, { gap: 10, children: [
-      /* @__PURE__ */ r.jsx(E, { label: t("view.component.modal.title"), value: i, onChange: C.noop, disabled: !0, sx: {
+      /* @__PURE__ */ r.jsx(E, { label: t("view.component.modal.title"), value: i, onChange: k.noop, disabled: !0, sx: {
         flexGrow: 1
       } }),
       /* @__PURE__ */ r.jsx(jN, { value: n.custom_modal_title, onChange: n.custom_modal_title.replace })
@@ -39673,7 +39675,7 @@ WHERE
     label: t("view.component.tabs.label"),
     value: J.Tabs
   }], [n.language]);
-  return e ? /* @__PURE__ */ r.jsxs(k, { sx: {
+  return e ? /* @__PURE__ */ r.jsxs(C, { sx: {
     position: "relative"
   }, children: [
     /* @__PURE__ */ r.jsx(E, { label: t("common.name"), value: e.name, onChange: (s) => {
@@ -39713,7 +39715,7 @@ WHERE
       zIndex: 320
     });
   };
-  return /* @__PURE__ */ r.jsxs(k, { sx: {
+  return /* @__PURE__ */ r.jsxs(C, { sx: {
     maxWidth: "600px",
     height: "100%"
   }, spacing: "sm", children: [
@@ -39724,7 +39726,7 @@ WHERE
       overflow: "auto"
     }, children: /* @__PURE__ */ r.jsx(kN, { view: a }) })
   ] });
-}), IN = D(() => /* @__PURE__ */ r.jsx(k, { sx: {
+}), IN = D(() => /* @__PURE__ */ r.jsx(C, { sx: {
   height: "100%"
 }, p: "sm", children: /* @__PURE__ */ r.jsx(cg, {}) })), TN = D(() => {
   const e = Te().editor, t = e.path;
@@ -40243,9 +40245,9 @@ const YN = ({
   }, [p]), O.useEffect(() => {
     f.globalSQLSnippets.replace(m);
   }, [m]), O.useEffect(() => {
-    console.log("calling onFilterValuesChange: ", f.content.filters.values), c == null || c(f.content.filters.values);
+    console.log("⚪️ calling onFilterValuesChange: ", f.content.filters.values), c == null || c(f.content.filters.values);
   }, [c, f.content.filters.valuesString]), O.useEffect(() => {
-    l && (console.log("patching filter values: ", l), f.content.filters.patchValues(l));
+    l && f.content.filters.patchValues(l);
   }, [l, f.content.filters.patchValues]), O.useEffect(() => {
     u == null || u(f.content.views.firstVisibleTabsViewActiveTab);
   }, [u, f.content.views.firstVisibleTabsViewActiveTab]), O.useEffect(() => {