@devtable/dashboard 11.4.0 → 11.5.1

package/dist/dashboard.es.js

@@ -2,7 +2,7 @@ var th = Object.defineProperty;
 var nh = (e, t, n) => t in e ? th(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var N = (e, t, n) => (nh(e, typeof t != "symbol" ? t + "" : t, n), n);
 import M, { forwardRef as he, useState as q, useEffect as O, useCallback as Be, useMemo as T, createElement as ts, useContext as Ht, useRef as ns, createContext as el, memo as rh } from "react";
-import { TextInput as D, Text as j, Box as z, Button as C, HoverCard as Te, Group as b, Select as L, Stack as w, Divider as I, NumberInput as U, Switch as Ve, Table as We, ActionIcon as W, MultiSelect as $n, Paper as sh, Code as Ja, Modal as ge, Tabs as f, LoadingOverlay as _n, Alert as rs, ColorSwatch as ti, Overlay as Rt, Checkbox as K, Collapse as xr, Center as Sn, useMantineTheme as tl, CheckIcon as ih, MANTINE_SIZES as ah, SimpleGrid as nn, Tooltip as be, NativeSelect as nl, SegmentedControl as oh, Anchor as ni, Textarea as lh, Mark as ch, ColorInput as ji, createStyles as mr, Popover as On, Slider as dh, Flex as Ut, Badge as bn, CloseButton as rl, Menu as ue, Affix as uh, Header as hh, List as it, FileInput as ph, ThemeIcon as Ps, UnstyledButton as xh, Navbar as Nt, JsonInput as sl, Pagination as il, Drawer as mh, Accordion as Ir, Radio as Za, Skeleton as eo, NavLink as ri, AppShell as al } from "@mantine/core";
+import { TextInput as D, Text as j, Box as z, Button as C, HoverCard as Te, Group as b, Select as L, Stack as _, Divider as I, NumberInput as U, Switch as Ve, Table as We, ActionIcon as W, MultiSelect as $n, Paper as sh, Code as Ja, Modal as ge, Tabs as f, LoadingOverlay as _n, Alert as rs, ColorSwatch as ti, Overlay as Rt, Checkbox as K, Collapse as xr, Center as Sn, useMantineTheme as tl, CheckIcon as ih, MANTINE_SIZES as ah, SimpleGrid as nn, Tooltip as be, NativeSelect as nl, SegmentedControl as oh, Anchor as ni, Textarea as lh, Mark as ch, ColorInput as ji, createStyles as mr, Popover as On, Slider as dh, Flex as Ut, Badge as bn, CloseButton as rl, Menu as ue, Affix as uh, Header as hh, List as it, FileInput as ph, ThemeIcon as Ps, UnstyledButton as xh, Navbar as Nt, JsonInput as sl, Pagination as il, Drawer as mh, Accordion as Ir, Radio as Za, Skeleton as eo, NavLink as ri, AppShell as al } from "@mantine/core";
 import { useModals as Et, ModalsProvider as ol } from "@mantine/modals";
 import { useBoolean as $e, useCreation as kt, useAsyncEffect as fr, useRequest as yn, useWhyDidYouUpdate as ll, useLatest as to, usePrevious as fh } from "ahooks";
 import { toJS as Kt, observable as cl, runInAction as sr, reaction as ot, makeAutoObservable as gr } from "mobx";
@@ -13,7 +13,7 @@ import yh from "crypto-js";
 import * as jh from "d3-array";
 import { quantile as Er } from "d3-array";
 import E from "dayjs";
-import _, { cloneDeepWith as dl, unset as vh, get as te, isObject as ul, set as vi, omit as jn, isFunction as wh, orderBy as _h, last as hl, defaults as Ce, minBy as Sh, maxBy as Ch, cloneDeep as Ne, values as pl, template as wi, throttle as kh, isEqual as fe, defaultsDeep as je, keyBy as Th, isEmpty as xl, isNumber as Dh, findLastIndex as Ih, isString as ml, range as zh, pick as fl } from "lodash";
+import w, { cloneDeepWith as dl, unset as vh, get as te, isObject as ul, set as vi, omit as jn, isFunction as wh, orderBy as _h, last as hl, defaults as Ce, minBy as Sh, maxBy as Ch, cloneDeep as Ne, values as pl, template as wi, throttle as kh, isEqual as fe, defaultsDeep as je, keyBy as Th, isEmpty as xl, isNumber as Dh, findLastIndex as Ih, isString as ml, range as zh, pick as fl } from "lodash";
 import * as Fr from "mathjs";
 import si from "numbro";
 import Bt from "axios";
@@ -731,7 +731,7 @@ const Xt = {
   CryptoJS: yh,
   d3Array: jh,
   dayjs: E,
-  lodash: _,
+  lodash: w,
   numbro: si,
   mathjs: Fr,
   faker: gh
@@ -1033,15 +1033,15 @@ function tm(e) {
 function nm(e, t) {
   switch (t.type) {
     case "sum":
-      return _.sum(e);
+      return w.sum(e);
     case "mean":
-      return _.mean(e);
+      return w.mean(e);
     case "median":
       return tm(e);
     case "max":
-      return _.max(e);
+      return w.max(e);
     case "min":
-      return _.min(e);
+      return w.min(e);
     case "quantile":
       return Er(e, t.config.p);
     case "CV":
@@ -1719,7 +1719,7 @@ class Ri {
     }), this.instanceRegistry.clear(), this.factoryRegistry.clear();
   }
 }
-const rc = "11.4.0", Rm = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const rc = "11.5.1", Rm = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   version: rc
 }, Symbol.toStringTag, { value: "Module" }));
