@devtable/dashboard 10.18.0 → 10.18.1

package/dist/dashboard.es.js

@@ -2,10 +2,10 @@ var Uu = Object.defineProperty;
 var Xu = (e, t, n) => t in e ? Uu(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var H = (e, t, n) => (Xu(e, typeof t != "symbol" ? t + "" : t, n), n);
 import R, { useState as U, useEffect as W, useCallback as ot, useMemo as z, forwardRef as Se, createElement as Zr, useContext as Yt, useRef as ei, createContext as al, memo as Ju } from "react";
-import { Select as P, Stack as S, Text as C, Group as v, TextInput as $, Button as M, Box as F, Switch as Je, NumberInput as se, Divider as E, Table as Ot, ActionIcon as Q, MultiSelect as lr, Paper as jo, Code as us, Modal as ze, Tabs as g, LoadingOverlay as Sn, Alert as Go, useMantineTheme as sl, ColorInput as Yo, ColorSwatch as Ki, Slider as Zu, Overlay as an, Checkbox as ve, Center as kn, CheckIcon as eh, MANTINE_SIZES as th, SimpleGrid as nn, Tooltip as Ve, SegmentedControl as nh, HoverCard as it, Anchor as Ui, Textarea as rh, Collapse as Ho, Mark as ih, NativeSelect as ll, createStyles as qn, Popover as Ei, Flex as Wn, Badge as cr, CloseButton as cl, Menu as he, Affix as oh, Header as ah, ThemeIcon as Ri, List as hs, UnstyledButton as sh, Navbar as qt, JsonInput as dl, Drawer as lh, Radio as ps, Skeleton as fs, NavLink as Xi, Pagination as ch, AppShell as ul } from "@mantine/core";
+import { Select as P, Stack as S, Text as C, Group as v, TextInput as $, Button as M, Box as F, Switch as Je, NumberInput as se, Divider as E, Table as Ft, ActionIcon as Q, MultiSelect as lr, Paper as jo, Code as us, Modal as ze, Tabs as g, LoadingOverlay as Sn, Alert as Go, useMantineTheme as sl, ColorInput as Yo, ColorSwatch as Ki, Slider as Zu, Overlay as sn, Checkbox as ve, Center as kn, CheckIcon as eh, MANTINE_SIZES as th, SimpleGrid as rn, Tooltip as Ve, SegmentedControl as nh, HoverCard as it, Anchor as Ui, Textarea as rh, Collapse as Ho, Mark as ih, NativeSelect as ll, createStyles as qn, Popover as Ei, Flex as Wn, Badge as cr, CloseButton as cl, Menu as he, Affix as oh, Header as ah, ThemeIcon as Ri, List as hs, UnstyledButton as sh, Navbar as Wt, JsonInput as dl, Drawer as lh, Radio as ps, Skeleton as fs, NavLink as Xi, Pagination as ch, AppShell as ul } from "@mantine/core";
 import { useModals as Ht, ModalsProvider as hl } from "@mantine/modals";
 import { useBoolean as Ze, useCreation as Tt, useAsyncEffect as br, useRequest as vn, useLatest as ms, usePrevious as dh } from "ahooks";
-import { observable as pl, runInAction as ir, toJS as sn, reaction as kt, makeAutoObservable as yr } from "mobx";
+import { observable as pl, runInAction as ir, toJS as Qt, reaction as xt, makeAutoObservable as yr } from "mobx";
 import { observer as D } from "mobx-react-lite";
 import fl from "crypto-js";
 import ee from "dayjs";
@@ -15,23 +15,23 @@ import * as wh from "d3-array";
 import { quantile as Lr } from "d3-array";
 import * as Ar from "mathjs";
 import { faker as _h } from "@faker-js/faker";
-import en from "axios";
+import tn from "axios";
 import gs from "eventemitter2";
 import dr, { random as ti } from "chroma-js";
 import "echarts-gl";
 import * as ye from "echarts/core";
-import { GridComponent as xt, VisualMapComponent as ni, LegendComponent as vt, TooltipComponent as wt, DataZoomComponent as Qt, MarkLineComponent as ri, MarkAreaComponent as Uo, CalendarComponent as Ch } from "echarts/components";
+import { GridComponent as vt, VisualMapComponent as ni, LegendComponent as wt, TooltipComponent as _t, DataZoomComponent as Kt, MarkLineComponent as ri, MarkAreaComponent as Uo, CalendarComponent as Ch } from "echarts/components";
 import { CanvasRenderer as dt } from "echarts/renderers";
 import ut from "echarts-for-react/lib/core";
 import { useForm as Ee, Controller as y, useFieldArray as Ae, useWatch as Sh } from "react-hook-form";
-import { DeviceFloppy as we, ArrowRight as Oi, Trash as ge, AlertCircle as kh, PlaylistAdd as ii, Recycle as It, InfoCircle as Tn, Plus as He, Calendar as Th, Refresh as Xo, Download as Jo, ArrowsMaximize as _l, Settings as Cl, Copy as Dh, ArrowLeft as Ih, ArrowsMove as Mh, ChevronDownRight as zh, ChevronsUpRight as $h, ArrowBarToRight as Lh } from "tabler-icons-react";
+import { DeviceFloppy as we, ArrowRight as Oi, Trash as ge, AlertCircle as kh, PlaylistAdd as ii, Recycle as It, InfoCircle as Tn, Plus as Qe, Calendar as Th, Refresh as Xo, Download as Jo, ArrowsMaximize as _l, Settings as Cl, Copy as Dh, ArrowLeft as Ih, ArrowsMove as Mh, ChevronDownRight as zh, ChevronsUpRight as $h, ArrowBarToRight as Lh } from "tabler-icons-react";
 import { BoxplotChart as Ah, BarChart as jn, LineChart as Gn, ScatterChart as oi, FunnelChart as Eh, HeatmapChart as Zo, PieChart as Rh, RadarChart as Oh, SunburstChart as Fh } from "echarts/charts";
-import { IconDeviceFloppy as ln, IconInfoCircle as Dn, IconPlus as Ft, IconTextSize as Sl, IconBorderAll as Ph, IconTrash as Nn, IconArrowDown as Vh, IconArrowUp as Nh, IconCamera as ai, IconShare3 as Bh, IconDownload as kl, IconCode as Tl, IconArrowsLeftRight as qh, IconVariable as Dl, IconCodeDots as Wh, IconFilter as Il, IconCopy as jh, IconDatabase as si, IconBoxMultiple as Ml, IconMenu2 as Gh, IconCaretDown as Yh, IconRecycle as ea, IconAlertTriangle as zl, IconArrowLeft as Hh, IconPlaylistAdd as Qh, IconCircleDashed as Kh, IconCircleDot as Uh, IconCircleOff as Xh, IconAdjustments as Jh, IconLink as Zh, IconSettings as ep, IconLine as tp, IconArrowCurveRight as bs, IconX as $l, IconEye as Ll, IconTable as np, IconColumns as rp, IconPlayerSkipBack as Al, IconAlertCircle as ys, IconVariablePlus as ip } from "@tabler/icons-react";
+import { IconDeviceFloppy as ln, IconInfoCircle as Dn, IconPlus as Pt, IconTextSize as Sl, IconBorderAll as Ph, IconTrash as Nn, IconArrowDown as Vh, IconArrowUp as Nh, IconCamera as ai, IconShare3 as Bh, IconDownload as kl, IconCode as Tl, IconArrowsLeftRight as qh, IconVariable as Dl, IconCodeDots as Wh, IconFilter as Il, IconCopy as jh, IconDatabase as si, IconBoxMultiple as Ml, IconMenu2 as Gh, IconCaretDown as Yh, IconRecycle as ea, IconAlertTriangle as zl, IconArrowLeft as Hh, IconPlaylistAdd as Qh, IconCircleDashed as Kh, IconCircleDot as Uh, IconCircleOff as Xh, IconAdjustments as Jh, IconLink as Zh, IconSettings as ep, IconLine as tp, IconArrowCurveRight as bs, IconX as $l, IconEye as Ll, IconTable as np, IconColumns as rp, IconPlayerSkipBack as Al, IconAlertCircle as ys, IconVariablePlus as ip } from "@tabler/icons-react";
 import { useClipboard as op, randomId as _n, useElementSize as ur, useInputState as El, useDisclosure as Rl } from "@mantine/hooks";
 import { showNotification as li } from "@mantine/notifications";
 import { interpolate as In } from "popmotion";
 import ht, { loader as Fi } from "@monaco-editor/react";
-import * as tn from "d3-regression";
+import * as nn from "d3-regression";
 import { Prism as Cn } from "@mantine/prism";
 import { RichTextEditor as oe, Link as Ol, useRichTextEditorContext as ap } from "@mantine/tiptap";
 import { Color as Fl } from "@tiptap/extension-color";
@@ -57,13 +57,13 @@ import { DatePickerInput as Ip } from "@mantine/dates";
 import Mp, { Option as zp } from "rc-select";
 import $p, { SHOW_PARENT as Lp } from "rc-tree-select";
 import ec, { WidthProvider as tc } from "react-grid-layout";
-import { types as b, cast as rn, getParent as Ue, getRoot as Me, addDisposer as Wt, isAlive as vs, flow as Pn, toGenerator as fn, clone as Ap, getSnapshot as At, applySnapshot as st, addMiddleware as Ep, getType as Rp, detach as Op, castToSnapshot as nc } from "mobx-state-tree";
+import { types as b, cast as on, getParent as He, getRoot as Te, addDisposer as Et, isAlive as vs, flow as Pn, toGenerator as fn, clone as Ap, getSnapshot as At, applySnapshot as st, addMiddleware as Ep, getType as Rp, detach as Op, castToSnapshot as nc } from "mobx-state-tree";
 import { arrayToTree as Fp } from "performant-array-to-tree";
 import Pp from "jszip";
 import { saveAs as ta } from "file-saver";
 import rc from "dom-to-image-more";
 import { useNavigate as Vp } from "react-router-dom";
-import Np, { Position as St, Handle as ws, MiniMap as Bp, Controls as qp, Background as Wp } from "reactflow";
+import Np, { Position as kt, Handle as ws, MiniMap as Bp, Controls as qp, Background as Wp } from "reactflow";
 var ue = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, hr = {}, jp = {
   get exports() {
     return hr;
@@ -201,14 +201,14 @@ function Yp() {
         }
       return null;
     }
-    var Le = Object.assign, Ke = 0, Te, Fe, De, tt, gt, hn, _r;
+    var Le = Object.assign, Ue = 0, De, Fe, Ie, tt, gt, hn, _r;
     function Cr() {
     }
     Cr.__reactDisabledLog = !0;
     function Di() {
       {
-        if (Ke === 0) {
-          Te = console.log, Fe = console.info, De = console.warn, tt = console.error, gt = console.group, hn = console.groupCollapsed, _r = console.groupEnd;
+        if (Ue === 0) {
+          De = console.log, Fe = console.info, Ie = console.warn, tt = console.error, gt = console.group, hn = console.groupCollapsed, _r = console.groupEnd;
           var _ = {
             configurable: !0,
             enumerable: !0,
@@ -225,12 +225,12 @@ function Yp() {
             groupEnd: _
           });
         }
-        Ke++;
+        Ue++;
       }
     }
     function Ii() {
       {
-        if (Ke--, Ke === 0) {
+        if (Ue--, Ue === 0) {
           var _ = {
             configurable: !0,
             enumerable: !0,
@@ -238,13 +238,13 @@ function Yp() {
           };
           Object.defineProperties(console, {
             log: Le({}, _, {
-              value: Te
+              value: De
             }),
             info: Le({}, _, {
               value: Fe
             }),
             warn: Le({}, _, {
-              value: De
+              value: Ie
             }),
             error: Le({}, _, {
               value: tt
@@ -260,11 +260,11 @@ function Yp() {
             })
           });
         }
-        Ke < 0 && L("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        Ue < 0 && L("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
     var Un = I.ReactCurrentDispatcher, $n;
-    function Ut(_, V, q) {
+    function Xt(_, V, q) {
       {
         if ($n === void 0)
           try {
@@ -277,16 +277,16 @@ function Yp() {
 ` + $n + _;
       }
     }
-    var pn = !1, Xt;
+    var pn = !1, Jt;
     {
       var Ln = typeof WeakMap == "function" ? WeakMap : Map;
-      Xt = new Ln();
+      Jt = new Ln();
     }
     function An(_, V) {
       if (!_ || pn)
         return "";
       {
-        var q = Xt.get(_);
+        var q = Jt.get(_);
         if (q !== void 0)
           return q;
       }
@@ -308,29 +308,29 @@ function Yp() {
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
               Reflect.construct(de, []);
-            } catch (Nt) {
-              ne = Nt;
+            } catch (Bt) {
+              ne = Bt;
             }
             Reflect.construct(_, [], de);
           } else {
             try {
               de.call();
-            } catch (Nt) {
-              ne = Nt;
+            } catch (Bt) {
+              ne = Bt;
             }
             _.call(de.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (Nt) {
-            ne = Nt;
+          } catch (Bt) {
+            ne = Bt;
           }
           _();
         }
-      } catch (Nt) {
-        if (Nt && ne && typeof Nt.stack == "string") {
-          for (var ae = Nt.stack.split(`
+      } catch (Bt) {
+        if (Bt && ne && typeof Bt.stack == "string") {
+          for (var ae = Bt.stack.split(`
 `), rt = ne.stack.split(`
 `), Pe = ae.length - 1, Be = rt.length - 1; Pe >= 1 && Be >= 0 && ae[Pe] !== rt[Be]; )
             Be--;
@@ -341,7 +341,7 @@ function Yp() {
                   if (Pe--, Be--, Be < 0 || ae[Pe] !== rt[Be]) {
                     var bt = `
 ` + ae[Pe].replace(" at new ", " at ");
-                    return _.displayName && bt.includes("<anonymous>") && (bt = bt.replace("<anonymous>", _.displayName)), typeof _ == "function" && Xt.set(_, bt), bt;
+                    return _.displayName && bt.includes("<anonymous>") && (bt = bt.replace("<anonymous>", _.displayName)), typeof _ == "function" && Jt.set(_, bt), bt;
                   }
                 while (Pe >= 1 && Be >= 0);
               break;
@@ -350,8 +350,8 @@ function Yp() {
       } finally {
         pn = !1, Un.current = Ce, Ii(), Error.prepareStackTrace = pe;
       }
-      var Rn = _ ? _.displayName || _.name : "", ds = Rn ? Ut(Rn) : "";
-      return typeof _ == "function" && Xt.set(_, ds), ds;
+      var Rn = _ ? _.displayName || _.name : "", ds = Rn ? Xt(Rn) : "";
+      return typeof _ == "function" && Jt.set(_, ds), ds;
     }
     function Xn(_, V, q) {
       return An(_, !1);
@@ -360,29 +360,29 @@ function Yp() {
       var V = _.prototype;
       return !!(V && V.isReactComponent);
     }
-    function Jt(_, V, q) {
+    function Zt(_, V, q) {
       if (_ == null)
         return "";
       if (typeof _ == "function")
         return An(_, Jn(_));
       if (typeof _ == "string")
-        return Ut(_);
+        return Xt(_);
       switch (_) {
         case d:
-          return Ut("Suspense");
+          return Xt("Suspense");
         case p:
-          return Ut("SuspenseList");
+          return Xt("SuspenseList");
       }
       if (typeof _ == "object")
         switch (_.$$typeof) {
           case c:
             return Xn(_.render);
           case h:
-            return Jt(_.type, V, q);
+            return Zt(_.type, V, q);
           case f: {
             var ne = _, pe = ne._payload, Ce = ne._init;
             try {
-              return Jt(Ce(pe), V, q);
+              return Zt(Ce(pe), V, q);
             } catch {
             }
           }
@@ -392,7 +392,7 @@ function Yp() {
     var Zn = Object.prototype.hasOwnProperty, Ja = {}, Za = I.ReactDebugCurrentFrame;
     function Sr(_) {
       if (_) {
-        var V = _._owner, q = Jt(_.type, _._source, V ? V.type : null);
+        var V = _._owner, q = Zt(_.type, _._source, V ? V.type : null);
         Za.setExtraStackFrame(q);
       } else
         Za.setExtraStackFrame(null);
@@ -541,7 +541,7 @@ function Yp() {
     var $i = I.ReactCurrentOwner, is = I.ReactDebugCurrentFrame;
     function En(_) {
       if (_) {
-        var V = _._owner, q = Jt(_.type, _._source, V ? V.type : null);
+        var V = _._owner, q = Zt(_.type, _._source, V ? V.type : null);
         is.setExtraStackFrame(q);
       } else
         is.setExtraStackFrame(null);
@@ -855,7 +855,7 @@ const lt = {
         headers: s,
         signal: t
       };
-      return ["POST", "PUT"].includes(e) && (l.data = o.string ? JSON.stringify(r) : r, l.data.authentication = this.getAuthentication(l.data)), en(l).then((c) => c.data).catch((c) => Promise.reject(c));
+      return ["POST", "PUT"].includes(e) && (l.data = o.string ? JSON.stringify(r) : r, l.data.authentication = this.getAuthentication(l.data)), tn(l).then((c) => c.data).catch((c) => Promise.reject(c));
     };
   },
   makeQueryENV: null,
@@ -956,7 +956,7 @@ class ac {
     return Promise.resolve(n);
   }
   getValueFromRoot(t) {
-    return t === null ? sn(this.rootRef.current) : ce(this.rootRef.current, [t]);
+    return t === null ? Qt(this.rootRef.current) : ce(this.rootRef.current, [t]);
   }
   setItem(t, n) {
     if (t === null)
@@ -973,7 +973,7 @@ class ac {
     return Promise.resolve(this.getItem(t));
   }
   watchItem(t, n, r) {
-    return kt(() => this.getValueFromRoot(t), (o, a) => {
+    return xt(() => this.getValueFromRoot(t), (o, a) => {
       n(o, a);
     }, {
       requiresObservable: !0,
@@ -1124,7 +1124,7 @@ class pf {
     this.symbol = Symbol(t);
   }
 }
-function Bt(e) {
+function qt(e) {
   return new pf(e);
 }
 class oa {
@@ -1164,7 +1164,7 @@ class oa {
     }), this.instanceRegistry.clear(), this.factoryRegistry.clear();
   }
 }
-const cc = "10.18.0", ff = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const cc = "10.18.1", ff = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   version: cc
 }, Symbol.toStringTag, { value: "Module" }));
@@ -1354,7 +1354,7 @@ function Er(e, t) {
   } = G(t);
   return e[r];
 }
-ye.use([xt, ni, vt, wt, dt]);
+ye.use([vt, ni, wt, _t, dt]);
 function vf({
   context: e
 }) {
@@ -1442,7 +1442,7 @@ function gc() {
     throw new Error("Please use ContentModelContextProvider");
   return e;
 }
-const _e = () => gc(), Qe = () => gc(), wf = {
+const _e = () => gc(), Ke = () => gc(), wf = {
   inEditMode: !1
 }, sa = R.createContext(wf), bc = R.createContext({
   panel: null,
@@ -1458,7 +1458,7 @@ function xc() {
     throw new Error("Please use PanelContextProvider");
   return e;
 }
-const Mn = () => xc(), Pt = () => xc(), _f = {
+const Mn = () => xc(), Vt = () => xc(), _f = {
   fullScreenPanelID: "",
   setFullScreenPanelID: k.noop
 }, vc = R.createContext(_f);
@@ -1479,7 +1479,7 @@ const X = D(Se(({
 }, l) => {
   const {
     panel: c
-  } = Pt(), d = R.useMemo(() => {
+  } = Vt(), d = R.useMemo(() => {
     const p = [...c.dataFieldOptions];
     return o && p.unshift({
       label: "unset",
@@ -1739,7 +1739,7 @@ function If({
     ] })
   ] });
 }
-const _t = R.forwardRef(If), Et = {
+const Ct = R.forwardRef(If), Rt = {
   enabled: !1,
   func_content: ["function label(value, index) {", "    // your code goes here", "    // return value", "}"].join(`
 `)
@@ -1847,7 +1847,7 @@ const $f = [{
     ellipsis: "..."
   }
 };
-function on({
+function an({
   overflow: e,
   width: t
 }) {
@@ -1868,7 +1868,7 @@ function on({
     text-overflow: ${o};
   `;
 }
-function Kt(e) {
+function Ut(e) {
   return {
     width: e.width,
     overflow: e.overflow,
@@ -1882,7 +1882,7 @@ const la = {
     axisLabel: {
       rotate: 0,
       formatter: {
-        ...Et
+        ...Rt
       },
       overflow: Dt
     }
@@ -2156,7 +2156,7 @@ const Wf = {
       }
     });
   };
-  return /* @__PURE__ */ u(Ot, { sx: jf, children: [
+  return /* @__PURE__ */ u(Ft, { sx: jf, children: [
     /* @__PURE__ */ i("thead", { children: /* @__PURE__ */ u("tr", { children: [
       /* @__PURE__ */ i("th", { children: "Set filter" }),
       /* @__PURE__ */ i("th", { children: "with" })
@@ -2315,7 +2315,7 @@ class tm {
       const r = bl(n).map((o) => ({
         id: ce(o, "id"),
         schemaRef: ce(o, "schemaRef"),
-        config: sn(ce(o, "data.config"))
+        config: Qt(ce(o, "data.config"))
       }));
       t(r);
     }, {
@@ -2676,7 +2676,7 @@ const gm = D(({
     data: t
   } = Mn(), n = e.viz, {
     vizManager: r
-  } = Yt(Vt), o = e.json, a = Tt(() => r.getOrCreateInstance(o), [r, o]), s = Tt(() => new da(a, r.resolveComponent(n.type), ui), [a, n.type]);
+  } = Yt(Nt), o = e.json, a = Tt(() => r.getOrCreateInstance(o), [r, o]), s = Tt(() => new da(a, r.resolveComponent(n.type), ui), [a, n.type]);
   return W(() => a.instanceData.watchItem(
     null,
     // avoid too many updates
@@ -2830,7 +2830,7 @@ const km = (e, t) => {
     </tr>`), r = Sm(t);
   return n.unshift(r.greater), n.push(r.less), `
     <div style="text-align: left; margin-bottom: .5em; padding: 0 1em .5em; font-weight: bold; border-bottom: 1px dashed #ddd;">
-      <div style="${on(e.x_axis.axisLabel.overflow.in_tooltip)}">${t.name}</div>
+      <div style="${an(e.x_axis.axisLabel.overflow.in_tooltip)}">${t.name}</div>
     </div>
     <table style="width: auto">
       <tbody>
@@ -2849,7 +2849,7 @@ const km = (e, t) => {
   }
 };
 function Dm(e, t) {
-  const n = on(e.x_axis.axisLabel.overflow.in_tooltip), r = [`<tr>
+  const n = an(e.x_axis.axisLabel.overflow.in_tooltip), r = [`<tr>
       <th style="text-align: right; padding: 0 1em;">Outlier</th>
       <td style="text-align: left; padding: 0 1em;">${t[1]}</td>
     </tr>
@@ -2992,7 +2992,7 @@ function Em({
 }, n) {
   const {
     colorManager: r
-  } = Yt(Vt), o = R.useMemo(() => r.getStaticColors().map((l) => ({
+  } = Yt(Nt), o = R.useMemo(() => r.getStaticColors().map((l) => ({
     label: l.name,
     group: l.category,
     // todo: select color by reference instead of value, e.g. $category.name
@@ -3148,7 +3148,7 @@ R.forwardRef(function({
     ] }),
     /* @__PURE__ */ i(hi, { label: "Aggregation", value: t.aggregation, onChange: (s) => a("aggregation", s) }),
     /* @__PURE__ */ i(E, { my: "xs", label: "Format", labelPosition: "center" }),
-    /* @__PURE__ */ i(_t, { value: t.formatter, onChange: (s) => a("formatter", s) }),
+    /* @__PURE__ */ i(Ct, { value: t.formatter, onChange: (s) => a("formatter", s) }),
     r && /* @__PURE__ */ i(Sc, { value: t, onChange: n })
   ] });
 });
@@ -3364,7 +3364,7 @@ function Um({
     x_axis: r,
     y_axis: o,
     reference_lines: a
-  } = e, s = wm(e, t), l = Kt(r.axisLabel.overflow.on_axis), c = Cm(e);
+  } = e, s = wm(e, t), l = Ut(r.axisLabel.overflow.on_axis), c = Cm(e);
   return {
     grid: Km(e),
     dataset: s,
@@ -3411,7 +3411,7 @@ function Um({
     series: [...c, ...Qm(a, n, t)]
   };
 }
-ye.use([Qt, Ah, ri, xt, vt, wt, dt]);
+ye.use([Kt, Ah, ri, vt, wt, _t, dt]);
 function Xm({
   context: e,
   instance: t
@@ -3528,7 +3528,7 @@ const eg = ({
 }) => /* @__PURE__ */ u(F, { sx: {
   position: "relative"
 }, children: [
-  e && /* @__PURE__ */ i(an, { opacity: 0.6, color: "#fff", zIndex: 5, blur: 2 }),
+  e && /* @__PURE__ */ i(sn, { opacity: 0.6, color: "#fff", zIndex: 5, blur: 2 }),
   /* @__PURE__ */ i(ht, { height: "500px", defaultLanguage: "javascript", value: t, onChange: (o) => {
     o && n(o);
   }, theme: "vs-dark", options: {
@@ -3571,7 +3571,7 @@ const eg = ({
       func_content: m
     }));
   }, f = () => {
-    h(Et.func_content);
+    h(Rt.func_content);
   };
   return /* @__PURE__ */ u(Y, { children: [
     /* @__PURE__ */ i(M, { variant: "filled", mt: 24, onClick: o, sx: {
@@ -3648,7 +3648,7 @@ const eg = ({
     /* @__PURE__ */ i(E, { mb: -15, variant: "dashed", label: "Label Format", labelPosition: "center" }),
     /* @__PURE__ */ i(y, { name: "y_axis.label_formatter", control: e, render: ({
       field: n
-    }) => /* @__PURE__ */ i(_t, { ...n }) })
+    }) => /* @__PURE__ */ i(Ct, { ...n }) })
   ] })
 ] })), rg = ({
   control: e,
@@ -3713,7 +3713,7 @@ const eg = ({
     }, children: [
       /* @__PURE__ */ u(g.List, { children: [
         s.map((h, f) => /* @__PURE__ */ i(g.Tab, { value: h.id, children: h.name ? h.name : f }, h.id)),
-        /* @__PURE__ */ i(g.Tab, { onClick: l, value: "add", children: /* @__PURE__ */ i(He, { size: 18, color: "#228be6" }) })
+        /* @__PURE__ */ i(g.Tab, { onClick: l, value: "add", children: /* @__PURE__ */ i(Qe, { size: 18, color: "#228be6" }) })
       ] }),
       s.map((h, f) => /* @__PURE__ */ i(g.Panel, { value: h.id, children: /* @__PURE__ */ i(rg, { control: e, index: f, remove: o }, h.id) }, h.id))
     ] })
@@ -3838,7 +3838,7 @@ function ug(e) {
   const t = {
     rotate: 0,
     formatter: {
-      ...Et
+      ...Rt
     }
   }, {
     axisLabel: n = t,
@@ -4085,7 +4085,7 @@ const ha = {
   const n = zt({
     vizManager: e.vizManager,
     instance: t
-  }), r = Mt(n.triggerManager, Tc.id), o = Qe(), {
+  }), r = Mt(n.triggerManager, Tc.id), o = Ke(), {
     value: a
   } = J(e.instanceData, "config"), s = z(() => $e({}, a, ha), [a]), {
     content: l,
@@ -4207,7 +4207,7 @@ function zg({
         field: f
       }) => /* @__PURE__ */ i($, { label: "Content Template", description: "Filter values & context entries are supported", ...f, required: !0 }) }),
       /* @__PURE__ */ i(E, { mt: "xs", mb: 0, label: "Styles", labelPosition: "center", variant: "dashed" }),
-      /* @__PURE__ */ u(nn, { cols: 2, children: [
+      /* @__PURE__ */ u(rn, { cols: 2, children: [
         /* @__PURE__ */ i(
           y,
           {
@@ -4222,7 +4222,7 @@ function zg({
           field: f
         }) => /* @__PURE__ */ i(Sg, { label: "Theme", ...f }) })
       ] }),
-      /* @__PURE__ */ u(nn, { cols: 2, children: [
+      /* @__PURE__ */ u(rn, { cols: 2, children: [
         /* @__PURE__ */ i(y, { control: a, name: "size", render: ({
           field: f
         }) => /* @__PURE__ */ i(Tg, { label: "Size", ...f }) }),
@@ -4230,7 +4230,7 @@ function zg({
           field: f
         }) => /* @__PURE__ */ i(ve, { label: "Compact", checked: f.value, onChange: (m) => f.onChange(m.currentTarget.checked), mt: 26 }) })
       ] }),
-      /* @__PURE__ */ u(nn, { cols: 2, children: [
+      /* @__PURE__ */ u(rn, { cols: 2, children: [
         /* @__PURE__ */ i(
           y,
           {
@@ -4352,7 +4352,7 @@ const Kn = {
     axisLabel: {
       rotate: 0,
       formatter: {
-        ...Et
+        ...Rt
       },
       overflow: Dt
     }
@@ -4445,13 +4445,13 @@ function Pg(e) {
 function gi(e, t) {
   switch (e.config.method) {
     case "linear":
-      return [...tn.regressionLinear()(t)];
+      return [...nn.regressionLinear()(t)];
     case "exponential":
-      return [...tn.regressionExp()(t)];
+      return [...nn.regressionExp()(t)];
     case "logarithmic":
-      return [...tn.regressionLog()(t)];
+      return [...nn.regressionLog()(t)];
     case "polynomial":
-      return [...tn.regressionPoly().order(e.config.order)(t)];
+      return [...nn.regressionPoly().order(e.config.order)(t)];
     default:
       return [];
   }
@@ -4746,7 +4746,7 @@ function Xg(e, t, n) {
         })}</td>
         </tr>
         `;
-      }), l = on(e.x_axis.axisLabel.overflow.in_tooltip), c = Ug(a, e);
+      }), l = an(e.x_axis.axisLabel.overflow.in_tooltip), c = Ug(a, e);
       return `
       <div style="text-align: left; margin-bottom: .5em; padding: 0 1em .5em; font-weight: bold; border-bottom: 1px dashed #ddd;">
         <div style="${l}">${c}</div>
@@ -4789,7 +4789,7 @@ function Zg(e, t) {
   const {
     overflow: n,
     ...r
-  } = e.x_axis.axisLabel, o = Kt(n.on_axis);
+  } = e.x_axis.axisLabel, o = Ut(n.on_axis);
   return [{
     data: t,
     name: e.x_axis_name ?? "",
@@ -4882,7 +4882,7 @@ function ks(e) {
     series: n
   });
 }
-ye.use([Qt, jn, Gn, oi, xt, vt, wt, dt, ri, Uo]);
+ye.use([Kt, jn, Gn, oi, vt, wt, _t, dt, ri, Uo]);
 function Ts(e) {
   return e.trim().length > 0;
 }
@@ -5101,7 +5101,7 @@ function lb({
   }, children: [
     /* @__PURE__ */ u(g.List, { children: [
       l.map((p, h) => /* @__PURE__ */ i(g.Tab, { value: h.toString(), children: h + 1 }, h)),
-      /* @__PURE__ */ i(g.Tab, { onClick: c, value: "add", children: /* @__PURE__ */ i(He, { size: 18, color: "#228be6" }) })
+      /* @__PURE__ */ i(g.Tab, { onClick: c, value: "add", children: /* @__PURE__ */ i(Qe, { size: 18, color: "#228be6" }) })
     ] }),
     l.map((p, h) => /* @__PURE__ */ i(g.Panel, { value: h.toString(), children: /* @__PURE__ */ i(sb, { control: e, index: h, remove: a, variableOptions: d }) }, h))
   ] });
@@ -5278,7 +5278,7 @@ function hb({
   }, children: [
     /* @__PURE__ */ u(g.List, { children: [
       l.map((f, m) => /* @__PURE__ */ i(g.Tab, { value: m.toString(), children: m + 1 }, m)),
-      /* @__PURE__ */ i(g.Tab, { onClick: c, value: "add", children: /* @__PURE__ */ i(He, { size: 18, color: "#228be6" }) })
+      /* @__PURE__ */ i(g.Tab, { onClick: c, value: "add", children: /* @__PURE__ */ i(Qe, { size: 18, color: "#228be6" }) })
     ] }),
     l.map((f, m) => /* @__PURE__ */ i(g.Panel, { value: m.toString(), children: /* @__PURE__ */ i(ub, { control: e, index: m, remove: a, watch: t, variableOptions: d, yAxisOptions: h }) }, m))
   ] });
@@ -5468,7 +5468,7 @@ function gb({
   }, children: [
     /* @__PURE__ */ u(g.List, { children: [
       s.map((p, h) => /* @__PURE__ */ i(g.Tab, { value: h.toString(), children: h + 1 }, h)),
-      /* @__PURE__ */ i(g.Tab, { onClick: d, value: "add", children: /* @__PURE__ */ i(He, { size: 18, color: "#228be6" }) })
+      /* @__PURE__ */ i(g.Tab, { onClick: d, value: "add", children: /* @__PURE__ */ i(Qe, { size: 18, color: "#228be6" }) })
     ] }),
     s.map((p, h) => /* @__PURE__ */ i(g.Panel, { value: h.toString(), children: /* @__PURE__ */ i(mb, { regressionItem: p, control: e, index: h, remove: o, yAxisOptions: c }, h) }, h))
   ] });
@@ -5621,7 +5621,7 @@ const xb = ({
       ...ya[a]
     });
   };
-  return /* @__PURE__ */ u(nn, { cols: 2, children: [
+  return /* @__PURE__ */ u(rn, { cols: 2, children: [
     /* @__PURE__ */ i(P, { ref: r, label: e, data: Cb, value: t.type, onChange: o, sx: {
       flexGrow: 1
     } }),
@@ -5922,7 +5922,7 @@ function zb({
   }, children: [
     /* @__PURE__ */ u(g.List, { children: [
       s.map((p, h) => /* @__PURE__ */ i(g.Tab, { value: h.toString(), children: h + 1 }, p.id)),
-      /* @__PURE__ */ i(g.Tab, { onClick: l, value: "add", children: /* @__PURE__ */ i(He, { size: 18, color: "#228be6" }) })
+      /* @__PURE__ */ i(g.Tab, { onClick: l, value: "add", children: /* @__PURE__ */ i(Qe, { size: 18, color: "#228be6" }) })
     ] }),
     s.map((p, h) => /* @__PURE__ */ i(g.Panel, { value: h.toString(), children: /* @__PURE__ */ i(Mb, { control: e, index: h, remove: o, seriesItem: p, yAxisOptions: d }, p.id) }, p.id))
   ] });
@@ -6074,7 +6074,7 @@ function Fb({
       /* @__PURE__ */ i(E, { mb: -15, variant: "dashed", label: "Label Format", labelPosition: "center" }),
       /* @__PURE__ */ i(y, { name: `y_axes.${t}.label_formatter`, control: e, render: ({
         field: r
-      }) => /* @__PURE__ */ i(_t, { ...r }) })
+      }) => /* @__PURE__ */ i(Ct, { ...r }) })
     ] }),
     /* @__PURE__ */ u(S, { children: [
       /* @__PURE__ */ i(E, { mb: -15, variant: "dashed", label: "Value Range", labelPosition: "center" }),
@@ -6128,7 +6128,7 @@ function Pb({
   }, children: [
     /* @__PURE__ */ u(g.List, { children: [
       s.map((c, d) => /* @__PURE__ */ i(g.Tab, { value: d.toString(), children: d + 1 }, d)),
-      /* @__PURE__ */ i(g.Tab, { onClick: l, value: "add", children: /* @__PURE__ */ i(He, { size: 18, color: "#228be6" }) })
+      /* @__PURE__ */ i(g.Tab, { onClick: l, value: "add", children: /* @__PURE__ */ i(Qe, { size: 18, color: "#228be6" }) })
     ] }),
     s.map((c, d) => /* @__PURE__ */ i(g.Panel, { value: d.toString(), children: /* @__PURE__ */ i(Fb, { control: e, index: d, remove: o }) }, d))
   ] });
@@ -6202,7 +6202,7 @@ function Nb(e) {
 function Bb(e) {
   const {
     rotate: t,
-    formatter: n = Et
+    formatter: n = Rt
   } = e.x_axis.axisLabel;
   return {
     ...e,
@@ -6648,7 +6648,7 @@ function ly(e, t) {
     const h = G(r), f = G(o), m = t[h.queryID].map((x) => ({
       name: x[h.columnKey],
       value: x[f.columnKey]
-    })), w = Kt(a.overflow.on_axis);
+    })), w = Ut(a.overflow.on_axis);
     return {
       type: "funnel",
       ...sy(n),
@@ -6767,7 +6767,7 @@ function py(e) {
 const xa = {
   series: [py("Funnel")]
 };
-ye.use([Eh, Qt, xt, vt, wt, dt]);
+ye.use([Eh, Kt, vt, wt, _t, dt]);
 function fy({
   conf: e,
   data: t,
@@ -7027,7 +7027,7 @@ const gy = [{
   }, children: [
     /* @__PURE__ */ u(g.List, { children: [
       s.map((p, h) => /* @__PURE__ */ i(g.Tab, { value: p.id, children: p.name }, p.id)),
-      /* @__PURE__ */ i(g.Tab, { value: "add", disabled: !0, children: /* @__PURE__ */ i(Ve, { label: "TODO", children: /* @__PURE__ */ i(kn, { children: /* @__PURE__ */ i(Ft, { size: 18, color: "#228be6" }) }) }) })
+      /* @__PURE__ */ i(g.Tab, { value: "add", disabled: !0, children: /* @__PURE__ */ i(Ve, { label: "TODO", children: /* @__PURE__ */ i(kn, { children: /* @__PURE__ */ i(Pt, { size: 18, color: "#228be6" }) }) }) })
     ] }),
     s.map((p, h) => /* @__PURE__ */ i(g.Panel, { value: p.id, children: /* @__PURE__ */ i(wy, { item: p, control: e, index: h, remove: o }) }, p.id))
   ] });
@@ -7245,14 +7245,14 @@ function Ay({
     value: t.x_axis(l, s),
     style: {
       label: "",
-      value: on(e.x_axis.axisLabel.overflow.in_tooltip)
+      value: an(e.x_axis.axisLabel.overflow.in_tooltip)
     }
   }, h = {
     label: e.y_axis.name ? e.y_axis.name : "Y Axis",
     value: t.y_axis(c, s),
     style: {
       label: "",
-      value: on(e.y_axis.axisLabel.overflow.in_tooltip)
+      value: an(e.y_axis.axisLabel.overflow.in_tooltip)
     }
   }, f = {
     label: e.heat_block.name,
@@ -7413,7 +7413,7 @@ const Ry = ({
       ...Mc[a]
     });
   };
-  return /* @__PURE__ */ u(nn, { cols: 2, children: [
+  return /* @__PURE__ */ u(rn, { cols: 2, children: [
     /* @__PURE__ */ i(P, { ref: r, label: e, data: Vy, value: t.type, onChange: o, sx: {
       flexGrow: 1
     } }),
@@ -7460,7 +7460,7 @@ function By(e, t, n) {
   const r = G(e.x_axis.data_key), o = k.uniq(t[r.queryID].map((c) => c[r.columnKey])), {
     overflow: a,
     rotate: s
-  } = e.x_axis.axisLabel, l = Kt(a.on_axis);
+  } = e.x_axis.axisLabel, l = Ut(a.on_axis);
   return {
     id: "main-x-axis",
     type: "category",
@@ -7496,7 +7496,7 @@ function qy(e, t, n) {
   } = e.y_axis, c = k.uniq(t[r.queryID].map((f) => f[o.columnKey])), {
     overflow: d,
     rotate: p
-  } = e.y_axis.axisLabel, h = Kt(d.on_axis);
+  } = e.y_axis.axisLabel, h = Ut(d.on_axis);
   return {
     ...l,
     type: "category",
@@ -7591,7 +7591,7 @@ const zc = {
       rotate: 0,
       overflow: Dt,
       formatter: {
-        ...Et
+        ...Rt
       }
     }
   },
@@ -7603,7 +7603,7 @@ const zc = {
       rotate: 0,
       overflow: Dt,
       formatter: {
-        ...Et
+        ...Rt
       }
     }
   },
@@ -7628,7 +7628,7 @@ const zc = {
     metrics: []
   }
 };
-ye.use([Qt, Zo, xt, vt, wt, ni, dt]);
+ye.use([Kt, Zo, vt, wt, _t, ni, dt]);
 function Hy({
   conf: e,
   data: t,
@@ -7705,7 +7705,7 @@ function Ky({
     /* @__PURE__ */ i(E, { mb: -15, variant: "dashed", label: "Value Format", labelPosition: "center" }),
     /* @__PURE__ */ i(y, { name: "heat_block.value_formatter", control: e, render: ({
       field: r
-    }) => /* @__PURE__ */ i(_t, { ...r }) }),
+    }) => /* @__PURE__ */ i(Ct, { ...r }) }),
     /* @__PURE__ */ i(E, { mb: -5, variant: "dashed", label: "Label", labelPosition: "center" }),
     /* @__PURE__ */ u(v, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ i(y, { name: "heat_block.label.show", control: e, render: ({
@@ -7786,7 +7786,7 @@ const Uy = ({
     }, children: [
       /* @__PURE__ */ u(g.List, { children: [
         s.map((h, f) => /* @__PURE__ */ i(g.Tab, { value: h.id, children: h.name ? h.name : f }, h.id)),
-        /* @__PURE__ */ i(g.Tab, { onClick: l, value: "add", children: /* @__PURE__ */ i(He, { size: 18, color: "#228be6" }) })
+        /* @__PURE__ */ i(g.Tab, { onClick: l, value: "add", children: /* @__PURE__ */ i(Qe, { size: 18, color: "#228be6" }) })
       ] }),
       s.map((h, f) => /* @__PURE__ */ i(g.Panel, { value: h.id, children: /* @__PURE__ */ i(Uy, { control: e, index: f, remove: o }, h.id) }, h.id))
     ] })
@@ -7805,7 +7805,7 @@ const Zy = ({
 }) => /* @__PURE__ */ u(F, { sx: {
   position: "relative"
 }, children: [
-  e && /* @__PURE__ */ i(an, { opacity: 0.6, color: "#fff", zIndex: 5, blur: 2 }),
+  e && /* @__PURE__ */ i(sn, { opacity: 0.6, color: "#fff", zIndex: 5, blur: 2 }),
   /* @__PURE__ */ i(ht, { height: "500px", defaultLanguage: "javascript", value: t, onChange: (o) => {
     o && n(o);
   }, theme: "vs-dark", options: {
@@ -8190,7 +8190,7 @@ const Ac = {
     axisLabel: {
       rotate: 0,
       formatter: {
-        ...Et
+        ...Rt
       },
       overflow: Dt
     }
@@ -8349,7 +8349,7 @@ const bx = (e, t) => (n) => {
       <td style="text-align: left; padding: 0 1em;">${f(h)}</td>
     </tr>
   `;
-  }), a = on(e.x_axis.axisLabel.overflow.in_tooltip), s = r[0].name;
+  }), a = an(e.x_axis.axisLabel.overflow.in_tooltip), s = r[0].name;
   return `
     <div style="text-align: left; margin-bottom: .5em; padding: 0 1em .5em; font-weight: bold; border-bottom: 1px dashed #ddd;">
       <div style="${a}">${s}</div>
@@ -8371,7 +8371,7 @@ function xx(e) {
   const {
     name: t,
     axisLabel: n
-  } = e.x_axis, r = Kt(n.overflow.on_axis);
+  } = e.x_axis, r = Ut(n.overflow.on_axis);
   return [{
     type: "category",
     name: t,
@@ -8452,7 +8452,7 @@ function wx(e, t, n) {
     }
   };
 }
-ye.use([jn, Gn, Qt, xt, vt, wt, dt]);
+ye.use([jn, Gn, Kt, vt, wt, _t, dt]);
 function _x({
   context: e,
   instance: t
@@ -8523,7 +8523,7 @@ function Sx({
       /* @__PURE__ */ i(E, { mb: -15, variant: "dashed", label: "Label Format", labelPosition: "center" }),
       /* @__PURE__ */ i(y, { name: "bar.label_formatter", control: e, render: ({
         field: n
-      }) => /* @__PURE__ */ i(_t, { ...n }) })
+      }) => /* @__PURE__ */ i(Ct, { ...n }) })
     ] })
   ] });
 }
@@ -8748,7 +8748,7 @@ function Rx(e) {
   const t = k.defaultsDeep({}, e.x_axis.axisLabel, {
     rotate: 0,
     formatter: {
-      ...Et
+      ...Rt
     }
   });
   return {
@@ -9476,7 +9476,7 @@ function uv(e, t) {
   };
   return k.merge({}, cv, s);
 }
-ye.use([Oh, xt, vt, wt, dt]);
+ye.use([Oh, vt, wt, _t, dt]);
 function hv({
   conf: e,
   data: t,
@@ -9603,7 +9603,7 @@ function mv({
     }, children: [
       /* @__PURE__ */ u(g.List, { children: [
         s.map((f, m) => /* @__PURE__ */ i(g.Tab, { value: f.id, children: m + 1 }, f.id)),
-        /* @__PURE__ */ i(g.Tab, { onClick: l, value: "add", children: /* @__PURE__ */ i(Ft, { size: 18, color: "#228be6" }) })
+        /* @__PURE__ */ i(g.Tab, { onClick: l, value: "add", children: /* @__PURE__ */ i(Pt, { size: 18, color: "#228be6" }) })
       ] }),
       s.map((f, m) => /* @__PURE__ */ i(g.Panel, { value: f.id, children: /* @__PURE__ */ i(fv, { control: e, index: m, remove: h }) }, m))
     ] })
@@ -9646,7 +9646,7 @@ function gv({
       /* @__PURE__ */ i(E, { mb: -15, variant: "dashed", label: "Value Formatter", labelPosition: "center" }),
       /* @__PURE__ */ i(y, { name: `dimensions.${t}.formatter`, control: e, render: ({
         field: r
-      }) => /* @__PURE__ */ i(_t, { ...r }) })
+      }) => /* @__PURE__ */ i(Ct, { ...r }) })
     ] }),
     /* @__PURE__ */ i(M, { mt: 20, leftIcon: /* @__PURE__ */ i(ge, { size: 16 }), color: "red", variant: "light", onClick: () => n(t), disabled: t === 0, children: "Delete this Metric" })
   ] }, t);
@@ -9694,7 +9694,7 @@ function bv({
   }, children: [
     /* @__PURE__ */ u(g.List, { children: [
       s.map((f, m) => /* @__PURE__ */ i(g.Tab, { value: f.id, children: f.name ? f.name : m + 1 }, m)),
-      /* @__PURE__ */ i(g.Tab, { onClick: l, value: "add", children: /* @__PURE__ */ i(Ft, { size: 18, color: "#228be6" }) })
+      /* @__PURE__ */ i(g.Tab, { onClick: l, value: "add", children: /* @__PURE__ */ i(Pt, { size: 18, color: "#228be6" }) })
     ] }),
     s.map((f, m) => /* @__PURE__ */ i(g.Panel, { value: f.id, children: /* @__PURE__ */ i(gv, { control: e, index: m, remove: h }) }, m))
   ] }) });
@@ -10040,7 +10040,7 @@ function Lv(e) {
     format: n,
     formatter: r,
     ...o
-  } = e.x_axis.axisLabel, a = Kt(t.on_axis);
+  } = e.x_axis.axisLabel, a = Ut(t.on_axis);
   return {
     type: "value",
     name: e.x_axis.name ?? "",
@@ -10121,7 +10121,7 @@ function Rv(e, t, n, r) {
   const {
     x_axis: o,
     y_axis: a
-  } = r, s = tn.regressionLinear()(n), {
+  } = r, s = nn.regressionLinear()(n), {
     a: l,
     b: c,
     rSquared: d
@@ -10155,7 +10155,7 @@ function Ov(e, t, n, r) {
     a: s,
     b: l,
     rSquared: c
-  } = tn.regressionExp()(n);
+  } = nn.regressionExp()(n);
   return {
     name: e,
     expression: /* @__PURE__ */ u(v, { position: "center", noWrap: !0, spacing: 10, children: [
@@ -10183,7 +10183,7 @@ function Fv(e, t, n, r) {
     a: s,
     b: l,
     rSquared: c
-  } = tn.regressionLog()(n);
+  } = nn.regressionLog()(n);
   return {
     name: e,
     expression: /* @__PURE__ */ u(v, { position: "center", noWrap: !0, spacing: 10, children: [
@@ -10208,7 +10208,7 @@ function Pv(e, t, n, r) {
     x_axis: o,
     y_axis: a,
     regression: s
-  } = r, l = tn.regressionPoly().order(s.transform.config.order)(n), {
+  } = r, l = nn.regressionPoly().order(s.transform.config.order)(n), {
     rSquared: c
   } = l;
   return console.log(l), {
@@ -10260,7 +10260,7 @@ function Ms({
     rSquared: n,
     adjustedRSquared: r
   } = e;
-  return t ? /* @__PURE__ */ i(Ot, { fontSize: 14, sx: Nv, children: /* @__PURE__ */ u("tbody", { children: [
+  return t ? /* @__PURE__ */ i(Ft, { fontSize: 14, sx: Nv, children: /* @__PURE__ */ u("tbody", { children: [
     /* @__PURE__ */ i("tr", { children: /* @__PURE__ */ i("td", { colSpan: 2, children: /* @__PURE__ */ i(C, { align: "center", children: t }) }) }),
     /* @__PURE__ */ u("tr", { children: [
       /* @__PURE__ */ i("td", { children: "R-Sq" }),
@@ -10354,7 +10354,7 @@ const xi = {
     y_axis_data_key: "value"
   }
 };
-ye.use([Qt, oi, xt, vt, wt, dt]);
+ye.use([Kt, oi, vt, wt, _t, dt]);
 function jv({
   context: e
 }) {
@@ -10457,7 +10457,7 @@ const Hv = ({
 }) => /* @__PURE__ */ u(F, { sx: {
   position: "relative"
 }, children: [
-  e && /* @__PURE__ */ i(an, { opacity: 0.6, color: "#fff", zIndex: 5, blur: 2 }),
+  e && /* @__PURE__ */ i(sn, { opacity: 0.6, color: "#fff", zIndex: 5, blur: 2 }),
   /* @__PURE__ */ i(ht, { height: "500px", defaultLanguage: "javascript", value: t, onChange: (o) => {
     o && n(o);
   }, theme: "vs-dark", options: {
@@ -10540,7 +10540,7 @@ function Qv({
     /* @__PURE__ */ i(E, { variant: "dashed", labelPosition: "center", label: "格式化数据" }),
     /* @__PURE__ */ i(S, { children: /* @__PURE__ */ i(y, { name: "x_axis.axisLabel.format", control: e, render: ({
       field: n
-    }) => /* @__PURE__ */ i(_t, { ...n }) }) }),
+    }) => /* @__PURE__ */ i(Ct, { ...n }) }) }),
     /* @__PURE__ */ i(E, { variant: "dashed", labelPosition: "center", label: "标签文案样式" }),
     /* @__PURE__ */ u(v, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ i(y, { name: "x_axis.axisLabel.rotate", control: e, render: ({
@@ -12444,7 +12444,7 @@ gr.prototype = Object.create(Error.prototype);
 gr.prototype.constructor = gr;
 gr.prototype.name = "TransformError";
 const Bi = /* @__PURE__ */ Object.create(null);
-class Ie {
+class Me {
   /**
   Initialize a selection with the head and anchor and ranges. If no
   ranges are given, constructs a single range across `$anchor` and
@@ -12608,7 +12608,7 @@ class Ie {
     return Ye.between(this.$anchor, this.$head).getBookmark();
   }
 }
-Ie.prototype.visible = !0;
+Me.prototype.visible = !0;
 class p0 {
   /**
   Create a range.
@@ -12621,7 +12621,7 @@ let Rs = !1;
 function Os(e) {
   !Rs && !e.parent.inlineContent && (Rs = !0, console.warn("TextSelection endpoint not pointing into a node with inline content (" + e.parent.type.name + ")"));
 }
-class Ye extends Ie {
+class Ye extends Me {
   /**
   Construct a text selection between the given points.
   */
@@ -12638,7 +12638,7 @@ class Ye extends Ie {
   map(t, n) {
     let r = t.resolve(n.map(this.head));
     if (!r.parent.inlineContent)
-      return Ie.near(r);
+      return Me.near(r);
     let o = t.resolve(n.map(this.anchor));
     return new Ye(o.parent.inlineContent ? o : r, r);
   }
@@ -12683,16 +12683,16 @@ class Ye extends Ie {
   static between(t, n, r) {
     let o = t.pos - n.pos;
     if ((!r || o) && (r = o >= 0 ? 1 : -1), !n.parent.inlineContent) {
-      let a = Ie.findFrom(n, r, !0) || Ie.findFrom(n, -r, !0);
+      let a = Me.findFrom(n, r, !0) || Me.findFrom(n, -r, !0);
       if (a)
         n = a.$head;
       else
-        return Ie.near(n, r);
+        return Me.near(n, r);
     }
-    return t.parent.inlineContent || (o == 0 ? t = n : (t = (Ie.findFrom(t, -r, !0) || Ie.findFrom(t, r, !0)).$anchor, t.pos < n.pos != o < 0 && (t = n))), new Ye(t, n);
+    return t.parent.inlineContent || (o == 0 ? t = n : (t = (Me.findFrom(t, -r, !0) || Me.findFrom(t, r, !0)).$anchor, t.pos < n.pos != o < 0 && (t = n))), new Ye(t, n);
   }
 }
-Ie.jsonID("text", Ye);
+Me.jsonID("text", Ye);
 class wi {
   constructor(t, n) {
     this.anchor = t, this.head = n;
@@ -12704,7 +12704,7 @@ class wi {
     return Ye.between(t.resolve(this.anchor), t.resolve(this.head));
   }
 }
-class mt extends Ie {
+class mt extends Me {
   /**
   Create a node selection. Does not verify the validity of its
   argument.
@@ -12715,7 +12715,7 @@ class mt extends Ie {
   }
   map(t, n) {
     let { deleted: r, pos: o } = n.mapResult(this.anchor), a = t.resolve(o);
-    return r ? Ie.near(a) : new mt(a);
+    return r ? Me.near(a) : new mt(a);
   }
   content() {
     return new xe(fe.from(this.node), 0, 0);
@@ -12752,7 +12752,7 @@ class mt extends Ie {
   }
 }
 mt.prototype.visible = !1;
-Ie.jsonID("node", mt);
+Me.jsonID("node", mt);
 class Da {
   constructor(t) {
     this.anchor = t;
@@ -12763,10 +12763,10 @@ class Da {
   }
   resolve(t) {
     let n = t.resolve(this.anchor), r = n.nodeAfter;
-    return r && mt.isSelectable(r) ? new mt(n) : Ie.near(n);
+    return r && mt.isSelectable(r) ? new mt(n) : Me.near(n);
   }
 }
-class jt extends Ie {
+class jt extends Me {
   /**
   Create an all-selection over the given document.
   */
@@ -12776,7 +12776,7 @@ class jt extends Ie {
   replace(t, n = xe.empty) {
     if (n == xe.empty) {
       t.delete(0, t.doc.content.size);
-      let r = Ie.atStart(t.doc);
+      let r = Me.atStart(t.doc);
       r.eq(t.selection) || t.setSelection(r);
     } else
       super.replace(t, n);
@@ -12800,7 +12800,7 @@ class jt extends Ie {
     return f0;
   }
 }
-Ie.jsonID("all", jt);
+Me.jsonID("all", jt);
 const f0 = {
   map() {
     return this;
@@ -12836,7 +12836,7 @@ function Fs(e, t, n) {
   let a = e.mapping.maps[r], s;
   a.forEach((l, c, d, p) => {
     s == null && (s = p);
-  }), e.setSelection(Ie.near(e.doc.resolve(s), n));
+  }), e.setSelection(Me.near(e.doc.resolve(s), n));
 }
 function Ps(e, t) {
   return !t || !e ? e : e.bind(t);
@@ -12855,7 +12855,7 @@ new Ir("doc", {
   }
 }), new Ir("selection", {
   init(e, t) {
-    return e.selection || Ie.atStart(t.doc);
+    return e.selection || Me.atStart(t.doc);
   },
   apply(e) {
     return e.selection;
@@ -13009,10 +13009,10 @@ class m0 {
     return l;
   }
 }
-function Zt(e, t, n) {
-  return e.config[t] === void 0 && e.parent ? Zt(e.parent, t, n) : typeof e.config[t] == "function" ? e.config[t].bind({
+function en(e, t, n) {
+  return e.config[t] === void 0 && e.parent ? en(e.parent, t, n) : typeof e.config[t] == "function" ? e.config[t].bind({
     ...n,
-    parent: e.parent ? Zt(e.parent, t, n) : null
+    parent: e.parent ? en(e.parent, t, n) : null
   }) : e.config[t];
 }
 function g0(e) {
@@ -13052,7 +13052,7 @@ function id(e, t) {
     Wi(t[r]) ? r in e ? n[r] = id(e[r], t[r]) : Object.assign(n, { [r]: t[r] }) : Object.assign(n, { [r]: t[r] });
   }), n;
 }
-class Rt {
+class Ot {
   constructor(t = {}) {
     this.type = "extension", this.name = "extension", this.parent = null, this.child = null, this.config = {
       name: this.name,
@@ -13060,28 +13060,28 @@ class Rt {
     }, this.config = {
       ...this.config,
       ...t
-    }, this.name = this.config.name, t.defaultOptions && console.warn(`[tiptap warn]: BREAKING CHANGE: "defaultOptions" is deprecated. Please use "addOptions" instead. Found in extension: "${this.name}".`), this.options = this.config.defaultOptions, this.config.addOptions && (this.options = Fn(Zt(this, "addOptions", {
+    }, this.name = this.config.name, t.defaultOptions && console.warn(`[tiptap warn]: BREAKING CHANGE: "defaultOptions" is deprecated. Please use "addOptions" instead. Found in extension: "${this.name}".`), this.options = this.config.defaultOptions, this.config.addOptions && (this.options = Fn(en(this, "addOptions", {
       name: this.name
-    }))), this.storage = Fn(Zt(this, "addStorage", {
+    }))), this.storage = Fn(en(this, "addStorage", {
       name: this.name,
       options: this.options
     })) || {};
   }
   static create(t = {}) {
-    return new Rt(t);
+    return new Ot(t);
   }
   configure(t = {}) {
     const n = this.extend();
-    return n.options = id(this.options, t), n.storage = Fn(Zt(n, "addStorage", {
+    return n.options = id(this.options, t), n.storage = Fn(en(n, "addStorage", {
       name: n.name,
       options: n.options
     })), n;
   }
   extend(t = {}) {
-    const n = new Rt(t);
-    return n.parent = this, this.child = n, n.name = t.name ? t.name : n.parent.name, t.defaultOptions && console.warn(`[tiptap warn]: BREAKING CHANGE: "defaultOptions" is deprecated. Please use "addOptions" instead. Found in extension: "${n.name}".`), n.options = Fn(Zt(n, "addOptions", {
+    const n = new Ot(t);
+    return n.parent = this, this.child = n, n.name = t.name ? t.name : n.parent.name, t.defaultOptions && console.warn(`[tiptap warn]: BREAKING CHANGE: "defaultOptions" is deprecated. Please use "addOptions" instead. Found in extension: "${n.name}".`), n.options = Fn(en(n, "addOptions", {
       name: n.name
-    })), n.storage = Fn(Zt(n, "addStorage", {
+    })), n.storage = Fn(en(n, "addStorage", {
       name: n.name,
       options: n.options
     })), n;
@@ -13107,7 +13107,7 @@ function v0(e, t, n) {
 function w0(e) {
   return Object.fromEntries(Object.entries(e.nodes).filter(([, t]) => t.spec.toText).map(([t, n]) => [t, n.spec.toText]));
 }
-Rt.create({
+Ot.create({
   name: "clipboardTextSerializer",
   addProseMirrorPlugins() {
     return [
@@ -13237,7 +13237,7 @@ function yn(e = 0, t = 0, n = 0) {
 function O0(e, t = null) {
   if (!t)
     return null;
-  const n = Ie.atStart(e), r = Ie.atEnd(e);
+  const n = Me.atStart(e), r = Me.atEnd(e);
   if (t === "start" || t === !0)
     return n;
   if (t === "end")
@@ -13304,7 +13304,7 @@ function N0(e, t, n) {
   let s = 0;
   a.forEach((l, c, d, p) => {
     s === 0 && (s = p);
-  }), e.setSelection(Ie.near(e.doc.resolve(s), n));
+  }), e.setSelection(Me.near(e.doc.resolve(s), n));
 }
 const B0 = (e) => e.toString().startsWith("<"), q0 = (e, t, n) => ({ tr: r, dispatch: o, editor: a }) => {
   if (o) {
@@ -13492,7 +13492,7 @@ function Bs(e, t) {
     name: r.name,
     options: r.options,
     storage: r.storage
-  }, a = Fn(Zt(r, "group", o));
+  }, a = Fn(en(r, "group", o));
   return typeof a != "string" ? !1 : a.split(" ").includes("list");
 }
 function pw(e, t, n) {
@@ -13804,7 +13804,7 @@ var Lw = /* @__PURE__ */ Object.freeze({
   wrapIn: zw,
   wrapInList: $w
 });
-Rt.create({
+Ot.create({
   name: "commands",
   addCommands() {
     return {
@@ -13812,7 +13812,7 @@ Rt.create({
     };
   }
 });
-Rt.create({
+Ot.create({
   name: "editable",
   addProseMirrorPlugins() {
     return [
@@ -13825,7 +13825,7 @@ Rt.create({
     ];
   }
 });
-Rt.create({
+Ot.create({
   name: "focusEvents",
   addProseMirrorPlugins() {
     const { editor: e } = this;
@@ -13850,14 +13850,14 @@ Rt.create({
     ];
   }
 });
-Rt.create({
+Ot.create({
   name: "keymap",
   addKeyboardShortcuts() {
     const e = () => this.editor.commands.first(({ commands: s }) => [
       () => s.undoInputRule(),
       // maybe convert first text block node to default node
       () => s.command(({ tr: l }) => {
-        const { selection: c, doc: d } = l, { empty: p, $anchor: h } = c, { pos: f, parent: m } = h, w = Ie.atStart(d).from === f;
+        const { selection: c, doc: d } = l, { empty: p, $anchor: h } = c, { pos: f, parent: m } = h, w = Me.atStart(d).from === f;
         return !p || !w || !m.type.isTextblock || m.textContent.length ? !1 : s.clearNodes();
       }),
       () => s.deleteSelection(),
@@ -13909,7 +13909,7 @@ Rt.create({
         appendTransaction: (e, t, n) => {
           if (!(e.some((w) => w.docChanged) && !t.doc.eq(n.doc)))
             return;
-          const { empty: o, from: a, to: s } = t.selection, l = Ie.atStart(t.doc).from, c = Ie.atEnd(t.doc).to;
+          const { empty: o, from: a, to: s } = t.selection, l = Me.atStart(t.doc).from, c = Me.atEnd(t.doc).to;
           if (o || !(a === l && s === c) || !(n.doc.textBetween(0, n.doc.content.size, " ", " ").length === 0))
             return;
           const h = n.tr, f = rd({
@@ -13926,7 +13926,7 @@ Rt.create({
     ];
   }
 });
-Rt.create({
+Ot.create({
   name: "tabindex",
   addProseMirrorPlugins() {
     return [
@@ -13939,7 +13939,7 @@ Rt.create({
     ];
   }
 });
-const cd = Rt.create({
+const cd = Ot.create({
   name: "fontSize",
   addOptions() {
     return {
@@ -14068,7 +14068,7 @@ function Nw(e, t, n, r) {
 const Bw = D(({
   context: e
 }) => {
-  const t = Qe(), {
+  const t = Ke(), {
     value: n
   } = J(e.instanceData, "config"), {
     variables: r,
@@ -14512,7 +14512,7 @@ function t_({
     label: {
       show: !!t.label_position,
       position: t.label_position,
-      ...Kt(t.label_overflow.label),
+      ...Ut(t.label_overflow.label),
       formatter: ({
         value: s
       }) => s[a.columnKey]
@@ -14598,7 +14598,7 @@ function o_(e, t) {
       const a = t[0] ?? t.default, s = Array.isArray(o) ? o : [o];
       if (s.length === 0)
         return "";
-      const l = r_(s, e), c = on(e.scatter.label_overflow.tooltip), d = s.map(
+      const l = r_(s, e), c = an(e.scatter.label_overflow.tooltip), d = s.map(
         // @ts-expect-error type of value
         ({
           value: m
@@ -14742,7 +14742,7 @@ function c_(e, t, n) {
   };
   return $e({}, l, l_);
 }
-ye.use([Qt, jn, Gn, oi, xt, vt, wt, dt, ri, Uo]);
+ye.use([Kt, jn, Gn, oi, vt, wt, _t, dt, ri, Uo]);
 function js(e) {
   return e.trim().length > 0;
 }
@@ -14922,7 +14922,7 @@ function f_({
   }, children: [
     /* @__PURE__ */ u(g.List, { children: [
       l.map((f, m) => /* @__PURE__ */ i(g.Tab, { value: m.toString(), children: m + 1 }, m)),
-      /* @__PURE__ */ i(g.Tab, { onClick: c, value: "add", children: /* @__PURE__ */ i(He, { size: 18, color: "#228be6" }) })
+      /* @__PURE__ */ i(g.Tab, { onClick: c, value: "add", children: /* @__PURE__ */ i(Qe, { size: 18, color: "#228be6" }) })
     ] }),
     l.map((f, m) => /* @__PURE__ */ i(g.Panel, { value: m.toString(), children: /* @__PURE__ */ i(y, { name: `reference_areas.${m}`, control: e, render: ({
       field: w
@@ -15102,7 +15102,7 @@ function y_({
   }, children: [
     /* @__PURE__ */ u(g.List, { children: [
       l.map((f, m) => /* @__PURE__ */ i(g.Tab, { value: m.toString(), children: m + 1 }, m)),
-      /* @__PURE__ */ i(g.Tab, { onClick: c, value: "add", children: /* @__PURE__ */ i(He, { size: 18, color: "#228be6" }) })
+      /* @__PURE__ */ i(g.Tab, { onClick: c, value: "add", children: /* @__PURE__ */ i(Qe, { size: 18, color: "#228be6" }) })
     ] }),
     l.map((f, m) => /* @__PURE__ */ i(g.Panel, { value: m.toString(), children: /* @__PURE__ */ i(b_, { control: e, index: m, remove: a, watch: t, variableOptions: d, yAxisOptions: h }) }, m))
   ] });
@@ -15193,7 +15193,7 @@ const x_ = ({
       ...wr[a]
     });
   };
-  return /* @__PURE__ */ u(nn, { cols: 2, children: [
+  return /* @__PURE__ */ u(rn, { cols: 2, children: [
     /* @__PURE__ */ i(P, { ref: r, label: e, data: C_, value: t.type, onChange: o, sx: {
       flexGrow: 1
     } }),
@@ -15315,7 +15315,7 @@ const x_ = ({
       ...fd[a]
     });
   };
-  return /* @__PURE__ */ u(nn, { cols: 2, children: [
+  return /* @__PURE__ */ u(rn, { cols: 2, children: [
     /* @__PURE__ */ i(P, { ref: r, label: e, data: z_, value: t.type, onChange: o, sx: {
       flexGrow: 1
     } }),
@@ -15485,7 +15485,7 @@ const R_ = ({
     }, children: [
       /* @__PURE__ */ u(g.List, { children: [
         s.map((h, f) => /* @__PURE__ */ i(g.Tab, { value: h.id, children: h.name ? h.name : f }, h.id)),
-        /* @__PURE__ */ i(g.Tab, { onClick: l, value: "add", children: /* @__PURE__ */ i(He, { size: 18, color: "#228be6" }) })
+        /* @__PURE__ */ i(g.Tab, { onClick: l, value: "add", children: /* @__PURE__ */ i(Qe, { size: 18, color: "#228be6" }) })
       ] }),
       s.map((h, f) => /* @__PURE__ */ i(g.Panel, { value: h.id, children: /* @__PURE__ */ i(R_, { control: e, index: f, remove: o }, h.id) }, h.id))
     ] })
@@ -15525,7 +15525,7 @@ const V_ = ({
 }) => /* @__PURE__ */ u(F, { sx: {
   position: "relative"
 }, children: [
-  e && /* @__PURE__ */ i(an, { opacity: 0.6, color: "#fff", zIndex: 5, blur: 2 }),
+  e && /* @__PURE__ */ i(sn, { opacity: 0.6, color: "#fff", zIndex: 5, blur: 2 }),
   /* @__PURE__ */ i(ht, { height: "500px", defaultLanguage: "javascript", value: t, onChange: (o) => {
     o && n(o);
   }, theme: "vs-dark", options: {
@@ -15679,7 +15679,7 @@ function j_({
       /* @__PURE__ */ i(E, { mb: -15, variant: "dashed", label: "Label Format", labelPosition: "center" }),
       /* @__PURE__ */ i(y, { name: `y_axes.${t}.label_formatter`, control: e, render: ({
         field: r
-      }) => /* @__PURE__ */ i(_t, { ...r }) })
+      }) => /* @__PURE__ */ i(Ct, { ...r }) })
     ] }),
     /* @__PURE__ */ u(S, { children: [
       /* @__PURE__ */ i(E, { mb: -15, variant: "dashed", label: "Value Range", labelPosition: "center" }),
@@ -15729,7 +15729,7 @@ function G_({
   }, children: [
     /* @__PURE__ */ u(g.List, { children: [
       s.map((c, d) => /* @__PURE__ */ i(g.Tab, { value: d.toString(), children: d + 1 }, d)),
-      /* @__PURE__ */ i(g.Tab, { onClick: l, value: "add", children: /* @__PURE__ */ i(He, { size: 18, color: "#228be6" }) })
+      /* @__PURE__ */ i(g.Tab, { onClick: l, value: "add", children: /* @__PURE__ */ i(Qe, { size: 18, color: "#228be6" }) })
     ] }),
     s.map((c, d) => /* @__PURE__ */ i(g.Panel, { value: d.toString(), children: /* @__PURE__ */ i(j_, { control: e, index: d, remove: o }) }, d))
   ] });
@@ -16112,7 +16112,7 @@ const lC = {
 }, dC = D(({
   context: e
 }) => {
-  const t = Qe(), {
+  const t = Ke(), {
     value: n = Aa
   } = J(e.instanceData, "config"), {
     variables: r
@@ -16187,7 +16187,7 @@ function pC({
     }) => /* @__PURE__ */ i(pr, { label: "Template", py: "md", sx: {
       flexGrow: 1
     }, ...h }) }),
-    /* @__PURE__ */ u(nn, { cols: 2, children: [
+    /* @__PURE__ */ u(rn, { cols: 2, children: [
       /* @__PURE__ */ i(
         y,
         {
@@ -16539,7 +16539,7 @@ const TC = [{
     }, children: [
       /* @__PURE__ */ u(g.List, { children: [
         s.map((h, f) => /* @__PURE__ */ i(g.Tab, { value: h.id, children: f }, h.id)),
-        /* @__PURE__ */ i(g.Tab, { onClick: l, value: "add", children: /* @__PURE__ */ i(He, { size: 18, color: "#228be6" }) })
+        /* @__PURE__ */ i(g.Tab, { onClick: l, value: "add", children: /* @__PURE__ */ i(Qe, { size: 18, color: "#228be6" }) })
       ] }),
       s.map((h, f) => /* @__PURE__ */ i(g.Panel, { value: h.id, children: /* @__PURE__ */ i(IC, { control: e, index: f, remove: o }, h.id) }, h.id))
     ] })
@@ -16690,7 +16690,7 @@ const OC = {
     };
   }
 };
-var Ct = /* @__PURE__ */ ((e) => (e.string = "string", e.number = "number", e.eloc = "eloc", e.percentage = "percentage", e.custom = "custom", e))(Ct || {});
+var St = /* @__PURE__ */ ((e) => (e.string = "string", e.number = "number", e.eloc = "eloc", e.percentage = "percentage", e.custom = "custom", e))(St || {});
 const md = ["function text({ value }) {", "    // your code goes here", "    return value", "}"].join(`
 `), gd = {
   columns: [],
@@ -16988,22 +16988,22 @@ function e1(e) {
 }
 function t1(e) {
   switch (e.type) {
-    case Ct.string:
+    case St.string:
       return /* @__PURE__ */ i(UC, { ...e });
-    case Ct.eloc:
+    case St.eloc:
       return /* @__PURE__ */ i(XC, { ...e });
-    case Ct.number:
+    case St.number:
       return /* @__PURE__ */ i(JC, { ...e });
-    case Ct.percentage:
+    case St.percentage:
       return /* @__PURE__ */ i(ZC, { ...e });
-    case Ct.custom:
+    case St.custom:
       return /* @__PURE__ */ i(e1, { ...e });
   }
 }
 const n1 = (e) => {
   const t = zt(e), n = Mt(t.triggerManager, Ra.id), {
     colorManager: r
-  } = Yt(Vt);
+  } = Yt(Nt);
   return ot((o) => new YC(e.getColIndex, o, n, t, r), [n, t, e.getColIndex]);
 };
 function r1({
@@ -17014,7 +17014,7 @@ function r1({
   context: o,
   instance: a
 }) {
-  var Le, Ke;
+  var Le, Ue;
   const {
     id_field: s,
     use_raw_columns: l,
@@ -17026,31 +17026,31 @@ function r1({
   } = WC(), f = z(() => {
     if (!s)
       return [];
-    const Te = G(s);
-    return e[Te.queryID];
-  }, [e, s]), m = R.useMemo(() => l ? !Array.isArray(f) || f.length === 0 ? [] : Object.keys(f[0]).map((Te) => ({
-    id: Te,
-    label: Te,
-    value_field: Te,
-    value_type: Ct.string,
+    const De = G(s);
+    return e[De.queryID];
+  }, [e, s]), m = R.useMemo(() => l ? !Array.isArray(f) || f.length === 0 ? [] : Object.keys(f[0]).map((De) => ({
+    id: De,
+    label: De,
+    value_field: De,
+    value_type: St.string,
     align: "left",
     width: "",
     cellBackgroundColor: ""
   })) : c, [l, c, f]), w = n1({
-    getColIndex: ot((Te) => m.indexOf(Te.column.columnDef.meta), [m]),
+    getColIndex: ot((De) => m.indexOf(De.column.columnDef.meta), [m]),
     vizManager: o.vizManager,
     instance: a
   }), x = z(() => {
-    const Te = Xl();
-    return m.map((De) => {
-      const tt = yf(De.value_field);
-      return Te.accessor(tt.columnKey, {
-        cell: (gt) => /* @__PURE__ */ i(t1, { tableCellContext: w(gt.cell), value: gt.getValue(), type: De.value_type, ...De }),
-        header: De.label,
+    const De = Xl();
+    return m.map((Ie) => {
+      const tt = yf(Ie.value_field);
+      return De.accessor(tt.columnKey, {
+        cell: (gt) => /* @__PURE__ */ i(t1, { tableCellContext: w(gt.cell), value: gt.getValue(), type: Ie.value_type, ...Ie }),
+        header: Ie.label,
         enableSorting: !0,
-        meta: De,
-        size: typeof De.width == "number" ? De.width : void 0,
-        minSize: typeof De.width == "number" ? De.width : void 0
+        meta: Ie,
+        size: typeof Ie.width == "number" ? Ie.width : void 0,
+        minSize: typeof Ie.width == "number" ? Ie.width : void 0
       });
     });
   }, [m, w]), [T, I] = U([]), L = Jl({
@@ -17072,7 +17072,7 @@ function r1({
   }), {
     virtualItems: O,
     totalSize: A
-  } = N, K = O.length > 0 && ((Le = O == null ? void 0 : O[0]) == null ? void 0 : Le.start) || 0, re = O.length > 0 ? A - (((Ke = O == null ? void 0 : O[O.length - 1]) == null ? void 0 : Ke.end) || 0) : 0, te = B.length, ie = te > 0, me = ie ? n - 22 : n, be = ie ? 22 : 0;
+  } = N, K = O.length > 0 && ((Le = O == null ? void 0 : O[0]) == null ? void 0 : Le.start) || 0, re = O.length > 0 ? A - (((Ue = O == null ? void 0 : O[O.length - 1]) == null ? void 0 : Ue.end) || 0) : 0, te = B.length, ie = te > 0, me = ie ? n - 22 : n, be = ie ? 22 : 0;
   return !Array.isArray(f) || f.length === 0 ? /* @__PURE__ */ i(C, { color: "gray", align: "center", children: "Empty Data" }) : /* @__PURE__ */ u("div", { ref: j, style: {
     height: n,
     width: t
@@ -17085,22 +17085,22 @@ function r1({
       "Total: ",
       te
     ] }) }),
-    /* @__PURE__ */ u(Ot, { sx: {
+    /* @__PURE__ */ u(Ft, { sx: {
       ...jC,
       maxHeight: me
     }, ...d, striped: r.striped, children: [
       /* @__PURE__ */ i("thead", { className: p.thead, style: {
         top: be
-      }, children: L.getHeaderGroups().map((Te) => /* @__PURE__ */ i("tr", { children: Te.headers.map((Fe) => /* @__PURE__ */ i("th", { style: {
+      }, children: L.getHeaderGroups().map((De) => /* @__PURE__ */ i("tr", { children: De.headers.map((Fe) => /* @__PURE__ */ i("th", { style: {
         width: Fe.getSize()
-      }, children: /* @__PURE__ */ i(FC, { header: Fe, cx: h }) }, Fe.id)) }, Te.id)) }),
+      }, children: /* @__PURE__ */ i(FC, { header: Fe, cx: h }) }, Fe.id)) }, De.id)) }),
       /* @__PURE__ */ u("tbody", { children: [
         K > 0 && /* @__PURE__ */ i("tr", { children: /* @__PURE__ */ i("td", { style: {
           height: `${K}px`
         } }) }),
-        O.map((Te) => {
-          const Fe = B[Te.index];
-          return /* @__PURE__ */ i("tr", { children: Fe.getVisibleCells().map((De) => /* @__PURE__ */ i("td", { children: Nr(De.column.columnDef.cell, De.getContext()) }, De.id)) }, Fe.id);
+        O.map((De) => {
+          const Fe = B[De.index];
+          return /* @__PURE__ */ i("tr", { children: Fe.getVisibleCells().map((Ie) => /* @__PURE__ */ i("td", { children: Nr(Ie.column.columnDef.cell, Ie.getContext()) }, Ie.id)) }, Fe.id);
         }),
         re > 0 && /* @__PURE__ */ i("tr", { children: /* @__PURE__ */ i("td", { style: {
           height: `${re}px`
@@ -17163,7 +17163,7 @@ class a1 {
       steps: pl
     }, {
       deep: !1
-    }), kt(() => sn(this.steps), () => {
+    }), xt(() => Qt(this.steps), () => {
       this.notifyStepChange();
     });
   }
@@ -17260,7 +17260,7 @@ const l1 = D(({
     }));
   }
   const m = () => {
-    p(), n == null || n(sn(a));
+    p(), n == null || n(Qt(a));
   };
   function w(T) {
     s((I) => ({
@@ -17308,7 +17308,7 @@ function f1(e, t) {
 const m1 = Se((e, t) => {
   const {
     colorManager: n
-  } = Yt(Vt), [r, o] = U(vd(e.value)), [a, s] = U(p1(n, e.value)), l = ms(a), [c, d] = U(f1(n, e.value)), p = ms(c);
+  } = Yt(Nt), [r, o] = U(vd(e.value)), [a, s] = U(p1(n, e.value)), l = ms(a), [c, d] = U(f1(n, e.value)), p = ms(c);
   return /* @__PURE__ */ u(S, { align: "stretch", children: [
     /* @__PURE__ */ i(P, { label: "Cell background", value: r || "none", onChange: (w) => {
       var x, T, I;
@@ -17324,8 +17324,8 @@ const m1 = Se((e, t) => {
     } })
   ] });
 }), g1 = {
-  [Ct.eloc]: "ELOC"
-}, b1 = Object.values(Ct).map((e) => ({
+  [St.eloc]: "ELOC"
+}, b1 = Object.values(St).map((e) => ({
   label: k.get(g1, e, k.capitalize(e)),
   value: e
 })), y1 = Se(({
@@ -17406,7 +17406,7 @@ const m1 = Se((e, t) => {
       }) => /* @__PURE__ */ i(y1, { label: "Value Type", sx: {
         flex: 1
       }, ...s }) }),
-      a === Ct.custom && /* @__PURE__ */ i(y, { name: `columns.${t}.func_content`, control: e, render: ({
+      a === St.custom && /* @__PURE__ */ i(y, { name: `columns.${t}.func_content`, control: e, render: ({
         field: s
       }) => /* @__PURE__ */ i(x1, { value: s.value ?? md, onChange: (l) => s.onChange(l ?? "") }) })
     ] }),
@@ -17453,7 +17453,7 @@ const m1 = Se((e, t) => {
       label: c,
       align: "center",
       value_field: "",
-      value_type: Ct.string,
+      value_type: St.string,
       width: ""
     });
   };
@@ -17475,7 +17475,7 @@ const m1 = Se((e, t) => {
     }, children: [
       /* @__PURE__ */ u(g.List, { children: [
         n.map((c, d) => /* @__PURE__ */ i(g.Tab, { value: d.toString(), children: d + 1 }, c.id)),
-        /* @__PURE__ */ i(g.Tab, { onClick: s, value: "add", children: /* @__PURE__ */ i(He, { size: 18, color: "#228be6" }) })
+        /* @__PURE__ */ i(g.Tab, { onClick: s, value: "add", children: /* @__PURE__ */ i(Qe, { size: 18, color: "#228be6" }) })
       ] }),
       n.map((c, d) => /* @__PURE__ */ i(g.Panel, { value: d.toString(), children: /* @__PURE__ */ i(w1, { control: e, watch: t, index: d, column: c, remove: o }, d) }, c.id))
     ] }) })
@@ -17710,7 +17710,7 @@ const ro = {
 }, z1 = D(({
   context: e
 }) => {
-  const t = Qe(), {
+  const t = Ke(), {
     value: n = Oa
   } = J(e.instanceData, "config"), {
     variables: r
@@ -17905,7 +17905,7 @@ async function P1(e, t, n, r = {}) {
     params: r.params,
     headers: o
   };
-  return a.data = r.string ? JSON.stringify(n) : n, en(a).then((s) => s.data).catch((s) => Promise.reject(s));
+  return a.data = r.string ? JSON.stringify(n) : n, tn(a).then((s) => s.data).catch((s) => Promise.reject(s));
 }
 const V1 = ({
   conf: e,
@@ -18323,7 +18323,7 @@ const _d = {
     metrics: []
   }
 };
-ye.use([Qt, jn, Gn, Zo, Ch, xt, vt, wt, ni, dt]);
+ye.use([Kt, jn, Gn, Zo, Ch, vt, wt, _t, ni, dt]);
 function aS({
   name: e
 }, t) {
@@ -18406,7 +18406,7 @@ function cS({
     /* @__PURE__ */ i(E, { mb: -15, variant: "dashed", label: "Value Format", labelPosition: "center" }),
     /* @__PURE__ */ i(y, { name: "heat_block.value_formatter", control: e, render: ({
       field: n
-    }) => /* @__PURE__ */ i(_t, { ...n }) })
+    }) => /* @__PURE__ */ i(Ct, { ...n }) })
   ] });
 }
 const dS = ({
@@ -18473,7 +18473,7 @@ const dS = ({
     }, children: [
       /* @__PURE__ */ u(g.List, { children: [
         s.map((h, f) => /* @__PURE__ */ i(g.Tab, { value: h.id, children: h.name ? h.name : f }, h.id)),
-        /* @__PURE__ */ i(g.Tab, { onClick: l, value: "add", children: /* @__PURE__ */ i(He, { size: 18, color: "#228be6" }) })
+        /* @__PURE__ */ i(g.Tab, { onClick: l, value: "add", children: /* @__PURE__ */ i(Qe, { size: 18, color: "#228be6" }) })
       ] }),
       s.map((h, f) => /* @__PURE__ */ i(g.Panel, { value: h.id, children: /* @__PURE__ */ i(dS, { control: e, index: f, remove: o }, h.id) }, h.id))
     ] })
@@ -18674,7 +18674,7 @@ const xS = {
     data_key: "",
     axisLabel: {
       formatter: {
-        ...Et
+        ...Rt
       },
       overflow: Dt
     },
@@ -18960,7 +18960,7 @@ function ES(e, t, n) {
         })}</td>
         </tr>
         `;
-      }), l = on(e.y_axis.axisLabel.overflow.in_tooltip), c = AS(a, e);
+      }), l = an(e.y_axis.axisLabel.overflow.in_tooltip), c = AS(a, e);
       return `
       <div style="text-align: left; margin-bottom: .5em; padding: 0 1em .5em; font-weight: bold; border-bottom: 1px dashed #ddd;">
         <div style="${l}">${c}</div>
@@ -19038,7 +19038,7 @@ function PS(e, t) {
   const n = t.every((s) => !Number.isNaN(Number(s))), {
     overflow: r,
     ...o
-  } = e.y_axis.axisLabel, a = Kt(r.on_axis);
+  } = e.y_axis.axisLabel, a = Ut(r.on_axis);
   return [{
     data: t,
     name: e.y_axis.name ?? "",
@@ -19075,7 +19075,7 @@ function VS(e, t, n) {
     legend: kS(c)
   };
 }
-ye.use([Qt, jn, Gn, oi, xt, vt, wt, dt, ri, Uo]);
+ye.use([Kt, jn, Gn, oi, vt, wt, _t, dt, ri, Uo]);
 function NS({
   conf: e,
   data: t,
@@ -19273,7 +19273,7 @@ function GS({
   }, children: [
     /* @__PURE__ */ u(g.List, { children: [
       l.map((m, w) => /* @__PURE__ */ i(g.Tab, { value: m.id, children: m.name }, w)),
-      /* @__PURE__ */ i(g.Tab, { onClick: c, value: "add", children: /* @__PURE__ */ i(He, { size: 18, color: "#228be6" }) })
+      /* @__PURE__ */ i(g.Tab, { onClick: c, value: "add", children: /* @__PURE__ */ i(Qe, { size: 18, color: "#228be6" }) })
     ] }),
     l.map((m, w) => /* @__PURE__ */ i(g.Panel, { value: m.id, children: /* @__PURE__ */ i(jS, { control: e, index: w, remove: a, watch: t, variableOptions: d, xAxisOptions: h }) }, w))
   ] });
@@ -19493,7 +19493,7 @@ function XS({
   }, children: [
     /* @__PURE__ */ u(g.List, { children: [
       s.map((m) => /* @__PURE__ */ i(g.Tab, { value: m.id, children: m.name }, m.id)),
-      /* @__PURE__ */ i(g.Tab, { onClick: l, value: "add", children: /* @__PURE__ */ i(He, { size: 18, color: "#228be6" }) })
+      /* @__PURE__ */ i(g.Tab, { onClick: l, value: "add", children: /* @__PURE__ */ i(Qe, { size: 18, color: "#228be6" }) })
     ] }),
     s.map((m, w) => /* @__PURE__ */ i(g.Panel, { value: m.id, children: /* @__PURE__ */ i(US, { control: e, index: w, remove: o, seriesItem: m, xAxisOptions: d }, m.id) }, m.id))
   ] });
@@ -19532,7 +19532,7 @@ function ZS({
       /* @__PURE__ */ i(E, { mb: -15, variant: "dashed", label: "Label Format", labelPosition: "center" }),
       /* @__PURE__ */ i(y, { name: `x_axes.${t}.label_formatter`, control: e, render: ({
         field: r
-      }) => /* @__PURE__ */ i(_t, { ...r }) })
+      }) => /* @__PURE__ */ i(Ct, { ...r }) })
     ] }),
     /* @__PURE__ */ u(S, { children: [
       /* @__PURE__ */ i(E, { mb: -15, variant: "dashed", label: "Value Range", labelPosition: "center" }),
@@ -19581,7 +19581,7 @@ function ek({
   }, children: [
     /* @__PURE__ */ u(g.List, { children: [
       s.map((d) => /* @__PURE__ */ i(g.Tab, { value: d.id, children: d.name }, d.id)),
-      /* @__PURE__ */ i(g.Tab, { onClick: l, value: "add", children: /* @__PURE__ */ i(He, { size: 18, color: "#228be6" }) })
+      /* @__PURE__ */ i(g.Tab, { onClick: l, value: "add", children: /* @__PURE__ */ i(Qe, { size: 18, color: "#228be6" }) })
     ] }),
     s.map((d, p) => /* @__PURE__ */ i(g.Panel, { value: d.id, children: /* @__PURE__ */ i(ZS, { control: e, index: p, remove: o }) }, d.id))
   ] });
@@ -20361,7 +20361,7 @@ const Ck = {
 function Tk() {
   return /* @__PURE__ */ u(it, { width: 400, shadow: "md", children: [
     /* @__PURE__ */ i(it.Target, { children: /* @__PURE__ */ i(M, { size: "xs", variant: "subtle", compact: !0, leftIcon: /* @__PURE__ */ i(Dn, { size: 14 }), children: "指标说明" }) }),
-    /* @__PURE__ */ i(it.Dropdown, { children: /* @__PURE__ */ i(Ot, { fontSize: 14, sx: kk, children: /* @__PURE__ */ u("tbody", { children: [
+    /* @__PURE__ */ i(it.Dropdown, { children: /* @__PURE__ */ i(Ft, { fontSize: 14, sx: kk, children: /* @__PURE__ */ u("tbody", { children: [
       /* @__PURE__ */ u("tr", { children: [
         /* @__PURE__ */ i("th", { children: "估算偏差" }),
         /* @__PURE__ */ i("td", { children: "使用斐波那契数列（1，2，3，5，8，13）估算故事点，每个数位为一个档位，计算issue实际故事点与估算故事点的档位偏差，即为估算偏差。如估算故事点为5，实际故事点为8，则估算偏差为-1。" })
@@ -20379,7 +20379,7 @@ function Dk(e) {
     /* @__PURE__ */ i(Sk, { ...e })
   ] });
 }
-ye.use([jn, Gn, Zo, xt, vt, wt, dt, ni]);
+ye.use([jn, Gn, Zo, vt, wt, _t, dt, ni]);
 function Ik({
   conf: e,
   data: t,
@@ -20510,7 +20510,7 @@ const $k = ({
     }, children: [
       /* @__PURE__ */ u(g.List, { children: [
         s.map((h, f) => /* @__PURE__ */ i(g.Tab, { value: h.id, children: h.name ? h.name : f }, h.id)),
-        /* @__PURE__ */ i(g.Tab, { onClick: l, value: "add", children: /* @__PURE__ */ i(He, { size: 18, color: "#228be6" }) })
+        /* @__PURE__ */ i(g.Tab, { onClick: l, value: "add", children: /* @__PURE__ */ i(Qe, { size: 18, color: "#228be6" }) })
       ] }),
       s.map((h, f) => /* @__PURE__ */ i(g.Panel, { value: h.id, children: /* @__PURE__ */ i($k, { control: e, index: f, remove: o }, h.id) }, h.id))
     ] })
@@ -20713,7 +20713,7 @@ const Us = ({
     data_keys: r,
     formatter: o,
     postfix: a
-  } = e, s = Qe(), l = z(() => {
+  } = e, s = Ke(), l = z(() => {
     if (a.type === "text" && a.value)
       return a.value;
     if (a.type === "filter-option-label" && a.value) {
@@ -20830,7 +20830,7 @@ function Wk({
     /* @__PURE__ */ i(E, { mb: -15, variant: "dashed", label: "Format", labelPosition: "center" }),
     /* @__PURE__ */ i(y, { name: `metrics.${t}.formatter`, control: e, render: ({
       field: a
-    }) => /* @__PURE__ */ i(_t, { ...a }) }),
+    }) => /* @__PURE__ */ i(Ct, { ...a }) }),
     /* @__PURE__ */ i(E, { mb: -15, variant: "dashed", label: "Others", labelPosition: "center" }),
     /* @__PURE__ */ i(y, { name: `metrics.${t}.postfix`, control: e, render: ({
       field: a
@@ -20884,7 +20884,7 @@ const jk = ({
     }, children: [
       /* @__PURE__ */ u(g.List, { children: [
         l.map((w, x) => /* @__PURE__ */ i(g.Tab, { value: w.id, children: w.names.value ? w.names.value : x + 1 }, x)),
-        /* @__PURE__ */ i(g.Tab, { onClick: c, value: "add", children: /* @__PURE__ */ i(Ft, { size: 18, color: "#228be6" }) })
+        /* @__PURE__ */ i(g.Tab, { onClick: c, value: "add", children: /* @__PURE__ */ i(Pt, { size: 18, color: "#228be6" }) })
       ] }),
       l.map((w, x) => /* @__PURE__ */ i(g.Panel, { value: w.id, children: /* @__PURE__ */ i(Wk, { control: e, index: x, remove: m, variableOptions: d, watch: t }) }, x))
     ] })
@@ -21086,16 +21086,16 @@ const Xk = {
     color: [...Jk, ...Zk]
   }
 }), rr = new gf(), qe = {
-  pluginManager: Bt("pluginManager"),
-  vizManager: Bt("vizManager"),
-  colorManager: Bt("colorManager"),
+  pluginManager: qt("pluginManager"),
+  vizManager: qt("vizManager"),
+  colorManager: qt("colorManager"),
   instanceScope: {
-    panelModel: Bt("panelModel"),
-    vizInstance: Bt("vizInstance"),
-    interactionManager: Bt("interactionManager"),
-    migrator: Bt("migrator"),
-    operationManager: Bt("operationManager"),
-    triggerManager: Bt("triggerManager")
+    panelModel: qt("panelModel"),
+    vizInstance: qt("vizInstance"),
+    interactionManager: qt("interactionManager"),
+    migrator: qt("migrator"),
+    operationManager: qt("operationManager"),
+    triggerManager: qt("triggerManager")
   }
 }, qa = () => {
   try {
@@ -21108,7 +21108,7 @@ const Xk = {
     vizManager: e,
     colorManager: t
   };
-}, Vt = al(qa());
+}, Nt = al(qa());
 try {
   rr.install(Sd());
 } catch {
@@ -21424,7 +21424,7 @@ const eT = {
   value: n,
   onChange: r
 }) => {
-  const o = Qe(), a = !!t.options_query_id, {
+  const o = Ke(), a = !!t.options_query_id, {
     state: s,
     error: l
   } = o.getDataStuffByID(t.options_query_id), c = s === "loading", d = t.min_width ? t.min_width : "200px", p = a ? c : !1, h = (f) => r(f, !1);
@@ -21447,20 +21447,11 @@ const eT = {
   value: n,
   onChange: r
 }) => {
-  const o = Qe(), a = !!t.options_query_id, {
+  const o = Ke(), a = !!t.options_query_id, {
     state: s,
     error: l
   } = o.getDataStuffByID(t.options_query_id), c = s === "loading";
-  return W(() => {
-    var h;
-    const {
-      default_selection_count: d
-    } = t;
-    if (!d)
-      return;
-    const p = ((h = t.options[0]) == null ? void 0 : h.value) ?? "";
-    console.log("Selecting the first option by default. New value: ", p), r(p, !0);
-  }, [t.default_selection_count, t.options]), /* @__PURE__ */ i(P, { label: e, data: t.options, disabled: a ? c : !1, value: n, onChange: r, error: !!l, placeholder: l, maxDropdownHeight: 500, styles: {
+  return /* @__PURE__ */ i(P, { label: e, data: t.options, disabled: a ? c : !1, value: n, onChange: r, error: !!l, placeholder: l, maxDropdownHeight: 500, styles: {
     root: {
       width: t.width ? t.width : "200px"
     },
@@ -21876,7 +21867,7 @@ function bT(e) {
 const Md = D(function({
   view: t
 }) {
-  const n = Qe(), {
+  const n = Ke(), {
     control: r,
     handleSubmit: o,
     reset: a
@@ -22112,10 +22103,10 @@ const yT = b.model("PanelLayoutMeta", {
     if (!e.queryIDSet.has(t))
       return;
     const n = new Set(e.queryIDSet);
-    n.delete(t), e.queryIDs = rn(Array.from(n));
+    n.delete(t), e.queryIDs = on(Array.from(n));
   },
   setQueryIDs(t) {
-    e.queryIDs = rn(t);
+    e.queryIDs = on(t);
   },
   addVariable(t) {
     e.variables.push(t);
@@ -22125,7 +22116,7 @@ const yT = b.model("PanelLayoutMeta", {
   }
 })), Ti = (e) => vl(e, (t, n) => {
   if (n !== void 0 && t)
-    return sn(t);
+    return Qt(t);
 });
 var We = /* @__PURE__ */ ((e) => (e.Postgresql = "postgresql", e.MySQL = "mysql", e.HTTP = "http", e))(We || {});
 const ST = b.model("QueryMeta", {
@@ -22308,8 +22299,8 @@ const DT = b.model("FilterDateRangeConfigMeta", {
 })).actions((e) => ({
   setFilterValue(t) {
     try {
-      const n = Ue(e);
-      Me(e).filters.setValueByKey(n.key, t);
+      const n = He(e);
+      Te(e).filters.setValueByKey(n.key, t);
     } catch (n) {
       console.error(n);
     }
@@ -22385,7 +22376,7 @@ const DT = b.model("FilterDateRangeConfigMeta", {
       data: t,
       state: n,
       error: r
-    } = Me(e).content.getDataStuffByID(e.options_query_id);
+    } = Te(e).content.getDataStuffByID(e.options_query_id);
     return n === "idle" ? t : [];
   }
 })).actions((e) => ({
@@ -22429,18 +22420,18 @@ const DT = b.model("FilterDateRangeConfigMeta", {
   }
 })).actions((e) => ({
   setDefaultValue(t) {
-    e.default_value = rn(t);
+    e.default_value = on(t);
   },
   setMinWidth(t) {
     e.min_width = t;
   },
   setDefaultSelection() {
-    const t = Me(e).content.filters, n = Ue(e).key;
+    const t = Te(e).content.filters, n = He(e).key;
     t.setValueByKey(n, e.default_selection);
   }
 })).actions((e) => ({
   afterCreate() {
-    Wt(e, kt(() => sn(e.default_selection), e.setDefaultSelection, {
+    Et(e, xt(() => Qt(e.default_selection), e.setDefaultSelection, {
       fireImmediately: !0,
       delay: 0
     }));
@@ -22482,6 +22473,9 @@ const DT = b.model("FilterDateRangeConfigMeta", {
   },
   getSelectOption(t) {
     return e.options.find((n) => n.value === t);
+  },
+  get default_selection() {
+    return e.usingQuery ? e.default_selection_count > 0 && e.options.length > 0 ? e.options[0].value : "" : e.default_value;
   }
 })).actions((e) => ({
   setRequired(t) {
@@ -22492,6 +22486,17 @@ const DT = b.model("FilterDateRangeConfigMeta", {
   },
   setWidth(t) {
     e.width = t;
+  },
+  setDefaultSelection() {
+    const t = Te(e).content.filters, n = He(e).key;
+    t.setValueByKey(n, e.default_selection);
+  }
+})).actions((e) => ({
+  afterCreate() {
+    Et(e, xt(() => Qt(e.default_selection), e.setDefaultSelection, {
+      fireImmediately: !0,
+      delay: 0
+    }));
   }
 })), $T = () => Od.create({
   _name: "select",
@@ -22589,19 +22594,19 @@ const Vd = b.compose("FilterTreeSelectConfigMeta", b.model({
   get treeData() {
     const {
       data: t
-    } = Me(e).content.getDataStuffByID(e.options_query_id), n = AT(t);
+    } = Te(e).content.getDataStuffByID(e.options_query_id), n = AT(t);
     return LT(n);
   },
   get errorMessage() {
     const {
       error: t
-    } = Me(e).content.getDataStuffByID(e.options_query_id);
+    } = Te(e).content.getDataStuffByID(e.options_query_id);
     return t;
   },
   get treeDataLoading() {
     const {
       state: t
-    } = Me(e).content.getDataStuffByID(e.options_query_id);
+    } = Te(e).content.getDataStuffByID(e.options_query_id);
     return t === "loading";
   },
   get defaultSelection() {
@@ -22612,17 +22617,17 @@ const Vd = b.compose("FilterTreeSelectConfigMeta", b.model({
   }
 })).actions((e) => ({
   setDefaultValue(t) {
-    e.default_value = rn(t);
+    e.default_value = on(t);
   },
   setMinWidth(t) {
     e.min_width = t;
   },
   applyDefaultSelection() {
-    const t = Ue(e, 1).key;
-    Me(e).content.filters.setValueByKey(t, e.defaultSelection);
+    const t = He(e, 1).key;
+    Te(e).content.filters.setValueByKey(t, e.defaultSelection);
   },
   afterCreate() {
-    Wt(e, kt(() => JSON.stringify(e.defaultSelection), this.applyDefaultSelection, {
+    Et(e, xt(() => JSON.stringify(e.defaultSelection), this.applyDefaultSelection, {
       fireImmediately: !0,
       delay: 0
     }));
@@ -22673,7 +22678,7 @@ const Vd = b.compose("FilterTreeSelectConfigMeta", b.model({
       order: o,
       config: c.json,
       auto_submit: s,
-      visibleInViewsIDs: sn(a)
+      visibleInViewsIDs: Qt(a)
     };
   },
   // FIXME: this is a temp workaround. auto_submit should be moved into config
@@ -22755,7 +22760,7 @@ const Bd = b.model("ViewDivisionConfig", {
     const {
       enabled: t,
       func_content: n
-    } = e, r = Ue(e, 2), o = Me(e);
+    } = e, r = He(e, 2), o = Te(e);
     if (!t)
       return r.name;
     try {
@@ -22880,7 +22885,7 @@ const Bd = b.model("ViewDivisionConfig", {
     e.grow = t;
   },
   setTabs(t) {
-    e.tabs.length = 0, e.tabs = rn(t);
+    e.tabs.length = 0, e.tabs = on(t);
   },
   addTab() {
     const t = _n(), n = {
@@ -23074,7 +23079,7 @@ function WT(e) {
 }
 const Qd = CT.views((e) => ({
   get contentModel() {
-    return Me(e).content;
+    return Te(e).content;
   }
 })).views((e) => ({
   get queries() {
@@ -23100,7 +23105,7 @@ const Qd = CT.views((e) => ({
     e.queries.forEach((t) => t.fetchData());
   },
   downloadData() {
-    Me(e).content.queries.downloadDataByQueryIDs(e.queryIDs);
+    Te(e).content.queries.downloadDataByQueryIDs(e.queryIDs);
   }
 }));
 function jT(e) {
@@ -23234,7 +23239,7 @@ const YT = ST.views((e) => ({
   get conditionOptions() {
     if (!vs(e))
       return [];
-    const t = Me(e).content, {
+    const t = Te(e).content, {
       context: n
     } = t.payloadForSQL, r = Object.keys(n).map((a) => ({
       group: "Context",
@@ -23257,7 +23262,7 @@ const YT = ST.views((e) => ({
     } = e;
     if (t.length === 0)
       return [];
-    const n = Me(e).content.payloadForSQL;
+    const n = Te(e).content.payloadForSQL;
     return t.filter((r) => {
       const o = k.get(n, r);
       return Array.isArray(o) ? o.length === 0 : typeof o == "number" ? Number.isNaN(o) : !o;
@@ -23270,7 +23275,7 @@ const YT = ST.views((e) => ({
     } = e;
     if (t.length === 0)
       return "";
-    const n = Me(e).content.payloadForSQL, r = [...t].reduce((o, a) => (o[a] = k.get(n, a), o), {});
+    const n = Te(e).content.payloadForSQL, r = [...t].reduce((o, a) => (o[a] = k.get(n, a), o), {});
     return JSON.stringify(r);
   },
   get runByConditionsMet() {
@@ -23284,7 +23289,7 @@ const YT = ST.views((e) => ({
       };
     const {
       keyLabelMap: t
-    } = Me(e).content.filters, n = e.unmetRunByConditions.filter((o) => o.startsWith("context.")).map((o) => o.split("context.")[0]), r = e.unmetRunByConditions.filter((o) => o.startsWith("filters.")).map((o) => k.get({
+    } = Te(e).content.filters, n = e.unmetRunByConditions.filter((o) => o.startsWith("context.")).map((o) => o.split("context.")[0]), r = e.unmetRunByConditions.filter((o) => o.startsWith("filters.")).map((o) => k.get({
       filters: t
     }, o)).filter((o) => !!o);
     return {
@@ -23321,7 +23326,7 @@ const JT = b.compose("QueryRenderModel", YT, b.model({
   error: b.frozen()
 })).views((e) => ({
   get formattedSQL() {
-    const t = Me(e).content.payloadForSQL;
+    const t = Te(e).content.payloadForSQL;
     return ra(e.sql, t);
   },
   get typedAsSQL() {
@@ -23335,7 +23340,7 @@ const JT = b.compose("QueryRenderModel", YT, b.model({
       key: t,
       type: n
     } = e;
-    return Me(e).datasources.find({
+    return Te(e).datasources.find({
       type: n,
       key: t
     });
@@ -23344,7 +23349,7 @@ const JT = b.compose("QueryRenderModel", YT, b.model({
     const {
       context: t,
       filters: n
-    } = Me(e).content.payloadForSQL, {
+    } = Te(e).content.payloadForSQL, {
       name: r,
       pre_process: o
     } = e.json, a = QT(o, t, n);
@@ -23374,14 +23379,14 @@ const JT = b.compose("QueryRenderModel", YT, b.model({
     if (e.valid && ((t = e.controller) == null || t.abort(), !!e.runByConditionsMet)) {
       e.controller = new AbortController(), e.state = "loading";
       try {
-        const n = Me(e).content.payloadForSQL;
+        const n = Te(e).content.payloadForSQL;
         e.data = yield* fn(ef({
           payload: n,
           title: e.name,
           query: e.json
         }, e.controller.signal)), e.state = "idle", e.error = null;
       } catch (n) {
-        if (!en.isCancel(n)) {
+        if (!tn.isCancel(n)) {
           e.data.length = 0;
           const r = ce(n, "message", "unkown error");
           e.error = ce(n, "response.data.detail.message", r), e.state = "error";
@@ -23409,7 +23414,7 @@ const JT = b.compose("QueryRenderModel", YT, b.model({
         let l = UT(e.datasource, s);
         l = XT(o, l), e.data = l, e.state = "idle", e.error = null;
       } catch (n) {
-        if (console.error(n), !en.isCancel(n)) {
+        if (console.error(n), !tn.isCancel(n)) {
           e.data.length = 0;
           const r = ce(n, "message", "unkown error");
           e.error = ce(n, "response.data.detail.message", r), e.state = "error";
@@ -23425,7 +23430,7 @@ const JT = b.compose("QueryRenderModel", YT, b.model({
   }
 })).actions((e) => ({
   afterCreate() {
-    Wt(e, kt(() => {
+    Et(e, xt(() => {
       var t, n;
       return e.typedAsHTTP ? `${e.id}--${e.key}--${e.reQueryKey}--${(t = e.datasource) == null ? void 0 : t.id}` : `${e.id}--${e.key}--${e.formattedSQL}--${e.pre_process}--${e.post_process}--${(n = e.datasource) == null ? void 0 : n.id}`;
     }, e.fetchData, {
@@ -23537,7 +23542,7 @@ function eD(e) {
 }
 const tD = kT.views((e) => ({
   isADuplicatedKey(t) {
-    return !t || t === e.key ? !1 : !!Ue(e, 2).findByKey(t);
+    return !t || t === e.key ? !1 : !!He(e, 2).findByKey(t);
   }
 })), ru = b.model("SQLSnippetsRenderModel", {
   current: b.optional(b.array(tD), [])
@@ -23596,7 +23601,7 @@ const iD = (e) => new rD(e), oD = D(({
   const t = Oe(), n = _e(), r = Ht(), {
     panel: o,
     downloadPanelScreenshot: a
-  } = Pt(), {
+  } = Vt(), {
     id: s
   } = o, {
     viewPanelInFullScreen: l,
@@ -23814,7 +23819,7 @@ function uD(e) {
 function hD(e, t) {
   const {
     vizManager: n
-  } = Yt(Vt), {
+  } = Yt(Nt), {
     panel: {
       viz: r,
       title: o,
@@ -23986,7 +23991,7 @@ const uu = D(({
 function SD(e, t, n) {
   const {
     panels: r
-  } = Qe(), o = e.id === "Main", [a, s] = R.useState(() => o && r.findByID(t) ? t : null), l = R.useCallback((h) => {
+  } = Ke(), o = e.id === "Main", [a, s] = R.useState(() => o && r.findByID(t) ? t : null), l = R.useCallback((h) => {
     s(h), o && n(h);
   }, [o, n]), c = R.useCallback(() => {
     s(null), o && n("");
@@ -24027,7 +24032,7 @@ const kD = R.forwardRef(({
   view: e,
   className: t = "layout"
 }) => {
-  const n = Qe(), {
+  const n = Ke(), {
     panels: r,
     layouts: o
   } = n.panels.panelsByIDs(e.panelIDs), a = R.useCallback((l) => {
@@ -24054,7 +24059,7 @@ const kD = R.forwardRef(({
   const {
     panels: r,
     layouts: o
-  } = Qe().panels.panelsByIDs(t.panelIDs);
+  } = Ke().panels.panelsByIDs(t.panelIDs);
   return /* @__PURE__ */ i(MD, { className: `dashboard-layout ${n}`, cols: 36, rowHeight: 1, margin: [0, 0], isDraggable: !1, isResizable: !1, layout: o, children: r.map((a) => /* @__PURE__ */ i("div", { "data-grid": {
     ...a.layout
   }, className: "panel-grid-item", children: /* @__PURE__ */ i(uu, { view: t, panel: a }) }, a.id)) });
@@ -24089,7 +24094,7 @@ const $D = D(({
   const [t, {
     setTrue: n,
     setFalse: r
-  }] = Ze(!1), o = pc(), a = Qe(), s = () => {
+  }] = Ze(!1), o = pc(), a = Ke(), s = () => {
     const l = JSON.stringify(a.json, null, 2), c = `${o.name}__${a.name}`;
     eu(c, l);
   };
@@ -24132,7 +24137,7 @@ const $D = D(({
   children: e,
   view: t
 }) => {
-  const n = Qe(), r = t.config, o = n.views.visibleViewIDs.includes(t.id), a = () => n.views.rmVisibleViewID(t.id), {
+  const n = Ke(), r = t.config, o = n.views.visibleViewIDs.includes(t.id), a = () => n.views.rmVisibleViewID(t.id), {
     ref: s,
     downloadScreenshot: l
   } = Ga(t);
@@ -24181,7 +24186,7 @@ const $D = D(({
   children: e,
   view: t
 }) => {
-  const n = Qe(), r = t.config;
+  const n = Ke(), r = t.config;
   return /* @__PURE__ */ u(F, { className: "render-view-tabs", children: [
     /* @__PURE__ */ u(g, { variant: r.variant, orientation: r.orientation, defaultValue: r.tabs.length > 0 ? r.tabs[0].id : "0", styles: {
       panel: {
@@ -24325,7 +24330,7 @@ const FD = D(({
     /* @__PURE__ */ u(g, { variant: a.variant, orientation: a.orientation, defaultValue: a.tabs.length > 0 ? a.tabs[0].id : "0", styles: PD(a), children: [
       /* @__PURE__ */ u(g.List, { grow: a.grow, children: [
         a.tabs.map((c) => /* @__PURE__ */ i(g.Tab, { value: c.id, sx: VD(c), children: c.name ?? c.id }, c.id)),
-        /* @__PURE__ */ i(g.Tab, { onClick: a.addTab, value: "add", className: "add-a-tab", children: /* @__PURE__ */ i(He, { size: 18, color: "#228be6" }) })
+        /* @__PURE__ */ i(g.Tab, { onClick: a.addTab, value: "add", className: "add-a-tab", children: /* @__PURE__ */ i(Qe, { size: 18, color: "#228be6" }) })
       ] }),
       a.tabs.map((c, d) => {
         const p = r.views.findByID(c.view_id);
@@ -24340,7 +24345,7 @@ const FD = D(({
             bottom: 0,
             zIndex: 200
           }, children: [
-            /* @__PURE__ */ i(an, { opacity: 0.8, color: "#FFF", blur: 10, zIndex: 100 }),
+            /* @__PURE__ */ i(sn, { opacity: 0.8, color: "#FFF", blur: 10, zIndex: 100 }),
             /* @__PURE__ */ u(S, { mx: "auto", mt: 100, sx: {
               width: "300px",
               position: "relative",
@@ -24454,7 +24459,7 @@ const wA = {
   version: "9.19.0"
 };
 function GD(e, t, n) {
-  Wt(e, Ep(e, (r, o) => {
+  Et(e, Ep(e, (r, o) => {
     o(r, () => {
       Rp(r.context) === t && r.type === "action" && n(r.name, r.context);
     });
@@ -24485,7 +24490,7 @@ const YD = b.compose("FiltersModel", Xd, b.model("FiltersModel", {
   }
 })).actions((e) => ({
   replace(t) {
-    e.current = rn(t);
+    e.current = on(t);
   },
   append(t) {
     e.current.push(t);
@@ -24528,7 +24533,7 @@ const YD = b.compose("FiltersModel", Xd, b.model("FiltersModel", {
   }
 })).actions((e) => ({
   replace(t) {
-    e.current = rn(t);
+    e.current = on(t);
   },
   append(t) {
     e.current.push(t);
@@ -24554,7 +24559,7 @@ const YD = b.compose("FiltersModel", Xd, b.model("FiltersModel", {
   }
 })).actions((e) => ({
   replace(t) {
-    e.current = rn(t);
+    e.current = on(t);
   },
   append(t) {
     e.current.push(t);
@@ -24581,7 +24586,7 @@ const YD = b.compose("FiltersModel", Xd, b.model("FiltersModel", {
     return e.data.length === 0;
   },
   get sql() {
-    const t = Ue(e, 1), {
+    const t = He(e, 1), {
       type: n,
       table_name: r,
       table_schema: o
@@ -24627,7 +24632,7 @@ const YD = b.compose("FiltersModel", Xd, b.model("FiltersModel", {
     return e.data.length === 0;
   },
   get sql() {
-    const t = Ue(e, 1), {
+    const t = He(e, 1), {
       type: n,
       table_name: r,
       table_schema: o
@@ -24678,13 +24683,13 @@ const YD = b.compose("FiltersModel", Xd, b.model("FiltersModel", {
   error: b.frozen()
 }).views((e) => ({
   get keywords() {
-    return Ue(e, 1);
+    return He(e, 1);
   },
   get keywordString() {
     const {
       table_name: t,
       table_schema: n
-    } = Ue(e, 1);
+    } = He(e, 1);
     return `${n}||${t}`;
   }
 })).views((e) => ({
@@ -24698,7 +24703,7 @@ const YD = b.compose("FiltersModel", Xd, b.model("FiltersModel", {
     return Math.ceil(e.total / e.limit);
   },
   get sql() {
-    const t = Ue(e, 1), {
+    const t = He(e, 1), {
       table_name: n,
       table_schema: r
     } = t;
@@ -24730,10 +24735,10 @@ const YD = b.compose("FiltersModel", Xd, b.model("FiltersModel", {
   }
 })).actions((e) => ({
   afterCreate() {
-    Wt(e, kt(() => e.keywordString, e.resetPage, {
+    Et(e, xt(() => e.keywordString, e.resetPage, {
       fireImmediately: !1,
       delay: 0
-    })), Wt(e, kt(() => e.limit, e.resetPage, {
+    })), Et(e, xt(() => e.limit, e.resetPage, {
       fireImmediately: !1,
       delay: 0
     }));
@@ -24750,7 +24755,7 @@ const YD = b.compose("FiltersModel", Xd, b.model("FiltersModel", {
     return Object.keys(e.data).length === 0;
   },
   get sql() {
-    const t = Ue(e, 1).type;
+    const t = He(e, 1).type;
     return t === We.MySQL || t === We.Postgresql ? "SELECT table_schema, table_name, table_type FROM information_schema.tables ORDER BY table_schema, table_name" : "";
   }
 })), ZD = b.compose("DataSourceModel", jd, b.model({
@@ -24790,7 +24795,7 @@ const YD = b.compose("FiltersModel", Xd, b.model("FiltersModel", {
       }, {}));
       e.tables.data = k.groupBy(r, "table_schema"), e.tables.state = "idle", e.tables.error = null, e.initKeywords();
     } catch (r) {
-      if (!en.isCancel(r)) {
+      if (!tn.isCancel(r)) {
         e.tables.data = {};
         const o = k.get(r, "message", "unkown error");
         e.tables.error = k.get(r, "response.data.detail.message", o), e.tables.state = "error";
@@ -24812,7 +24817,7 @@ const YD = b.compose("FiltersModel", Xd, b.model("FiltersModel", {
           query: e.columns.sql
         }, {})), e.columns.state = "idle", e.columns.error = null;
       } catch (r) {
-        if (en.isCancel(r))
+        if (tn.isCancel(r))
           e.columns.state = "idle", e.columns.error = null;
         else {
           e.columns.data = [];
@@ -24831,7 +24836,7 @@ const YD = b.compose("FiltersModel", Xd, b.model("FiltersModel", {
           query: e.indexes.sql
         }, {})), e.indexes.state = "idle", e.indexes.error = null;
       } catch (r) {
-        if (en.isCancel(r))
+        if (tn.isCancel(r))
           e.indexes.state = "idle", e.indexes.error = null;
         else {
           e.indexes.data = [];
@@ -24860,7 +24865,7 @@ const YD = b.compose("FiltersModel", Xd, b.model("FiltersModel", {
         }, {}));
         n.total = Number(o), n.state = "idle", n.error = null;
       } catch (o) {
-        if (en.isCancel(o))
+        if (tn.isCancel(o))
           n.state = "idle", n.error = null;
         else {
           n.data = [];
@@ -24872,17 +24877,17 @@ const YD = b.compose("FiltersModel", Xd, b.model("FiltersModel", {
   };
 }).actions((e) => ({
   afterCreate() {
-    Wt(e, kt(() => e.columns.sql, e.loadColumns, {
+    Et(e, xt(() => e.columns.sql, e.loadColumns, {
       fireImmediately: !1,
       delay: 500
     }));
   }
 })).actions((e) => ({
   afterCreate() {
-    Wt(e, kt(() => e.indexes.sql, e.loadIndexes, {
+    Et(e, xt(() => e.indexes.sql, e.loadIndexes, {
       fireImmediately: !1,
       delay: 500
-    })), Wt(e, kt(() => e.tableData.sql, e.loadTableData, {
+    })), Et(e, xt(() => e.tableData.sql, e.loadTableData, {
       fireImmediately: !1,
       delay: 0
     }));
@@ -24945,7 +24950,7 @@ const nI = b.model("EditorModel", {
   get navOptions() {
     const {
       content: t
-    } = Me(e), {
+    } = Te(e), {
       filters: n,
       views: r,
       sqlSnippets: o,
@@ -25027,11 +25032,11 @@ const nI = b.model("EditorModel", {
   }
 })).actions((e) => ({
   removeSelf() {
-    Ue(e, 2).removeByID(e.id);
+    He(e, 2).removeByID(e.id);
   }
 })).actions((e) => ({
   moveToView(t, n) {
-    Me(e).content.views.findByID(t).removePanelID(e.id), Me(e).content.views.findByID(n).appendPanelID(e.id), Me(e).editor.setPath(["_VIEWS_", n, "_PANELS_", e.id]);
+    Te(e).content.views.findByID(t).removePanelID(e.id), Te(e).content.views.findByID(n).appendPanelID(e.id), Te(e).editor.setPath(["_VIEWS_", n, "_PANELS_", e.id]);
   }
 })), iI = b.compose("PanelsModel", Kd, b.model({
   list: b.optional(b.array(rI), [])
@@ -25116,7 +25121,7 @@ const nI = b.model("EditorModel", {
     }));
   },
   get editorOptions() {
-    const t = Me(e).content.panels;
+    const t = Te(e).content.panels;
     return e.current.map((n) => ({
       label: n.name,
       value: n.id,
@@ -25151,7 +25156,7 @@ const nI = b.model("EditorModel", {
     if (n === -1)
       return;
     const r = e.current[n];
-    Me(e).content.panels.removeByIDs(r.panelIDs), e.current.splice(n, 1);
+    Te(e).content.panels.removeByIDs(r.panelIDs), e.current.splice(n, 1);
   },
   replaceByIndex(t, n) {
     e.current.splice(t, 1, n);
@@ -25250,7 +25255,7 @@ const aI = b.model({
     return !ke(ce(e, t), ce(e.origin, t));
   },
   get payloadForSQL() {
-    const t = Ue(e).context.current, n = Ue(e).globalSQLSnippets, r = {
+    const t = He(e).context.current, n = He(e).globalSQLSnippets, r = {
       context: {
         ...e.mock_context.current,
         ...t
@@ -25264,7 +25269,7 @@ const aI = b.model({
     };
   },
   get payloadForViz() {
-    const t = Ue(e).context.current;
+    const t = He(e).context.current;
     return {
       context: {
         ...e.mock_context.current,
@@ -25800,8 +25805,8 @@ function _I(e, t) {
             x: Xr,
             y: c
           },
-          sourcePosition: St.Right,
-          targetPosition: St.Left,
+          sourcePosition: kt.Right,
+          targetPosition: kt.Left,
           style: {
             width: el,
             height: Vr
@@ -25821,8 +25826,8 @@ function _I(e, t) {
           x: Xr,
           y: c
         },
-        sourcePosition: St.Right,
-        targetPosition: St.Left,
+        sourcePosition: kt.Right,
+        targetPosition: kt.Left,
         style: {
           width: el,
           height: Vr
@@ -25854,8 +25859,8 @@ function kI(e) {
         x: 0,
         y: 0
       },
-      sourcePosition: St.Right,
-      targetPosition: St.Left,
+      sourcePosition: kt.Right,
+      targetPosition: kt.Left,
       className: "light",
       style: {
         backgroundColor: SI[n.type],
@@ -25885,7 +25890,7 @@ function II({
   edges: n
 }) {
   t.forEach((r) => {
-    r._node_type !== "view-root" || r._view_type !== Z.Tabs || (r.sourcePosition = St.Bottom, r.style.width = Qa + Xr * 2, r.style.height = xu + r._tab_view_ids.reduce((o, a) => {
+    r._node_type !== "view-root" || r._view_type !== Z.Tabs || (r.sourcePosition = kt.Bottom, r.style.width = Qa + Xr * 2, r.style.height = xu + r._tab_view_ids.reduce((o, a) => {
       const s = e[a];
       s.position.y = o, s.position.x = Xr;
       const l = s.style.height;
@@ -25918,7 +25923,7 @@ function zI({
     const a = e[o.source], s = e[o.target];
     if (a && s && a.parentNode) {
       const l = e[a.parentNode], c = l.position.x, d = Number(k.get(s, "style.height", 0)), p = Number(l.style.width);
-      s.position.x = c + p + wI, l._view_level === 0 && s._sub_view_ids.length === 0 && (a.sourcePosition = St.Left, s.targetPosition = St.Right, s.position.x *= -1);
+      s.position.x = c + p + wI, l._view_level === 0 && s._sub_view_ids.length === 0 && (a.sourcePosition = kt.Left, s.targetPosition = kt.Right, s.position.x *= -1);
       const f = s.position.x, m = k.get(r, f, 0);
       s.position.y = m, r[f] = m + d + vu;
     }
@@ -26017,8 +26022,8 @@ function EI(e) {
 const RI = Ju(({
   data: e,
   isConnectable: t,
-  sourcePosition: n = St.Right,
-  targetPosition: r = St.Left,
+  sourcePosition: n = kt.Right,
+  targetPosition: r = kt.Left,
   ...o
 }) => {
   const a = z(() => EI(e.interactions), [e.interactions]);
@@ -26039,7 +26044,7 @@ const RI = Ju(({
 const OI = {
   interaction: RI
 }, FI = D(() => {
-  const e = Qe(), {
+  const e = Ke(), {
     edges: t,
     nodes: n
   } = AI(e);
@@ -26138,7 +26143,7 @@ const BI = D(() => {
   }, children: [
     t.views.options.map((o) => /* @__PURE__ */ i(NI, { active: t.views.idOfVIE === o.value, name: o.label, onClick: n(o.value), openSettings: () => r(o.value) }, o.value)),
     /* @__PURE__ */ i(E, { variant: "dashed" }),
-    /* @__PURE__ */ i(M, { variant: "subtle", rightIcon: /* @__PURE__ */ i(Ft, { size: 14 }), size: "sm", px: "xs", color: "blue", onClick: t.views.addARandomNewView, sx: {
+    /* @__PURE__ */ i(M, { variant: "subtle", rightIcon: /* @__PURE__ */ i(Pt, { size: 14 }), size: "sm", px: "xs", color: "blue", onClick: t.views.addARandomNewView, sx: {
       width: "100%",
       borderRadius: 0
     }, styles: {
@@ -26161,7 +26166,7 @@ const BI = D(() => {
     }
     e.editor.open(["_FILTERS_", t.filters.firstID]);
   }, [o, a] = U(!1), s = () => a(!0), l = () => a(!1);
-  return /* @__PURE__ */ u(qt, { p: 0, width: {
+  return /* @__PURE__ */ u(Wt, { p: 0, width: {
     base: 200,
     xs: 200,
     sm: 200,
@@ -26169,7 +26174,7 @@ const BI = D(() => {
     lg: 240,
     xl: 260
   }, zIndex: 299, children: [
-    /* @__PURE__ */ u(qt.Section, { children: [
+    /* @__PURE__ */ u(Wt.Section, { children: [
       /* @__PURE__ */ u(v, { grow: !0, spacing: 0, sx: {
         ...VI,
         button: {
@@ -26190,16 +26195,16 @@ const BI = D(() => {
       ] }),
       /* @__PURE__ */ i(PI, { opened: o, close: l })
     ] }),
-    /* @__PURE__ */ i(qt.Section, { py: 5, sx: {
+    /* @__PURE__ */ i(Wt.Section, { py: 5, sx: {
       borderBottom: "1px solid #eee"
     }, children: /* @__PURE__ */ i(C, { align: "center", sx: {
       userSelect: "none",
       cursor: "default"
     }, children: "Views" }) }),
-    /* @__PURE__ */ i(qt.Section, { grow: !0, sx: {
+    /* @__PURE__ */ i(Wt.Section, { grow: !0, sx: {
       overflow: "auto"
     }, children: /* @__PURE__ */ i(BI, {}) }),
-    /* @__PURE__ */ i(qt.Section, { children: /* @__PURE__ */ i(v, { grow: !0, p: "md", pt: "sm", sx: {
+    /* @__PURE__ */ i(Wt.Section, { children: /* @__PURE__ */ i(v, { grow: !0, p: "md", pt: "sm", sx: {
       borderTop: "1px solid #eee"
     }, children: /* @__PURE__ */ i(M, { size: "xs", leftIcon: /* @__PURE__ */ i(ep, { size: 20 }), onClick: () => e.editor.open([]), children: "Settings" }) }) })
   ] });
@@ -26296,7 +26301,7 @@ const BI = D(() => {
       minHeight: "50px"
     }, children: [
       t.usingQuery && /* @__PURE__ */ u(Y, { children: [
-        /* @__PURE__ */ i(an, { opacity: 0.8, color: "#000", sx: {
+        /* @__PURE__ */ i(sn, { opacity: 0.8, color: "#000", sx: {
           left: "-5px",
           right: "-5px",
           top: "-5px",
@@ -26361,7 +26366,7 @@ const BI = D(() => {
       minHeight: "50px"
     }, children: [
       t.usingQuery && /* @__PURE__ */ u(Y, { children: [
-        /* @__PURE__ */ i(an, { opacity: 0.8, color: "#000", sx: {
+        /* @__PURE__ */ i(sn, { opacity: 0.8, color: "#000", sx: {
           left: "-5px",
           right: "-5px",
           top: "-5px",
@@ -26613,7 +26618,7 @@ const BI = D(() => {
 }), oM = D(() => {
   const {
     panel: e
-  } = Pt();
+  } = Vt();
   return /* @__PURE__ */ i($a, { label: "Description", value: e.description, onChange: e.setDescription, styles: {
     root: {
       flexGrow: 1
@@ -26622,14 +26627,14 @@ const BI = D(() => {
 }), aM = D(() => {
   const {
     panel: e
-  } = Pt(), {
+  } = Vt(), {
     style: t
   } = e;
   return /* @__PURE__ */ i(Y, { children: /* @__PURE__ */ i(Je, { label: "Border", checked: t.border.enabled, onChange: (n) => t.border.setEnabled(n.currentTarget.checked) }) });
 }), sM = D(() => {
   const {
     panel: e
-  } = Pt(), {
+  } = Vt(), {
     title: t,
     setTitle: n
   } = e, [r, o] = El(t), a = t !== r, s = R.useCallback(() => {
@@ -26712,7 +26717,7 @@ function Cu({
   });
   return e.length === 0 ? /* @__PURE__ */ i(F, { sx: {
     height: "5em"
-  } }) : /* @__PURE__ */ i(ct, { children: /* @__PURE__ */ u(Ot, { sx: cM, children: [
+  } }) : /* @__PURE__ */ i(ct, { children: /* @__PURE__ */ u(Ft, { sx: cM, children: [
     /* @__PURE__ */ i("thead", { children: n.getHeaderGroups().map((r) => /* @__PURE__ */ i("tr", { children: r.headers.map((o) => /* @__PURE__ */ u("th", { style: {
       width: o.getSize()
     }, children: [
@@ -26725,7 +26730,7 @@ function Cu({
 const dM = ({
   queryID: e
 }) => {
-  const t = Qe(), {
+  const t = Ke(), {
     state: n,
     error: r
   } = t.getDataStuffByID(e), o = R.useMemo(() => t.queries.findByID(e), [t, e]);
@@ -26736,7 +26741,7 @@ const dM = ({
   id: t,
   moreActions: n = null
 }) {
-  const r = Qe(), {
+  const r = Ke(), {
     data: o,
     state: a
   } = r.getDataStuffByID(t), s = a === "loading", l = () => {
@@ -26776,7 +26781,7 @@ const dM = ({
 }), uM = D(function() {
   const t = Oe(), n = _e(), {
     panel: r
-  } = Pt(), [o, a] = U(!1), s = (l) => {
+  } = Vt(), [o, a] = U(!1), s = (l) => {
     t.editor.setPath(["_QUERIES_", l]);
   };
   return /* @__PURE__ */ u(Y, { children: [
@@ -26875,7 +26880,7 @@ class pM {
 function fM() {
   const {
     panel: e
-  } = Pt();
+  } = Vt();
   return Tt(() => new pM(e), [e]);
 }
 const Su = qn((e) => ({
@@ -26925,7 +26930,7 @@ const Su = qn((e) => ({
     ] }),
     /* @__PURE__ */ i(hi, { label: "Aggregation", value: t.aggregation, onChange: (l) => s("aggregation", l) }),
     /* @__PURE__ */ i(E, { my: "xs", label: "Format", labelPosition: "center" }),
-    /* @__PURE__ */ i(_t, { value: t.formatter, onChange: (l) => s("formatter", l) }),
+    /* @__PURE__ */ i(Ct, { value: t.formatter, onChange: (l) => s("formatter", l) }),
     o && /* @__PURE__ */ i(Sc, { value: t, onChange: n })
   ] });
 }), gM = (e) => {
@@ -26944,7 +26949,7 @@ const Su = qn((e) => ({
     classes: n
   } = Su(), {
     data: r
-  } = Pt();
+  } = Vt();
   return /* @__PURE__ */ u(v, { style: {
     height: "100%"
   }, align: "start", children: [
@@ -26972,7 +26977,7 @@ const Su = qn((e) => ({
 function SM() {
   const {
     vizManager: e
-  } = Yt(Vt);
+  } = Yt(Nt);
   return z(() => {
     const t = e.availableVizList.map((n) => ({
       value: n.name,
@@ -27015,9 +27020,9 @@ function DM() {
       removeQueryID: d,
       id: p
     }
-  } = Pt(), {
+  } = Vt(), {
     vizManager: h
-  } = Yt(Vt), f = {
+  } = Yt(Nt), f = {
     title: r,
     description: a,
     viz: n,
@@ -27041,9 +27046,9 @@ const IM = D(() => {
     panel: {
       viz: t
     }
-  } = Pt(), {
+  } = Vt(), {
     vizManager: n
-  } = Yt(Vt), r = R.useCallback((d) => {
+  } = Yt(Nt), r = R.useCallback((d) => {
     if (d === t.type)
       return;
     const p = TM(n, d);
@@ -27272,7 +27277,7 @@ const LM = D(({
   const {
     columns: t
   } = e;
-  return t.loading ? /* @__PURE__ */ i(ku, { height: "24px", width: "100%", lastWidth: "100%", count: 20, pl: 6 }) : t.empty ? null : /* @__PURE__ */ u(Ot, { highlightOnHover: !0, fontSize: 14, sx: {
+  return t.loading ? /* @__PURE__ */ i(ku, { height: "24px", width: "100%", lastWidth: "100%", count: 20, pl: 6 }) : t.empty ? null : /* @__PURE__ */ u(Ft, { highlightOnHover: !0, fontSize: 14, sx: {
     width: "auto",
     minWidth: "1000px",
     alignSelf: "flex-start",
@@ -27332,7 +27337,7 @@ const LM = D(({
   const {
     indexes: t
   } = e, n = t.data;
-  return /* @__PURE__ */ u(Ot, { highlightOnHover: !0, fontSize: 14, sx: {
+  return /* @__PURE__ */ u(Ft, { highlightOnHover: !0, fontSize: 14, sx: {
     width: "auto",
     minWidth: "950px",
     alignSelf: "flex-start",
@@ -27380,7 +27385,7 @@ const LM = D(({
   const {
     indexes: t
   } = e, n = t.data;
-  return /* @__PURE__ */ u(Ot, { highlightOnHover: !0, fontSize: 14, sx: {
+  return /* @__PURE__ */ u(Ft, { highlightOnHover: !0, fontSize: 14, sx: {
     width: "auto",
     minWidth: "850px",
     alignSelf: "flex-start",
@@ -27803,7 +27808,7 @@ function rz({
 }
 const iz = D(() => {
   const t = [...Oe().globalSQLSnippets.list];
-  return t.length === 0 ? null : /* @__PURE__ */ u(Ot, { horizontalSpacing: "xs", verticalSpacing: "xs", fontSize: "sm", highlightOnHover: !0, children: [
+  return t.length === 0 ? null : /* @__PURE__ */ u(Ft, { horizontalSpacing: "xs", verticalSpacing: "xs", fontSize: "sm", highlightOnHover: !0, children: [
     /* @__PURE__ */ i("thead", { children: /* @__PURE__ */ u("tr", { children: [
       /* @__PURE__ */ i("th", { children: "Key" }),
       /* @__PURE__ */ i("th", { children: "Value" })
@@ -27912,7 +27917,7 @@ WHERE
   }, o = (a) => {
     n.setPath(["_VIEWS_", a]);
   };
-  return /* @__PURE__ */ i(S, { py: "sm", px: "md", children: /* @__PURE__ */ u(Ot, { highlightOnHover: !0, sx: {
+  return /* @__PURE__ */ i(S, { py: "sm", px: "md", children: /* @__PURE__ */ u(Ft, { highlightOnHover: !0, sx: {
     tableLayout: "fixed"
   }, children: [
     /* @__PURE__ */ i("thead", { children: /* @__PURE__ */ u("tr", { children: [
@@ -28002,7 +28007,7 @@ WHERE
 } }), dz = D(({
   value: e
 }) => {
-  const n = Qe().payloadForSQL, r = R.useMemo(() => ra(e, n), [e, n]);
+  const n = Ke().payloadForSQL, r = R.useMemo(() => ra(e, n), [e, n]);
   return /* @__PURE__ */ i(cz, { height: "100%", value: r });
 }), ol = {
   pre: ["function process_request({ context, filters, sql }, utils) {", "    // modify and return sql", "    return sql", "}"].join(`
@@ -28086,7 +28091,7 @@ WHERE
 }), fz = D(({
   value: e
 }) => {
-  const n = Qe().payloadForSQL, r = z(() => ra(e, n), [e, n]);
+  const n = Ke().payloadForSQL, r = z(() => ra(e, n), [e, n]);
   return /* @__PURE__ */ i(Xa, { height: "100%", value: r });
 }), mz = D(({
   item: e,
@@ -28222,7 +28227,7 @@ WHERE
 }) => /* @__PURE__ */ u(F, { sx: {
   position: "relative"
 }, children: [
-  e && /* @__PURE__ */ i(an, { opacity: 0.6, color: "#fff", zIndex: 5, blur: 2 }),
+  e && /* @__PURE__ */ i(sn, { opacity: 0.6, color: "#fff", zIndex: 5, blur: 2 }),
   /* @__PURE__ */ i(ht, { height: "500px", defaultLanguage: "javascript", value: t, onChange: (o) => {
     o && n(o);
   }, theme: "vs-dark", options: {
@@ -28392,7 +28397,7 @@ const Rz = D(() => /* @__PURE__ */ i(S, { sx: {
   return Iz(t) ? /* @__PURE__ */ i(Rz, {}) : Mz(t) ? /* @__PURE__ */ i(iM, {}) : zz(t) ? /* @__PURE__ */ i(F, { p: "xs", pl: 20, children: /* @__PURE__ */ i(rM, { id: t[1] }) }) : $z(t) ? /* @__PURE__ */ i(gz, { id: t[1] }) : Lz(t) ? /* @__PURE__ */ i(pz, { id: t[1] }) : Az(t) ? /* @__PURE__ */ i(F, { p: "xs", pl: 20, children: /* @__PURE__ */ i(Dz, { id: t[1] }) }) : Ez(t) ? /* @__PURE__ */ i(AM, { viewID: t[1], panelID: t[3] }) : /* @__PURE__ */ i(F, { children: e.path });
 }), Fz = D(() => /* @__PURE__ */ i(Oz, {})), Pz = D(() => {
   const e = Oe();
-  return /* @__PURE__ */ i(M, { variant: "subtle", leftIcon: /* @__PURE__ */ i(Ft, { size: 14 }), size: "sm", px: "xs", mb: 10, color: "blue", onClick: () => {
+  return /* @__PURE__ */ i(M, { variant: "subtle", leftIcon: /* @__PURE__ */ i(Pt, { size: 14 }), size: "sm", px: "xs", mb: 10, color: "blue", onClick: () => {
     const n = (/* @__PURE__ */ new Date()).getTime().toString(), r = {
       id: n,
       key: n,
@@ -28419,7 +28424,7 @@ const Rz = D(() => /* @__PURE__ */ i(S, { sx: {
   if (!e)
     return null;
   const n = t.views.findByID(e);
-  return n ? /* @__PURE__ */ i(M, { variant: "subtle", leftIcon: /* @__PURE__ */ i(Ft, { size: 14 }), size: "sm", px: "xs", mb: 10, color: "blue", onClick: () => t.addANewPanel(n.id), sx: {
+  return n ? /* @__PURE__ */ i(M, { variant: "subtle", leftIcon: /* @__PURE__ */ i(Pt, { size: 14 }), size: "sm", px: "xs", mb: 10, color: "blue", onClick: () => t.addANewPanel(n.id), sx: {
     width: "100%",
     borderRadius: 0
   }, styles: {
@@ -28429,7 +28434,7 @@ const Rz = D(() => /* @__PURE__ */ i(S, { sx: {
   }, children: "Add a Panel" }) : null;
 }), Nz = D(() => {
   const e = Oe();
-  return /* @__PURE__ */ i(M, { variant: "subtle", leftIcon: /* @__PURE__ */ i(Ft, { size: 14 }), size: "sm", px: "xs", mb: 10, color: "blue", onClick: () => {
+  return /* @__PURE__ */ i(M, { variant: "subtle", leftIcon: /* @__PURE__ */ i(Pt, { size: 14 }), size: "sm", px: "xs", mb: 10, color: "blue", onClick: () => {
     const n = (/* @__PURE__ */ new Date()).getTime().toString(), r = {
       id: n,
       name: n,
@@ -28448,7 +28453,7 @@ const Rz = D(() => /* @__PURE__ */ i(S, { sx: {
   }, children: "Add a Query" });
 }), Bz = D(() => {
   const e = Oe();
-  return /* @__PURE__ */ i(M, { variant: "subtle", leftIcon: /* @__PURE__ */ i(Ft, { size: 14 }), size: "sm", px: "xs", mb: 10, color: "blue", onClick: () => {
+  return /* @__PURE__ */ i(M, { variant: "subtle", leftIcon: /* @__PURE__ */ i(Pt, { size: 14 }), size: "sm", px: "xs", mb: 10, color: "blue", onClick: () => {
     const n = (/* @__PURE__ */ new Date()).getTime().toString(), r = {
       key: n,
       value: ""
@@ -28464,7 +28469,7 @@ const Rz = D(() => /* @__PURE__ */ i(S, { sx: {
   }, children: "Add a SQL Snippet" });
 }), qz = D(() => {
   const e = _e();
-  return /* @__PURE__ */ i(M, { variant: "subtle", leftIcon: /* @__PURE__ */ i(Ft, { size: 14 }), size: "sm", px: "xs", mb: 10, color: "blue", onClick: e.views.addARandomNewView, sx: {
+  return /* @__PURE__ */ i(M, { variant: "subtle", leftIcon: /* @__PURE__ */ i(Pt, { size: 14 }), size: "sm", px: "xs", mb: 10, color: "blue", onClick: e.views.addARandomNewView, sx: {
     width: "100%",
     borderRadius: 0
   }, styles: {
@@ -28490,7 +28495,7 @@ const Rz = D(() => /* @__PURE__ */ i(S, { sx: {
   }, children: e.editor.navOptions.map((t) => /* @__PURE__ */ i(Iu, { option: t }, t.value)) });
 }), Gz = D(() => {
   const e = Oe();
-  return /* @__PURE__ */ u(qt, { p: 0, width: {
+  return /* @__PURE__ */ u(Wt, { p: 0, width: {
     base: 200,
     xs: 200,
     sm: 220,
@@ -28500,16 +28505,16 @@ const Rz = D(() => /* @__PURE__ */ i(S, { sx: {
   }, sx: {
     height: "100vh - 60px - 60px"
   }, children: [
-    /* @__PURE__ */ i(qt.Section, { pt: 9, pb: 8, sx: {
+    /* @__PURE__ */ i(Wt.Section, { pt: 9, pb: 8, sx: {
       borderBottom: "1px solid #eee"
     }, children: /* @__PURE__ */ i(C, { align: "center", sx: {
       userSelect: "none",
       cursor: "default"
     }, children: "Settings" }) }),
-    /* @__PURE__ */ i(qt.Section, { grow: !0, sx: {
+    /* @__PURE__ */ i(Wt.Section, { grow: !0, sx: {
       overflow: "auto"
     }, children: /* @__PURE__ */ i(jz, {}) }),
-    /* @__PURE__ */ i(qt.Section, { children: /* @__PURE__ */ i(v, { grow: !0, p: "md", pt: "sm", sx: {
+    /* @__PURE__ */ i(Wt.Section, { children: /* @__PURE__ */ i(v, { grow: !0, p: "md", pt: "sm", sx: {
       borderTop: "1px solid #eee"
     }, children: /* @__PURE__ */ i(M, { size: "xs", color: "red", leftIcon: /* @__PURE__ */ i($l, { size: 18 }), onClick: () => e.editor.close(), children: "Close" }) }) })
   ] });
@@ -28598,7 +28603,7 @@ const Uz = {
     h.datasources.replace(d);
   }, [d]), R.useEffect(() => {
     h.globalSQLSnippets.replace(p);
-  }, [p]), R.useEffect(() => kt(() => sn(h.json), (x) => {
+  }, [p]), R.useEffect(() => xt(() => Qt(h.json), (x) => {
     s == null || s(x);
   }), [h]);
   const f = async () => {
@@ -28606,7 +28611,7 @@ const Uz = {
   }, m = Tt(qa, []), w = bu(m);
   return /* @__PURE__ */ i(hl, { children: /* @__PURE__ */ i(uc, { value: h, children: /* @__PURE__ */ i(mc, { value: h.content, children: /* @__PURE__ */ i(sa.Provider, { value: {
     inEditMode: !0
-  }, children: /* @__PURE__ */ i(Vt.Provider, { value: m, children: /* @__PURE__ */ u(Si, { configure: w, children: [
+  }, children: /* @__PURE__ */ i(Nt.Provider, { value: m, children: /* @__PURE__ */ u(Si, { configure: w, children: [
     /* @__PURE__ */ i(ul, { padding: 0, header: /* @__PURE__ */ i(mI, { saveDashboardChanges: f, headerSlot: l }), navbar: /* @__PURE__ */ i(qI, {}), styles: Uz, children: /* @__PURE__ */ i(F, { className: `${o} dashboard-root`, sx: {
       position: "relative"
     }, children: h.content.views.visibleViews.map((x) => /* @__PURE__ */ i(qD, { view: x }, x.id)) }) }),
@@ -28649,7 +28654,7 @@ const Mu = b.model({
     };
   },
   get payloadForSQL() {
-    const t = Ue(e).context.current, n = Ue(e).globalSQLSnippets, r = {
+    const t = He(e).context.current, n = He(e).globalSQLSnippets, r = {
       context: {
         ...e.mock_context.current,
         ...t
@@ -28663,7 +28668,7 @@ const Mu = b.model({
     };
   },
   get payloadForViz() {
-    const t = Ue(e).context.current;
+    const t = He(e).context.current;
     return {
       context: {
         ...e.mock_context.current,
@@ -28799,7 +28804,7 @@ const TA = D(({
     setFullScreenPanelID: s
   }, children: /* @__PURE__ */ i(sa.Provider, { value: {
     inEditMode: !1
-  }, children: /* @__PURE__ */ i(F, { className: `${r} dashboard-root`, children: /* @__PURE__ */ i(Vt.Provider, { value: p, children: /* @__PURE__ */ i(Si, { configure: h, children: d.content.views.visibleViews.map((f) => /* @__PURE__ */ i(Ya, { view: f }, f.id)) }) }) }) }) }) }) }) });
+  }, children: /* @__PURE__ */ i(F, { className: `${r} dashboard-root`, children: /* @__PURE__ */ i(Nt.Provider, { value: p, children: /* @__PURE__ */ i(Si, { configure: h, children: d.content.views.visibleViews.map((f) => /* @__PURE__ */ i(Ya, { view: f }, f.id)) }) }) }) }) }) }) }) });
 });
 var co = {}, t$ = {
   get exports() {
@@ -29054,8 +29059,8 @@ var mo = {}, u$ = {
       T = x, I = l && l.formats;
       for (var L = (x = T.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, function(re, te, ie) {
         var me = ie && ie.toUpperCase();
-        return te || I[ie] || n[ie] || I[me].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(be, Le, Ke) {
-          return Le || Ke.slice(1);
+        return te || I[ie] || n[ie] || I[me].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(be, Le, Ue) {
+          return Le || Ue.slice(1);
         });
       })).match(r), B = L.length, j = 0; j < B; j += 1) {
         var N = L[j], O = m[N], A = O && O[0], K = O && O[1];
@@ -29067,15 +29072,15 @@ var mo = {}, u$ = {
           if (typeof be == "string")
             me += be.length;
           else {
-            var Le = be.regex, Ke = be.parser, Te = re.slice(me), Fe = Le.exec(Te)[0];
-            Ke.call(te, Fe), re = re.replace(Fe, "");
+            var Le = be.regex, Ue = be.parser, De = re.slice(me), Fe = Le.exec(De)[0];
+            Ue.call(te, Fe), re = re.replace(Fe, "");
           }
         }
-        return function(De) {
-          var tt = De.afternoon;
+        return function(Ie) {
+          var tt = Ie.afternoon;
           if (tt !== void 0) {
-            var gt = De.hours;
-            tt ? gt < 12 && (De.hours += 12) : gt === 12 && (De.hours = 0), delete De.afternoon;
+            var gt = Ie.hours;
+            tt ? gt < 12 && (Ie.hours += 12) : gt === 12 && (Ie.hours = 0), delete Ie.afternoon;
           }
         }(te), te;
       };
@@ -29089,14 +29094,14 @@ var mo = {}, u$ = {
         var K = A[1];
         if (typeof K == "string") {
           var re = A[2] === !0, te = A[3] === !0, ie = re || te, me = A[2];
-          te && (me = A[2]), l = this.$locale(), !re && me && (l = I.Ls[me]), this.$d = function(Te, Fe, De) {
+          te && (me = A[2]), l = this.$locale(), !re && me && (l = I.Ls[me]), this.$d = function(De, Fe, Ie) {
             try {
               if (["x", "X"].indexOf(Fe) > -1)
-                return new Date((Fe === "X" ? 1e3 : 1) * Te);
-              var tt = w(Fe)(Te), gt = tt.year, hn = tt.month, _r = tt.day, Cr = tt.hours, Di = tt.minutes, Ii = tt.seconds, Un = tt.milliseconds, $n = tt.zone, Ut = /* @__PURE__ */ new Date(), pn = _r || (gt || hn ? 1 : Ut.getDate()), Xt = gt || Ut.getFullYear(), Ln = 0;
-              gt && !hn || (Ln = hn > 0 ? hn - 1 : Ut.getMonth());
-              var An = Cr || 0, Xn = Di || 0, Jn = Ii || 0, Jt = Un || 0;
-              return $n ? new Date(Date.UTC(Xt, Ln, pn, An, Xn, Jn, Jt + 60 * $n.offset * 1e3)) : De ? new Date(Date.UTC(Xt, Ln, pn, An, Xn, Jn, Jt)) : new Date(Xt, Ln, pn, An, Xn, Jn, Jt);
+                return new Date((Fe === "X" ? 1e3 : 1) * De);
+              var tt = w(Fe)(De), gt = tt.year, hn = tt.month, _r = tt.day, Cr = tt.hours, Di = tt.minutes, Ii = tt.seconds, Un = tt.milliseconds, $n = tt.zone, Xt = /* @__PURE__ */ new Date(), pn = _r || (gt || hn ? 1 : Xt.getDate()), Jt = gt || Xt.getFullYear(), Ln = 0;
+              gt && !hn || (Ln = hn > 0 ? hn - 1 : Xt.getMonth());
+              var An = Cr || 0, Xn = Di || 0, Jn = Ii || 0, Zt = Un || 0;
+              return $n ? new Date(Date.UTC(Jt, Ln, pn, An, Xn, Jn, Zt + 60 * $n.offset * 1e3)) : Ie ? new Date(Date.UTC(Jt, Ln, pn, An, Xn, Jn, Zt)) : new Date(Jt, Ln, pn, An, Xn, Jn, Zt);
             } catch {
               return /* @__PURE__ */ new Date("");
             }
@@ -29104,9 +29109,9 @@ var mo = {}, u$ = {
         } else if (K instanceof Array)
           for (var be = K.length, Le = 1; Le <= be; Le += 1) {
             A[1] = K[Le - 1];
-            var Ke = I.apply(this, A);
-            if (Ke.isValid()) {
-              this.$d = Ke.$d, this.$L = Ke.$L, this.init();
+            var Ue = I.apply(this, A);
+            if (Ue.isValid()) {
+              this.$d = Ue.$d, this.$L = Ue.$L, this.init();
               break;
             }
             Le === be && (this.$d = /* @__PURE__ */ new Date(""));
@@ -29201,7 +29206,7 @@ var bo = {}, m$ = {
         this.$d.weeks && (re += 7 * this.$d.weeks);
         var te = B(re, "D"), ie = B(this.$d.hours, "H"), me = B(this.$d.minutes, "M"), be = this.$d.seconds || 0;
         this.$d.milliseconds && (be += this.$d.milliseconds / 1e3);
-        var Le = B(be, "S"), Ke = A.negative || K.negative || te.negative || ie.negative || me.negative || Le.negative, Te = ie.format || me.format || Le.format ? "T" : "", Fe = (Ke ? "-" : "") + "P" + A.format + K.format + te.format + Te + ie.format + me.format + Le.format;
+        var Le = B(be, "S"), Ue = A.negative || K.negative || te.negative || ie.negative || me.negative || Le.negative, De = ie.format || me.format || Le.format ? "T" : "", Fe = (Ue ? "-" : "") + "P" + A.format + K.format + te.format + De + ie.format + me.format + Le.format;
         return Fe === "P" || Fe === "-P" ? "P0D" : Fe;
       }, O.toJSON = function() {
         return this.toISOString();
@@ -30217,10 +30222,10 @@ export {
   hc as useDashboardContext,
   _e as useEditContentModelContext,
   Oe as useEditDashboardContext,
-  Pt as useEditPanelContext,
+  Vt as useEditPanelContext,
   Cf as useFullScreenPanelContext,
   SD as usePanelFullScreen,
-  Qe as useRenderContentModelContext,
+  Ke as useRenderContentModelContext,
   pc as useRenderDashboardContext,
   Mn as useRenderPanelContext
 };