@@ -1998,7 +1998,7 @@ function xc() {
 }
 const Dn = () => xc(), It = () => xc(), qm = {
   fullScreenPanelID: "",
-  setFullScreenPanelID: _.noop
+  setFullScreenPanelID: w.noop
 }, mc = M.createContext(qm);
 function Bm() {
   const e = M.useContext(mc);
@@ -2052,7 +2052,7 @@ function Wm({
   });
   return O(() => {
     o(s);
-  }, [t]), t ? /* @__PURE__ */ r.jsx(w, { spacing: "xs", children: /* @__PURE__ */ r.jsxs("form", { onSubmit: a(n), children: [
+  }, [t]), t ? /* @__PURE__ */ r.jsx(_, { spacing: "xs", children: /* @__PURE__ */ r.jsxs("form", { onSubmit: a(n), children: [
     /* @__PURE__ */ r.jsx(j, { children: "X Axis" }),
     /* @__PURE__ */ r.jsxs(b, { position: "apart", grow: !0, p: "md", sx: {
       position: "relative",
@@ -2217,10 +2217,10 @@ const Ym = [{
   onChange: n
 }, s) => {
   const i = (a) => (o) => {
-    const l = _.cloneDeep(t);
-    _.set(l, a, o), n(l);
+    const l = w.cloneDeep(t);
+    w.set(l, a, o), n(l);
   };
-  return /* @__PURE__ */ r.jsxs(w, { spacing: 0, children: [
+  return /* @__PURE__ */ r.jsxs(_, { spacing: 0, children: [
     e && /* @__PURE__ */ r.jsx(I, { mb: -5, mt: 5, variant: "dotted", label: e, labelPosition: "right", labelProps: {
       color: "dimmed"
     } }),
@@ -2252,7 +2252,7 @@ const Ym = [{
       in_tooltip: a
     });
   };
-  return /* @__PURE__ */ r.jsxs(w, { ref: n, spacing: 0, children: [
+  return /* @__PURE__ */ r.jsxs(_, { ref: n, spacing: 0, children: [
     /* @__PURE__ */ r.jsx(Qr, { sectionTitle: "Overflow on Axis", value: e.on_axis, onChange: s }),
     /* @__PURE__ */ r.jsx(Qr, { sectionTitle: "Overflow in Tooltip", value: e.in_tooltip, onChange: i })
   ] });
@@ -2337,7 +2337,7 @@ function In(e, t) {
       queryID: n,
       columnKey: s
     } = $(t);
-    return _.keyBy(e[n], s);
+    return w.keyBy(e[n], s);
   }, [e, t]);
 }
 const yt = (e, t) => {
@@ -2435,7 +2435,7 @@ function Jm(e) {
     ...t,
     urlTemplate: l.currentTarget.value
   });
-  return /* @__PURE__ */ r.jsxs(w, { children: [
+  return /* @__PURE__ */ r.jsxs(_, { children: [
     /* @__PURE__ */ r.jsx(D, { label: "Url", value: t.urlTemplate, onChange: o, onBlur: i }),
     /* @__PURE__ */ r.jsx(Ve, { label: "Open in new Tab", checked: t.openInNewTab, onChange: (l) => a(l.currentTarget.checked) })
   ] });
@@ -2626,7 +2626,7 @@ const mf = {
     label: l.label,
     value: l.key
   })), [t.filters.values]);
-  return /* @__PURE__ */ r.jsx(w, { spacing: 10, children: /* @__PURE__ */ r.jsx($n, { label: "Select Filters to Clear", data: o, value: i, onChange: a }) });
+  return /* @__PURE__ */ r.jsx(_, { spacing: 10, children: /* @__PURE__ */ r.jsx($n, { label: "Select Filters to Clear", data: o, value: i, onChange: a }) });
 });
 async function bf(e, t) {
   const s = (await t.operationData.getItem("config")).filter_keys;
@@ -2863,7 +2863,7 @@ const jt = ({
   };
   return /* @__PURE__ */ r.jsxs(sh, { withBorder: !0, p: "sm", children: [
     /* @__PURE__ */ r.jsx(j, { size: "xs", color: "dimmed", mb: "sm", children: t }),
-    /* @__PURE__ */ r.jsx(w, { style: {
+    /* @__PURE__ */ r.jsx(_, { style: {
       maxHeight: "500px"
     }, children: n.map((a) => /* @__PURE__ */ r.jsxs(j, { size: "sm", children: [
       /* @__PURE__ */ r.jsxs(Ja, { color: "teal", children: [
@@ -2946,7 +2946,7 @@ const Sf = k(({
     await c.configOperation(a, l);
   }, [a, c]), _f(c) ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsx(Sf, { model: c, onClick: n }),
-    /* @__PURE__ */ r.jsx(ge, { size: 600, opened: t, onClose: s, title: "Operation Settings", zIndex: 320, children: /* @__PURE__ */ r.jsxs(w, { children: [
+    /* @__PURE__ */ r.jsx(ge, { size: 600, opened: t, onClose: s, title: "Operation Settings", zIndex: 320, children: /* @__PURE__ */ r.jsxs(_, { children: [
       /* @__PURE__ */ r.jsx(kf, { model: c }),
       /* @__PURE__ */ r.jsxs(f, { defaultValue: "settings", children: [
         /* @__PURE__ */ r.jsxs(f.List, { children: [
@@ -3025,7 +3025,7 @@ const Mf = k(({
     setFalse: s
   }] = $e(!1), i = e.model;
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-    /* @__PURE__ */ r.jsx(ge, { opened: t, onClose: s, title: "Setup Trigger", zIndex: 320, children: /* @__PURE__ */ r.jsxs(w, { children: [
+    /* @__PURE__ */ r.jsx(ge, { opened: t, onClose: s, title: "Setup Trigger", zIndex: 320, children: /* @__PURE__ */ r.jsxs(_, { children: [
       /* @__PURE__ */ r.jsx(Lf, { model: i }),
       /* @__PURE__ */ r.jsx(Af, { model: i }),
       /* @__PURE__ */ r.jsx(gc, { title: "Payload", variables: i.triggerSchema.payload })
@@ -3086,7 +3086,7 @@ const Ff = k(({
       return 0;
     }
   });
-  return /* @__PURE__ */ r.jsxs(w, { children: [
+  return /* @__PURE__ */ r.jsxs(_, { children: [
     /* @__PURE__ */ r.jsx(_n, { visible: h }),
     u === 0 && /* @__PURE__ */ r.jsx(rs, { icon: /* @__PURE__ */ r.jsx(Fh, { size: 16 }), title: "Unavailable", color: "gray", children: "This visualization does not have available interactions to choose from" }),
     l.map((p) => /* @__PURE__ */ r.jsx(Ff, { onRemove: d, instance: i, sampleData: a, variables: o, item: p, manager: e.interactionManager }, p.id)),
@@ -3140,7 +3140,7 @@ const Ff = k(({
   z: 3
 };
 function Vf(e) {
-  return _.defaultsDeep({}, e, bc);
+  return w.defaultsDeep({}, e, bc);
 }
 const Nf = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
@@ -3164,7 +3164,7 @@ const Nf = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   }
 };
 function qf(e) {
-  return _.defaultsDeep({}, e, yc);
+  return w.defaultsDeep({}, e, yc);
 }
 const Bf = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
@@ -3175,7 +3175,7 @@ const Bf = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   appendToBody: !0
 };
 function Wf(e) {
-  return _.defaultsDeep({}, e, jc);
+  return w.defaultsDeep({}, e, jc);
 }
 const Gf = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
@@ -3204,7 +3204,7 @@ function Qf(e, t) {
   const n = [], s = [];
   return {
     boxplotData: Object.entries(e).map(([a, o]) => {
-      const l = o.map((F) => F[t]).sort((F, V) => F - V), c = Er(l, 0.25) ?? 0, d = Er(l, 0.5) ?? 0, u = Er(l, 0.75) ?? 0, h = u - c, p = c - 1.5 * h, x = u + 1.5 * h, y = Math.max(l[0], p), S = Math.min(_.last(l) ?? 0, x);
+      const l = o.map((F) => F[t]).sort((F, V) => F - V), c = Er(l, 0.25) ?? 0, d = Er(l, 0.5) ?? 0, u = Er(l, 0.75) ?? 0, h = u - c, p = c - 1.5 * h, x = u + 1.5 * h, y = Math.max(l[0], p), S = Math.min(w.last(l) ?? 0, x);
       return o.filter((F) => {
         const V = F[t];
         return V < y || V > S;
@@ -3234,7 +3234,7 @@ function Hf(e, t) {
   const i = $(n.data_key), a = $(s.data_key);
   if (i.queryID !== a.queryID)
     throw new Error("Please use the same query for X & Y axis");
-  const o = _.groupBy(t[i.queryID], i.columnKey), {
+  const o = w.groupBy(t[i.queryID], i.columnKey), {
     boxplotData: l,
     outliersData: c,
     scatterData: d
@@ -3527,7 +3527,7 @@ function rg(e, t) {
 const sg = (e, t) => {
   const n = ci.map((a) => `
     <tr>
-      <th style="text-align: right; padding: 0 1em;">${_.capitalize(a)}</th>
+      <th style="text-align: right; padding: 0 1em;">${w.capitalize(a)}</th>
       <td style="text-align: left; padding: 0 1em;">
         ${Z(t[a], e.y_axis.label_formatter)}
       </td>
@@ -3675,7 +3675,7 @@ function ug({
     vizManager: e.vizManager,
     instance: t
   }), d = yt(c.triggerManager, fc.id), u = In(i, l.x_axis.data_key), h = Be((y) => {
-    const S = _.get(u, y.name, {
+    const S = w.get(u, y.name, {
       error: "rowData is not found"
     });
     d.forEach((A) => {
@@ -3747,7 +3747,7 @@ function pg({
   remove: n,
   variableOptions: s
 }) {
-  return /* @__PURE__ */ r.jsxs(w, { my: 0, p: "md", pr: 40, sx: {
+  return /* @__PURE__ */ r.jsxs(_, { my: 0, p: "md", pr: 40, sx: {
     border: "1px solid #eee",
     position: "relative"
   }, children: [
@@ -3805,7 +3805,7 @@ function xg({
     label: u.name,
     value: u.name
   })), [n]);
-  return /* @__PURE__ */ r.jsxs(w, { children: [
+  return /* @__PURE__ */ r.jsxs(_, { children: [
     l.map((u, h) => /* @__PURE__ */ r.jsx(pg, { control: e, index: h, remove: a, variableOptions: d }, u.id)),
     /* @__PURE__ */ r.jsx(b, { position: "center", mt: "xs", children: /* @__PURE__ */ r.jsx(C, { onClick: c, children: "Add a Reference Line" }) })
   ] });
@@ -3869,7 +3869,7 @@ const mg = ({
     /* @__PURE__ */ r.jsx(C, { variant: "filled", mt: 24, onClick: i, sx: {
       flexGrow: 0
     }, children: "Customize Label" }),
-    /* @__PURE__ */ r.jsx(ge, { size: 800, title: "Customize label content", opened: s, onClose: a, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: s && /* @__PURE__ */ r.jsxs(w, { children: [
+    /* @__PURE__ */ r.jsx(ge, { size: 800, title: "Customize label content", opened: s, onClose: a, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: s && /* @__PURE__ */ r.jsxs(_, { children: [
       /* @__PURE__ */ r.jsx(K, { mt: 10, label: "Enabled", checked: o.enabled, onChange: (x) => c(x.currentTarget.checked) }),
       /* @__PURE__ */ r.jsx(mg, { value: o.func_content, onChange: h, disabled: !o.enabled }),
       /* @__PURE__ */ r.jsxs(b, { position: "apart", children: [
@@ -3884,7 +3884,7 @@ const mg = ({
 }), fg = ({
   control: e,
   watch: t
-}) => (t(["x_axis"]), /* @__PURE__ */ r.jsxs(w, { children: [
+}) => (t(["x_axis"]), /* @__PURE__ */ r.jsxs(_, { children: [
   /* @__PURE__ */ r.jsxs(b, { grow: !0, noWrap: !0, children: [
     /* @__PURE__ */ r.jsx(g, { name: "x_axis.name", control: e, render: ({
       field: n
@@ -3988,7 +3988,7 @@ function yg({
   };
   return console.log({
     value: e
-  }), /* @__PURE__ */ r.jsxs(w, { ref: n, children: [
+  }), /* @__PURE__ */ r.jsxs(_, { ref: n, children: [
     /* @__PURE__ */ r.jsxs(b, { grow: !0, children: [
       /* @__PURE__ */ r.jsx(L, { label: "Format", data: [{
         label: "1234",
@@ -3999,13 +3999,13 @@ function yg({
       }], value: e.output, onChange: s, sx: {
         flexGrow: 1
       } }),
-      /* @__PURE__ */ r.jsx(Ve, { label: /* @__PURE__ */ r.jsxs(w, { spacing: 0, children: [
+      /* @__PURE__ */ r.jsx(Ve, { label: /* @__PURE__ */ r.jsxs(_, { spacing: 0, children: [
         /* @__PURE__ */ r.jsx(j, { children: "Absolute" }),
         /* @__PURE__ */ r.jsx(j, { size: 12, color: "gray", children: "Non-negative" })
       ] }), checked: e.absolute, onChange: l, sx: {
         flexGrow: 1
       }, styles: Bs }),
-      /* @__PURE__ */ r.jsx(Ve, { label: /* @__PURE__ */ r.jsxs(w, { spacing: 0, children: [
+      /* @__PURE__ */ r.jsx(Ve, { label: /* @__PURE__ */ r.jsxs(_, { spacing: 0, children: [
         /* @__PURE__ */ r.jsx(j, { children: "Average" }),
         /* @__PURE__ */ r.jsx(j, { size: 12, color: "gray", children: "like 1.234k, 1.234m" })
       ] }), checked: e.average, onChange: o, disabled: e.output !== "number", sx: {
@@ -4014,7 +4014,7 @@ function yg({
     ] }),
     /* @__PURE__ */ r.jsxs(b, { grow: !0, children: [
       /* @__PURE__ */ r.jsx(U, { label: "Mantissa", defaultValue: 0, min: 0, step: 1, max: 4, value: e.mantissa, onChange: i }),
-      /* @__PURE__ */ r.jsx(Ve, { label: /* @__PURE__ */ r.jsxs(w, { spacing: 0, children: [
+      /* @__PURE__ */ r.jsx(Ve, { label: /* @__PURE__ */ r.jsxs(_, { spacing: 0, children: [
         /* @__PURE__ */ r.jsx(j, { children: "Trim mantissa" }),
         /* @__PURE__ */ r.jsx(j, { size: 12, color: "gray", children: "hide trailing zero(s)" })
       ] }), checked: e.trimMantissa, onChange: a, disabled: e.mantissa === 0, styles: Bs }),
@@ -4039,7 +4039,7 @@ const vt = M.forwardRef(yg), jg = ({
       flex: 1
     }, ...n }) })
   ] }),
-  /* @__PURE__ */ r.jsxs(w, { children: [
+  /* @__PURE__ */ r.jsxs(_, { children: [
     /* @__PURE__ */ r.jsx(I, { mb: -15, variant: "dashed", label: "Label Format", labelPosition: "center" }),
     /* @__PURE__ */ r.jsx(g, { name: "y_axis.label_formatter", control: e, render: ({
       field: n
@@ -4049,7 +4049,7 @@ const vt = M.forwardRef(yg), jg = ({
   control: e,
   index: t,
   remove: n
-}) => /* @__PURE__ */ r.jsxs(w, { children: [
+}) => /* @__PURE__ */ r.jsxs(_, { children: [
   /* @__PURE__ */ r.jsxs(b, { grow: !0, noWrap: !0, children: [
     /* @__PURE__ */ r.jsx(g, { name: `tooltip.metrics.${t}.name`, control: e, render: ({
       field: s
@@ -4118,7 +4118,7 @@ function _g({
   control: e,
   watch: t
 }) {
-  return /* @__PURE__ */ r.jsx(w, { children: /* @__PURE__ */ r.jsx(wg, { control: e, watch: t }) });
+  return /* @__PURE__ */ r.jsx(_, { children: /* @__PURE__ */ r.jsx(wg, { control: e, watch: t }) });
 }
 const Sg = [{
   label: "Horizontal",
@@ -4137,7 +4137,7 @@ const Sg = [{
     };
     i === "horizontal" ? (o.top = "0", o.left = "auto", o.right = "10", o.bottom = "auto") : (o.top = "10", o.left = "auto", o.right = "0", o.bottom = "auto"), a(o);
   };
-  return /* @__PURE__ */ r.jsxs(w, { children: [
+  return /* @__PURE__ */ r.jsxs(_, { children: [
     /* @__PURE__ */ r.jsx(b, { grow: !0, noWrap: !0, mt: 20, children: /* @__PURE__ */ r.jsx(g, { name: "legend.show", control: e, render: ({
       field: i
     }) => /* @__PURE__ */ r.jsx(Ve, { label: "Show Legend", sx: {
@@ -4173,7 +4173,7 @@ function kg({
     d(i);
   }, [i]), l(["x_axis", "y_axis", "reference_lines", "color"]);
   const u = c(), h = T(() => !fe(u, t), [u, t]);
-  return /* @__PURE__ */ r.jsx(w, { spacing: "xs", children: /* @__PURE__ */ r.jsxs("form", { onSubmit: o(n), children: [
+  return /* @__PURE__ */ r.jsx(_, { spacing: "xs", children: /* @__PURE__ */ r.jsxs("form", { onSubmit: o(n), children: [
     /* @__PURE__ */ r.jsxs(b, { position: "left", py: "md", pl: "md", sx: {
       borderBottom: "1px solid #eee",
       background: "#efefef"
@@ -4203,7 +4203,7 @@ function kg({
       /* @__PURE__ */ r.jsx(f.Panel, { value: "Y Axis", children: /* @__PURE__ */ r.jsx(jg, { control: a, watch: l }) }),
       /* @__PURE__ */ r.jsx(f.Panel, { value: "Legend", children: /* @__PURE__ */ r.jsx(Cg, { control: a, watch: l }) }),
       /* @__PURE__ */ r.jsx(f.Panel, { value: "Tooltip", children: /* @__PURE__ */ r.jsx(_g, { control: a, watch: l }) }),
-      /* @__PURE__ */ r.jsx(f.Panel, { value: "Style", children: /* @__PURE__ */ r.jsxs(w, { spacing: 4, children: [
+      /* @__PURE__ */ r.jsx(f.Panel, { value: "Style", children: /* @__PURE__ */ r.jsxs(_, { spacing: 4, children: [
         /* @__PURE__ */ r.jsx(j, { size: "sm", children: "Color" }),
         /* @__PURE__ */ r.jsx(g, { name: "color", control: a, render: ({
           field: p
@@ -4266,7 +4266,7 @@ function zg(e) {
       }
     }
   };
-  return _.defaultsDeep(t, e);
+  return w.defaultsDeep(t, e);
 }
 function Mg(e) {
   delete e.config;
@@ -4283,7 +4283,7 @@ function Mg(e) {
       }
     }
   };
-  return _.defaultsDeep(s, e);
+  return w.defaultsDeep(s, e);
 }
 function Lg(e) {
   const t = {
@@ -4291,7 +4291,7 @@ function Lg(e) {
       metrics: []
     }
   };
-  return _.defaultsDeep(t, e);
+  return w.defaultsDeep(t, e);
 }
 function Ag(e, {
   panelModel: t
@@ -4340,7 +4340,7 @@ function Rg(e) {
       type: "scroll"
     }
   };
-  return _.defaultsDeep(t, e);
+  return w.defaultsDeep(t, e);
 }
 class Eg extends _e {
   constructor() {
@@ -4507,7 +4507,7 @@ const Ni = {
   label: n
 }) => {
   const s = tl(), i = Be((o) => () => t(o), [t]), a = (o) => e === o;
-  return /* @__PURE__ */ r.jsxs(w, { spacing: 2, children: [
+  return /* @__PURE__ */ r.jsxs(_, { spacing: 2, children: [
     /* @__PURE__ */ r.jsx(j, { size: 14, sx: {
       fontWeight: 500
     }, children: n }),
@@ -4597,7 +4597,7 @@ function Ug({
       /* @__PURE__ */ r.jsx(j, { children: "Chart Config" }),
       /* @__PURE__ */ r.jsx(W, { type: "submit", mr: 5, variant: "filled", color: "blue", disabled: !h, children: /* @__PURE__ */ r.jsx(xe, { size: 20 }) })
     ] }),
-    /* @__PURE__ */ r.jsxs(w, { children: [
+    /* @__PURE__ */ r.jsxs(_, { children: [
       /* @__PURE__ */ r.jsx(g, { control: a, name: "content", render: ({
         field: p
       }) => /* @__PURE__ */ r.jsx(D, { label: "Content Template", description: "Filter values & context entries are supported", ...p, required: !0 }) }),
@@ -4894,7 +4894,7 @@ function sb({
     }
     const {
       columnKey: c
-    } = $(a.y_axis_data_key), d = _.groupBy(yr(n, a.y_axis_data_key), l);
+    } = $(a.y_axis_data_key), d = w.groupBy(yr(n, a.y_axis_data_key), l);
     Object.entries(d).forEach(([u, h]) => {
       const p = h.map((y, S) => [S, Number(y[c])]);
       i(a, u, u, p);
@@ -4983,7 +4983,7 @@ function lb({
         params: u,
         variables: i
       }, {
-        lodash: _,
+        lodash: w,
         interpolate: kn
       });
     } catch (p) {
@@ -4993,11 +4993,11 @@ function lb({
 }
 function Gi(e, t, n) {
   const s = Qt(e, t), i = Qt(e, n);
-  return _.zip(s, i);
+  return w.zip(s, i);
 }
 function cb(e, t, n, s) {
   const i = Gi(t, n, s);
-  return _.unionBy(i, e, 0);
+  return w.unionBy(i, e, 0);
 }
 function db({
   dataTemplate: e,
@@ -5024,7 +5024,7 @@ function ub({
       y_axis_data_key: i,
       valueTypedXAxis: a
     });
-  const o = Gi(t, s, i), l = _.groupBy(o, "0");
+  const o = Gi(t, s, i), l = w.groupBy(o, "0");
   return e.map(([d]) => {
     const h = l[d].map((x) => x[1]), p = Mi(h, n);
     return [d, p];
@@ -5039,7 +5039,7 @@ function hb({
   const {
     queryID: i,
     columnKey: a
-  } = $(e), o = _.groupBy(t[i], a);
+  } = $(e), o = w.groupBy(t[i], a);
   return Object.entries(o).forEach(([l, c]) => {
     o[l] = Gi({
       [i]: c
@@ -5230,7 +5230,7 @@ function jb(e) {
     }
     n[s.yAxisIndex] = n[s.yAxisIndex].concat(i);
   }), Object.entries(n).forEach(([s, i]) => {
-    const a = _.minBy(i) ?? 0, o = _.maxBy(i) ?? 0;
+    const a = w.minBy(i) ?? 0, o = w.maxBy(i) ?? 0;
     a == 0 && o == 0 && (t[s] = 1);
   }), t;
 }
@@ -5284,7 +5284,7 @@ const wb = {
   }]
 };
 function _b(e, t, n) {
-  const s = _c(t, n), i = gb(e), a = _.uniq(Qt(t, e.x_axis_data_key)), o = xb(e, a, t, i, n, s), l = sb(e, t), c = {
+  const s = _c(t, n), i = gb(e), a = w.uniq(Qt(t, e.x_axis_data_key)), o = xb(e, a, t, i, n, s), l = sb(e, t), c = {
     xAxis: bb(e, a),
     yAxis: vb(e, i, o),
     series: [...o, ...l],
@@ -5320,7 +5320,7 @@ function Sb({
   variables: a
 }) {
   const o = In(t, e.x_axis_data_key), l = yt(i.triggerManager, qi.id), c = Be((x) => {
-    const y = _.get(o, x.name, {
+    const y = w.get(o, x.name, {
       error: "rowData is not found"
     });
     l.forEach((S) => {
@@ -5392,7 +5392,7 @@ const Qi = he(({
       [i]: a
     });
   };
-  return /* @__PURE__ */ r.jsxs(w, { children: [
+  return /* @__PURE__ */ r.jsxs(_, { children: [
     /* @__PURE__ */ r.jsx(I, { variant: "dashed", label: "Scroll to Zoom", labelPosition: "center" }),
     /* @__PURE__ */ r.jsxs(b, { children: [
       /* @__PURE__ */ r.jsx(z, { sx: {
@@ -5425,7 +5425,7 @@ function Db({
   remove: n,
   variableOptions: s
 }) {
-  return /* @__PURE__ */ r.jsxs(w, { my: 0, p: 0, sx: {
+  return /* @__PURE__ */ r.jsxs(_, { my: 0, p: 0, sx: {
     position: "relative"
   }, children: [
     /* @__PURE__ */ r.jsxs(b, { grow: !0, noWrap: !0, children: [
@@ -5552,7 +5552,7 @@ function Lb({
   yAxisOptions: a
 }) {
   const o = s(`reference_lines.${t}.orientation`);
-  return /* @__PURE__ */ r.jsxs(w, { my: 0, p: 0, sx: {
+  return /* @__PURE__ */ r.jsxs(_, { my: 0, p: 0, sx: {
     position: "relative"
   }, children: [
     /* @__PURE__ */ r.jsxs(b, { grow: !0, noWrap: !0, children: [
@@ -5580,7 +5580,7 @@ function Lb({
       flex: 1
     }, ...l }) }),
     /* @__PURE__ */ r.jsxs(b, { grow: !0, children: [
-      /* @__PURE__ */ r.jsxs(w, { children: [
+      /* @__PURE__ */ r.jsxs(_, { children: [
         /* @__PURE__ */ r.jsx(g, { name: `reference_lines.${t}.orientation`, control: e, render: ({
           field: l
         }) => (
@@ -5634,7 +5634,7 @@ function Lb({
         }
       )
     ] }),
-    /* @__PURE__ */ r.jsxs(w, { spacing: 4, children: [
+    /* @__PURE__ */ r.jsxs(_, { spacing: 4, children: [
       /* @__PURE__ */ r.jsx(j, { size: "sm", children: "Color" }),
       /* @__PURE__ */ r.jsx(g, { name: `reference_lines.${t}.lineStyle.color`, control: e, render: ({
         field: l
@@ -5734,7 +5734,7 @@ function Fb({
   yAxisOptions: i
 }) {
   const a = t.transform.config.method;
-  return /* @__PURE__ */ r.jsxs(w, { my: 0, p: 0, sx: {
+  return /* @__PURE__ */ r.jsxs(_, { my: 0, p: 0, sx: {
     position: "relative"
   }, children: [
     /* @__PURE__ */ r.jsxs(b, { grow: !0, children: [
@@ -5824,7 +5824,7 @@ function Fb({
         }
       )
     ] }),
-    /* @__PURE__ */ r.jsxs(w, { spacing: 4, children: [
+    /* @__PURE__ */ r.jsxs(_, { spacing: 4, children: [
       /* @__PURE__ */ r.jsx(j, { size: "sm", children: "Color" }),
       /* @__PURE__ */ r.jsx(g, { name: `regressions.${n}.plot.color`, control: e, render: ({
         field: o
@@ -9211,7 +9211,7 @@ const Wc = At.create({
   O(() => {
     s == null || s.commands.setContent(e);
   }, [e, s]);
-  const i = T(() => _.defaultsDeep({}, {
+  const i = T(() => w.defaultsDeep({}, {
     content: Ui
   }, t), [t]);
   return /* @__PURE__ */ r.jsx(X, { editor: s, styles: i, sx: n, children: /* @__PURE__ */ r.jsx(X.Content, {}) });
@@ -9273,7 +9273,7 @@ const vj = ({
     o(e);
   }, [e]);
   const u = a !== e;
-  return /* @__PURE__ */ r.jsxs(w, { spacing: 4, sx: {
+  return /* @__PURE__ */ r.jsxs(_, { spacing: 4, sx: {
     height: "100%"
   }, children: [
     /* @__PURE__ */ r.jsxs(b, { mb: 6, position: "apart", sx: {
@@ -9510,7 +9510,7 @@ const kj = ({
     }, children: /* @__PURE__ */ r.jsx(C, { variant: "filled", mt: 24, onClick: s, sx: {
       flexGrow: 0
     }, children: "Setup" }) }),
-    /* @__PURE__ */ r.jsx(ge, { size: 800, title: "Setup dynamic size", opened: n, onClose: i, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: n && /* @__PURE__ */ r.jsxs(w, { children: [
+    /* @__PURE__ */ r.jsx(ge, { size: 800, title: "Setup dynamic size", opened: n, onClose: i, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: n && /* @__PURE__ */ r.jsxs(_, { children: [
       /* @__PURE__ */ r.jsx(I, { mt: 10, mb: -10, label: "Dynamic by a custom function", labelPosition: "center", variant: "dashed" }),
       /* @__PURE__ */ r.jsx(kj, { value: a.func_content, onChange: d }),
       /* @__PURE__ */ r.jsxs(b, { position: "apart", children: [
@@ -9627,7 +9627,7 @@ function Aj({
         const o = a === "false" ? !1 : a;
         i.onChange(o);
       } }) }),
-      /* @__PURE__ */ r.jsxs(w, { children: [
+      /* @__PURE__ */ r.jsxs(_, { children: [
         /* @__PURE__ */ r.jsx(g, { name: `series.${t}.smooth`, control: e, render: ({
           field: i
         }) => /* @__PURE__ */ r.jsx(z, { sx: {
@@ -9640,7 +9640,7 @@ function Aj({
         }, children: /* @__PURE__ */ r.jsx(Ve, { label: "Display Name on Line", checked: i.value ?? !1, onChange: (a) => i.onChange(a.currentTarget.checked) }) }) })
       ] })
     ] }),
-    /* @__PURE__ */ r.jsxs(w, { children: [
+    /* @__PURE__ */ r.jsxs(_, { children: [
       /* @__PURE__ */ r.jsx(g, { name: `series.${t}.showSymbol`, control: e, render: ({
         field: i
       }) => /* @__PURE__ */ r.jsx(z, { mt: 10, mb: -10, sx: {
@@ -9711,10 +9711,10 @@ function Fj({
   yAxisOptions: i
 }) {
   const a = s.type;
-  return /* @__PURE__ */ r.jsxs(w, { my: 0, p: 0, sx: {
+  return /* @__PURE__ */ r.jsxs(_, { my: 0, p: 0, sx: {
     position: "relative"
   }, children: [
-    /* @__PURE__ */ r.jsx(w, { children: /* @__PURE__ */ r.jsx(g, { name: `series.${t}.type`, control: e, render: ({
+    /* @__PURE__ */ r.jsx(_, { children: /* @__PURE__ */ r.jsx(g, { name: `series.${t}.type`, control: e, render: ({
       field: o
     }) => (
       // @ts-expect-error type of onChange
@@ -9780,7 +9780,7 @@ function Fj({
         }) => /* @__PURE__ */ r.jsx(L, { label: "Label Position", data: Ej, ...o })
       }
     ),
-    /* @__PURE__ */ r.jsxs(w, { spacing: 4, children: [
+    /* @__PURE__ */ r.jsxs(_, { spacing: 4, children: [
       /* @__PURE__ */ r.jsx(j, { size: "sm", children: "Color" }),
       /* @__PURE__ */ r.jsx(g, { name: `series.${t}.color`, control: e, render: ({
         field: o
@@ -9864,7 +9864,7 @@ function $j({
   control: e,
   watch: t
 }) {
-  return t("stats"), /* @__PURE__ */ r.jsx(w, { children: /* @__PURE__ */ r.jsxs(w, { spacing: 0, children: [
+  return t("stats"), /* @__PURE__ */ r.jsx(_, { children: /* @__PURE__ */ r.jsxs(_, { spacing: 0, children: [
     /* @__PURE__ */ r.jsx(g, { name: "stats.templates.top", control: e, render: ({
       field: n
     }) => /* @__PURE__ */ r.jsx(dr, { label: "Template for stats above the chart", py: "md", sx: {
@@ -9908,7 +9908,7 @@ function Nj({
   control: e,
   watch: t
 }) {
-  return t(["x_axis_data_key", "x_axis_name", "x_axis"]), /* @__PURE__ */ r.jsxs(w, { children: [
+  return t(["x_axis_data_key", "x_axis_name", "x_axis"]), /* @__PURE__ */ r.jsxs(_, { children: [
     /* @__PURE__ */ r.jsx(g, { name: "x_axis_name", control: e, render: ({
       field: n
     }) => /* @__PURE__ */ r.jsx(D, { label: "X Axis Name", sx: {
@@ -9975,7 +9975,7 @@ function Wj({
   index: t,
   remove: n
 }) {
-  return /* @__PURE__ */ r.jsxs(w, { my: 0, p: "0", sx: {
+  return /* @__PURE__ */ r.jsxs(_, { my: 0, p: "0", sx: {
     position: "relative"
   }, children: [
     /* @__PURE__ */ r.jsx(I, { mb: -15, mt: 15, variant: "dashed", label: "Name", labelPosition: "center" }),
@@ -10003,13 +10003,13 @@ function Wj({
         flex: 1
       }, ...s })
     ) }) }),
-    /* @__PURE__ */ r.jsxs(w, { children: [
+    /* @__PURE__ */ r.jsxs(_, { children: [
       /* @__PURE__ */ r.jsx(I, { mb: -15, variant: "dashed", label: "Label Format", labelPosition: "center" }),
       /* @__PURE__ */ r.jsx(g, { name: `y_axes.${t}.label_formatter`, control: e, render: ({
         field: s
       }) => /* @__PURE__ */ r.jsx(vt, { ...s }) })
     ] }),
-    /* @__PURE__ */ r.jsxs(w, { children: [
+    /* @__PURE__ */ r.jsxs(_, { children: [
       /* @__PURE__ */ r.jsx(I, { mb: -15, variant: "dashed", label: "Value Range", labelPosition: "center" }),
       /* @__PURE__ */ r.jsxs(b, { grow: !0, children: [
         /* @__PURE__ */ r.jsx(g, { name: `y_axes.${t}.min`, control: e, render: ({
@@ -10087,7 +10087,7 @@ function Qj({
     d(i);
   }, [i]);
   const u = c(), h = T(() => !fe(u, i), [u, i]);
-  return l(["dataZoom"]), /* @__PURE__ */ r.jsx(w, { spacing: "xs", children: /* @__PURE__ */ r.jsxs("form", { onSubmit: o(n), children: [
+  return l(["dataZoom"]), /* @__PURE__ */ r.jsx(_, { spacing: "xs", children: /* @__PURE__ */ r.jsxs("form", { onSubmit: o(n), children: [
     /* @__PURE__ */ r.jsxs(b, { position: "left", py: "md", pl: "md", sx: {
       borderBottom: "1px solid #eee",
       background: "#efefef"
@@ -10177,7 +10177,7 @@ function Yj(e) {
       }
     }
   };
-  return _.defaultsDeep(t, e);
+  return w.defaultsDeep(t, e);
 }
 function Xj(e) {
   const t = e.reference_lines.map((n) => {
@@ -10260,7 +10260,7 @@ function tv(e) {
       }
     }
   };
-  return _.defaultsDeep(s, e);
+  return w.defaultsDeep(s, e);
 }
 function nv(e) {
   const {
@@ -10562,7 +10562,7 @@ function xv(e) {
     right: 5,
     bottom: 5
   };
-  return e.orient === "vertical" && _.get(s, n) && n === e.funnelAlign && _.set(s, n, t), s;
+  return e.orient === "vertical" && w.get(s, n) && n === e.funnelAlign && w.set(s, n, t), s;
 }
 function mv(e, t) {
   return e.series.map((n) => {
@@ -10626,7 +10626,7 @@ function fv({
 }
 function gv(e, t) {
   var a;
-  const n = $(e.series[0].level_name_data_key), s = $(e.series[0].level_value_data_key), i = (a = _.maxBy(t[n.queryID], s.columnKey)) == null ? void 0 : a[s.columnKey];
+  const n = $(e.series[0].level_name_data_key), s = $(e.series[0].level_value_data_key), i = (a = w.maxBy(t[n.queryID], s.columnKey)) == null ? void 0 : a[s.columnKey];
   return (o) => {
     const c = fv({
       conf: e,
@@ -10831,7 +10831,7 @@ const _v = [{
   const i = e.min.enable_value, a = e.max.enable_value, {
     orient: o
   } = e;
-  return /* @__PURE__ */ r.jsxs(w, { children: [
+  return /* @__PURE__ */ r.jsxs(_, { children: [
     /* @__PURE__ */ r.jsx(b, { grow: !0, noWrap: !0, children: /* @__PURE__ */ r.jsx(g, { name: `series.${n}.name`, control: t, render: ({
       field: l
     }) => /* @__PURE__ */ r.jsx(D, { label: "Series Name", ...l }) }) }),
@@ -10949,7 +10949,7 @@ const _v = [{
   }), a = t("series"), o = n.map((u, h) => ({
     ...u,
     ...a[h]
-  })), l = _.get(o, "0.id"), [c, d] = q(l ?? null);
+  })), l = w.get(o, "0.id"), [c, d] = q(l ?? null);
   return O(() => {
     l && d((u) => u !== null ? u : l);
   }, [l]), /* @__PURE__ */ r.jsxs(f, { value: c, onTabChange: (u) => d(u), styles: {
@@ -10971,7 +10971,7 @@ function zv({
   const {
     value: t,
     set: n
-  } = Q(e.instanceData, "config"), s = T(() => _.defaultsDeep({}, t, ta), [t]), {
+  } = Q(e.instanceData, "config"), s = T(() => w.defaultsDeep({}, t, ta), [t]), {
     control: i,
     handleSubmit: a,
     watch: o,
@@ -10983,8 +10983,8 @@ function zv({
   O(() => {
     c(s);
   }, [s]), o([]);
-  const d = l(), u = T(() => !_.isEqual(d, s), [d, s]);
-  return /* @__PURE__ */ r.jsx(w, { spacing: "xs", children: /* @__PURE__ */ r.jsxs("form", { onSubmit: a(n), children: [
+  const d = l(), u = T(() => !w.isEqual(d, s), [d, s]);
+  return /* @__PURE__ */ r.jsx(_, { spacing: "xs", children: /* @__PURE__ */ r.jsxs("form", { onSubmit: a(n), children: [
     /* @__PURE__ */ r.jsxs(b, { position: "left", py: "md", pl: "md", sx: {
       borderBottom: "1px solid #eee",
       background: "#efefef"
@@ -11198,7 +11198,7 @@ function Vv({
     const A = $(S.data_key);
     x.push({
       label: S.name,
-      value: Pv(_.get(y, A.columnKey, "")),
+      value: Pv(w.get(y, A.columnKey, "")),
       style: {
         label: "",
         value: ""
@@ -11213,7 +11213,7 @@ function Nv(e, t, n, s) {
     heat_block: o
   } = e, l = $(i.data_key), c = $(a.data_key);
   $(o.data_key);
-  const d = _.keyBy(t[l.queryID], (u) => `${u[l.columnKey]}---${u[c.columnKey]}`);
+  const d = w.keyBy(t[l.queryID], (u) => `${u[l.columnKey]}---${u[c.columnKey]}`);
   return oe.getTooltip({
     formatter: function(u) {
       const p = Vv({
@@ -11303,7 +11303,7 @@ const qv = ({
     }, children: /* @__PURE__ */ r.jsx(C, { variant: "filled", mt: 24, onClick: s, sx: {
       flexGrow: 0
     }, children: "Setup" }) }),
-    /* @__PURE__ */ r.jsx(ge, { size: 800, title: "Setup dynamic value", opened: n, onClose: i, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: n && /* @__PURE__ */ r.jsxs(w, { children: [
+    /* @__PURE__ */ r.jsx(ge, { size: 800, title: "Setup dynamic value", opened: n, onClose: i, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: n && /* @__PURE__ */ r.jsxs(_, { children: [
       /* @__PURE__ */ r.jsx(I, { mt: 10, mb: -10, label: "Dynamic by a custom function", labelPosition: "center", variant: "dashed" }),
       /* @__PURE__ */ r.jsx(qv, { value: a.value, onChange: d }),
       /* @__PURE__ */ r.jsxs(b, { position: "apart", children: [
@@ -11371,7 +11371,7 @@ function qn(e, t, n) {
     return new Function(`return ${s}`)()({
       variables: t
     }, {
-      lodash: _,
+      lodash: w,
       interpolate: kn
     });
   } catch (i) {
@@ -11493,7 +11493,7 @@ function Xv(e, t, n, s, i) {
   const a = n.reduce((A, F) => {
     const V = Jt(F, t);
     return A[F.name] = gt(F, V), A;
-  }, {}), o = Ev(e), l = Fv(e), c = $(e.x_axis.data_key), d = $(e.y_axis.data_key), u = $(e.heat_block.data_key), h = _.uniq(t[c.queryID].map((A) => A[c.columnKey])), p = _.uniq(t[c.queryID].map((A) => A[d.columnKey])), x = t[c.queryID].map((A) => [_.get(A, c.columnKey), _.get(A, d.columnKey), _.get(A, u.columnKey)]), y = Yv(h.length, p.length, s, i);
+  }, {}), o = Ev(e), l = Fv(e), c = $(e.x_axis.data_key), d = $(e.y_axis.data_key), u = $(e.heat_block.data_key), h = w.uniq(t[c.queryID].map((A) => A[c.columnKey])), p = w.uniq(t[c.queryID].map((A) => A[d.columnKey])), x = t[c.queryID].map((A) => [w.get(A, c.columnKey), w.get(A, d.columnKey), w.get(A, u.columnKey)]), y = Yv(h.length, p.length, s, i);
   return {
     xAxis: Uv(e, h, o.x_axis, y),
     yAxis: Kv(e, p, o.y_axis, y),
@@ -11595,9 +11595,9 @@ function ew({
 }) {
   const o = T(() => {
     const h = $(e.x_axis.data_key), p = $(e.y_axis.data_key);
-    return _.keyBy(t[h.queryID], (x) => `${x[h.columnKey]}---${x[p.columnKey]}`);
+    return w.keyBy(t[h.queryID], (x) => `${x[h.columnKey]}---${x[p.columnKey]}`);
   }, [t, e.x_axis.data_key, e.y_axis.data_key]), l = yt(i.triggerManager, Uc.id), c = Be((h) => {
-    const [p, x] = h.value, y = _.get(o, `${p}---${x}`, {
+    const [p, x] = h.value, y = w.get(o, `${p}---${x}`, {
       error: "rowData is not found"
     });
     l.forEach((S) => {
@@ -11637,7 +11637,7 @@ function nw({
 }) {
   t(["heat_block"]);
   const n = t("heat_block.label.show");
-  return /* @__PURE__ */ r.jsxs(w, { children: [
+  return /* @__PURE__ */ r.jsxs(_, { children: [
     /* @__PURE__ */ r.jsxs(b, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ r.jsx(g, { name: "heat_block.data_key", control: e, render: ({
         field: s
@@ -11682,7 +11682,7 @@ const rw = ({
   control: e,
   index: t,
   remove: n
-}) => /* @__PURE__ */ r.jsxs(w, { children: [
+}) => /* @__PURE__ */ r.jsxs(_, { children: [
   /* @__PURE__ */ r.jsxs(b, { grow: !0, noWrap: !0, children: [
     /* @__PURE__ */ r.jsx(g, { name: `tooltip.metrics.${t}.name`, control: e, render: ({
       field: s
@@ -11817,7 +11817,7 @@ const aw = ({
     /* @__PURE__ */ r.jsx(C, { variant: "filled", mt: 24, onClick: i, sx: {
       flexGrow: 0
     }, children: "Customize Label" }),
-    /* @__PURE__ */ r.jsx(ge, { size: 800, title: "Customize label content", opened: s, onClose: a, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: s && /* @__PURE__ */ r.jsxs(w, { children: [
+    /* @__PURE__ */ r.jsx(ge, { size: 800, title: "Customize label content", opened: s, onClose: a, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: s && /* @__PURE__ */ r.jsxs(_, { children: [
       /* @__PURE__ */ r.jsx(K, { mt: 10, label: "Enabled", checked: o.enabled, onChange: (x) => c(x.currentTarget.checked) }),
       /* @__PURE__ */ r.jsx(aw, { value: o.func_content, onChange: h, disabled: !o.enabled }),
       /* @__PURE__ */ r.jsxs(b, { position: "apart", children: [
@@ -11834,7 +11834,7 @@ function lw({
   control: e,
   watch: t
 }) {
-  return t(["x_axis"]), /* @__PURE__ */ r.jsxs(w, { children: [
+  return t(["x_axis"]), /* @__PURE__ */ r.jsxs(_, { children: [
     /* @__PURE__ */ r.jsxs(b, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ r.jsx(g, { name: "x_axis.data_key", control: e, render: ({
         field: n
@@ -11886,7 +11886,7 @@ function dw({
   control: e,
   watch: t
 }) {
-  return t(["y_axis"]), /* @__PURE__ */ r.jsxs(w, { my: 0, p: "0", sx: {
+  return t(["y_axis"]), /* @__PURE__ */ r.jsxs(_, { my: 0, p: "0", sx: {
     position: "relative"
   }, children: [
     /* @__PURE__ */ r.jsxs(b, { grow: !0, noWrap: !0, children: [
@@ -11940,7 +11940,7 @@ function uw({
   const {
     value: t,
     set: n
-  } = Q(e.instanceData, "config"), s = T(() => je({}, t, ra), [t]), i = T(() => _.cloneDeep(s), [s]);
+  } = Q(e.instanceData, "config"), s = T(() => je({}, t, ra), [t]), i = T(() => w.cloneDeep(s), [s]);
   O(() => {
     !fe(s, i) && (console.log("config malformed, resetting to defaults", s, i), n(i));
   }, [s, i]);
@@ -11959,7 +11959,7 @@ function uw({
   const u = c(), h = T(() => !fe(u, s), [u, s]);
   return /* @__PURE__ */ r.jsx("form", { onSubmit: o(n), style: {
     flexGrow: 1
-  }, children: /* @__PURE__ */ r.jsxs(w, { spacing: "xs", sx: {
+  }, children: /* @__PURE__ */ r.jsxs(_, { spacing: "xs", sx: {
     height: "100%"
   }, children: [
     /* @__PURE__ */ r.jsxs(b, { position: "left", py: "md", pl: "md", sx: {
@@ -12037,7 +12037,7 @@ function hw(e, {
   }
 }
 function pw(e) {
-  return _.defaultsDeep({}, e, {
+  return w.defaultsDeep({}, e, {
     heat_block: {
       label: {
         show: !1,
@@ -12429,7 +12429,7 @@ function Iw({
     vizManager: e.vizManager,
     instance: t
   }), d = yt(c.triggerManager, Yc.id), u = In(s, o.x_axis.data_key), h = Be((x) => {
-    const y = _.get(u, x.name, {
+    const y = w.get(u, x.name, {
       error: "rowData is not found"
     });
     d.forEach((S) => {
@@ -12457,7 +12457,7 @@ function Mw({
   control: e,
   watch: t
 }) {
-  return t(["bar"]), /* @__PURE__ */ r.jsxs(w, { children: [
+  return t(["bar"]), /* @__PURE__ */ r.jsxs(_, { children: [
     /* @__PURE__ */ r.jsxs(b, { grow: !0, children: [
       /* @__PURE__ */ r.jsx(g, { name: "bar.name", control: e, render: ({
         field: n
@@ -12473,13 +12473,13 @@ function Mw({
         }, ...n })
       ) })
     ] }),
-    /* @__PURE__ */ r.jsxs(w, { spacing: 2, children: [
+    /* @__PURE__ */ r.jsxs(_, { spacing: 2, children: [
       /* @__PURE__ */ r.jsx(j, { size: "sm", children: "Color" }),
       /* @__PURE__ */ r.jsx(g, { name: "bar.color", control: e, render: ({
         field: n
       }) => /* @__PURE__ */ r.jsx(Ke, { ...n }) })
     ] }),
-    /* @__PURE__ */ r.jsxs(w, { children: [
+    /* @__PURE__ */ r.jsxs(_, { children: [
       /* @__PURE__ */ r.jsx(I, { mb: -15, variant: "dashed", label: "Label Format", labelPosition: "center" }),
       /* @__PURE__ */ r.jsx(g, { name: "bar.label_formatter", control: e, render: ({
         field: n
@@ -12501,7 +12501,7 @@ function Aw({
   control: e,
   watch: t
 }) {
-  return t(["line"]), /* @__PURE__ */ r.jsxs(w, { children: [
+  return t(["line"]), /* @__PURE__ */ r.jsxs(_, { children: [
     /* @__PURE__ */ r.jsxs(b, { grow: !0, children: [
       /* @__PURE__ */ r.jsx(g, { name: "line.name", control: e, render: ({
         field: n
@@ -12517,7 +12517,7 @@ function Aw({
         }, ...n })
       ) })
     ] }),
-    /* @__PURE__ */ r.jsxs(w, { spacing: 2, children: [
+    /* @__PURE__ */ r.jsxs(_, { spacing: 2, children: [
       /* @__PURE__ */ r.jsx(j, { size: "sm", children: "Color" }),
       /* @__PURE__ */ r.jsx(g, { name: "line.color", control: e, render: ({
         field: n
@@ -12559,14 +12559,14 @@ function Fw({
   control: e,
   watch: t
 }) {
-  return t(["markLine"]), /* @__PURE__ */ r.jsxs(w, { children: [
-    /* @__PURE__ */ r.jsxs(w, { spacing: 2, children: [
+  return t(["markLine"]), /* @__PURE__ */ r.jsxs(_, { children: [
+    /* @__PURE__ */ r.jsxs(_, { spacing: 2, children: [
       /* @__PURE__ */ r.jsx(j, { size: "sm", children: "Color" }),
       /* @__PURE__ */ r.jsx(g, { name: "markLine.color", control: e, render: ({
         field: n
       }) => /* @__PURE__ */ r.jsx(Ke, { ...n }) })
     ] }),
-    /* @__PURE__ */ r.jsxs(w, { spacing: 4, children: [
+    /* @__PURE__ */ r.jsxs(_, { spacing: 4, children: [
       /* @__PURE__ */ r.jsx(g, { name: "markLine.label_template", control: e, render: ({
         field: n
       }) => /* @__PURE__ */ r.jsx(lh, { autosize: !0, minRows: 2, maxRows: 4, label: "Label Template", sx: {
@@ -12580,7 +12580,7 @@ function Ow({
   control: e,
   watch: t
 }) {
-  return t(["x_axis"]), /* @__PURE__ */ r.jsxs(w, { children: [
+  return t(["x_axis"]), /* @__PURE__ */ r.jsxs(_, { children: [
     /* @__PURE__ */ r.jsxs(b, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ r.jsx(g, { name: "x_axis.data_key", control: e, render: ({
         field: n
@@ -12622,7 +12622,7 @@ function $w({
   control: e,
   watch: t
 }) {
-  return t(["data_key"]), /* @__PURE__ */ r.jsx(w, { children: /* @__PURE__ */ r.jsx(g, { name: "data_key", control: e, render: ({
+  return t(["data_key"]), /* @__PURE__ */ r.jsx(_, { children: /* @__PURE__ */ r.jsx(g, { name: "data_key", control: e, render: ({
     field: n
   }) => /* @__PURE__ */ r.jsx(G, { label: "Y Axis Data Field", required: !0, sx: {
     flex: 1
@@ -12705,7 +12705,7 @@ function Nw(e) {
   };
 }
 function qw(e) {
-  const t = _.defaultsDeep({}, e.x_axis.axisLabel, {
+  const t = w.defaultsDeep({}, e.x_axis.axisLabel, {
     rotate: 0,
     formatter: {
       ...pt
@@ -12750,7 +12750,7 @@ function Ww(e) {
       }
     }
   };
-  return _.defaultsDeep(t, e);
+  return w.defaultsDeep(t, e);
 }
 function Gw(e) {
   const t = {
@@ -12761,7 +12761,7 @@ function Gw(e) {
       nameAlignment: "right"
     }
   };
-  return _.defaultsDeep(t, e);
+  return w.defaultsDeep(t, e);
 }
 function Qw(e) {
   console.log(e);
@@ -12778,7 +12778,7 @@ function Qw(e) {
       }
     }
   };
-  return _.defaultsDeep(s, e);
+  return w.defaultsDeep(s, e);
 }
 function Hw(e, {
   panelModel: t
@@ -12976,7 +12976,7 @@ function e0({
   interactionManager: i
 }) {
   const a = In(t, e.label_field), o = yt(i.triggerManager, Jc.id), l = M.useCallback((u) => {
-    const h = _.get(a, u.name, {
+    const h = w.get(a, u.name, {
       error: "rowData is not found"
     });
     o.forEach((p) => {
@@ -13002,7 +13002,7 @@ function t0({
     instance: t
   }), {
     value: s
-  } = Q(e.instanceData, "config"), i = T(() => _.defaults({}, s, ia), [s]), a = e.data, {
+  } = Q(e.instanceData, "config"), i = T(() => w.defaults({}, s, ia), [s]), a = e.data, {
     width: o,
     height: l
   } = e.viewport;
@@ -13014,7 +13014,7 @@ function n0({
   const {
     value: t,
     set: n
-  } = Q(e.instanceData, "config"), s = T(() => je({}, t, ia), [t]), i = T(() => _.clone(s), [s]), {
+  } = Q(e.instanceData, "config"), s = T(() => je({}, t, ia), [t]), i = T(() => w.clone(s), [s]), {
     control: a,
     handleSubmit: o,
     watch: l,
@@ -13026,8 +13026,8 @@ function n0({
   O(() => {
     d(i);
   }, [i]);
-  const u = c(), h = T(() => !_.isEqual(u, s), [u, s]);
-  return l(["label_field", "value_field", "color_field"]), /* @__PURE__ */ r.jsx(w, { spacing: "xs", children: /* @__PURE__ */ r.jsxs("form", { onSubmit: o(n), children: [
+  const u = c(), h = T(() => !w.isEqual(u, s), [u, s]);
+  return l(["label_field", "value_field", "color_field"]), /* @__PURE__ */ r.jsx(_, { spacing: "xs", children: /* @__PURE__ */ r.jsxs("form", { onSubmit: o(n), children: [
     /* @__PURE__ */ r.jsxs(b, { position: "left", py: "md", pl: "md", sx: {
       borderBottom: "1px solid #eee",
       background: "#efefef"
@@ -13035,7 +13035,7 @@ function n0({
       /* @__PURE__ */ r.jsx(j, { children: "Pie Chart Config" }),
       /* @__PURE__ */ r.jsx(W, { type: "submit", mr: 5, variant: "filled", color: "blue", disabled: !h, children: /* @__PURE__ */ r.jsx(xe, { size: 20 }) })
     ] }),
-    /* @__PURE__ */ r.jsxs(w, { mt: "md", spacing: "xs", p: "md", mb: "sm", sx: {
+    /* @__PURE__ */ r.jsxs(_, { mt: "md", spacing: "xs", p: "md", mb: "sm", sx: {
       border: "1px solid #eee",
       borderRadius: "5px"
     }, children: [
@@ -13347,7 +13347,7 @@ function f0(e, t) {
     series: h0(t, e),
     color: m0
   };
-  return _.merge({}, x0, o);
+  return w.merge({}, x0, o);
 }
 ie.use([Hh, lt, ct, dt, Xe]);
 function g0({
@@ -13362,8 +13362,8 @@ function g0({
     const {
       queryID: h,
       columnKey: p
-    } = $(e.series_name_key), x = _.keyBy(t[h], p), y = e.additional_series.reduce((S, A) => {
-      const F = $(A.name_key), V = _.keyBy(t[F.queryID], F.columnKey);
+    } = $(e.series_name_key), x = w.keyBy(t[h], p), y = e.additional_series.reduce((S, A) => {
+      const F = $(A.name_key), V = w.keyBy(t[F.queryID], F.columnKey);
       return {
         ...S,
         ...V
@@ -13374,7 +13374,7 @@ function g0({
       ...y
     };
   }, [t, e.series_name_key, e.additional_series]), l = yt(i.triggerManager, Zc.id), c = Be((h) => {
-    const p = _.get(o, h.name, {
+    const p = w.get(o, h.name, {
       error: "rowData is not found"
     });
     l.forEach((x) => {
@@ -13402,7 +13402,7 @@ function b0({
     value: s
   } = Q(e.instanceData, "config"), {
     variables: i
-  } = e, a = T(() => _.defaults({}, s, ws), [s]), o = e.data, {
+  } = e, a = T(() => w.defaults({}, s, ws), [s]), o = e.data, {
     width: l,
     height: c
   } = e.viewport;
@@ -13413,7 +13413,7 @@ function y0({
   index: t,
   remove: n
 }) {
-  return /* @__PURE__ */ r.jsxs(w, { my: 0, p: "md", pr: 40, sx: {
+  return /* @__PURE__ */ r.jsxs(_, { my: 0, p: "md", pr: 40, sx: {
     border: "1px solid #eee",
     position: "relative"
   }, children: [
@@ -13422,7 +13422,7 @@ function y0({
     }) => /* @__PURE__ */ r.jsx(G, { label: "Series Name Key", required: !0, sx: {
       flex: 1
     }, ...s }) }) }),
-    /* @__PURE__ */ r.jsx(w, { children: /* @__PURE__ */ r.jsx(g, { name: `additional_series.${t}.color_key`, control: e, render: ({
+    /* @__PURE__ */ r.jsx(_, { children: /* @__PURE__ */ r.jsx(g, { name: `additional_series.${t}.color_key`, control: e, render: ({
       field: s
     }) => /* @__PURE__ */ r.jsx(G, { label: "Color Key", required: !0, clearable: !0, sx: {
       flex: 1
@@ -13451,13 +13451,13 @@ function j0({
       name_key: "",
       color_key: ""
     });
-  }, c = _.get(o, "0.id", null), [d, u] = q(c);
+  }, c = w.get(o, "0.id", null), [d, u] = q(c);
   O(() => {
     u((p) => p || c);
   }, [c]);
   const h = (p) => {
     i(p);
-    const x = _.get(o, "0.id", null);
+    const x = w.get(o, "0.id", null);
     u(x);
   };
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
@@ -13487,7 +13487,7 @@ function v0({
   index: t,
   remove: n
 }) {
-  return /* @__PURE__ */ r.jsxs(w, { my: 0, p: "md", pr: 40, sx: {
+  return /* @__PURE__ */ r.jsxs(_, { my: 0, p: "md", pr: 40, sx: {
     border: "1px solid #eee",
     position: "relative"
   }, children: [
@@ -13517,7 +13517,7 @@ function v0({
         }, ...s, error: (a = i.error) == null ? void 0 : a.message });
       } })
     ] }),
-    /* @__PURE__ */ r.jsxs(w, { children: [
+    /* @__PURE__ */ r.jsxs(_, { children: [
       /* @__PURE__ */ r.jsx(I, { mb: -15, variant: "dashed", label: "Value Formatter", labelPosition: "center" }),
       /* @__PURE__ */ r.jsx(g, { name: `dimensions.${t}.formatter`, control: e, render: ({
         field: s
@@ -13549,13 +13549,13 @@ function w0({
       max: "100",
       formatter: qe
     });
-  }, c = _.get(o, "0.id", null), [d, u] = q(c);
+  }, c = w.get(o, "0.id", null), [d, u] = q(c);
   O(() => {
     u((p) => p || c);
   }, [c]);
   const h = (p) => {
     i(p);
-    const x = _.get(o, "0.id", null);
+    const x = w.get(o, "0.id", null);
     u(x);
   };
   return /* @__PURE__ */ r.jsx(r.Fragment, { children: /* @__PURE__ */ r.jsxs(f, { value: d, onTabChange: u, styles: {
@@ -13595,7 +13595,7 @@ function _0({
     c(s);
   }, [s]), o(["series_name_key", "background", "label"]);
   const u = l(), h = T(() => !fe(u, s), [u, s]);
-  return /* @__PURE__ */ r.jsx("form", { onSubmit: a(n), children: /* @__PURE__ */ r.jsxs(w, { spacing: "xs", children: [
+  return /* @__PURE__ */ r.jsx("form", { onSubmit: a(n), children: /* @__PURE__ */ r.jsxs(_, { spacing: "xs", children: [
     /* @__PURE__ */ r.jsxs(b, { position: "left", py: "md", pl: "md", sx: {
       borderBottom: "1px solid #eee",
       background: "#efefef"
@@ -13673,7 +13673,7 @@ function k0(e) {
       enabled: !0
     }
   };
-  return _.defaultsDeep(t, e);
+  return w.defaultsDeep(t, e);
 }
 function T0(e, {
   panelModel: t
@@ -13703,7 +13703,7 @@ function D0(e) {
   const t = {
     additional_series: []
   };
-  return _.defaultsDeep(t, e);
+  return w.defaultsDeep(t, e);
 }
 function I0(e) {
   const t = {
@@ -13818,7 +13818,7 @@ function L0(e, t) {
 }
 function rd(e, t) {
   const n = $(e.x_axis.data_key), s = $(e.regression.y_axis_data_key);
-  return _.uniqBy(t.map((i) => [i[n.columnKey], i[s.columnKey]]), 0);
+  return w.uniqBy(t.map((i) => [i[n.columnKey], i[s.columnKey]]), 0);
 }
 function A0(e, t) {
   const {
@@ -13846,7 +13846,7 @@ function R0(e, t) {
     plot: n,
     transform: s,
     group_by_key: i
-  } = e.regression, a = $(i), o = _.groupBy(t, a.columnKey);
+  } = e.regression, a = $(i), o = w.groupBy(t, a.columnKey);
   return Object.entries(o).map(([l, c]) => {
     const d = rd(e, c);
     return {
@@ -14128,7 +14128,7 @@ function G0(e, t) {
     }];
   if (!t.regression.group_by_key)
     return [Lo("", e, t)];
-  const n = $(t.regression.group_by_key), s = _.groupBy(e, n.columnKey);
+  const n = $(t.regression.group_by_key), s = w.groupBy(e, n.columnKey);
   return Object.entries(s).map(([i, a]) => Lo(i, a, t));
 }
 const Q0 = {
@@ -14291,7 +14291,7 @@ function J0({
 }) {
   t("regression");
   const n = t("regression.transform.config.method"), s = t("regression.group_by_key");
-  return /* @__PURE__ */ r.jsxs(w, { children: [
+  return /* @__PURE__ */ r.jsxs(_, { children: [
     /* @__PURE__ */ r.jsx(b, { grow: !0, noWrap: !0, children: /* @__PURE__ */ r.jsx(g, { name: "regression.name", control: e, render: ({
       field: i
     }) => /* @__PURE__ */ r.jsx(D, { label: "回归线名称", sx: {
@@ -14328,7 +14328,7 @@ function J0({
         }
       )
     ] }),
-    !s && /* @__PURE__ */ r.jsxs(w, { spacing: 4, children: [
+    !s && /* @__PURE__ */ r.jsxs(_, { spacing: 4, children: [
       /* @__PURE__ */ r.jsx(j, { size: "sm", children: "颜色" }),
       /* @__PURE__ */ r.jsx(g, { name: "regression.plot.color", control: e, render: ({
         field: i
@@ -14396,7 +14396,7 @@ const Z0 = ({
     /* @__PURE__ */ r.jsx(C, { variant: "filled", mt: 24, onClick: a, sx: {
       flexGrow: 0
     }, children: n }),
-    /* @__PURE__ */ r.jsx(ge, { size: 800, title: "Customize label content", opened: i, onClose: o, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: i && /* @__PURE__ */ r.jsxs(w, { children: [
+    /* @__PURE__ */ r.jsx(ge, { size: 800, title: "Customize label content", opened: i, onClose: o, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: i && /* @__PURE__ */ r.jsxs(_, { children: [
       /* @__PURE__ */ r.jsx(K, { mt: 10, label: "Enabled", checked: l.enabled, onChange: (y) => d(y.currentTarget.checked) }),
       /* @__PURE__ */ r.jsx(Z0, { value: l.func_content, onChange: p, disabled: !l.enabled }),
       /* @__PURE__ */ r.jsxs(b, { position: "apart", children: [
@@ -14413,7 +14413,7 @@ function e_({
   control: e,
   watch: t
 }) {
-  return t(["x_axis"]), /* @__PURE__ */ r.jsxs(w, { children: [
+  return t(["x_axis"]), /* @__PURE__ */ r.jsxs(_, { children: [
     /* @__PURE__ */ r.jsxs(b, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ r.jsx(g, { name: "x_axis.name", control: e, render: ({
         field: n
@@ -14427,7 +14427,7 @@ function e_({
       }, ...n }) })
     ] }),
     /* @__PURE__ */ r.jsx(I, { variant: "dashed", labelPosition: "center", label: "格式化数据" }),
-    /* @__PURE__ */ r.jsx(w, { children: /* @__PURE__ */ r.jsx(g, { name: "x_axis.axisLabel.format", control: e, render: ({
+    /* @__PURE__ */ r.jsx(_, { children: /* @__PURE__ */ r.jsx(g, { name: "x_axis.axisLabel.format", control: e, render: ({
       field: n
     }) => /* @__PURE__ */ r.jsx(vt, { ...n }) }) }),
     /* @__PURE__ */ r.jsx(I, { variant: "dashed", labelPosition: "center", label: "标签文案样式" }),
@@ -14459,7 +14459,7 @@ function t_({
   control: e,
   watch: t
 }) {
-  return t(["y_axis", "regression.y_axis_data_key"]), /* @__PURE__ */ r.jsx(w, { children: /* @__PURE__ */ r.jsxs(b, { grow: !0, noWrap: !0, children: [
+  return t(["y_axis", "regression.y_axis_data_key"]), /* @__PURE__ */ r.jsx(_, { children: /* @__PURE__ */ r.jsxs(b, { grow: !0, noWrap: !0, children: [
     /* @__PURE__ */ r.jsx(g, { name: "y_axis.name", control: e, render: ({
       field: n
     }) => /* @__PURE__ */ r.jsx(D, { label: "Y轴名称", sx: {
@@ -14491,7 +14491,7 @@ function n_({
     c(s);
   }, [s]), o(["x_axis", "y_axis", "regression"]);
   const d = l(), u = T(() => !fe(d, t), [d, t]);
-  return /* @__PURE__ */ r.jsx(w, { spacing: "xs", children: /* @__PURE__ */ r.jsxs("form", { onSubmit: a(n), children: [
+  return /* @__PURE__ */ r.jsx(_, { spacing: "xs", children: /* @__PURE__ */ r.jsxs("form", { onSubmit: a(n), children: [
     /* @__PURE__ */ r.jsxs(b, { position: "left", py: "md", pl: "md", sx: {
       borderBottom: "1px solid #eee",
       background: "#efefef"
@@ -14530,7 +14530,7 @@ function r_(e) {
       group_by_key: ""
     }
   };
-  return _.defaultsDeep(t, e);
+  return w.defaultsDeep(t, e);
 }
 function s_(e, {
   panelModel: t
@@ -14707,10 +14707,10 @@ const oa = he(({
   }, [e]);
   const d = () => {
     t(o), i == null || i();
-  }, u = e !== o, h = T(() => _.defaultsDeep({}, {
+  }, u = e !== o, h = T(() => w.defaultsDeep({}, {
     content: Ui
   }, n), [n]);
-  return c ? /* @__PURE__ */ r.jsxs(w, { spacing: 4, sx: {
+  return c ? /* @__PURE__ */ r.jsxs(_, { spacing: 4, sx: {
     flexGrow: 1,
     position: "relative"
   }, children: [
@@ -14787,7 +14787,7 @@ function p_({
     flexGrow: 1,
     display: "flex",
     flexDirection: "column"
-  }, children: /* @__PURE__ */ r.jsxs(w, { spacing: "xs", sx: {
+  }, children: /* @__PURE__ */ r.jsxs(_, { spacing: "xs", sx: {
     flexGrow: 1
   }, children: [
     /* @__PURE__ */ r.jsxs(b, { position: "left", py: "md", pl: "md", sx: {
@@ -15024,7 +15024,7 @@ function w_({
         params: a,
         variables: n
       }, {
-        lodash: _,
+        lodash: w,
         interpolate: kn
       });
     } catch (l) {
@@ -15055,7 +15055,7 @@ function __({
         rowData: i,
         variables: n
       }, {
-        lodash: _,
+        lodash: w,
         interpolate: kn
       });
     } catch (a) {
@@ -15311,7 +15311,7 @@ function A_(e, t, n) {
     default: ({
       value: c
     }) => c
-  }), a = _.uniq(Qt(t, e.x_axis.data_key)), o = k_(e, t, n, s), l = {
+  }), a = w.uniq(Qt(t, e.x_axis.data_key)), o = k_(e, t, n, s), l = {
     xAxis: z_(e, a),
     yAxis: M_(e, i),
     series: o,
@@ -15400,10 +15400,10 @@ const F_ = he(({
   variableOptions: i
 }, a) => {
   const o = (l, c) => {
-    const d = _.cloneDeep(e);
-    _.set(d, l, c), t(d);
+    const d = w.cloneDeep(e);
+    w.set(d, l, c), t(d);
   };
-  return /* @__PURE__ */ r.jsxs(w, { children: [
+  return /* @__PURE__ */ r.jsxs(_, { children: [
     /* @__PURE__ */ r.jsx(I, { mb: -15, variant: "dashed", label: "Content", labelPosition: "right" }),
     /* @__PURE__ */ r.jsxs(b, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ r.jsx(D, { label: "Content Text", value: e.content.text, onChange: (l) => o("content.text", l.currentTarget.value) }),
@@ -15414,14 +15414,14 @@ const F_ = he(({
       n && /* @__PURE__ */ r.jsx(L, { label: "X Axis", data: n, value: e.xAxisIndex, onChange: (l) => o("xAxisIndex", l) }),
       s && /* @__PURE__ */ r.jsx(L, { label: "Y Axis", data: s, value: e.yAxisIndex, onChange: (l) => o("xAxisIndex", l) })
     ] }),
-    /* @__PURE__ */ r.jsxs(w, { spacing: 0, children: [
+    /* @__PURE__ */ r.jsxs(_, { spacing: 0, children: [
       /* @__PURE__ */ r.jsx(j, { size: 14, color: "#212529", fw: 500, children: "Left-Bottom Point" }),
       /* @__PURE__ */ r.jsxs(b, { grow: !0, noWrap: !0, children: [
         /* @__PURE__ */ r.jsx(L, { icon: /* @__PURE__ */ r.jsx(j, { children: "x" }), data: i, value: e.leftBottomPoint.x_data_key, onChange: (l) => o("leftBottomPoint.x_data_key", l ?? ""), clearable: !0 }),
         /* @__PURE__ */ r.jsx(L, { icon: /* @__PURE__ */ r.jsx(j, { children: "y" }), data: i, value: e.leftBottomPoint.y_data_key, onChange: (l) => o("leftBottomPoint.y_data_key", l ?? ""), clearable: !0 })
       ] })
     ] }),
-    /* @__PURE__ */ r.jsxs(w, { spacing: 0, children: [
+    /* @__PURE__ */ r.jsxs(_, { spacing: 0, children: [
       /* @__PURE__ */ r.jsx(j, { size: 14, color: "#212529", fw: 500, children: "Right-Top Point" }),
       /* @__PURE__ */ r.jsxs(b, { grow: !0, noWrap: !0, children: [
         /* @__PURE__ */ r.jsx(L, { icon: /* @__PURE__ */ r.jsx(j, { children: "x" }), data: i, value: e.rightTopPoint.x_data_key, onChange: (l) => o("rightTopPoint.x_data_key", l ?? ""), clearable: !0 }),
@@ -15429,11 +15429,11 @@ const F_ = he(({
       ] })
     ] }),
     /* @__PURE__ */ r.jsx(I, { mb: -15, variant: "dashed", label: "Style", labelPosition: "right" }),
-    /* @__PURE__ */ r.jsxs(w, { spacing: 4, children: [
+    /* @__PURE__ */ r.jsxs(_, { spacing: 4, children: [
       /* @__PURE__ */ r.jsx(j, { size: 14, children: "Background Color" }),
       /* @__PURE__ */ r.jsx(Ke, { value: e.itemStyle.color, onChange: (l) => o("itemStyle.color", l) })
     ] }),
-    /* @__PURE__ */ r.jsxs(w, { spacing: 4, children: [
+    /* @__PURE__ */ r.jsxs(_, { spacing: 4, children: [
       /* @__PURE__ */ r.jsx(j, { size: 14, children: "Text Color" }),
       /* @__PURE__ */ r.jsx(Ke, { value: e.label.color, onChange: (l) => o("label.color", l) })
     ] })
@@ -15507,7 +15507,7 @@ function $_({
     ] }),
     l.map((p, x) => /* @__PURE__ */ r.jsx(f.Panel, { value: x.toString(), children: /* @__PURE__ */ r.jsx(g, { name: `reference_areas.${x}`, control: e, render: ({
       field: y
-    }) => /* @__PURE__ */ r.jsxs(w, { children: [
+    }) => /* @__PURE__ */ r.jsxs(_, { children: [
       /* @__PURE__ */ r.jsx(F_, { variableOptions: d, yAxisOptions: h, ...y }),
       /* @__PURE__ */ r.jsx(I, { mb: -10, mt: 10, variant: "dashed" }),
       /* @__PURE__ */ r.jsx(C, { leftIcon: /* @__PURE__ */ r.jsx(rn, { size: 16 }), color: "red", variant: "light", onClick: () => a(x), children: "Delete this Reference Area" })
@@ -15539,7 +15539,7 @@ function N_({
   yAxisOptions: a
 }) {
   const o = s(`reference_lines.${t}.orientation`);
-  return /* @__PURE__ */ r.jsxs(w, { my: 0, p: 0, sx: {
+  return /* @__PURE__ */ r.jsxs(_, { my: 0, p: 0, sx: {
     position: "relative"
   }, children: [
     /* @__PURE__ */ r.jsxs(b, { grow: !0, noWrap: !0, children: [
@@ -15567,7 +15567,7 @@ function N_({
       flex: 1
     }, ...l }) }),
     /* @__PURE__ */ r.jsxs(b, { grow: !0, children: [
-      /* @__PURE__ */ r.jsxs(w, { children: [
+      /* @__PURE__ */ r.jsxs(_, { children: [
         /* @__PURE__ */ r.jsx(g, { name: `reference_lines.${t}.orientation`, control: e, render: ({
           field: l
         }) => (
@@ -15621,7 +15621,7 @@ function N_({
         }
       )
     ] }),
-    /* @__PURE__ */ r.jsxs(w, { spacing: 4, children: [
+    /* @__PURE__ */ r.jsxs(_, { spacing: 4, children: [
       /* @__PURE__ */ r.jsx(j, { size: "sm", children: "Color" }),
       /* @__PURE__ */ r.jsx(g, { name: `reference_lines.${t}.lineStyle.color`, control: e, render: ({
         field: l
@@ -15733,7 +15733,7 @@ const B_ = ({
     }, children: /* @__PURE__ */ r.jsx(C, { variant: "filled", mt: 24, onClick: s, sx: {
       flexGrow: 0
     }, children: "Setup" }) }),
-    /* @__PURE__ */ r.jsx(ge, { size: 800, title: "Setup dynamic color", opened: n, onClose: i, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: n && /* @__PURE__ */ r.jsxs(w, { children: [
+    /* @__PURE__ */ r.jsx(ge, { size: 800, title: "Setup dynamic color", opened: n, onClose: i, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: n && /* @__PURE__ */ r.jsxs(_, { children: [
       /* @__PURE__ */ r.jsx(I, { mt: 10, mb: -10, label: "Dynamic by a custom function", labelPosition: "center", variant: "dashed" }),
       /* @__PURE__ */ r.jsx(B_, { value: a.func_content, onChange: d }),
       /* @__PURE__ */ r.jsxs(b, { position: "apart", children: [
@@ -15799,7 +15799,7 @@ const B_ = ({
       tooltip: a
     });
   };
-  return /* @__PURE__ */ r.jsxs(w, { ref: n, spacing: 0, children: [
+  return /* @__PURE__ */ r.jsxs(_, { ref: n, spacing: 0, children: [
     /* @__PURE__ */ r.jsx(Qr, { sectionTitle: "Overflow on Chart", value: e.label, onChange: s }),
     /* @__PURE__ */ r.jsx(Qr, { sectionTitle: "Overflow in Tooltip", value: e.tooltip, onChange: i })
   ] });
@@ -15858,7 +15858,7 @@ const B_ = ({
     }, children: /* @__PURE__ */ r.jsx(C, { variant: "filled", mt: 24, onClick: s, sx: {
       flexGrow: 0
     }, children: "Setup" }) }),
-    /* @__PURE__ */ r.jsx(ge, { size: 800, title: "Setup dynamic size", opened: n, onClose: i, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: n && /* @__PURE__ */ r.jsxs(w, { children: [
+    /* @__PURE__ */ r.jsx(ge, { size: 800, title: "Setup dynamic size", opened: n, onClose: i, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: n && /* @__PURE__ */ r.jsxs(_, { children: [
       /* @__PURE__ */ r.jsx(I, { mt: 10, mb: -10, label: "Dynamic by a custom function", labelPosition: "center", variant: "dashed" }),
       /* @__PURE__ */ r.jsx(Y_, { value: a.func_content, onChange: d }),
       /* @__PURE__ */ r.jsxs(b, { position: "apart", children: [
@@ -15956,7 +15956,7 @@ function rS({
   control: e,
   watch: t
 }) {
-  return t(["scatter"]), /* @__PURE__ */ r.jsxs(w, { children: [
+  return t(["scatter"]), /* @__PURE__ */ r.jsxs(_, { children: [
     /* @__PURE__ */ r.jsxs(b, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ r.jsx(g, { name: "scatter.name_data_key", control: e, render: ({
         field: n
@@ -15996,7 +15996,7 @@ function sS({
   control: e,
   watch: t
 }) {
-  return t("stats"), /* @__PURE__ */ r.jsx(w, { children: /* @__PURE__ */ r.jsxs(w, { spacing: 0, children: [
+  return t("stats"), /* @__PURE__ */ r.jsx(_, { children: /* @__PURE__ */ r.jsxs(_, { spacing: 0, children: [
     /* @__PURE__ */ r.jsx(g, { name: "stats.templates.top", control: e, render: ({
       field: n
     }) => /* @__PURE__ */ r.jsx(dr, { label: "Template for stats above the chart", py: "md", sx: {
@@ -16013,7 +16013,7 @@ const iS = ({
   control: e,
   index: t,
   remove: n
-}) => /* @__PURE__ */ r.jsxs(w, { children: [
+}) => /* @__PURE__ */ r.jsxs(_, { children: [
   /* @__PURE__ */ r.jsxs(b, { grow: !0, noWrap: !0, children: [
     /* @__PURE__ */ r.jsx(g, { name: `tooltip.metrics.${t}.name`, control: e, render: ({
       field: s
@@ -16088,7 +16088,7 @@ function lS({
   control: e,
   watch: t
 }) {
-  return t("tooltip.trigger"), /* @__PURE__ */ r.jsxs(w, { children: [
+  return t("tooltip.trigger"), /* @__PURE__ */ r.jsxs(_, { children: [
     /* @__PURE__ */ r.jsx(
       g,
       {
@@ -16164,7 +16164,7 @@ const cS = ({
     /* @__PURE__ */ r.jsx(C, { variant: "filled", mt: 24, onClick: i, sx: {
       flexGrow: 0
     }, children: "Customize Label" }),
-    /* @__PURE__ */ r.jsx(ge, { size: 800, title: "Customize label content", opened: s, onClose: a, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: s && /* @__PURE__ */ r.jsxs(w, { children: [
+    /* @__PURE__ */ r.jsx(ge, { size: 800, title: "Customize label content", opened: s, onClose: a, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: s && /* @__PURE__ */ r.jsxs(_, { children: [
       /* @__PURE__ */ r.jsx(K, { mt: 10, label: "Enabled", checked: o.enabled, onChange: (x) => c(x.currentTarget.checked) }),
       /* @__PURE__ */ r.jsx(cS, { value: o.func_content, onChange: h, disabled: !o.enabled }),
       /* @__PURE__ */ r.jsxs(b, { position: "apart", children: [
@@ -16181,7 +16181,7 @@ function uS({
   control: e,
   watch: t
 }) {
-  return t(["x_axis"]), /* @__PURE__ */ r.jsxs(w, { children: [
+  return t(["x_axis"]), /* @__PURE__ */ r.jsxs(_, { children: [
     /* @__PURE__ */ r.jsxs(b, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ r.jsx(g, { name: "x_axis.data_key", control: e, render: ({
         field: n
@@ -16240,7 +16240,7 @@ function xS({
   index: t,
   remove: n
 }) {
-  return /* @__PURE__ */ r.jsxs(w, { my: 0, p: "0", sx: {
+  return /* @__PURE__ */ r.jsxs(_, { my: 0, p: "0", sx: {
     position: "relative"
   }, children: [
     /* @__PURE__ */ r.jsx(I, { mb: -15, mt: 15, variant: "dashed", label: "Name", labelPosition: "center" }),
@@ -16268,13 +16268,13 @@ function xS({
         flex: 1
       }, ...s })
     ) }) }),
-    /* @__PURE__ */ r.jsxs(w, { children: [
+    /* @__PURE__ */ r.jsxs(_, { children: [
       /* @__PURE__ */ r.jsx(I, { mb: -15, variant: "dashed", label: "Label Format", labelPosition: "center" }),
       /* @__PURE__ */ r.jsx(g, { name: `y_axes.${t}.label_formatter`, control: e, render: ({
         field: s
       }) => /* @__PURE__ */ r.jsx(vt, { ...s }) })
     ] }),
-    /* @__PURE__ */ r.jsxs(w, { children: [
+    /* @__PURE__ */ r.jsxs(_, { children: [
       /* @__PURE__ */ r.jsx(I, { mb: -15, variant: "dashed", label: "Value Range", labelPosition: "center" }),
       /* @__PURE__ */ r.jsxs(b, { grow: !0, children: [
         /* @__PURE__ */ r.jsx(g, { name: `y_axes.${t}.min`, control: e, render: ({
@@ -16371,7 +16371,7 @@ function bS({
     u(a);
   }, [a]);
   const h = d(), p = T(() => !fe(h, i), [h, i]);
-  return c(["dataZoom"]), /* @__PURE__ */ r.jsx(w, { spacing: "xs", children: /* @__PURE__ */ r.jsxs("form", { onSubmit: l(n), children: [
+  return c(["dataZoom"]), /* @__PURE__ */ r.jsx(_, { spacing: "xs", children: /* @__PURE__ */ r.jsxs("form", { onSubmit: l(n), children: [
     /* @__PURE__ */ r.jsxs(b, { position: "left", py: "md", pl: "md", sx: {
       borderBottom: "1px solid #eee",
       background: "#efefef"
@@ -16428,7 +16428,7 @@ function jS(e) {
       label_overflow: ld()
     }
   };
-  return _.defaultsDeep(t, e);
+  return w.defaultsDeep(t, e);
 }
 function vS(e) {
   const {
@@ -16474,7 +16474,7 @@ function _S(e) {
       trigger: "item"
     }
   };
-  return _.defaultsDeep({}, e, t);
+  return w.defaultsDeep({}, e, t);
 }
 function SS(e, {
   panelModel: t
@@ -16520,7 +16520,7 @@ function CS(e) {
       }
     }
   };
-  return _.defaultsDeep(t, e);
+  return w.defaultsDeep(t, e);
 }
 class kS extends _e {
   constructor() {
@@ -16737,7 +16737,7 @@ const AS = {
     height: c
   } = e.viewport, d = T(() => {
     try {
-      return _.template(i)(t.payloadForSQL);
+      return w.template(i)(t.payloadForSQL);
     } catch {
       return i;
     }
@@ -16785,8 +16785,8 @@ function $S({
   M.useEffect(() => {
     c(s);
   }, [s]), o(["template", "horizontal_align", "vertical_align"]);
-  const d = l(), u = M.useMemo(() => !_.isEqual(d, t), [d, t]);
-  return /* @__PURE__ */ r.jsx(w, { spacing: "xs", children: /* @__PURE__ */ r.jsxs("form", { onSubmit: a(n), children: [
+  const d = l(), u = M.useMemo(() => !w.isEqual(d, t), [d, t]);
+  return /* @__PURE__ */ r.jsx(_, { spacing: "xs", children: /* @__PURE__ */ r.jsxs("form", { onSubmit: a(n), children: [
     /* @__PURE__ */ r.jsxs(b, { position: "left", py: "md", pl: "md", sx: {
       borderBottom: "1px solid #eee",
       background: "#efefef"
@@ -16856,7 +16856,7 @@ function NS(e) {
   const t = VS(e).map((i) => ({
     ...i,
     children: []
-  })), n = _.keyBy(t, (i) => i.id), s = [];
+  })), n = w.keyBy(t, (i) => i.id), s = [];
   return t.forEach((i) => {
     if (!i.parent_id || !n[i.parent_id]) {
       s.push(i);
@@ -17006,7 +17006,7 @@ function YS({
   control: e,
   watch: t
 }) {
-  return t(["label_key", "value_key", "group_key"]), /* @__PURE__ */ r.jsxs(w, { children: [
+  return t(["label_key", "value_key", "group_key"]), /* @__PURE__ */ r.jsxs(_, { children: [
     /* @__PURE__ */ r.jsx(g, { name: "label_key", control: e, render: ({
       field: n
     }) => /* @__PURE__ */ r.jsx(G, { label: "Label Key", required: !0, ...n }) }),
@@ -17040,7 +17040,7 @@ const XS = [{
   control: e,
   index: t,
   remove: n
-}) => /* @__PURE__ */ r.jsxs(w, { children: [
+}) => /* @__PURE__ */ r.jsxs(_, { children: [
   /* @__PURE__ */ r.jsxs(b, { grow: !0, noWrap: !0, children: [
     /* @__PURE__ */ r.jsx(g, { name: `levels.${t}.r0`, control: e, render: ({
       field: s
@@ -17159,7 +17159,7 @@ function tC({
   const {
     value: t,
     set: n
-  } = Q(e.instanceData, "config"), s = T(() => je({}, t, da), [t]), i = T(() => _.clone(s), [s]), {
+  } = Q(e.instanceData, "config"), s = T(() => je({}, t, da), [t]), i = T(() => w.clone(s), [s]), {
     control: a,
     handleSubmit: o,
     watch: l,
@@ -17171,10 +17171,10 @@ function tC({
   O(() => {
     d(i);
   }, [i]);
-  const u = c(), h = T(() => !_.isEqual(u, s), [u, s]);
+  const u = c(), h = T(() => !w.isEqual(u, s), [u, s]);
   l(["label_key", "value_key", "group_key", "levels"]);
   const [p, x] = q("Data");
-  return /* @__PURE__ */ r.jsx("form", { onSubmit: o(n), children: /* @__PURE__ */ r.jsxs(w, { spacing: "xs", children: [
+  return /* @__PURE__ */ r.jsx("form", { onSubmit: o(n), children: /* @__PURE__ */ r.jsxs(_, { spacing: "xs", children: [
     /* @__PURE__ */ r.jsxs(b, { position: "left", py: "md", pl: "md", sx: {
       borderBottom: "1px solid #eee",
       background: "#efefef"
@@ -17317,7 +17317,7 @@ const ud = ["function text({ value }) {", "    // your code goes here", "    ret
   header: e,
   cx: t
 }) => {
-  const n = _.get(e.column.columnDef.meta, "align", "left");
+  const n = w.get(e.column.columnDef.meta, "align", "left");
   return /* @__PURE__ */ r.jsxs(j, { className: t("table-head-cell", {
     "table-head-cell--sortable": e.column.getCanSort()
   }), onClick: e.column.getToggleSortingHandler(), align: n, sx: {
@@ -17871,7 +17871,7 @@ function RC(e) {
         "--shadow-color": cr(n).alpha(0.5).hex(),
         backgroundColor: n
       } }) }),
-      /* @__PURE__ */ r.jsx(On.Dropdown, { children: /* @__PURE__ */ r.jsxs(w, { children: [
+      /* @__PURE__ */ r.jsx(On.Dropdown, { children: /* @__PURE__ */ r.jsxs(_, { children: [
         /* @__PURE__ */ r.jsx(U, { size: "xs", label: "Map a value to this color", value: o, onChange: l }),
         /* @__PURE__ */ r.jsxs(b, { position: "right", children: [
           /* @__PURE__ */ r.jsx(C, { variant: "subtle", size: "xs", onClick: S, children: "Cancel" }),
@@ -17929,7 +17929,7 @@ const EC = k(({
   };
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsx(C, { variant: "outline", onClick: d, children: l == null ? void 0 : l.displayName }),
-    /* @__PURE__ */ r.jsx(ge, { size: 508, title: "Setup color interpolation", opened: c, onClose: u, zIndex: 320, children: c && /* @__PURE__ */ r.jsxs(w, { "data-testid": "color-interpolation-modal", children: [
+    /* @__PURE__ */ r.jsx(ge, { size: 508, title: "Setup color interpolation", opened: c, onClose: u, zIndex: 320, children: c && /* @__PURE__ */ r.jsxs(_, { "data-testid": "color-interpolation-modal", children: [
       /* @__PURE__ */ r.jsx(L, { label: "Color style", value: a.interpolation, data: h, onChange: p, withinPortal: !0, zIndex: 340, maxDropdownHeight: 500 }),
       /* @__PURE__ */ r.jsx(FC, { steps: a.steps, interpolation: l, onChange: y }),
       /* @__PURE__ */ r.jsxs(b, { position: "right", children: [
@@ -17939,7 +17939,7 @@ const EC = k(({
     ] }) })
   ] });
 }, $C = ["static", "interpolation", "none"].map((e) => ({
-  label: _.capitalize(e),
+  label: w.capitalize(e),
   value: e
 })), PC = [{
   from: 0,
@@ -17974,7 +17974,7 @@ const qC = he((e, t) => {
     var S;
     d(y), (S = e.onChange) == null || S.call(e, y);
   };
-  return /* @__PURE__ */ r.jsxs(w, { align: "stretch", children: [
+  return /* @__PURE__ */ r.jsxs(_, { align: "stretch", children: [
     /* @__PURE__ */ r.jsx(L, { label: "Cell background", value: s || "none", onChange: h, data: $C }),
     s === "static" && /* @__PURE__ */ r.jsx(Ke, { value: a, onChange: p }),
     s === "interpolation" && /* @__PURE__ */ r.jsx(OC, { colorManager: n, value: c, onChange: x })
@@ -17982,7 +17982,7 @@ const qC = he((e, t) => {
 }), BC = {
   [_t.eloc]: "ELOC"
 }, WC = Object.values(_t).map((e) => ({
-  label: _.get(BC, e, _.capitalize(e)),
+  label: w.get(BC, e, w.capitalize(e)),
   value: e
 })), GC = he(({
   label: e,
@@ -18009,7 +18009,7 @@ const qC = he((e, t) => {
     /* @__PURE__ */ r.jsx(C, { variant: "filled", mt: 24, onClick: i, sx: {
       flexGrow: 0
     }, children: "Custom Cell Content" }),
-    /* @__PURE__ */ r.jsx(ge, { size: 800, title: "Custom cell content", opened: s, onClose: a, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: s && /* @__PURE__ */ r.jsxs(w, { children: [
+    /* @__PURE__ */ r.jsx(ge, { size: 800, title: "Custom cell content", opened: s, onClose: a, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: s && /* @__PURE__ */ r.jsxs(_, { children: [
       /* @__PURE__ */ r.jsx(z, { sx: {
         position: "relative"
       }, children: /* @__PURE__ */ r.jsx(Je, { height: "500px", defaultLanguage: "javascript", value: o, onChange: (h) => l(h ?? ""), theme: "vs-dark", options: {
@@ -18043,7 +18043,7 @@ const qC = he((e, t) => {
   column: i
 }) => {
   const a = n(`columns.${t}.value_type`);
-  return /* @__PURE__ */ r.jsxs(w, { my: 0, sx: {
+  return /* @__PURE__ */ r.jsxs(_, { my: 0, sx: {
     position: "relative"
   }, children: [
     /* @__PURE__ */ r.jsxs(b, { grow: !0, children: [
@@ -18119,7 +18119,7 @@ const qC = he((e, t) => {
     /* @__PURE__ */ r.jsx(g, { name: "use_raw_columns", control: e, render: ({
       field: c
     }) => /* @__PURE__ */ r.jsx(Ve, { mt: 20, mb: 20, label: "Use Original Data Columns", checked: c.value, onChange: (d) => c.onChange(d.currentTarget.checked) }) }),
-    !l && /* @__PURE__ */ r.jsx(w, { children: /* @__PURE__ */ r.jsxs(f, { defaultValue: "0", styles: {
+    !l && /* @__PURE__ */ r.jsx(_, { children: /* @__PURE__ */ r.jsxs(f, { defaultValue: "0", styles: {
       tab: {
         paddingTop: "0px",
         paddingBottom: "0px"
@@ -18141,7 +18141,7 @@ function YC({
   control: e,
   watch: t
 }) {
-  return t(["horizontalSpacing", "verticalSpacing", "fontSize", "striped", "highlightOnHover"]), /* @__PURE__ */ r.jsxs(w, { spacing: "xs", children: [
+  return t(["horizontalSpacing", "verticalSpacing", "fontSize", "striped", "highlightOnHover"]), /* @__PURE__ */ r.jsxs(_, { spacing: "xs", children: [
     /* @__PURE__ */ r.jsxs(b, { position: "apart", mb: "lg", grow: !0, sx: {
       "> *": {
         flexGrow: 1
@@ -18413,7 +18413,7 @@ function s1({
   return M.useEffect(() => {
     const l = Rr.find((c) => c.value === i);
     l && n(l.label);
-  }, [i]), /* @__PURE__ */ r.jsxs(w, { spacing: 0, mt: "sm", mb: "lg", children: [
+  }, [i]), /* @__PURE__ */ r.jsxs(_, { spacing: 0, mt: "sm", mb: "lg", children: [
     /* @__PURE__ */ r.jsx(j, { size: "sm", children: e }),
     /* @__PURE__ */ r.jsx(dh, { label: null, marks: Rr, value: i, onChange: a, step: 25, placeholder: "Pick a font size", mx: "1em", ref: s })
   ] });
@@ -18452,7 +18452,7 @@ const bd = M.forwardRef(s1), i1 = ({
     /* @__PURE__ */ r.jsx(C, { variant: "filled", mt: 24, onClick: i, sx: {
       flexGrow: 0
     }, children: "Edit Content" }),
-    /* @__PURE__ */ r.jsx(ge, { size: 800, title: "Text content", opened: s, onClose: a, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: s && /* @__PURE__ */ r.jsxs(w, { children: [
+    /* @__PURE__ */ r.jsx(ge, { size: 800, title: "Text content", opened: s, onClose: a, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: s && /* @__PURE__ */ r.jsxs(_, { children: [
       /* @__PURE__ */ r.jsx(i1, { value: o, onChange: l }),
       /* @__PURE__ */ r.jsxs(b, { position: "apart", children: [
         /* @__PURE__ */ r.jsx(C, { onClick: u, color: "red", leftIcon: /* @__PURE__ */ r.jsx(mt, { size: 20 }), children: "Reset" }),
@@ -18508,8 +18508,8 @@ function l1({
   M.useEffect(() => {
     d(i);
   }, [i]), l(["func_content", "horizontal_align", "font_size", "font_weight"]);
-  const u = c(), h = M.useMemo(() => !_.isEqual(u, s), [u, s]);
-  return /* @__PURE__ */ r.jsx(w, { spacing: "xs", children: /* @__PURE__ */ r.jsxs("form", { onSubmit: o(n), children: [
+  const u = c(), h = M.useMemo(() => !w.isEqual(u, s), [u, s]);
+  return /* @__PURE__ */ r.jsx(_, { spacing: "xs", children: /* @__PURE__ */ r.jsxs("form", { onSubmit: o(n), children: [
     /* @__PURE__ */ r.jsxs(b, { position: "left", py: "md", pl: "md", sx: {
       borderBottom: "1px solid #eee",
       background: "#efefef"
@@ -18517,7 +18517,7 @@ function l1({
       /* @__PURE__ */ r.jsx(j, { weight: 500, children: "Configurations" }),
       /* @__PURE__ */ r.jsx(W, { type: "submit", mr: 5, variant: "filled", color: "blue", disabled: !h, children: /* @__PURE__ */ r.jsx(xe, { size: 20 }) })
     ] }),
-    /* @__PURE__ */ r.jsxs(w, { spacing: 10, children: [
+    /* @__PURE__ */ r.jsxs(_, { spacing: 10, children: [
       /* @__PURE__ */ r.jsx(g, { name: "func_content", control: a, render: ({
         field: p
       }) => /* @__PURE__ */ r.jsx(a1, { ...p }) }),
@@ -18579,7 +18579,7 @@ const d1 = {
   /* @__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 Oo(e, t) {
-  const n = _.get(e, t, "");
+  const n = w.get(e, t, "");
   if (n)
     throw new Error(n);
 }
@@ -18652,7 +18652,7 @@ const p1 = ({
   return /* @__PURE__ */ r.jsx(Sn, { sx: {
     width: "100%",
     height: a
-  }, children: /* @__PURE__ */ r.jsxs(w, { align: "center", spacing: 20, children: [
+  }, children: /* @__PURE__ */ r.jsxs(_, { align: "center", spacing: 20, children: [
     /* @__PURE__ */ r.jsx(u1, {}),
     /* @__PURE__ */ r.jsx($o, { message: s })
   ] }) });
@@ -18701,7 +18701,7 @@ function f1({
     c(s);
   }, [s]), o(["expertSystemURL", "goal", "path", "question"]);
   const d = l(), u = T(() => !fe(d, s), [d, s]);
-  return /* @__PURE__ */ r.jsx("form", { onSubmit: a(n), children: /* @__PURE__ */ r.jsxs(w, { children: [
+  return /* @__PURE__ */ r.jsx("form", { onSubmit: a(n), children: /* @__PURE__ */ r.jsxs(_, { children: [
     /* @__PURE__ */ r.jsxs(b, { grow: !0, children: [
       /* @__PURE__ */ r.jsx(g, { name: "expertSystemURL", control: i, render: ({
         field: h
@@ -18819,13 +18819,13 @@ function _1(e, t, n, s) {
     name: "heatmap",
     coordinateSystem: "calendar",
     calendarIndex: 0,
-    data: s[o.queryID].map((c) => [_.get(c, o.columnKey), _.get(c, l.columnKey)])
+    data: s[o.queryID].map((c) => [w.get(c, o.columnKey), w.get(c, l.columnKey)])
   } : Object.entries(n).map(([c, d]) => ({
     type: "heatmap",
     name: c,
     coordinateSystem: "calendar",
     calendarIndex: 0,
-    data: d.map((u) => [_.get(u, o.columnKey), _.get(u, l.columnKey)])
+    data: d.map((u) => [w.get(u, o.columnKey), w.get(u, l.columnKey)])
   }));
 }
 const S1 = (e) => Z(e, {
@@ -18854,7 +18854,7 @@ function C1({
     const h = $(u.data_key);
     c.push({
       label: u.name,
-      value: S1(_.get(d, h.columnKey, "")),
+      value: S1(w.get(d, h.columnKey, "")),
       style: {
         label: "",
         value: ""
@@ -18863,7 +18863,7 @@ function C1({
   }), c;
 }
 function k1(e, t, n) {
-  const s = $(e.calendar.data_key), i = _.keyBy(t[s.queryID], s.columnKey);
+  const s = $(e.calendar.data_key), i = w.keyBy(t[s.queryID], s.columnKey);
   return oe.getTooltip({
     formatter: function(a) {
       const l = C1({
@@ -18880,7 +18880,7 @@ function k1(e, t, n) {
             <div style="${u.style.value}">${u.value}
             </td>
           </tr>
-        `), c = _.get(a.value, 0);
+        `), c = w.get(a.value, 0);
       return `
         <table style="width: auto">
           <thead>
@@ -18920,7 +18920,7 @@ const D1 = {
   }
 }, I1 = (e) => E(e).get("year");
 function z1(e, t) {
-  const n = $(e.calendar.data_key), s = t[n.queryID], i = _.groupBy(s, (d) => I1(d[n.columnKey])), a = Object.keys(i), o = s.map((d) => E(d[n.columnKey]).valueOf()), l = _.min(o), c = _.max(o);
+  const n = $(e.calendar.data_key), s = t[n.queryID], i = w.groupBy(s, (d) => I1(d[n.columnKey])), a = Object.keys(i), o = s.map((d) => E(d[n.columnKey]).valueOf()), l = w.min(o), c = w.max(o);
   return {
     minDate: l ?? 0,
     maxDate: c ?? 0,
@@ -19023,7 +19023,7 @@ function E1({
   variables: a
 }) {
   const o = In(t, e.calendar.data_key), l = yt(i.triggerManager, yd.id), c = Be((h) => {
-    const [p, x] = h.value, y = _.get(o, p, {
+    const [p, x] = h.value, y = w.get(o, p, {
       error: "rowData is not found"
     });
     l.forEach((S) => {
@@ -19054,7 +19054,7 @@ function F1({
     value: s
   } = Q(e.instanceData, "config"), {
     variables: i
-  } = e, a = T(() => _.defaults({}, s, xa), [s]), o = e.data, {
+  } = e, a = T(() => w.defaults({}, s, xa), [s]), o = e.data, {
     width: l,
     height: c
   } = e.viewport;
@@ -19064,7 +19064,7 @@ function O1({
   control: e,
   watch: t
 }) {
-  return t(["heat_block"]), /* @__PURE__ */ r.jsxs(w, { children: [
+  return t(["heat_block"]), /* @__PURE__ */ r.jsxs(_, { children: [
     /* @__PURE__ */ r.jsxs(b, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ r.jsx(g, { name: "heat_block.data_key", control: e, render: ({
         field: n
@@ -19095,7 +19095,7 @@ const $1 = ({
   control: e,
   index: t,
   remove: n
-}) => /* @__PURE__ */ r.jsxs(w, { children: [
+}) => /* @__PURE__ */ r.jsxs(_, { children: [
   /* @__PURE__ */ r.jsxs(b, { grow: !0, noWrap: !0, children: [
     /* @__PURE__ */ r.jsx(g, { name: `tooltip.metrics.${t}.name`, control: e, render: ({
       field: s
@@ -19178,7 +19178,7 @@ function q1({
   control: e,
   watch: t
 }) {
-  return t(["calendar"]), /* @__PURE__ */ r.jsxs(w, { children: [
+  return t(["calendar"]), /* @__PURE__ */ r.jsxs(_, { children: [
     /* @__PURE__ */ r.jsx(b, { grow: !0, noWrap: !0, children: /* @__PURE__ */ r.jsx(g, { name: "calendar.data_key", control: e, render: ({
       field: n
     }) => /* @__PURE__ */ r.jsx(G, { label: "Data Field", required: !0, sx: {
@@ -19204,7 +19204,7 @@ function B1({
   const {
     value: t,
     set: n
-  } = Q(e.instanceData, "config"), s = T(() => je({}, t, xa), [t]), i = T(() => _.cloneDeep(s), [s]);
+  } = Q(e.instanceData, "config"), s = T(() => je({}, t, xa), [t]), i = T(() => w.cloneDeep(s), [s]);
   O(() => {
     !fe(s, i) && (console.log("config malformed, resetting to defaults", s, i), n(i));
   }, [s, i]);
@@ -19221,7 +19221,7 @@ function B1({
     d(i);
   }, [i]);
   const u = c(), h = T(() => !fe(u, s), [u, s]);
-  return /* @__PURE__ */ r.jsx(w, { spacing: "xs", children: /* @__PURE__ */ r.jsxs("form", { onSubmit: o(n), children: [
+  return /* @__PURE__ */ r.jsx(_, { spacing: "xs", children: /* @__PURE__ */ r.jsxs("form", { onSubmit: o(n), children: [
     /* @__PURE__ */ r.jsxs(b, { position: "left", py: "md", pl: "md", sx: {
       borderBottom: "1px solid #eee",
       background: "#efefef"
@@ -19486,11 +19486,11 @@ function ek(e, t, n, s) {
 }
 function ks(e, t, n) {
   const s = Qt(e, t), i = Qt(e, n);
-  return _.zip(i, s);
+  return w.zip(i, s);
 }
 function tk(e, t, n, s) {
   const i = ks(t, n, s);
-  return _.unionBy(i, e, 0);
+  return w.unionBy(i, e, 0);
 }
 function nk({
   dataTemplate: e,
@@ -19517,7 +19517,7 @@ function rk({
       value_data_key: i,
       valueTypedXAxis: a
     });
-  const o = ks(t, s, i), l = _.groupBy(o, "0");
+  const o = ks(t, s, i), l = w.groupBy(o, "0");
   return e.map(([d]) => {
     const h = l[d].map((x) => x[1]), p = Mi(h, n);
     return [d, p];
@@ -19532,7 +19532,7 @@ function sk({
   const {
     queryID: i,
     columnKey: a
-  } = $(e), o = _.groupBy(t[i], a);
+  } = $(e), o = w.groupBy(t[i], a);
   return Object.entries(o).forEach(([l, c]) => {
     o[l] = ks({
       [i]: c
@@ -19730,7 +19730,7 @@ function hk(e, t) {
 function pk(e, t, n) {
   if (!e.y_axis.data_key)
     return {};
-  const s = dk(t, n), i = ck(e), a = $(e.y_axis.data_key), o = _.uniq(t[a.queryID].map((u) => u[a.columnKey])), l = o.every((u) => !Number.isNaN(Number(u))), c = ak(e, o, l, t, i, n, s);
+  const s = dk(t, n), i = ck(e), a = $(e.y_axis.data_key), o = w.uniq(t[a.queryID].map((u) => u[a.columnKey])), l = o.every((u) => !Number.isNaN(Number(u))), c = ak(e, o, l, t, i, n, s);
   return {
     xAxis: uk(e, i),
     yAxis: hk(e, o),
@@ -19750,7 +19750,7 @@ function xk({
   variables: a
 }) {
   const o = In(t, e.y_axis.data_key), l = yt(i.triggerManager, qi.id), c = Be((h) => {
-    const p = _.get(o, h.name, {
+    const p = w.get(o, h.name, {
       error: "rowData is not found"
     });
     l.forEach((x) => {
@@ -19809,7 +19809,7 @@ function bk({
   xAxisOptions: a
 }) {
   const o = s(`reference_lines.${t}.orientation`);
-  return /* @__PURE__ */ r.jsxs(w, { my: 0, p: 0, sx: {
+  return /* @__PURE__ */ r.jsxs(_, { my: 0, p: 0, sx: {
     position: "relative"
   }, children: [
     /* @__PURE__ */ r.jsxs(b, { grow: !0, noWrap: !0, children: [
@@ -19837,7 +19837,7 @@ function bk({
       flex: 1
     }, ...l }) }),
     /* @__PURE__ */ r.jsxs(b, { grow: !0, children: [
-      /* @__PURE__ */ r.jsxs(w, { children: [
+      /* @__PURE__ */ r.jsxs(_, { children: [
         /* @__PURE__ */ r.jsx(g, { name: `reference_lines.${t}.orientation`, control: e, render: ({
           field: l
         }) => (
@@ -19884,7 +19884,7 @@ function bk({
         }
       )
     ] }),
-    /* @__PURE__ */ r.jsxs(w, { spacing: 4, children: [
+    /* @__PURE__ */ r.jsxs(_, { spacing: 4, children: [
       /* @__PURE__ */ r.jsx(j, { size: "sm", children: "Color" }),
       /* @__PURE__ */ r.jsx(g, { name: `reference_lines.${t}.lineStyle.color`, control: e, render: ({
         field: l
@@ -20054,7 +20054,7 @@ function Sk({
   seriesItem: s,
   xAxisOptions: i
 }) {
-  return /* @__PURE__ */ r.jsxs(w, { my: 0, p: 0, sx: {
+  return /* @__PURE__ */ r.jsxs(_, { my: 0, p: 0, sx: {
     position: "relative"
   }, children: [
     /* @__PURE__ */ r.jsxs(b, { grow: !0, noWrap: !0, children: [
@@ -20099,7 +20099,7 @@ function Sk({
         }) => /* @__PURE__ */ r.jsx(L, { label: "Label Position", data: _k, ...a })
       }
     ),
-    /* @__PURE__ */ r.jsxs(w, { spacing: 4, children: [
+    /* @__PURE__ */ r.jsxs(_, { spacing: 4, children: [
       /* @__PURE__ */ r.jsx(j, { size: "sm", children: "Color" }),
       /* @__PURE__ */ r.jsx(g, { name: `series.${t}.color`, control: e, render: ({
         field: a
@@ -20175,7 +20175,7 @@ function Tk({
   index: t,
   remove: n
 }) {
-  return /* @__PURE__ */ r.jsxs(w, { my: 0, p: "0", sx: {
+  return /* @__PURE__ */ r.jsxs(_, { my: 0, p: "0", sx: {
     position: "relative"
   }, children: [
     /* @__PURE__ */ r.jsx(I, { mb: -15, mt: 15, variant: "dashed", label: "Name", labelPosition: "center" }),
@@ -20193,13 +20193,13 @@ function Tk({
         flex: 1
       }, ...s })
     ) }) }),
-    /* @__PURE__ */ r.jsxs(w, { children: [
+    /* @__PURE__ */ r.jsxs(_, { children: [
       /* @__PURE__ */ r.jsx(I, { mb: -15, variant: "dashed", label: "Label Format", labelPosition: "center" }),
       /* @__PURE__ */ r.jsx(g, { name: `x_axes.${t}.label_formatter`, control: e, render: ({
         field: s
       }) => /* @__PURE__ */ r.jsx(vt, { ...s }) })
     ] }),
-    /* @__PURE__ */ r.jsxs(w, { children: [
+    /* @__PURE__ */ r.jsxs(_, { children: [
       /* @__PURE__ */ r.jsx(I, { mb: -15, variant: "dashed", label: "Value Range", labelPosition: "center" }),
       /* @__PURE__ */ r.jsxs(b, { grow: !0, children: [
         /* @__PURE__ */ r.jsx(g, { name: `x_axes.${t}.min`, control: e, render: ({
@@ -20255,7 +20255,7 @@ function Ik({
   control: e,
   watch: t
 }) {
-  return t(["y_axis"]), /* @__PURE__ */ r.jsxs(w, { children: [
+  return t(["y_axis"]), /* @__PURE__ */ r.jsxs(_, { children: [
     /* @__PURE__ */ r.jsxs(b, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ r.jsx(g, { name: "y_axis.data_key", control: e, render: ({
         field: n
@@ -20285,7 +20285,7 @@ function zk({
     set: n
   } = Q(e.instanceData, "config"), {
     variables: s
-  } = e, i = T(() => _.defaultsDeep({}, t, ma), [t]), {
+  } = e, i = T(() => w.defaultsDeep({}, t, ma), [t]), {
     control: a,
     handleSubmit: o,
     watch: l,
@@ -20297,8 +20297,8 @@ function zk({
   O(() => {
     d(i);
   }, [i]), l([]);
-  const u = c(), h = T(() => !_.isEqual(u, i), [u, i]);
-  return /* @__PURE__ */ r.jsx(w, { spacing: "xs", children: /* @__PURE__ */ r.jsxs("form", { onSubmit: o(n), children: [
+  const u = c(), h = T(() => !w.isEqual(u, i), [u, i]);
+  return /* @__PURE__ */ r.jsx(_, { spacing: "xs", children: /* @__PURE__ */ r.jsxs("form", { onSubmit: o(n), children: [
     /* @__PURE__ */ r.jsxs(b, { position: "left", py: "md", pl: "md", sx: {
       borderBottom: "1px solid #eee",
       background: "#efefef"
@@ -20473,7 +20473,7 @@ function Ek(e, t, n) {
     xAxisIndex: 0,
     yAxisIndex: 0,
     data: t.map((i) => {
-      const a = n[i].length, c = (_.countBy(n[i], (d) => d.level.diff === 0).true ?? 0) / a;
+      const a = n[i].length, c = (w.countBy(n[i], (d) => d.level.diff === 0).true ?? 0) / a;
       return [i, "_y", c];
     }),
     label: {
@@ -20541,9 +20541,9 @@ function Fk([e, t]) {
 function Ok(e, t, n, s) {
   var c, d;
   const i = t.map((u) => {
-    const h = n[u], p = _.sumBy(h, (x) => x.level.diff);
+    const h = n[u], p = w.sumBy(h, (x) => x.level.diff);
     return [u, p / h.length];
-  }), a = Number(((c = _.maxBy(i, (u) => u[1])) == null ? void 0 : c[1]) ?? 0), o = Number(((d = _.minBy(i, (u) => u[1])) == null ? void 0 : d[1]) ?? 0), l = kn([a, 0, o], ["#D15A40", "#FFF", "#418AAF"]);
+  }), a = Number(((c = w.maxBy(i, (u) => u[1])) == null ? void 0 : c[1]) ?? 0), o = Number(((d = w.minBy(i, (u) => u[1])) == null ? void 0 : d[1]) ?? 0), l = kn([a, 0, o], ["#D15A40", "#FFF", "#418AAF"]);
   return {
     type: "bar",
     name: "平均偏差",
@@ -20639,7 +20639,7 @@ function $k([e, t, n, s]) {
 function Pk(e, t, n, s) {
   const i = {};
   t.forEach((u) => {
-    const h = _.countBy(n[u], (x) => x.level.diff), p = _.sum(Object.values(h));
+    const h = w.countBy(n[u], (x) => x.level.diff), p = w.sum(Object.values(h));
     Object.entries(h).forEach(([x, y]) => {
       i[x] || (i[x] = []);
       const S = y / p;
@@ -20711,7 +20711,7 @@ function Pk(e, t, n, s) {
 }
 function Vk(e, t, n, s) {
   const i = $(t.data_key), a = t.name, o = n.map((l) => {
-    const c = _.sumBy(s[l], i.columnKey);
+    const c = w.sumBy(s[l], i.columnKey);
     return [l, c];
   });
   return {
@@ -20971,7 +20971,7 @@ function Kk(e, t) {
   };
 }
 function Yk(e, t, n) {
-  const s = Gk(e, n), i = $(e.x_axis.data_key), a = _.uniqBy(n[i.queryID], i.columnKey).map((u) => u[i.columnKey]), o = _.groupBy(s, i.columnKey), l = Kk(e, t), c = Nk(e, l, a, o), d = {
+  const s = Gk(e, n), i = $(e.x_axis.data_key), a = w.uniqBy(n[i.queryID], i.columnKey).map((u) => u[i.columnKey]), o = w.groupBy(s, i.columnKey), l = Kk(e, t), c = Nk(e, l, a, o), d = {
     xAxis: qk(e, a),
     yAxis: Bk(l),
     series: c,
@@ -21095,7 +21095,7 @@ function sT({
   control: e,
   watch: t
 }) {
-  return t(["deviation"]), /* @__PURE__ */ r.jsxs(w, { children: [
+  return t(["deviation"]), /* @__PURE__ */ r.jsxs(_, { children: [
     /* @__PURE__ */ r.jsx(b, { grow: !0, noWrap: !0, children: /* @__PURE__ */ r.jsx(g, { name: "deviation.name", control: e, render: ({
       field: n
     }) => /* @__PURE__ */ r.jsx(D, { label: "指标名称", sx: {
@@ -21119,7 +21119,7 @@ const iT = ({
   control: e,
   index: t,
   remove: n
-}) => /* @__PURE__ */ r.jsxs(w, { children: [
+}) => /* @__PURE__ */ r.jsxs(_, { children: [
   /* @__PURE__ */ r.jsxs(b, { grow: !0, noWrap: !0, children: [
     /* @__PURE__ */ r.jsx(g, { name: `metrics.${t}.name`, control: e, render: ({
       field: s
@@ -21189,7 +21189,7 @@ function oT({
   control: e,
   watch: t
 }) {
-  return t(["x_axis"]), /* @__PURE__ */ r.jsxs(w, { children: [
+  return t(["x_axis"]), /* @__PURE__ */ r.jsxs(_, { children: [
     /* @__PURE__ */ r.jsxs(b, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ r.jsx(g, { name: "x_axis.data_key", control: e, render: ({
         field: n
@@ -21230,7 +21230,7 @@ function lT({
   const {
     value: t,
     set: n
-  } = Q(e.instanceData, "config"), s = T(() => _.defaultsDeep({}, t, fa), [t]), {
+  } = Q(e.instanceData, "config"), s = T(() => w.defaultsDeep({}, t, fa), [t]), {
     control: i,
     handleSubmit: a,
     watch: o,
@@ -21242,8 +21242,8 @@ function lT({
   O(() => {
     c(s);
   }, [s]), o([]);
-  const d = l(), u = T(() => !_.isEqual(d, s), [d, s]);
-  return /* @__PURE__ */ r.jsx(w, { spacing: "xs", children: /* @__PURE__ */ r.jsxs("form", { onSubmit: a(n), children: [
+  const d = l(), u = T(() => !w.isEqual(d, s), [d, s]);
+  return /* @__PURE__ */ r.jsx(_, { spacing: "xs", children: /* @__PURE__ */ r.jsxs("form", { onSubmit: a(n), children: [
     /* @__PURE__ */ r.jsxs(b, { position: "left", py: "md", pl: "md", sx: {
       borderBottom: "1px solid #eee",
       background: "#efefef"
@@ -21391,8 +21391,8 @@ const No = ({
     }
     return null;
   }, [a, o]);
-  return /* @__PURE__ */ r.jsxs(w, { spacing: 18, children: [
-    /* @__PURE__ */ r.jsxs(w, { spacing: 12, children: [
+  return /* @__PURE__ */ r.jsxs(_, { spacing: 18, children: [
+    /* @__PURE__ */ r.jsxs(_, { spacing: 12, children: [
       /* @__PURE__ */ r.jsx(j, { size: "14px", color: "#818388", children: n.value }),
       /* @__PURE__ */ r.jsxs(b, { spacing: "2px", align: "baseline", children: [
         /* @__PURE__ */ r.jsx(j, { size: "24px", fw: "bold", color: "#3D3E45", sx: {
@@ -21401,7 +21401,7 @@ const No = ({
         /* @__PURE__ */ r.jsx(No, { postfix: l })
       ] })
     ] }),
-    /* @__PURE__ */ r.jsxs(w, { spacing: 12, children: [
+    /* @__PURE__ */ r.jsxs(_, { spacing: 12, children: [
       /* @__PURE__ */ r.jsx(j, { size: "14px", color: "#818388", children: n.basis }),
       /* @__PURE__ */ r.jsxs(b, { spacing: "2px", align: "baseline", children: [
         /* @__PURE__ */ r.jsx(j, { size: "12px", color: "#3D3E45", sx: {
@@ -21419,7 +21419,7 @@ const No = ({
     value: n
   } = Q(e.instanceData, "config"), {
     variables: s
-  } = e, i = T(() => _.defaults({}, n, ga), [n]), a = e.data, o = T(() => _c(a, s), [s, a]), {
+  } = e, i = T(() => w.defaults({}, n, ga), [n]), a = e.data, o = T(() => _c(a, s), [s, a]), {
     width: l,
     height: c
   } = e.viewport;
@@ -21462,7 +21462,7 @@ function gT({
   watch: s,
   variableOptions: i
 }) {
-  return s(`metrics.${t}.postfix`), /* @__PURE__ */ r.jsxs(w, { my: 0, p: "md", pr: 40, sx: {
+  return s(`metrics.${t}.postfix`), /* @__PURE__ */ r.jsxs(_, { my: 0, p: "md", pr: 40, sx: {
     border: "1px solid #eee",
     position: "relative"
   }, children: [
@@ -21531,13 +21531,13 @@ const bT = ({
   }, d = T(() => n.map((y) => ({
     label: y.name,
     value: y.name
-  })), [n]), u = _.get(l, "0.id", null), [h, p] = q(u);
+  })), [n]), u = w.get(l, "0.id", null), [h, p] = q(u);
   O(() => {
     p((y) => y || u);
   }, [u]);
   const x = (y) => {
     a(y);
-    const S = _.get(l, "0.id", null);
+    const S = w.get(l, "0.id", null);
     p(S);
   };
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
@@ -21644,7 +21644,7 @@ function wT({
     d(i);
   }, [i]);
   const u = c(), h = T(() => !fe(u, i), [u, i]);
-  return /* @__PURE__ */ r.jsx("form", { onSubmit: o(n), children: /* @__PURE__ */ r.jsxs(w, { spacing: "xs", children: [
+  return /* @__PURE__ */ r.jsx("form", { onSubmit: o(n), children: /* @__PURE__ */ r.jsxs(_, { spacing: "xs", children: [
     /* @__PURE__ */ r.jsxs(b, { position: "left", py: "md", pl: "md", sx: {
       borderBottom: "1px solid #eee",
       background: "#efefef"
@@ -21707,7 +21707,7 @@ function kT({
 }) {
   t(["heat_block"]);
   const n = t("heat_block.label.show");
-  return /* @__PURE__ */ r.jsxs(w, { children: [
+  return /* @__PURE__ */ r.jsxs(_, { children: [
     /* @__PURE__ */ r.jsxs(b, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ r.jsx(g, { name: "heat_block.data_key", control: e, render: ({
         field: s
@@ -21752,7 +21752,7 @@ const TT = ({
   control: e,
   index: t,
   remove: n
-}) => /* @__PURE__ */ r.jsxs(w, { children: [
+}) => /* @__PURE__ */ r.jsxs(_, { children: [
   /* @__PURE__ */ r.jsxs(b, { grow: !0, noWrap: !0, children: [
     /* @__PURE__ */ r.jsx(g, { name: `tooltip.metrics.${t}.name`, control: e, render: ({
       field: s
@@ -21887,7 +21887,7 @@ const zT = ({
     /* @__PURE__ */ r.jsx(C, { variant: "filled", mt: 24, onClick: i, sx: {
       flexGrow: 0
     }, children: "Customize Label" }),
-    /* @__PURE__ */ r.jsx(ge, { size: 800, title: "Customize label content", opened: s, onClose: a, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: s && /* @__PURE__ */ r.jsxs(w, { children: [
+    /* @__PURE__ */ r.jsx(ge, { size: 800, title: "Customize label content", opened: s, onClose: a, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: s && /* @__PURE__ */ r.jsxs(_, { children: [
       /* @__PURE__ */ r.jsx(K, { mt: 10, label: "Enabled", checked: o.enabled, onChange: (x) => c(x.currentTarget.checked) }),
       /* @__PURE__ */ r.jsx(zT, { value: o.func_content, onChange: h, disabled: !o.enabled }),
       /* @__PURE__ */ r.jsxs(b, { position: "apart", children: [
@@ -21904,7 +21904,7 @@ function LT({
   control: e,
   watch: t
 }) {
-  return t(["x_axis"]), /* @__PURE__ */ r.jsxs(w, { children: [
+  return t(["x_axis"]), /* @__PURE__ */ r.jsxs(_, { children: [
     /* @__PURE__ */ r.jsxs(b, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ r.jsx(g, { name: "x_axis.data_key", control: e, render: ({
         field: n
@@ -21956,7 +21956,7 @@ function RT({
   control: e,
   watch: t
 }) {
-  return t(["y_axis"]), /* @__PURE__ */ r.jsxs(w, { my: 0, p: "0", sx: {
+  return t(["y_axis"]), /* @__PURE__ */ r.jsxs(_, { my: 0, p: "0", sx: {
     position: "relative"
   }, children: [
     /* @__PURE__ */ r.jsxs(b, { grow: !0, noWrap: !0, children: [
@@ -22055,7 +22055,7 @@ function ET({
   const {
     value: t,
     set: n
-  } = Q(e.instanceData, "config"), s = T(() => je({}, t, ba), [t]), i = T(() => _.cloneDeep(s), [s]);
+  } = Q(e.instanceData, "config"), s = T(() => je({}, t, ba), [t]), i = T(() => w.cloneDeep(s), [s]);
   O(() => {
     !fe(s, i) && (console.log("config malformed, resetting to defaults", s, i), n(i));
   }, [s, i]);
@@ -22074,7 +22074,7 @@ function ET({
   const u = c(), h = T(() => !fe(u, s), [u, s]);
   return /* @__PURE__ */ r.jsx("form", { onSubmit: o(n), style: {
     flexGrow: 1
-  }, children: /* @__PURE__ */ r.jsxs(w, { spacing: "xs", sx: {
+  }, children: /* @__PURE__ */ r.jsxs(_, { spacing: "xs", sx: {
     height: "100%"
   }, children: [
     /* @__PURE__ */ r.jsxs(b, { position: "left", py: "md", pl: "md", sx: {
@@ -22200,7 +22200,7 @@ function NT(e, t) {
     x_axis: n,
     y_axis: s,
     heat_block: i
-  } = e, a = $(n.data_key), o = $(s.data_key), l = $(i.data_key), c = t[a.queryID].map((d) => [_.get(d, a.columnKey), _.get(d, o.columnKey), _.get(d, l.columnKey)]);
+  } = e, a = $(n.data_key), o = $(s.data_key), l = $(i.data_key), c = t[a.queryID].map((d) => [w.get(d, a.columnKey), w.get(d, o.columnKey), w.get(d, l.columnKey)]);
   return {
     type: "heatmap",
     name: i.name,
@@ -22260,7 +22260,7 @@ function BT({
     const A = $(S.data_key);
     x.push({
       label: S.name,
-      value: qT(_.get(y, A.columnKey, "")),
+      value: qT(w.get(y, A.columnKey, "")),
       style: {
         label: "",
         value: ""
@@ -22275,7 +22275,7 @@ function WT(e, t, n, s) {
     heat_block: o
   } = e, l = $(i.data_key), c = $(a.data_key);
   $(o.data_key);
-  const d = _.keyBy(t[l.queryID], (u) => `${u[l.columnKey]}---${u[c.columnKey]}`);
+  const d = w.keyBy(t[l.queryID], (u) => `${u[l.columnKey]}---${u[c.columnKey]}`);
   return oe.getTooltip({
     formatter: function(u) {
       const p = BT({
@@ -22323,7 +22323,7 @@ function GT(e, t) {
   };
 }
 function QT(e, t, n) {
-  const s = $(e.x_axis.data_key), i = _.uniq(t[s.queryID].map((c) => c[s.columnKey])), {
+  const s = $(e.x_axis.data_key), i = w.uniq(t[s.queryID].map((c) => c[s.columnKey])), {
     overflow: a,
     rotate: o
   } = e.x_axis.axisLabel, l = bt(a.on_axis);
@@ -22365,7 +22365,7 @@ function HT(e, t, n) {
     nameAlignment: a,
     data_key: o,
     ...l
-  } = e.y_axis, c = _.uniq(t[s.queryID].map((p) => p[i.columnKey])), {
+  } = e.y_axis, c = w.uniq(t[s.queryID].map((p) => p[i.columnKey])), {
     overflow: d,
     rotate: u
   } = e.y_axis.axisLabel, h = bt(d.on_axis);
@@ -22433,9 +22433,9 @@ function KT({
 }) {
   const o = T(() => {
     const h = $(e.x_axis.data_key), p = $(e.y_axis.data_key);
-    return _.keyBy(t[h.queryID], (x) => `${x[h.columnKey]}---${x[p.columnKey]}`);
+    return w.keyBy(t[h.queryID], (x) => `${x[h.columnKey]}---${x[p.columnKey]}`);
   }, [t, e.x_axis.data_key, e.y_axis.data_key]), l = yt(i.triggerManager, wd.id), c = Be((h) => {
-    const [p, x] = h.value, y = _.get(o, `${p}---${x}`, {
+    const [p, x] = h.value, y = w.get(o, `${p}---${x}`, {
       error: "rowData is not found"
     });
     l.forEach((S) => {
@@ -22817,7 +22817,7 @@ const aD = ({
   const t = (s) => () => {
     const i = s();
     e(i);
-  }, n = T(() => _.groupBy(ja(), "group"), []);
+  }, n = T(() => w.groupBy(ja(), "group"), []);
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsx(I, { variant: "dashed", my: 10 }),
     /* @__PURE__ */ r.jsx(We, { withBorder: !1, sx: {
@@ -23128,7 +23128,7 @@ const aD = ({
     };
     return d.filter(Se);
   }, [V, d]);
-  return /* @__PURE__ */ r.jsxs(w, { spacing: 3, children: [
+  return /* @__PURE__ */ r.jsxs(_, { spacing: 3, children: [
     /* @__PURE__ */ r.jsxs(b, { position: "apart", children: [
       /* @__PURE__ */ r.jsxs(j, { className: p.label, children: [
         o,
@@ -23495,7 +23495,7 @@ const xD = ({
   }), [S, A] = q(!1), F = (Y) => {
     A(Y);
   }, V = S && (l == null ? void 0 : l.length) > 0;
-  return /* @__PURE__ */ r.jsxs(w, { spacing: 3, children: [
+  return /* @__PURE__ */ r.jsxs(_, { spacing: 3, children: [
     /* @__PURE__ */ r.jsxs(b, { position: "apart", children: [
       /* @__PURE__ */ r.jsxs(j, { className: x.label, children: [
         o,
@@ -23629,7 +23629,7 @@ const CD = ({
   O(() => {
     l(i.filters.values);
   }, [i.filters.values, l]), SD(c);
-  const d = i.filters.visibleInView(t.id), u = T(() => d.every((y) => y.should_auto_submit), [d]), h = T(() => d.filter((y) => _.get(y, "config.required", !1)), [d]), p = T(() => h.length === 0 ? !1 : h.some((y) => !y.requiredAndPass(c[y.key])), [c, h]);
+  const d = i.filters.visibleInView(t.id), u = T(() => d.every((y) => y.should_auto_submit), [d]), h = T(() => d.filter((y) => w.get(y, "config.required", !1)), [d]), p = T(() => h.length === 0 ? !1 : h.some((y) => !y.requiredAndPass(c[y.key])), [c, h]);
   if (d.length === 0)
     return null;
   const x = (y, S) => (A, F) => {
@@ -23651,7 +23651,7 @@ const CD = ({
     ] }) })
   ] });
 }), kD = {
-  viewPanelInFullScreen: _.noop,
+  viewPanelInFullScreen: w.noop,
   inFullScreen: !1
 }, Ds = M.createContext(kD), Id = m.model("MockContextMeta", {
   current: m.optional(m.frozen(), {})
@@ -23821,7 +23821,7 @@ const TD = m.model("PanelLayoutMeta", {
       data_field: o,
       aggregation: l
     } = e;
-    return _.cloneDeep({
+    return w.cloneDeep({
       name: t,
       size: n,
       color: i,
@@ -24537,7 +24537,7 @@ const $d = m.compose("FilterTreeSelectConfigMeta", m.model({
     return e.auto_submit_supported && e.auto_submit;
   },
   requiredAndPass(t) {
-    return _.get(e.config, "required", !1) ? _.get(e.config, "truthy", () => !0)(t) : !1;
+    return w.get(e.config, "required", !1) ? w.get(e.config, "truthy", () => !0)(t) : !1;
   }
 })).actions((e) => ({
   setKey(t) {
@@ -24679,19 +24679,22 @@ const Vd = m.model("ViewDivisionConfig", {
   id: m.identifier,
   name: m.string,
   view_id: m.string,
-  color: m.optional(m.string, "")
+  color: m.optional(m.string, ""),
+  order: m.optional(m.number, 0)
 }).views((e) => ({
   get json() {
     const {
       id: t,
       name: n,
       view_id: s,
-      color: i
+      color: i,
+      order: a
     } = e;
     return {
       id: t,
       name: n,
       color: i,
+      order: a,
       view_id: s
     };
   }
@@ -24704,6 +24707,9 @@ const Vd = m.model("ViewDivisionConfig", {
   },
   setColor(t) {
     e.color = t;
+  },
+  setOrder(t) {
+    e.order = t;
   }
 })), qd = m.model("ViewTabsConfig", {
   _name: m.literal(B.Modal),
@@ -24727,6 +24733,9 @@ const Vd = m.model("ViewDivisionConfig", {
       variant: n,
       orientation: s
     };
+  },
+  get tabsInOrder() {
+    return w.sortBy(e.tabs, "order");
   }
 })).actions((e) => ({
   setVariant(t) {
@@ -25229,13 +25238,13 @@ const eu = m.model("FiltersRenderModel", {
     return e.current.filter((n) => t.has(n.id));
   },
   get inOrder() {
-    return _.sortBy(e.current, "order");
+    return w.sortBy(e.current, "order");
   },
   get empty() {
     return e.current.length === 0;
   },
   visibleInView(t) {
-    return _.sortBy(e.current.filter((n) => n.visibleInViewsIDSet.has(t)), "order");
+    return w.sortBy(e.current.filter((n) => n.visibleInViewsIDSet.has(t)), "order");
   },
   get firstFilterValueKey() {
     return Object.keys(e.values)[0] ?? "";
@@ -25331,7 +25340,7 @@ const sI = RD.views((e) => ({
       return [];
     const n = this.contentModel.payloadForSQL;
     return t.filter((s) => {
-      const i = _.get(n, s);
+      const i = w.get(n, s);
       return Array.isArray(i) ? i.length === 0 : typeof i == "number" ? Number.isNaN(i) : !i;
     });
   }
@@ -25367,7 +25376,7 @@ const sI = RD.views((e) => ({
     } = e;
     if (t.length === 0)
       return "";
-    const n = e.contentModel.payloadForSQL, s = [...t].reduce((i, a) => (i[a] = _.get(n, a), i), {});
+    const n = e.contentModel.payloadForSQL, s = [...t].reduce((i, a) => (i[a] = w.get(n, a), i), {});
     return JSON.stringify(s);
   },
   get runByConditionsMet() {
@@ -25381,7 +25390,7 @@ const sI = RD.views((e) => ({
       };
     const {
       keyLabelMap: t
-    } = e.contentModel.filters, n = e.unmetRunByConditions.filter((i) => i.startsWith("context.")).map((i) => i.replace("context.", "")), s = e.unmetRunByConditions.filter((i) => i.startsWith("filters.")).map((i) => _.get({
+    } = e.contentModel.filters, n = e.unmetRunByConditions.filter((i) => i.startsWith("context.")).map((i) => i.replace("context.", "")), s = e.unmetRunByConditions.filter((i) => i.startsWith("filters.")).map((i) => w.get({
       filters: t
     }, i, i.replace("filters.", ""))).filter((i) => !!i);
     return {
@@ -25398,7 +25407,7 @@ const sI = RD.views((e) => ({
   get dependencies() {
     if (!this.typedAsSQL)
       return [];
-    const t = _.uniq(e.sql.match($r.sqlSnippet)), n = _.uniq(e.sql.match($r.filter)), s = _.uniq(e.sql.match($r.context)), i = [];
+    const t = w.uniq(e.sql.match($r.sqlSnippet)), n = w.uniq(e.sql.match($r.filter)), s = w.uniq(e.sql.match($r.context)), i = [];
     return t.forEach((a) => {
       i.push({
         type: "SQL Snippet",
@@ -25583,9 +25592,9 @@ const sI = RD.views((e) => ({
         i.push(...c.queryIDs);
       });
     });
-    const a = _.uniq(t.visibleViews.map((l) => l.renderViewIDs).flat());
+    const a = w.uniq(t.visibleViews.map((l) => l.renderViewIDs).flat());
     n.current.forEach((l) => {
-      const c = _.get(l, "config.options_query_id");
+      const c = w.get(l, "config.options_query_id");
       if (!c)
         return;
       a.some((u) => l.visibleInViewsIDSet.has(u)) && i.push(c);
@@ -26006,7 +26015,7 @@ const bI = k(function({
   }, children: o && /* @__PURE__ */ r.jsx(Ge, { children: a }) }) });
 }), yI = k(({
   panel: e
-}) => /* @__PURE__ */ r.jsxs(w, { children: [
+}) => /* @__PURE__ */ r.jsxs(_, { children: [
   e.queryErrors.map((t, n) => /* @__PURE__ */ r.jsx(j, { color: "red", size: "sm", align: "center", sx: {
     fontFamily: "monospace"
   }, children: t }, `${n}-${t}`)),
@@ -26337,8 +26346,8 @@ const FI = k(({
       overflow: "auto"
     }
   }, keepMounted: !1, children: [
-    /* @__PURE__ */ r.jsx(f.List, { grow: n.grow, children: n.tabs.map((s) => /* @__PURE__ */ r.jsx(f.Tab, { value: s.id, sx: $I(s), disabled: !s.view_id, children: s.name ?? s.id }, s.id)) }),
-    n.tabs.map((s) => {
+    /* @__PURE__ */ r.jsx(f.List, { grow: n.grow, children: n.tabsInOrder.map((s) => /* @__PURE__ */ r.jsx(f.Tab, { value: s.id, sx: $I(s), disabled: !s.view_id, children: s.name ?? s.id }, s.id)) }),
+    n.tabsInOrder.map((s) => {
       const i = t.views.findByID(s.view_id);
       return i ? /* @__PURE__ */ r.jsx(f.Panel, { value: s.id, children: /* @__PURE__ */ r.jsx(Sa, { view: i }) }, s.id) : null;
     })
@@ -26384,7 +26393,7 @@ const qI = k(({
     "> div:not(.mantine-Modal-root)": {
       height: "100%"
     }
-  }, children: /* @__PURE__ */ r.jsx(ge, { size: n.width, opened: !0, onClose: _.noop, withCloseButton: !1, title: /* @__PURE__ */ r.jsxs(b, { position: "apart", px: "1rem", h: "48px", children: [
+  }, children: /* @__PURE__ */ r.jsx(ge, { size: n.width, opened: !0, onClose: w.noop, withCloseButton: !1, title: /* @__PURE__ */ r.jsxs(b, { position: "apart", px: "1rem", h: "48px", children: [
     /* @__PURE__ */ r.jsx(z, { children: n.custom_modal_title.value }),
     /* @__PURE__ */ r.jsx(xu, { downloadScreenshot: o })
   ] }), trapFocus: !0, onDragStart: (l) => {
@@ -26472,10 +26481,10 @@ const qI = k(({
   }), o = i.tabs.length === 0;
   return /* @__PURE__ */ r.jsxs(f, { className: "preview-view-tabs", variant: i.variant, orientation: i.orientation, value: e.tab, onTabChange: e.setTab, styles: BI(i), children: [
     /* @__PURE__ */ r.jsxs(f.List, { grow: i.grow, children: [
-      i.tabs.map((l) => /* @__PURE__ */ r.jsx(f.Tab, { value: l.id, sx: WI(l), children: l.name ?? l.id }, l.id)),
+      i.tabsInOrder.map((l) => /* @__PURE__ */ r.jsx(f.Tab, { value: l.id, sx: WI(l), children: l.name ?? l.id }, l.id)),
       /* @__PURE__ */ r.jsx(f.Tab, { onClick: i.addTab, value: "add", className: "add-a-tab", children: /* @__PURE__ */ r.jsx(Ae, { size: 18, color: "#228be6" }) })
     ] }),
-    i.tabs.map((l, c) => {
+    i.tabsInOrder.map((l, c) => {
       const d = n.views.findByID(l.view_id);
       return /* @__PURE__ */ r.jsxs(f.Panel, { value: l.id, sx: {
         position: "relative"
@@ -26489,13 +26498,14 @@ const qI = k(({
           zIndex: 200
         }, children: [
           /* @__PURE__ */ r.jsx(Rt, { opacity: 0.8, color: "#FFF", blur: 10, zIndex: 100 }),
-          /* @__PURE__ */ r.jsxs(w, { mx: "auto", mt: 100, sx: {
+          /* @__PURE__ */ r.jsxs(_, { mx: "auto", mt: 100, sx: {
             width: "300px",
             position: "relative",
             zIndex: 200
           }, children: [
-            /* @__PURE__ */ r.jsx(D, { label: "Tab Name", value: l.name, onChange: (u) => l.setName(u.currentTarget.value) }),
+            /* @__PURE__ */ r.jsx(D, { label: "Tab Name", required: !0, value: l.name, onChange: (u) => l.setName(u.currentTarget.value) }),
             /* @__PURE__ */ r.jsx(L, { label: "View", value: l.view_id, onChange: l.setViewID, data: s }),
+            /* @__PURE__ */ r.jsx(U, { label: "Placement Order", required: !0, value: l.order, onChange: (u) => l.setOrder(u || 0), min: 0, max: 1e3, step: 1 }),
             /* @__PURE__ */ r.jsx(ji, { label: "Color", value: l.color, onChange: l.setColor, disabled: i.variant !== "default" }),
             d && /* @__PURE__ */ r.jsxs(C, { mt: 20, variant: "gradient", leftIcon: /* @__PURE__ */ r.jsx(ap, { size: 18 }), gradient: {
               from: "cyan",
@@ -26528,7 +26538,7 @@ const qI = k(({
   view: t
 }) {
   return /* @__PURE__ */ r.jsx(Ds.Provider, { value: {
-    viewPanelInFullScreen: _.noop,
+    viewPanelInFullScreen: w.noop,
     inFullScreen: !1
   }, children: /* @__PURE__ */ r.jsx(z, { className: "dashboard-view", "data-enable-scrollbar": !0, children: /* @__PURE__ */ r.jsx(QI, { view: t, children: /* @__PURE__ */ r.jsxs(z, { sx: {
     position: "relative"
@@ -26620,7 +26630,7 @@ const XI = m.compose("FiltersModel", eu, m.model("FiltersModel", {
     }));
   },
   get sortedList() {
-    return _.sortBy(e.current, (t) => t.label.toLowerCase());
+    return w.sortBy(e.current, (t) => t.label.toLowerCase());
   }
 })).actions((e) => ({
   replace(t) {
@@ -26678,7 +26688,7 @@ const XI = m.compose("FiltersModel", eu, m.model("FiltersModel", {
       label: n.name,
       _type: "query"
     }));
-    return _.sortBy(t, (n) => n.label.toLowerCase());
+    return w.sortBy(t, (n) => n.label.toLowerCase());
   },
   get optionsWithoutTransform() {
     const t = e.current.filter((n) => n.type !== Me.Transform).map((n) => ({
@@ -26686,10 +26696,10 @@ const XI = m.compose("FiltersModel", eu, m.model("FiltersModel", {
       label: n.name,
       _type: "query"
     }));
-    return _.sortBy(t, (n) => n.label.toLowerCase());
+    return w.sortBy(t, (n) => n.label.toLowerCase());
   },
   get sortedList() {
-    return _.sortBy(e.current, (t) => t.name.toLowerCase());
+    return w.sortBy(e.current, (t) => t.name.toLowerCase());
   }
 })).actions((e) => ({
   replace(t) {
@@ -26720,11 +26730,11 @@ const XI = m.compose("FiltersModel", eu, m.model("FiltersModel", {
       n.has(i.id) && ai(i);
     });
     const s = [...e.current];
-    _.remove(s, (i) => n.has(i.id)), e.current = Lt(s);
+    w.remove(s, (i) => n.has(i.id)), e.current = Lt(s);
   }
 })), ez = su.views((e) => ({
   get sortedList() {
-    return _.sortBy(e.current, (t) => t.key.toLowerCase());
+    return w.sortBy(e.current, (t) => t.key.toLowerCase());
   },
   get options() {
     const t = e.current.map((n) => ({
@@ -26732,7 +26742,7 @@ const XI = m.compose("FiltersModel", eu, m.model("FiltersModel", {
       value: n.key,
       _type: "sql_snippet"
     }));
-    return _.sortBy(t, (n) => n.label.toLowerCase());
+    return w.sortBy(t, (n) => n.label.toLowerCase());
   }
 })).actions((e) => ({
   replace(t) {
@@ -26760,7 +26770,7 @@ const XI = m.compose("FiltersModel", eu, m.model("FiltersModel", {
       n.has(i.key) && ai(i);
     });
     const s = [...e.current];
-    _.remove(s, (i) => n.has(i.key)), e.current = Lt(s);
+    w.remove(s, (i) => n.has(i.key)), e.current = Lt(s);
   },
   replaceByIndex(t, n) {
     e.current.splice(t, 1, n);
@@ -26912,12 +26922,12 @@ const XI = m.compose("FiltersModel", eu, m.model("FiltersModel", {
           query_type: "TABLES"
         }
       }));
-      e.tables.data = _.groupBy(s, "table_schema"), e.tables.state = "idle", e.tables.error = null, e.initKeywords();
+      e.tables.data = w.groupBy(s, "table_schema"), e.tables.state = "idle", e.tables.error = null, e.initKeywords();
     } catch (s) {
       if (!Bt.isCancel(s)) {
         e.tables.data = {};
-        const i = _.get(s, "message", "unkown error");
-        e.tables.error = _.get(s, "response.data.detail.message", i), e.tables.state = "error";
+        const i = w.get(s, "message", "unkown error");
+        e.tables.error = w.get(s, "response.data.detail.message", i), e.tables.state = "error";
       }
     }
   });
@@ -26946,8 +26956,8 @@ const XI = m.compose("FiltersModel", eu, m.model("FiltersModel", {
           e.columns.state = "idle", e.columns.error = null;
         else {
           e.columns.data = [];
-          const i = _.get(s, "message", "unkown error");
-          e.columns.error = _.get(s, "response.data.detail.message", i), e.columns.state = "error";
+          const i = w.get(s, "message", "unkown error");
+          e.columns.error = w.get(s, "response.data.detail.message", i), e.columns.state = "error";
         }
       }
     }),
@@ -26971,8 +26981,8 @@ const XI = m.compose("FiltersModel", eu, m.model("FiltersModel", {
           e.indexes.state = "idle", e.indexes.error = null;
         else {
           e.indexes.data = [];
-          const i = _.get(s, "message", "unkown error");
-          e.indexes.error = _.get(s, "response.data.detail.message", i), e.indexes.state = "error";
+          const i = w.get(s, "message", "unkown error");
+          e.indexes.error = w.get(s, "response.data.detail.message", i), e.indexes.state = "error";
         }
       }
     }),
@@ -27014,8 +27024,8 @@ const XI = m.compose("FiltersModel", eu, m.model("FiltersModel", {
           n.state = "idle", n.error = null;
         else {
           n.data = [];
-          const a = _.get(i, "message", "unkown error");
-          n.error = _.get(i, "response.data.detail.message", a), n.state = "error";
+          const a = w.get(i, "message", "unkown error");
+          n.error = w.get(i, "response.data.detail.message", a), n.state = "error";
         }
       }
     })
@@ -27296,7 +27306,7 @@ const lz = m.model("EditorModel", {
       views: [t],
       panels: n,
       definition: {
-        queries: _.uniqBy(s, (a) => a.id)
+        queries: w.uniqBy(s, (a) => a.id)
       },
       version: ln
     };
@@ -27557,11 +27567,11 @@ const pz = m.model({
       });
     });
     const s = e.views.idMap;
-    return e.filters.current.filter((i) => !!_.get(i, "config.options_query_id")).forEach((i) => {
+    return e.filters.current.filter((i) => !!w.get(i, "config.options_query_id")).forEach((i) => {
       n.push({
         type: "filter",
         id: i.id,
-        queryID: _.get(i, "config.options_query_id"),
+        queryID: w.get(i, "config.options_query_id"),
         label: i.label,
         views: i.visibleInViewsIDs.map((a) => {
           var o;
@@ -27571,7 +27581,7 @@ const pz = m.model({
           };
         })
       });
-    }), _.groupBy(n, "queryID");
+    }), w.groupBy(n, "queryID");
   },
   get hasUnusedQueries() {
     return e.queries.current.length > Object.keys(this.queriesUsage).length;
@@ -27584,14 +27594,14 @@ const pz = m.model({
     return e.queries.current.forEach((n) => {
       if (!n.typedAsSQL)
         return;
-      _.uniq(n.sql.match($r.sqlSnippet)).forEach((i) => {
+      w.uniq(n.sql.match($r.sqlSnippet)).forEach((i) => {
         t.push({
           queryID: n.id,
           sqlSnippetKey: i,
           queryName: n.name
         });
       });
-    }), _.groupBy(t, "sqlSnippetKey");
+    }), w.groupBy(t, "sqlSnippetKey");
   },
   get hasUnusedSQLSnippets() {
     return e.sqlSnippets.current.length > Object.keys(this.sqlSnippetsUsage).length;
@@ -27837,7 +27847,7 @@ function gu(e, t) {
         return;
       }
       Object.entries(i).forEach(([o, l]) => {
-        e.filters.setValueByKey(o, _.get(a, l));
+        e.filters.setValueByKey(o, w.get(a, l));
       });
     };
     return window.addEventListener("set-filter-values", n), () => {
@@ -27853,7 +27863,7 @@ function gu(e, t) {
         filter_keys: a
       } = i.detail;
       a.forEach((o) => {
-        const l = _.get(e.filters.values, o), c = n(l);
+        const l = w.get(e.filters.values, o), c = n(l);
         console.log(`${o}: ${c}`), e.filters.setValueByKey(o, c);
       });
     };
@@ -27981,7 +27991,7 @@ const gz = k(({
   }, children: "Add a Panel" });
 }), jz = k(({
   view: e
-}) => !e || e.type !== B.Division ? null : /* @__PURE__ */ r.jsxs(w, { children: [
+}) => !e || e.type !== B.Division ? null : /* @__PURE__ */ r.jsxs(_, { children: [
   /* @__PURE__ */ r.jsx(I, { mt: 8, mb: 0, label: "Division settings", labelPosition: "center" }),
   /* @__PURE__ */ r.jsx(j, { align: "center", size: "xs", color: "dimmed", children: "Under construction" })
 ] })), vz = [{
@@ -28005,7 +28015,7 @@ const gz = k(({
   if (!e || e.type !== B.Tabs)
     return null;
   const t = e.config;
-  return /* @__PURE__ */ r.jsxs(w, { children: [
+  return /* @__PURE__ */ r.jsxs(_, { children: [
     /* @__PURE__ */ r.jsx(I, { mt: 8, mb: 0, label: "Tabs settings", labelPosition: "center" }),
     /* @__PURE__ */ r.jsx(L, { label: "Variant", value: t.variant, onChange: t.setVariant, data: vz }),
     /* @__PURE__ */ r.jsx(L, { label: "Orientation", value: t.orientation, onChange: t.setOrientation, data: wz }),
@@ -28066,7 +28076,7 @@ const gz = k(({
     /* @__PURE__ */ r.jsx(W, { size: "lg", color: "blue", variant: "filled", mt: 26, onClick: s, sx: {
       flexGrow: 0
     }, children: /* @__PURE__ */ r.jsx(yl, { size: 14 }) }),
-    /* @__PURE__ */ r.jsx(ge, { size: 800, title: "Customize modal title", opened: n, onClose: i, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: n && /* @__PURE__ */ r.jsxs(w, { children: [
+    /* @__PURE__ */ r.jsx(ge, { size: 800, title: "Customize modal title", opened: n, onClose: i, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: n && /* @__PURE__ */ r.jsxs(_, { children: [
       /* @__PURE__ */ r.jsx(K, { mt: 10, label: "Enabled", checked: a.enabled, onChange: (p) => l(p.currentTarget.checked) }),
       /* @__PURE__ */ r.jsx(Sz, { value: a.func_content, onChange: u, disabled: !a.enabled }),
       /* @__PURE__ */ r.jsxs(b, { position: "apart", children: [
@@ -28084,10 +28094,10 @@ const gz = k(({
   if (!e || e.type !== B.Modal)
     return null;
   const t = e.config, n = t.custom_modal_title.value;
-  return /* @__PURE__ */ r.jsxs(w, { children: [
+  return /* @__PURE__ */ r.jsxs(_, { children: [
     /* @__PURE__ */ r.jsx(I, { mt: 8, label: "Modal settings", labelPosition: "center" }),
     /* @__PURE__ */ r.jsxs(Ut, { gap: 10, children: [
-      /* @__PURE__ */ r.jsx(D, { label: "Modal Title", value: n, onChange: _.noop, disabled: !0, sx: {
+      /* @__PURE__ */ r.jsx(D, { label: "Modal Title", value: n, onChange: w.noop, disabled: !0, sx: {
         flexGrow: 1
       } }),
       /* @__PURE__ */ r.jsx(Cz, { value: t.custom_modal_title, onChange: t.custom_modal_title.replace })
@@ -28118,7 +28128,7 @@ const gz = k(({
   value: B.Tabs
 }], Iz = k(({
   view: e
-}) => e ? /* @__PURE__ */ r.jsxs(w, { sx: {
+}) => e ? /* @__PURE__ */ r.jsxs(_, { sx: {
   position: "relative"
 }, children: [
   /* @__PURE__ */ r.jsx(D, { label: "Name", value: e.name, onChange: (t) => {
@@ -28237,7 +28247,7 @@ const gz = k(({
 }) => e ? /* @__PURE__ */ r.jsxs(z, { children: [
   /* @__PURE__ */ r.jsx(I, { mt: 20, mb: 10, variant: "dashed" }),
   /* @__PURE__ */ r.jsx(j, { ta: "left", c: "dimmed", children: "Preview" }),
-  /* @__PURE__ */ r.jsxs(w, { children: [
+  /* @__PURE__ */ r.jsxs(_, { children: [
     /* @__PURE__ */ r.jsx(zz, { content: e }),
     /* @__PURE__ */ r.jsx(Mz, { content: e }),
     /* @__PURE__ */ r.jsx(Lz, { content: e }),
@@ -28420,7 +28430,7 @@ function Wz(e, t, n) {
   const s = [];
   return e.filter((i) => "__INTERACTIONS" in i.viz.conf).forEach((i, a) => {
     const o = t[i.id];
-    o.data.interactions = _.get(o, "data.interactions", []);
+    o.data.interactions = w.get(o, "data.interactions", []);
     const {
       __INTERACTIONS: l,
       __OPERATIONS: c,
@@ -28493,7 +28503,7 @@ function Qz(e, t, n) {
 }
 const es = 25, Ca = 40, ju = 25, ka = 350, Hz = 150, Uz = 150, vu = 150, Ko = 300, Wr = 40, wu = 25, Kz = 300;
 function Yz(e, t) {
-  const n = _.keyBy(t, (i) => i.id), s = [];
+  const n = w.keyBy(t, (i) => i.id), s = [];
   return e.current.forEach((i, a) => {
     i.panelIDs.forEach((o, l) => {
       const c = yu(l, Wr, wu) + Ca, d = n[o];
@@ -28549,7 +28559,7 @@ function Zz(e) {
   return e.current.map((n, s) => {
     const i = Qz(n.panelIDs.length, Wr, wu) + Ca + ju;
     let a = [];
-    return n.type === B.Tabs && (a = n.config.tabs.map((l) => l.view_id)), {
+    return n.type === B.Tabs && (a = n.config.tabsInOrder.map((l) => l.view_id)), {
       id: n.id,
       _node_type: "view-root",
       _view_type: n.type,
@@ -28575,7 +28585,7 @@ function Zz(e) {
   });
 }
 function eM(e) {
-  const t = _.keyBy(e, (n) => n.id);
+  const t = w.keyBy(e, (n) => n.id);
   e.forEach((n) => {
     n._node_type !== "view-root" || n._view_type !== B.Tabs || n._tab_view_ids.forEach((s) => {
       t[s].parentNode = n.id;
@@ -28626,9 +28636,9 @@ function sM({
       return;
     const a = e[i.source], o = e[i.target];
     if (a && o && a.parentNode) {
-      const l = e[a.parentNode], c = l.position.x, d = Number(_.get(o, "style.height", 0)), u = Number(l.style.width);
+      const l = e[a.parentNode], c = l.position.x, d = Number(w.get(o, "style.height", 0)), u = Number(l.style.width);
       o.position.x = c + u + Kz, l._view_level === 0 && o._sub_view_ids.length === 0 && (a.sourcePosition = St.Left, o.targetPosition = St.Right, o.position.x *= -1);
-      const p = o.position.x, x = _.get(s, p, 0);
+      const p = o.position.x, x = w.get(s, p, 0);
       o.position.y = x, s[p] = x + d + vu;
     }
   });
@@ -28661,11 +28671,11 @@ function aM({
   };
 }
 function oM(e) {
-  const t = tM(e), n = _.keyBy(t, (c) => c.id), {
+  const t = tM(e), n = w.keyBy(t, (c) => c.id), {
     edges: s,
     edgeNodes: i
-  } = Gz(e, n), a = [...t, ...i], o = _.keyBy(a, (c) => c.id), l = {
-    edges: _.uniqBy(s, (c) => c.id),
+  } = Gz(e, n), a = [...t, ...i], o = w.keyBy(a, (c) => c.id), l = {
+    edges: w.uniqBy(s, (c) => c.id),
     nodes: a,
     nodeMap: o
   };
@@ -28752,7 +28762,7 @@ const dM = {
     edges: t,
     nodes: n
   } = oM(e);
-  return /* @__PURE__ */ r.jsxs(Fx, { nodes: n, edges: t, onNodesChange: _.noop, onEdgesChange: _.noop, onConnect: _.noop, className: "interactions-viewer", fitView: !0, nodeTypes: dM, children: [
+  return /* @__PURE__ */ r.jsxs(Fx, { nodes: n, edges: t, onNodesChange: w.noop, onEdgesChange: w.noop, onConnect: w.noop, className: "interactions-viewer", fitView: !0, nodeTypes: dM, children: [
     /* @__PURE__ */ r.jsx(Ox, {}),
     /* @__PURE__ */ r.jsx($x, {}),
     /* @__PURE__ */ r.jsx(Px, {})
@@ -29040,7 +29050,7 @@ const mM = k(() => {
     ] }),
     /* @__PURE__ */ r.jsx(D, { label: "Width", description: "At least 160px", value: n.min_width, onChange: (o) => n.setMinWidth(o.currentTarget.value), placeholder: "default: 200px" }),
     /* @__PURE__ */ r.jsx(I, { label: "Configure options", labelPosition: "center" }),
-    /* @__PURE__ */ r.jsxs(w, { spacing: 10, sx: {
+    /* @__PURE__ */ r.jsxs(_, { spacing: 10, sx: {
       position: "relative",
       minHeight: "50px"
     }, children: [
@@ -29108,7 +29118,7 @@ const mM = k(() => {
     ] }),
     /* @__PURE__ */ r.jsx(D, { label: "Width", value: n.width, onChange: (o) => n.setWidth(o.currentTarget.value), placeholder: "200px" }),
     /* @__PURE__ */ r.jsx(I, { label: "Configure options", labelPosition: "center" }),
-    /* @__PURE__ */ r.jsxs(w, { spacing: 10, sx: {
+    /* @__PURE__ */ r.jsxs(_, { spacing: 10, sx: {
       position: "relative",
       minHeight: "50px"
     }, children: [
@@ -29252,7 +29262,7 @@ const mM = k(() => {
       maxWidth: "600px"
     }, children: [
       /* @__PURE__ */ r.jsx(j, { pb: "md", color: "gray", children: "Edit" }),
-      /* @__PURE__ */ r.jsxs(w, { children: [
+      /* @__PURE__ */ r.jsxs(_, { children: [
         /* @__PURE__ */ r.jsxs(b, { noWrap: !0, children: [
           /* @__PURE__ */ r.jsx(
             U,
@@ -29315,7 +29325,7 @@ const mM = k(() => {
       zIndex: 320
     });
   };
-  return /* @__PURE__ */ r.jsxs(w, { sx: {
+  return /* @__PURE__ */ r.jsxs(_, { sx: {
     maxWidth: "1100px",
     height: "100vh"
   }, spacing: "sm", pb: 30, children: [
@@ -29336,7 +29346,7 @@ const mM = k(() => {
   }, l = () => {
     t([]);
   };
-  return /* @__PURE__ */ r.jsxs(w, { sx: {
+  return /* @__PURE__ */ r.jsxs(_, { sx: {
     height: "100%"
   }, spacing: "sm", pb: "59px", children: [
     /* @__PURE__ */ r.jsx(z, { pt: 9, pb: 8, sx: {
@@ -29416,7 +29426,7 @@ const mM = k(() => {
       return !1;
     }
   }, [t, e.mock_context.current]);
-  return /* @__PURE__ */ r.jsxs(w, { sx: {
+  return /* @__PURE__ */ r.jsxs(_, { sx: {
     border: "1px solid #eee",
     borderLeft: "none",
     borderRight: "none",
@@ -29433,7 +29443,7 @@ const mM = k(() => {
       position: "relative",
       alignItems: "flex-start"
     }, children: [
-      /* @__PURE__ */ r.jsxs(w, { spacing: 10, sx: {
+      /* @__PURE__ */ r.jsxs(_, { spacing: 10, sx: {
         maxWidth: "unset !important"
       }, children: [
         /* @__PURE__ */ r.jsx(j, { children: "A valid json string is required" }),
@@ -29465,7 +29475,7 @@ const mM = k(() => {
   } = e;
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsx(I, { mb: -10, label: "Style", labelPosition: "center", variant: "dashed" }),
-    /* @__PURE__ */ r.jsxs(w, { spacing: 20, children: [
+    /* @__PURE__ */ r.jsxs(_, { spacing: 20, children: [
       /* @__PURE__ */ r.jsxs(b, { grow: !0, align: "top", children: [
         /* @__PURE__ */ r.jsx(U, { label: "Width", min: 1, max: 36, step: 1, precision: 0, rightSection: /* @__PURE__ */ r.jsx(j, { size: 12, children: "of 36 columns" }), styles: {
           rightSection: {
@@ -29500,7 +29510,7 @@ const mM = k(() => {
     s(t);
   }, [t]);
   const o = !n.trim();
-  return /* @__PURE__ */ r.jsxs(w, { spacing: 4, children: [
+  return /* @__PURE__ */ r.jsxs(_, { spacing: 4, children: [
     /* @__PURE__ */ r.jsxs(b, { align: "center", children: [
       /* @__PURE__ */ r.jsxs(j, { size: 14, fw: 500, children: [
         "Panel Name",
@@ -29514,7 +29524,7 @@ const mM = k(() => {
   const {
     panel: e
   } = It();
-  return /* @__PURE__ */ r.jsx(w, { spacing: 6, mb: 10, children: /* @__PURE__ */ r.jsxs(b, { pl: 6, position: "left", spacing: 20, children: [
+  return /* @__PURE__ */ r.jsx(_, { spacing: 6, mb: 10, children: /* @__PURE__ */ r.jsxs(b, { pl: 6, position: "left", spacing: 20, children: [
     /* @__PURE__ */ r.jsx(K, { size: "sm", checked: e.title.show, onChange: (t) => e.title.setShow(t.currentTarget.checked), label: "Show Title", sx: {
       userSelect: "none"
     } }),
@@ -29522,7 +29532,7 @@ const mM = k(() => {
   ] }) });
 });
 function VM() {
-  return /* @__PURE__ */ r.jsxs(w, { sx: {
+  return /* @__PURE__ */ r.jsxs(_, { sx: {
     height: "100%"
   }, children: [
     /* @__PURE__ */ r.jsx(FM, {}),
@@ -29703,7 +29713,7 @@ const qM = [{
     n && l();
   }, [l, n]);
   const d = !Array.isArray(i) || i.length === 0;
-  return /* @__PURE__ */ r.jsxs(w, { spacing: 0, sx: {
+  return /* @__PURE__ */ r.jsxs(_, { spacing: 0, sx: {
     height: "100%",
     border: "1px solid #eee"
   }, children: [
@@ -29734,8 +29744,8 @@ const qM = [{
     t.editor.setPath(["_QUERIES_", l]);
   };
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-    /* @__PURE__ */ r.jsx(mh, { opened: i, onClose: () => a(!1), title: "Choose queries", padding: "xl", size: 500, zIndex: 320, children: /* @__PURE__ */ r.jsx(K.Group, { value: [...s.queryIDs], onChange: s.setQueryIDs, children: /* @__PURE__ */ r.jsx(w, { spacing: "lg", children: n.queries.options.map((l) => /* @__PURE__ */ r.jsx(K, { label: l.label, value: l.value }, l.value)) }) }) }),
-    /* @__PURE__ */ r.jsxs(w, { spacing: 6, children: [
+    /* @__PURE__ */ r.jsx(mh, { opened: i, onClose: () => a(!1), title: "Choose queries", padding: "xl", size: 500, zIndex: 320, children: /* @__PURE__ */ r.jsx(K.Group, { value: [...s.queryIDs], onChange: s.setQueryIDs, children: /* @__PURE__ */ r.jsx(_, { spacing: "lg", children: n.queries.options.map((l) => /* @__PURE__ */ r.jsx(K, { label: l.label, value: l.value }, l.value)) }) }) }),
+    /* @__PURE__ */ r.jsxs(_, { spacing: 6, children: [
       /* @__PURE__ */ r.jsx(b, { position: "right", children: /* @__PURE__ */ r.jsx(C, { variant: "light", size: "sm", leftIcon: /* @__PURE__ */ r.jsx(fp, { size: 16 }), onClick: () => a(!0), children: "Click me to choose queries for this panel" }) }),
       s.queryIDs.length === 1 && /* @__PURE__ */ r.jsx(yi, { id: s.queryIDs[0], moreActions: /* @__PURE__ */ r.jsx(be, { label: "Open this query", children: /* @__PURE__ */ r.jsx(W, { variant: "subtle", color: "blue", onClick: () => o(s.queryIDs[0]), children: /* @__PURE__ */ r.jsx(ii, { size: 16 }) }) }) }),
       s.queryIDs.length > 1 && /* @__PURE__ */ r.jsxs(f, { defaultValue: s.queryIDs[0], children: [
@@ -29753,7 +29763,7 @@ const qM = [{
     flexGrow: 0,
     flexShrink: 0,
     width: "600px"
-  }, children: /* @__PURE__ */ r.jsxs(w, { mt: 24, spacing: 5, sx: {
+  }, children: /* @__PURE__ */ r.jsxs(_, { mt: 24, spacing: 5, sx: {
     width: "600px",
     height: "450px",
     background: "transparent",
@@ -29864,7 +29874,7 @@ function XM({
     a((p) => [...p, ""]);
   }, [a]), l = M.useCallback((p) => {
     a((x) => (x.splice(p, 1), [...x]));
-  }, [a]), c = M.useMemo(() => !_.isEqual(i, t), [i, t]), d = () => {
+  }, [a]), c = M.useMemo(() => !w.isEqual(i, t), [i, t]), d = () => {
     n(i.map((p) => p.toString()));
   }, u = tl(), h = M.useMemo(() => Object.entries(u.colors).map(([p, x]) => x[6]), [u]);
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
@@ -29893,7 +29903,7 @@ function ZM({
     o((h) => [...h, ""]);
   }, [o]), c = M.useCallback((h) => {
     o((p) => (p.splice(h, 1), [...p]));
-  }, [o]), d = M.useMemo(() => !_.isEqual(a.map(String), t.map(String)), [a, t]), u = () => {
+  }, [o]), d = M.useMemo(() => !w.isEqual(a.map(String), t.map(String)), [a, t]), u = () => {
     n(a.map((h) => s === "number" ? Number(h) : h.toString()));
   };
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
@@ -29917,8 +29927,8 @@ const eL = M.forwardRef(ZM), tL = M.forwardRef(function({
   onChange: n
 }, s) {
   const i = t.color.type, a = (l, c) => {
-    const d = _.cloneDeep(t);
-    _.set(d, l, c), n(d);
+    const d = w.cloneDeep(t);
+    w.set(d, l, c), n(d);
   }, o = (l) => {
     if (l === "static") {
       n({
@@ -29940,7 +29950,7 @@ const eL = M.forwardRef(ZM), tL = M.forwardRef(function({
     });
   };
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-    /* @__PURE__ */ r.jsx(w, { children: /* @__PURE__ */ r.jsx(D, { label: "Font Size", placeholder: "10px, 1em, 1rem, 100%...", sx: {
+    /* @__PURE__ */ r.jsx(_, { children: /* @__PURE__ */ r.jsx(D, { label: "Font Size", placeholder: "10px, 1em, 1rem, 100%...", sx: {
       flex: 1
     }, value: t.size, onChange: (l) => a("size", l.currentTarget.value) }) }),
     /* @__PURE__ */ r.jsx(b, { position: "apart", grow: !0, sx: {
@@ -29950,7 +29960,7 @@ const eL = M.forwardRef(ZM), tL = M.forwardRef(function({
       }
     }, children: /* @__PURE__ */ r.jsx(bd, { label: "Font Weight", value: t.weight, onChange: (l) => a("weight", l) }) }),
     /* @__PURE__ */ r.jsx(I, { mt: "lg", mb: 0, variant: "dashed", label: "Style", labelPosition: "center" }),
-    /* @__PURE__ */ r.jsxs(w, { children: [
+    /* @__PURE__ */ r.jsxs(_, { children: [
       /* @__PURE__ */ r.jsx(L, { label: "Color Type", data: [{
         label: "Static Color",
         value: "static"
@@ -29972,11 +29982,11 @@ const eL = M.forwardRef(ZM), tL = M.forwardRef(function({
   remove: i
 }, a) {
   const o = (l, c) => {
-    const d = _.cloneDeep(t);
-    _.set(d, l, c), n(d);
+    const d = w.cloneDeep(t);
+    w.set(d, l, c), n(d);
   };
-  return /* @__PURE__ */ r.jsxs(w, { ref: a, children: [
-    /* @__PURE__ */ r.jsxs(w, { spacing: "xs", px: "sm", py: "md", sx: {
+  return /* @__PURE__ */ r.jsxs(_, { ref: a, children: [
+    /* @__PURE__ */ r.jsxs(_, { spacing: "xs", px: "sm", py: "md", sx: {
       border: "1px solid #e9ecef"
     }, children: [
       /* @__PURE__ */ r.jsxs(b, { grow: !0, noWrap: !0, children: [
@@ -29997,7 +30007,7 @@ const eL = M.forwardRef(ZM), tL = M.forwardRef(function({
   ] });
 }), rL = k((e) => {
   const t = kt(() => cI(e.variable), [e.variable]), n = () => e.uiModel.remove(e.variable);
-  return /* @__PURE__ */ r.jsxs(w, { "data-testid": "variable-editor", align: "stretch", children: [
+  return /* @__PURE__ */ r.jsxs(_, { "data-testid": "variable-editor", align: "stretch", children: [
     /* @__PURE__ */ r.jsxs(b, { position: "apart", children: [
       /* @__PURE__ */ r.jsx(C, { variant: "subtle", size: "xs", disabled: !t.changed, color: "red", onClick: t.reset, leftIcon: /* @__PURE__ */ r.jsx(cs, { size: 18 }), children: "Revert Changes" }),
       /* @__PURE__ */ r.jsx(C, { variant: "filled", size: "xs", disabled: !t.changed, color: "green", onClick: t.commit, leftIcon: /* @__PURE__ */ r.jsx(Yt, { size: 18 }), children: "Save Changes" })
@@ -30009,7 +30019,7 @@ k((e) => {
   const {
     uiModel: t
   } = e;
-  return /* @__PURE__ */ r.jsx(w, { className: "var-list", children: t.variables.map((n) => /* @__PURE__ */ r.jsx(C, { variant: t.selected === n ? "filled" : "subtle", color: "gray", onClick: () => t.select(n), children: n.name }, n.name)) });
+  return /* @__PURE__ */ r.jsx(_, { className: "var-list", children: t.variables.map((n) => /* @__PURE__ */ r.jsx(C, { variant: t.selected === n ? "filled" : "subtle", color: "gray", onClick: () => t.select(n), children: n.name }, n.name)) });
 });
 const sL = k(({
   model: e
@@ -30023,7 +30033,7 @@ const sL = k(({
 }, children: "Add a Variable" }) })), iL = k(() => {
   var t;
   const e = YM();
-  return e.variableOptions.length === 0 ? /* @__PURE__ */ r.jsx(sL, { model: e }) : /* @__PURE__ */ r.jsxs(w, { children: [
+  return e.variableOptions.length === 0 ? /* @__PURE__ */ r.jsx(sL, { model: e }) : /* @__PURE__ */ r.jsxs(_, { children: [
     /* @__PURE__ */ r.jsxs(b, { position: "left", children: [
       /* @__PURE__ */ r.jsx(L, { label: "Variables", data: e.variableOptions, value: (t = e.selected) == null ? void 0 : t.name, onChange: e.selectByName, maxDropdownHeight: 600, sx: {
         flexGrow: 1
@@ -30042,7 +30052,7 @@ const sL = k(({
   const {
     panel: e
   } = It();
-  return Object.keys(e.variableStrings).length === 0 ? null : /* @__PURE__ */ r.jsxs(w, { mt: 22, spacing: 4, children: [
+  return Object.keys(e.variableStrings).length === 0 ? null : /* @__PURE__ */ r.jsxs(_, { mt: 22, spacing: 4, children: [
     /* @__PURE__ */ r.jsx(j, { size: "sm", fw: 500, color: "dimmed", children: "Variables" }),
     /* @__PURE__ */ r.jsx(sn, { language: "json", colorScheme: "dark", noCopy: !0, children: JSON.stringify(e.variableStrings, null, 4) })
   ] });
@@ -30057,7 +30067,7 @@ function oL() {
       label: n.displayName ?? n.name,
       group: n.displayGroup ?? ""
     }));
-    return _.orderBy(t, [(n) => n.group, (n) => n.label], ["asc", "asc"]);
+    return w.orderBy(t, [(n) => n.group, (n) => n.label], ["asc", "asc"]);
   }, [e]);
 }
 const lL = k(({
@@ -30133,13 +30143,13 @@ const uL = k(() => {
     conf: t.conf,
     setConf: t.setConf
   }) : null, c = o || l;
-  return /* @__PURE__ */ r.jsxs(w, { align: "stretch", sx: {
+  return /* @__PURE__ */ r.jsxs(_, { align: "stretch", sx: {
     height: "100%",
     overflow: "hidden"
   }, children: [
     /* @__PURE__ */ r.jsx(lL, { submit: s, value: t.type }),
     /* @__PURE__ */ r.jsxs(Ge, { children: [
-      /* @__PURE__ */ r.jsx(w, { pb: 10, sx: {
+      /* @__PURE__ */ r.jsx(_, { pb: 10, sx: {
         flexGrow: 1,
         maxHeight: "100%",
         overflow: "auto"
@@ -30163,7 +30173,7 @@ const uL = k(() => {
   };
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsx(C, { size: "xs", variant: "subtle", color: "blue", onClick: o, leftIcon: /* @__PURE__ */ r.jsx(Sl, { size: 14 }), children: "Move into Another View" }),
-    /* @__PURE__ */ r.jsx(ge, { opened: a, onClose: l, title: "Move panel into another view", zIndex: 320, children: /* @__PURE__ */ r.jsxs(w, { sx: {
+    /* @__PURE__ */ r.jsx(ge, { opened: a, onClose: l, title: "Move panel into another view", zIndex: 320, children: /* @__PURE__ */ r.jsxs(_, { sx: {
       maxHeight: "calc(100vh - 185px)",
       overflow: "hidden"
     }, children: [
@@ -30171,7 +30181,7 @@ const uL = k(() => {
         flexGrow: 1,
         maxHeight: "calc(100vh - 185px - 30px)",
         overflow: "auto"
-      }, children: /* @__PURE__ */ r.jsx(w, { spacing: "xs", children: n.views.options.map((d) => /* @__PURE__ */ r.jsx(Za, { value: d.value, label: d.label }, d.value)) }) }),
+      }, children: /* @__PURE__ */ r.jsx(_, { spacing: "xs", children: n.views.options.map((d) => /* @__PURE__ */ r.jsx(Za, { value: d.value, label: d.label }, d.value)) }) }),
       /* @__PURE__ */ r.jsxs(b, { noWrap: !0, position: "apart", sx: {
         flexGrow: 0,
         flexShrink: 0
@@ -30207,7 +30217,7 @@ const uL = k(() => {
     height: "100%",
     overflow: "auto"
   }, children: e }),
-  /* @__PURE__ */ r.jsxs(w, { justify: "flex-start", sx: {
+  /* @__PURE__ */ r.jsxs(_, { justify: "flex-start", sx: {
     alignSelf: "flex-start",
     width: "600px",
     flexGrow: 0,
@@ -30323,7 +30333,7 @@ const mL = k(({
   }, d = () => {
     t([]);
   }, u = s.content.queriesUsage;
-  return /* @__PURE__ */ r.jsxs(w, { sx: {
+  return /* @__PURE__ */ r.jsxs(_, { sx: {
     height: "100%"
   }, spacing: "sm", pb: "59px", children: [
     /* @__PURE__ */ r.jsx(z, { pt: 9, pb: 8, sx: {
@@ -30439,7 +30449,7 @@ const mL = k(({
   count: s,
   spacing: i = 16,
   pl: a = 0
-}) => /* @__PURE__ */ r.jsxs(w, { spacing: i, mt: 6, pl: a, children: [
+}) => /* @__PURE__ */ r.jsxs(_, { spacing: i, mt: 6, pl: a, children: [
   Array.from(new Array(s - 1), (o, l) => /* @__PURE__ */ r.jsx(eo, { width: e, height: n, radius: "xs" }, l)),
   /* @__PURE__ */ r.jsx(eo, { width: t, height: n, radius: "xs" })
 ] }), or = ({
@@ -30622,7 +30632,7 @@ const mL = k(({
   return t.loading || t.empty ? null : e.type === Me.MySQL ? /* @__PURE__ */ r.jsx(wL, { dataSource: e }) : e.type === Me.Postgresql ? /* @__PURE__ */ r.jsx(_L, { dataSource: e }) : null;
 }), CL = k(({
   dataSource: e
-}) => /* @__PURE__ */ r.jsxs(w, { spacing: 40, pt: 10, sx: {
+}) => /* @__PURE__ */ r.jsxs(_, { spacing: 40, pt: 10, sx: {
   flexGrow: 1,
   overflow: "auto",
   position: "relative"
@@ -30899,7 +30909,7 @@ const TL = k(({
     n(e.name);
   }, [e.name]), /* @__PURE__ */ r.jsx(Sn, { ml: 20, mt: 20, sx: {
     maxWidth: "600px"
-  }, children: /* @__PURE__ */ r.jsxs(w, { spacing: 10, sx: {
+  }, children: /* @__PURE__ */ r.jsxs(_, { spacing: 10, sx: {
     width: "100%"
   }, children: [
     /* @__PURE__ */ r.jsx(I, { mb: -10, variant: "dashed", label: "Basics", labelPosition: "center" }),
@@ -30979,7 +30989,7 @@ WHERE
     };
     return t && (l.sql_snippets = i.sqlSnippets.record), JSON.stringify(l, null, 2);
   })();
-  return /* @__PURE__ */ r.jsx(w, { sx: {
+  return /* @__PURE__ */ r.jsx(_, { sx: {
     overflow: "hidden",
     ...n
   }, children: /* @__PURE__ */ r.jsxs(f, { defaultValue: "guide", keepMounted: !1, children: [
@@ -30994,7 +31004,7 @@ WHERE
     /* @__PURE__ */ r.jsx(f.Panel, { value: "local_query_vars", pt: "xs", children: /* @__PURE__ */ r.jsx(sn, { language: "json", sx: {
       width: "100%"
     }, noCopy: !0, colorScheme: "dark", children: o }) }),
-    /* @__PURE__ */ r.jsx(f.Panel, { value: "global_sql_snippets", pt: "xs", children: /* @__PURE__ */ r.jsxs(w, { spacing: 10, children: [
+    /* @__PURE__ */ r.jsx(f.Panel, { value: "global_sql_snippets", pt: "xs", children: /* @__PURE__ */ r.jsxs(_, { spacing: 10, children: [
       /* @__PURE__ */ r.jsx(rs, { icon: /* @__PURE__ */ r.jsx(io, { size: 16 }), title: "Global SQL Snippets", children: "SQL snippets worth sharing between dashboards are managed in System Settings by admins." }),
       /* @__PURE__ */ r.jsx(VL, {})
     ] }) })
@@ -31045,7 +31055,7 @@ WHERE
   }, i = (a) => {
     n.setPath(["_VIEWS_", a]);
   };
-  return /* @__PURE__ */ r.jsx(w, { py: "sm", px: "md", children: /* @__PURE__ */ r.jsxs(We, { highlightOnHover: !0, sx: {
+  return /* @__PURE__ */ r.jsx(_, { py: "sm", px: "md", children: /* @__PURE__ */ r.jsxs(We, { highlightOnHover: !0, sx: {
     tableLayout: "fixed"
   }, children: [
     /* @__PURE__ */ r.jsx("thead", { children: /* @__PURE__ */ r.jsxs("tr", { children: [
@@ -31058,9 +31068,9 @@ WHERE
       /* @__PURE__ */ r.jsx("th", { children: "In View(s)" })
     ] }) }),
     /* @__PURE__ */ r.jsx("tbody", { children: t.map((a) => /* @__PURE__ */ r.jsxs("tr", { children: [
-      /* @__PURE__ */ r.jsx("td", { children: _.capitalize(a.type) }),
+      /* @__PURE__ */ r.jsx("td", { children: w.capitalize(a.type) }),
       /* @__PURE__ */ r.jsx("td", { children: /* @__PURE__ */ r.jsx(ni, { component: "button", type: "button", onClick: () => s(a), children: a.label }) }),
-      /* @__PURE__ */ r.jsx("td", { children: /* @__PURE__ */ r.jsxs(w, { align: "flex-start", justify: "flex-start", spacing: 2, children: [
+      /* @__PURE__ */ r.jsx("td", { children: /* @__PURE__ */ r.jsxs(_, { align: "flex-start", justify: "flex-start", spacing: 2, children: [
         a.views.map((o) => /* @__PURE__ */ r.jsx(ni, { component: "button", type: "button", onClick: () => i(o.id), children: /* @__PURE__ */ r.jsx(z, { children: o.label }) }, o.id)),
         a.views.length === 0 && /* @__PURE__ */ r.jsx(z, { children: "--" })
       ] }) })
@@ -31091,7 +31101,7 @@ WHERE
 }, WL = k(({
   queryModel: e
 }) => {
-  const t = T(() => _.groupBy(e.dependencies, "type"), [e.dependencies]), n = T(() => e.dependencies.some((i) => !i.valid), [e.dependencies]), s = e.dependencies.length > 0;
+  const t = T(() => w.groupBy(e.dependencies, "type"), [e.dependencies]), n = T(() => e.dependencies.some((i) => !i.valid), [e.dependencies]), s = e.dependencies.length > 0;
   return s ? /* @__PURE__ */ r.jsxs(Te, { withinPortal: !0, zIndex: 340, shadow: "md", disabled: !s, children: [
     /* @__PURE__ */ r.jsx(Te.Target, { children: /* @__PURE__ */ r.jsx(C, { size: "xs", variant: "subtle", color: n ? "red" : "green", disabled: !s, leftIcon: n ? /* @__PURE__ */ r.jsx(Cl, { size: 16 }) : /* @__PURE__ */ r.jsx(wp, { size: 16 }), children: "Dependency" }) }),
     /* @__PURE__ */ r.jsx(Te.Dropdown, { children: /* @__PURE__ */ r.jsx(it, { spacing: "md", size: 14, listStyleType: "none", children: Object.entries(t).map(([i, a]) => /* @__PURE__ */ r.jsxs(it.Item, { children: [
@@ -31126,7 +31136,7 @@ WHERE
     n(e.sql);
   }, [e.sql]);
   const o = t !== e.sql;
-  return /* @__PURE__ */ r.jsxs(w, { spacing: 4, sx: {
+  return /* @__PURE__ */ r.jsxs(_, { spacing: 4, sx: {
     height: "100%"
   }, children: [
     /* @__PURE__ */ r.jsxs(b, { mb: 6, position: "apart", sx: {
@@ -31200,7 +31210,7 @@ WHERE
   queryModel: e
 }) => {
   const t = ce();
-  return e.isTransform ? /* @__PURE__ */ r.jsxs(w, { py: 20, px: 20, sx: {
+  return e.isTransform ? /* @__PURE__ */ r.jsxs(_, { py: 20, px: 20, sx: {
     height: "100%"
   }, children: [
     /* @__PURE__ */ r.jsx(j, { size: "md", children: "Step 1: Pick queries for data input" }),
@@ -31234,13 +31244,13 @@ WHERE
       /* @__PURE__ */ r.jsx(f.Tab, { value: "Usage", disabled: o, children: /* @__PURE__ */ r.jsx(be, { label: "This query is not used for any filter or panel", disabled: !o, withinPortal: !0, children: /* @__PURE__ */ r.jsx(j, { children: "Usage" }) }) })
     ] }),
     /* @__PURE__ */ r.jsx(f.Panel, { value: "Configurations", pt: 0, p: 0, children: /* @__PURE__ */ r.jsx($L, { queryModel: e }) }),
-    e.typedAsSQL && /* @__PURE__ */ r.jsx(f.Panel, { value: "SQL", sx: nr, children: /* @__PURE__ */ r.jsx(w, { sx: {
+    e.typedAsSQL && /* @__PURE__ */ r.jsx(f.Panel, { value: "SQL", sx: nr, children: /* @__PURE__ */ r.jsx(_, { sx: {
       height: "100%"
     }, children: /* @__PURE__ */ r.jsx(KL, { queryModel: e }) }) }),
-    e.typedAsHTTP && /* @__PURE__ */ r.jsx(f.Panel, { value: "HTTP", sx: nr, children: /* @__PURE__ */ r.jsx(w, { sx: {
+    e.typedAsHTTP && /* @__PURE__ */ r.jsx(f.Panel, { value: "HTTP", sx: nr, children: /* @__PURE__ */ r.jsx(_, { sx: {
       height: "100%"
     }, children: /* @__PURE__ */ r.jsx(qL, { queryModel: e }) }) }),
-    e.isTransform && /* @__PURE__ */ r.jsx(f.Panel, { value: "Transform", sx: nr, children: /* @__PURE__ */ r.jsx(w, { sx: {
+    e.isTransform && /* @__PURE__ */ r.jsx(f.Panel, { value: "Transform", sx: nr, children: /* @__PURE__ */ r.jsx(_, { sx: {
       height: "100%"
     }, children: /* @__PURE__ */ r.jsx(XL, { queryModel: e }) }) }),
     /* @__PURE__ */ r.jsx(f.Panel, { value: "Data", sx: {
@@ -31290,7 +31300,7 @@ WHERE
       zIndex: 320
     });
   };
-  return /* @__PURE__ */ r.jsxs(w, { p: 20, sx: {
+  return /* @__PURE__ */ r.jsxs(_, { p: 20, sx: {
     maxWidth: "1100px",
     height: "100vh"
   }, spacing: "sm", children: [
@@ -31382,7 +31392,7 @@ WHERE
   }, d = () => {
     t([]);
   }, u = s.content.sqlSnippetsUsage;
-  return /* @__PURE__ */ r.jsxs(w, { sx: {
+  return /* @__PURE__ */ r.jsxs(_, { sx: {
     height: "100%"
   }, spacing: "sm", pb: "59px", children: [
     /* @__PURE__ */ r.jsx(z, { pt: 9, pb: 8, sx: {
@@ -31480,7 +31490,7 @@ WHERE
       zIndex: 320
     });
   };
-  return /* @__PURE__ */ r.jsxs(w, { sx: {
+  return /* @__PURE__ */ r.jsxs(_, { sx: {
     maxWidth: "600px",
     height: "100%"
   }, spacing: "sm", children: [
@@ -31522,7 +31532,7 @@ function pA(e) {
 function xA(e) {
   return e.length === 4 && e[0] === "_VIEWS_" && e[2] === "_PANELS_";
 }
-const mA = k(() => /* @__PURE__ */ r.jsx(w, { sx: {
+const mA = k(() => /* @__PURE__ */ r.jsx(_, { sx: {
   height: "100%"
 }, p: "sm", children: /* @__PURE__ */ r.jsx(Tu, {}) })), fA = k(() => {
   const e = le().editor, t = e.path;