@devtable/dashboard 13.28.0 → 13.28.2

package/dist/dashboard.es.js

@@ -1,8 +1,8 @@
 var zg = Object.defineProperty;
 var Dg = (e, t, n) => t in e ? zg(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var U = (e, t, n) => (Dg(e, typeof t != "symbol" ? t + "" : t, n), n);
-import $, { forwardRef as de, useRef as lr, useEffect as Q, useState as Z, useCallback as Ve, useMemo as T, useLayoutEffect as Mg, createElement as ha, useContext as Yn, createContext as Vu, memo as Eg } from "react";
-import { TextInput as E, Stack as C, Group as y, Button as M, Text as w, Box as R, Overlay as Pr, Modal as Ge, Tooltip as ve, ActionIcon as re, NativeSelect as Fu, Select as q, Divider as O, NumberInput as pe, SimpleGrid as zr, Menu as le, UnstyledButton as Nu, Flex as nn, ColorInput as ur, Center as hr, Badge as cr, CloseButton as Mr, useMantineTheme as Hi, Popover as Jt, ColorSwatch as Fs, ColorPicker as ld, HoverCard as Ke, Checkbox as me, Switch as ut, Table as at, MultiSelect as ai, Paper as Lg, Code as cd, Tabs as _, LoadingOverlay as Or, Alert as Qi, createStyles as Ui, Collapse as Yi, CheckIcon as Ag, MANTINE_SIZES as Rg, SegmentedControl as qu, Anchor as Ns, Textarea as Bu, Mark as Wu, Slider as $g, Affix as Pg, Header as Og, List as Wt, FileInput as Vg, ThemeIcon as Ya, Navbar as Fn, JsonInput as Gu, Pagination as Hu, Drawer as Fg, Accordion as ys, Radio as dd, Skeleton as ud, NavLink as vo, AppShell as Qu } from "@mantine/core";
+import $, { forwardRef as de, useRef as lr, useEffect as Q, useState as Z, useCallback as Fe, useMemo as T, useLayoutEffect as Mg, createElement as ha, useContext as Yn, createContext as Fu, memo as Eg } from "react";
+import { TextInput as E, Stack as C, Group as y, Button as M, Text as w, Box as R, Overlay as Pr, Modal as Ge, Tooltip as ve, ActionIcon as re, NativeSelect as Vu, Select as q, Divider as O, NumberInput as pe, SimpleGrid as zr, Menu as le, UnstyledButton as Nu, Flex as nn, ColorInput as ur, Center as hr, Badge as cr, CloseButton as Mr, useMantineTheme as Hi, Popover as Jt, ColorSwatch as Vs, ColorPicker as ld, HoverCard as Ke, Checkbox as me, Switch as ut, Table as at, MultiSelect as ai, Paper as Lg, Code as cd, Tabs as _, LoadingOverlay as Or, Alert as Qi, createStyles as Ui, Collapse as Yi, CheckIcon as Ag, MANTINE_SIZES as Rg, SegmentedControl as qu, Anchor as Ns, Textarea as Bu, Mark as Wu, Slider as $g, Affix as Pg, Header as Og, List as Wt, FileInput as Fg, ThemeIcon as Ya, Navbar as Vn, JsonInput as Gu, Pagination as Hu, Drawer as Vg, Accordion as ys, Radio as dd, Skeleton as ud, NavLink as vo, AppShell as Qu } from "@mantine/core";
 import { useModals as Ln, ModalsProvider as Uu } from "@mantine/modals";
 import { useBoolean as pt, useCreation as pn, useAsyncEffect as Ki, useRequest as Er, useLatest as hd, usePrevious as Ng, useWhyDidYouUpdate as Yu } from "ahooks";
 import { toJS as Kn, observable as Ku, runInAction as Ai, reaction as Rt, makeAutoObservable as Xi } from "mobx";
@@ -12,16 +12,16 @@ import * as Bg from "crypto-js";
 import Wg from "crypto-js";
 import * as Xu from "d3-array";
 import { quantile as Ms } from "d3-array";
-import F from "dayjs";
+import V from "dayjs";
 import k, { cloneDeepWith as Ju, unset as Gg, get as xe, isObject as Zu, set as nl, omit as Lr, isFunction as Hg, orderBy as Qg, last as eh, defaults as Pe, minBy as Ug, maxBy as Yg, cloneDeep as mt, values as th, template as rl, throttle as Kg, range as Xg, isEqual as Le, defaultsDeep as ot, keyBy as Jg, isEmpty as nh, isNumber as Zg, findLastIndex as eb, isString as rh, pick as ih } from "lodash";
 import * as ei from "mathjs";
 import qs from "numbro";
 import * as tb from "popmotion";
-import { interpolate as Vr } from "popmotion";
+import { interpolate as Fr } from "popmotion";
 import zn from "axios";
-import { useDisclosure as pr, useHover as nb, useClipboard as rb, randomId as Ar, useElementSize as Vi, useResizeObserver as ib, useInputState as sh } from "@mantine/hooks";
-import { IconPlayerSkipBack as ah, IconRecycle as Ji, IconDeviceFloppy as et, IconMathFunctionOff as sb, IconMathFunction as Xn, IconTextSize as il, IconSelector as ab, IconGripVertical as ob, IconTrash as mn, IconArrowBackUp as lb, IconInfoCircle as Fr, IconCircleOff as oh, IconX as sl, IconBorderAll as cb, IconPlus as xn, IconGripHorizontal as db, IconChevronUp as ub, IconChevronDown as hb, IconPlaylistAdd as _o, IconArrowDown as pb, IconArrowUp as mb, IconAlertCircle as jo, IconArrowBarToRight as fb, IconCalendar as xb, IconMinus as gb, IconChevronsUp as bb, IconChevronsDown as yb, IconDatabase as Zi, IconCode as Rr, IconCamera as pa, IconShare3 as vb, IconDownload as _b, IconArrowsLeftRight as jb, IconVariable as lh, IconCodeDots as wb, IconFilter as ch, IconCopy as Sb, IconBoxMultiple as dh, IconCaretDown as kb, IconAlertTriangle as uh, IconArrowLeft as Cb, IconDevices as Ib, IconSettings as es, IconPointFilled as al, IconFileImport as pd, IconCircleDashed as Tb, IconCircleDot as zb, IconAdjustments as Db, IconLink as Mb, IconArrowCurveRight as wo, IconLine as Eb, IconEye as hh, IconTable as Lb, IconColumns as Ab, IconVectorTriangle as Rb, IconVariablePlus as $b, IconHierarchy as Pb, IconDiscountCheckFilled as Ob } from "@tabler/icons-react";
-import { useTranslation as v, Trans as ma, initReactI18next as Vb, I18nextProvider as Fb } from "react-i18next";
+import { useDisclosure as pr, useHover as nb, useClipboard as rb, randomId as Ar, useElementSize as Fi, useResizeObserver as ib, useInputState as sh } from "@mantine/hooks";
+import { IconPlayerSkipBack as ah, IconRecycle as Ji, IconDeviceFloppy as et, IconMathFunctionOff as sb, IconMathFunction as Xn, IconTextSize as il, IconSelector as ab, IconGripVertical as ob, IconTrash as mn, IconArrowBackUp as lb, IconInfoCircle as Vr, IconCircleOff as oh, IconX as sl, IconBorderAll as cb, IconPlus as xn, IconGripHorizontal as db, IconChevronUp as ub, IconChevronDown as hb, IconPlaylistAdd as _o, IconArrowDown as pb, IconArrowUp as mb, IconAlertCircle as jo, IconArrowBarToRight as fb, IconCalendar as xb, IconMinus as gb, IconChevronsUp as bb, IconChevronsDown as yb, IconDatabase as Zi, IconCode as Rr, IconCamera as pa, IconShare3 as vb, IconDownload as _b, IconArrowsLeftRight as jb, IconVariable as lh, IconCodeDots as wb, IconFilter as ch, IconCopy as Sb, IconBoxMultiple as dh, IconCaretDown as kb, IconAlertTriangle as uh, IconArrowLeft as Cb, IconDevices as Ib, IconSettings as es, IconPointFilled as al, IconFileImport as pd, IconCircleDashed as Tb, IconCircleDot as zb, IconAdjustments as Db, IconLink as Mb, IconArrowCurveRight as wo, IconLine as Eb, IconEye as hh, IconTable as Lb, IconColumns as Ab, IconVectorTriangle as Rb, IconVariablePlus as $b, IconHierarchy as Pb, IconDiscountCheckFilled as Ob } from "@tabler/icons-react";
+import { useTranslation as v, Trans as ma, initReactI18next as Fb, I18nextProvider as Vb } from "react-i18next";
 import { RichTextEditor as he, Link as ph, useRichTextEditorContext as Nb } from "@mantine/tiptap";
 import { Color as mh } from "@tiptap/extension-color";
 import fh from "@tiptap/extension-highlight";
@@ -43,7 +43,7 @@ import { liftListItem as iy, sinkListItem as sy, wrapInList as ay } from "prosem
 import * as oy from "d3-scale";
 import * as xt from "echarts/core";
 import { use as ly } from "echarts/core";
-import { useForm as Fe, Controller as g, useFieldArray as fa, useWatch as cy } from "react-hook-form";
+import { useForm as Ve, Controller as g, useFieldArray as fa, useWatch as cy } from "react-hook-form";
 import { DatesProvider as dy, DatePicker as uy } from "@mantine/dates";
 import { move as hy } from "@dnd-kit/helpers";
 import { useDragDropManager as py, useInstance as my, DragDropProvider as Th } from "@dnd-kit/react";
@@ -52,7 +52,7 @@ import { v4 as Bn } from "uuid";
 import { Recycle as Nr, DeviceFloppy as Qn, Trash as Jn, AlertCircle as xy, InfoCircle as Zn, Refresh as ol, Download as ll, ArrowsMaximize as zh, Settings as Dh, Copy as gy, ArrowLeft as by, ArrowsMove as yy, ChevronDownRight as vy, Plus as _y, ChevronsUpRight as jy, PlaylistAdd as xa, ArrowBarToRight as wy } from "tabler-icons-react";
 import An, { loader as Ka } from "@monaco-editor/react";
 import { BarChart as Sy, BoxplotChart as ky, CustomChart as Cy, FunnelChart as Iy, HeatmapChart as Ty, LineChart as zy, PieChart as Dy, RadarChart as My, ScatterChart as Ey, SunburstChart as Ly } from "echarts/charts";
-import { CalendarComponent as Ay, DataZoomComponent as Ry, GridComponent as $y, LegendComponent as Py, TooltipComponent as Oy, MarkLineComponent as Vy, MarkAreaComponent as Fy, VisualMapComponent as Ny } from "echarts/components";
+import { CalendarComponent as Ay, DataZoomComponent as Ry, GridComponent as $y, LegendComponent as Py, TooltipComponent as Oy, MarkLineComponent as Fy, MarkAreaComponent as Vy, VisualMapComponent as Ny } from "echarts/components";
 import { CanvasRenderer as qy } from "echarts/renderers";
 import oi, { random as ga } from "chroma-js";
 import { encode as By, decode as Wy } from "js-base64";
@@ -71,7 +71,7 @@ import { types as x, cast as Mn, getRoot as _t, addDisposer as Zt, getParent as
 import { arrayToTree as tv } from "performant-array-to-tree";
 import { saveAs as ba } from "file-saver";
 import Oh from "dom-to-image-more";
-import Vh from "jszip";
+import Fh from "jszip";
 import { AsyncParser as nv } from "@json2csv/whatwg";
 import rv from "dayjs/plugin/advancedFormat";
 import iv from "dayjs/plugin/arraySupport";
@@ -109,7 +109,7 @@ import Rv from "dayjs/plugin/weekYear";
 import { createInstance as $v } from "i18next";
 import Pv from "i18next-browser-languagedetector";
 import "intl-pluralrules";
-import Ov, { Position as hn, Handle as gd, MiniMap as Vv, Controls as Fv, Background as Nv } from "reactflow";
+import Ov, { Position as hn, Handle as gd, MiniMap as Fv, Controls as Vv, Background as Nv } from "reactflow";
 var ko = { exports: {} }, ji = {};
 /**
  * @license React
@@ -155,25 +155,25 @@ function Bv() {
     function I(j) {
       if (j === null || typeof j != "object")
         return null;
-      var V = f && j[f] || j[b];
-      return typeof V == "function" ? V : null;
+      var F = f && j[f] || j[b];
+      return typeof F == "function" ? F : null;
     }
     var S = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function z(j) {
       {
-        for (var V = arguments.length, H = new Array(V > 1 ? V - 1 : 0), ae = 1; ae < V; ae++)
+        for (var F = arguments.length, H = new Array(F > 1 ? F - 1 : 0), ae = 1; ae < F; ae++)
           H[ae - 1] = arguments[ae];
         L("error", j, H);
       }
     }
-    function L(j, V, H) {
+    function L(j, F, H) {
       {
         var ae = S.ReactDebugCurrentFrame, ke = ae.getStackAddendum();
-        ke !== "" && (V += "%s", H = H.concat([ke]));
+        ke !== "" && (F += "%s", H = H.concat([ke]));
         var $e = H.map(function(ye) {
           return String(ye);
         });
-        $e.unshift("Warning: " + V), Function.prototype.apply.call(console[j], console, $e);
+        $e.unshift("Warning: " + F), Function.prototype.apply.call(console[j], console, $e);
       }
     }
     var A = !1, P = !1, J = !1, ie = !1, Me = !1, Te;
@@ -185,11 +185,11 @@ function Bv() {
       // with.
       j.$$typeof === Te || j.getModuleId !== void 0));
     }
-    function G(j, V, H) {
+    function G(j, F, H) {
       var ae = j.displayName;
       if (ae)
         return ae;
-      var ke = V.displayName || V.name || "";
+      var ke = F.displayName || F.name || "";
       return ke !== "" ? H + "(" + ke + ")" : H;
     }
     function N(j) {
@@ -219,8 +219,8 @@ function Bv() {
       if (typeof j == "object")
         switch (j.$$typeof) {
           case l:
-            var V = j;
-            return N(V) + ".Consumer";
+            var F = j;
+            return N(F) + ".Consumer";
           case o:
             var H = j;
             return N(H._context) + ".Provider";
@@ -303,7 +303,7 @@ function Bv() {
       }
     }
     var Y = S.ReactCurrentDispatcher, ce;
-    function we(j, V, H) {
+    function we(j, F, H) {
       {
         if (ce === void 0)
           try {
@@ -321,7 +321,7 @@ function Bv() {
       var Ue = typeof WeakMap == "function" ? WeakMap : Map;
       Dt = new Ue();
     }
-    function on(j, V) {
+    function on(j, F) {
       if (!j || He)
         return "";
       {
@@ -336,7 +336,7 @@ function Bv() {
       var $e;
       $e = Y.current, Y.current = null, Ee();
       try {
-        if (V) {
+        if (F) {
           var ye = function() {
             throw Error();
           };
@@ -392,14 +392,14 @@ function Bv() {
       var Hr = j ? j.displayName || j.name : "", od = Hr ? we(Hr) : "";
       return typeof j == "function" && Dt.set(j, od), od;
     }
-    function wn(j, V, H) {
+    function wn(j, F, H) {
       return on(j, !1);
     }
     function ln(j) {
-      var V = j.prototype;
-      return !!(V && V.isReactComponent);
+      var F = j.prototype;
+      return !!(F && F.isReactComponent);
     }
-    function xs(j, V, H) {
+    function xs(j, F, H) {
       if (j == null)
         return "";
       if (typeof j == "function")
@@ -417,11 +417,11 @@ function Bv() {
           case c:
             return wn(j.render);
           case u:
-            return xs(j.type, V, H);
+            return xs(j.type, F, H);
           case p: {
             var ae = j, ke = ae._payload, $e = ae._init;
             try {
-              return xs($e(ke), V, H);
+              return xs($e(ke), F, H);
             } catch {
             }
           }
@@ -431,12 +431,12 @@ function Bv() {
     var gs = Object.prototype.hasOwnProperty, Yc = {}, Kc = S.ReactDebugCurrentFrame;
     function bs(j) {
       if (j) {
-        var V = j._owner, H = xs(j.type, j._source, V ? V.type : null);
+        var F = j._owner, H = xs(j.type, j._source, F ? F.type : null);
         Kc.setExtraStackFrame(H);
       } else
         Kc.setExtraStackFrame(null);
     }
-    function cg(j, V, H, ae, ke) {
+    function cg(j, F, H, ae, ke) {
       {
         var $e = Function.call.bind(gs);
         for (var ye in j)
@@ -447,7 +447,7 @@ function Bv() {
                 var Tt = Error((ae || "React class") + ": " + H + " type `" + ye + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof j[ye] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw Tt.name = "Invariant Violation", Tt;
               }
-              fe = j[ye](V, ye, ae, H, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              fe = j[ye](F, ye, ae, H, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (Ye) {
               fe = Ye;
             }
@@ -461,7 +461,7 @@ function Bv() {
     }
     function ug(j) {
       {
-        var V = typeof Symbol == "function" && Symbol.toStringTag, H = V && j[Symbol.toStringTag] || j.constructor.name || "Object";
+        var F = typeof Symbol == "function" && Symbol.toStringTag, H = F && j[Symbol.toStringTag] || j.constructor.name || "Object";
         return H;
       }
     }
@@ -488,30 +488,30 @@ function Bv() {
     Ga = {};
     function mg(j) {
       if (gs.call(j, "ref")) {
-        var V = Object.getOwnPropertyDescriptor(j, "ref").get;
-        if (V && V.isReactWarning)
+        var F = Object.getOwnPropertyDescriptor(j, "ref").get;
+        if (F && F.isReactWarning)
           return !1;
       }
       return j.ref !== void 0;
     }
     function fg(j) {
       if (gs.call(j, "key")) {
-        var V = Object.getOwnPropertyDescriptor(j, "key").get;
-        if (V && V.isReactWarning)
+        var F = Object.getOwnPropertyDescriptor(j, "key").get;
+        if (F && F.isReactWarning)
           return !1;
       }
       return j.key !== void 0;
     }
-    function xg(j, V) {
-      if (typeof j.ref == "string" && _i.current && V && _i.current.stateNode !== V) {
+    function xg(j, F) {
+      if (typeof j.ref == "string" && _i.current && F && _i.current.stateNode !== F) {
         var H = K(_i.current.type);
         Ga[H] || (z('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', K(_i.current.type), j.ref), Ga[H] = !0);
       }
     }
-    function gg(j, V) {
+    function gg(j, F) {
       {
         var H = function() {
-          Zc || (Zc = !0, z("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", V));
+          Zc || (Zc = !0, z("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", F));
         };
         H.isReactWarning = !0, Object.defineProperty(j, "key", {
           get: H,
@@ -519,10 +519,10 @@ function Bv() {
         });
       }
     }
-    function bg(j, V) {
+    function bg(j, F) {
       {
         var H = function() {
-          ed || (ed = !0, z("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", V));
+          ed || (ed = !0, z("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", F));
         };
         H.isReactWarning = !0, Object.defineProperty(j, "ref", {
           get: H,
@@ -530,13 +530,13 @@ function Bv() {
         });
       }
     }
-    var yg = function(j, V, H, ae, ke, $e, ye) {
+    var yg = function(j, F, H, ae, ke, $e, ye) {
       var fe = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
         // Built-in properties that belong on the element
         type: j,
-        key: V,
+        key: F,
         ref: H,
         props: ye,
         // Record the component responsible for creating this element.
@@ -559,12 +559,12 @@ function Bv() {
         value: ke
       }), Object.freeze && (Object.freeze(fe.props), Object.freeze(fe)), fe;
     };
-    function vg(j, V, H, ae, ke) {
+    function vg(j, F, H, ae, ke) {
       {
         var $e, ye = {}, fe = null, Tt = null;
-        H !== void 0 && (Jc(H), fe = "" + H), fg(V) && (Jc(V.key), fe = "" + V.key), mg(V) && (Tt = V.ref, xg(V, ke));
-        for ($e in V)
-          gs.call(V, $e) && !pg.hasOwnProperty($e) && (ye[$e] = V[$e]);
+        H !== void 0 && (Jc(H), fe = "" + H), fg(F) && (Jc(F.key), fe = "" + F.key), mg(F) && (Tt = F.ref, xg(F, ke));
+        for ($e in F)
+          gs.call(F, $e) && !pg.hasOwnProperty($e) && (ye[$e] = F[$e]);
         if (j && j.defaultProps) {
           var Ye = j.defaultProps;
           for ($e in Ye)
@@ -580,7 +580,7 @@ function Bv() {
     var Ha = S.ReactCurrentOwner, td = S.ReactDebugCurrentFrame;
     function Gr(j) {
       if (j) {
-        var V = j._owner, H = xs(j.type, j._source, V ? V.type : null);
+        var F = j._owner, H = xs(j.type, j._source, F ? F.type : null);
         td.setExtraStackFrame(H);
       } else
         td.setExtraStackFrame(null);
@@ -605,10 +605,10 @@ Check the render method of \`` + j + "`.";
     function _g(j) {
       {
         if (j !== void 0) {
-          var V = j.fileName.replace(/^.*[\\\/]/, ""), H = j.lineNumber;
+          var F = j.fileName.replace(/^.*[\\\/]/, ""), H = j.lineNumber;
           return `
 
-Check your code at ` + V + ":" + H + ".";
+Check your code at ` + F + ":" + H + ".";
         }
         return "";
       }
@@ -616,22 +616,22 @@ Check your code at ` + V + ":" + H + ".";
     var rd = {};
     function jg(j) {
       {
-        var V = nd();
-        if (!V) {
+        var F = nd();
+        if (!F) {
           var H = typeof j == "string" ? j : j.displayName || j.name;
-          H && (V = `
+          H && (F = `
 
 Check the top-level render call using <` + H + ">.");
         }
-        return V;
+        return F;
       }
     }
-    function id(j, V) {
+    function id(j, F) {
       {
         if (!j._store || j._store.validated || j.key != null)
           return;
         j._store.validated = !0;
-        var H = jg(V);
+        var H = jg(F);
         if (rd[H])
           return;
         rd[H] = !0;
@@ -639,14 +639,14 @@ Check the top-level render call using <` + H + ">.");
         j && j._owner && j._owner !== Ha.current && (ae = " It was passed a child from " + K(j._owner.type) + "."), Gr(j), z('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', H, ae), Gr(null);
       }
     }
-    function sd(j, V) {
+    function sd(j, F) {
       {
         if (typeof j != "object")
           return;
         if (Wa(j))
           for (var H = 0; H < j.length; H++) {
             var ae = j[H];
-            Ua(ae) && id(ae, V);
+            Ua(ae) && id(ae, F);
           }
         else if (Ua(j))
           j._store && (j._store.validated = !0);
@@ -654,39 +654,39 @@ Check the top-level render call using <` + H + ">.");
           var ke = I(j);
           if (typeof ke == "function" && ke !== j.entries)
             for (var $e = ke.call(j), ye; !(ye = $e.next()).done; )
-              Ua(ye.value) && id(ye.value, V);
+              Ua(ye.value) && id(ye.value, F);
         }
       }
     }
     function wg(j) {
       {
-        var V = j.type;
-        if (V == null || typeof V == "string")
+        var F = j.type;
+        if (F == null || typeof F == "string")
           return;
         var H;
-        if (typeof V == "function")
-          H = V.propTypes;
-        else if (typeof V == "object" && (V.$$typeof === c || // Note: Memo only checks outer props here.
+        if (typeof F == "function")
+          H = F.propTypes;
+        else if (typeof F == "object" && (F.$$typeof === c || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        V.$$typeof === u))
-          H = V.propTypes;
+        F.$$typeof === u))
+          H = F.propTypes;
         else
           return;
         if (H) {
-          var ae = K(V);
+          var ae = K(F);
           cg(H, j.props, "prop", ae, j);
-        } else if (V.PropTypes !== void 0 && !Qa) {
+        } else if (F.PropTypes !== void 0 && !Qa) {
           Qa = !0;
-          var ke = K(V);
+          var ke = K(F);
           z("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", ke || "Unknown");
         }
-        typeof V.getDefaultProps == "function" && !V.getDefaultProps.isReactClassApproved && z("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof F.getDefaultProps == "function" && !F.getDefaultProps.isReactClassApproved && z("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function Sg(j) {
       {
-        for (var V = Object.keys(j.props), H = 0; H < V.length; H++) {
-          var ae = V[H];
+        for (var F = Object.keys(j.props), H = 0; H < F.length; H++) {
+          var ae = F[H];
           if (ae !== "children" && ae !== "key") {
             Gr(j), z("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", ae), Gr(null);
             break;
@@ -695,7 +695,7 @@ Check the top-level render call using <` + H + ">.");
         j.ref !== null && (Gr(j), z("Invalid attribute `ref` supplied to `React.Fragment`."), Gr(null));
       }
     }
-    function ad(j, V, H, ae, ke, $e) {
+    function ad(j, F, H, ae, ke, $e) {
       {
         var ye = B(j);
         if (!ye) {
@@ -706,11 +706,11 @@ Check the top-level render call using <` + H + ">.");
           var Ye;
           j === null ? Ye = "null" : Wa(j) ? Ye = "array" : j !== void 0 && j.$$typeof === t ? (Ye = "<" + (K(j.type) || "Unknown") + " />", fe = " Did you accidentally export a JSX literal instead of a component?") : Ye = typeof j, z("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", Ye, fe);
         }
-        var Xe = vg(j, V, H, ke, $e);
+        var Xe = vg(j, F, H, ke, $e);
         if (Xe == null)
           return Xe;
         if (ye) {
-          var Yt = V.children;
+          var Yt = F.children;
           if (Yt !== void 0)
             if (ae)
               if (Wa(Yt)) {
@@ -725,11 +725,11 @@ Check the top-level render call using <` + H + ">.");
         return j === i ? Sg(Xe) : wg(Xe), Xe;
       }
     }
-    function kg(j, V, H) {
-      return ad(j, V, H, !0);
+    function kg(j, F, H) {
+      return ad(j, F, H, !0);
     }
-    function Cg(j, V, H) {
-      return ad(j, V, H, !1);
+    function Cg(j, F, H) {
+      return ad(j, F, H, !1);
     }
     var Ig = Cg, Tg = kg;
     wi.Fragment = i, wi.jsx = Ig, wi.jsxs = Tg;
@@ -740,7 +740,7 @@ var r = ko.exports;
 const gn = {
   CryptoJS: Wg,
   d3Array: Xu,
-  dayjs: F,
+  dayjs: V,
   lodash: k,
   numbro: qs,
   mathjs: ei,
@@ -993,7 +993,7 @@ class Zv {
   }
 }
 const Yr = new Jv();
-function Fh(e) {
+function Vh(e) {
   Yr.baseURL !== e.apiBaseURL && (Yr.baseURL = e.apiBaseURL), e.app_id && (Yr.app_id = e.app_id), e.app_secret && (Yr.app_secret = e.app_secret), e.makeQueryENV && (Yr.makeQueryENV = e.makeQueryENV);
 }
 const e_ = new Zv(Yr), Nn = e_, Ws = de(function({
@@ -1110,7 +1110,7 @@ class o_ {
     colorRange: n
   }) {
     U(this, "mapper");
-    this.mapper = Vr(t, n);
+    this.mapper = Fr(t, n);
   }
   getColor(t) {
     return this.mapper(t);
@@ -2585,7 +2585,7 @@ class Ir extends Ot {
         return new Ir(this.pos, this.mark);
       }
     }
-    return new Fi(this.pos, this.mark);
+    return new Vi(this.pos, this.mark);
   }
   map(t) {
     let n = t.mapResult(this.pos, 1);
@@ -2604,7 +2604,7 @@ class Ir extends Ot {
   }
 }
 Ot.jsonID("addNodeMark", Ir);
-class Fi extends Ot {
+class Vi extends Ot {
   /**
   Create a mark-removing step.
   */
@@ -2624,7 +2624,7 @@ class Fi extends Ot {
   }
   map(t) {
     let n = t.mapResult(this.pos, 1);
-    return n.deletedAfter ? null : new Fi(n.pos, this.mark);
+    return n.deletedAfter ? null : new Vi(n.pos, this.mark);
   }
   toJSON() {
     return { stepType: "removeNodeMark", pos: this.pos, mark: this.mark.toJSON() };
@@ -2635,10 +2635,10 @@ class Fi extends Ot {
   static fromJSON(t, n) {
     if (typeof n.pos != "number")
       throw new RangeError("Invalid input for RemoveNodeMarkStep.fromJSON");
-    return new Fi(n.pos, t.markFromJSON(n.mark));
+    return new Vi(n.pos, t.markFromJSON(n.mark));
   }
 }
-Ot.jsonID("removeNodeMark", Fi);
+Ot.jsonID("removeNodeMark", Vi);
 class Cn extends Ot {
   /**
   The given `slice` should fit the 'gap' between `from` and
@@ -3578,7 +3578,7 @@ const D_ = () => ({ editor: e, view: t }) => (requestAnimationFrame(() => {
 }, P_ = (e) => ({ tr: t, dispatch: n }) => {
   const { from: i, to: s } = e;
   return n && t.delete(i, s), !0;
-}, O_ = () => ({ state: e, dispatch: t }) => Bb(e, t), V_ = () => ({ commands: e }) => e.keyboardShortcut("Enter"), F_ = () => ({ state: e, dispatch: t }) => Wb(e, t);
+}, O_ = () => ({ state: e, dispatch: t }) => Bb(e, t), F_ = () => ({ commands: e }) => e.keyboardShortcut("Enter"), V_ = () => ({ state: e, dispatch: t }) => Wb(e, t);
 function Qs(e, t, n = { strict: !0 }) {
   const i = Object.keys(t);
   return i.length ? i.every((s) => n.strict ? t[s] === e[s] : C_(t[s]) ? t[s].test(e[s]) : t[s] === e[s]) : !0;
@@ -4149,11 +4149,11 @@ const Tj = ({ keepMarks: e = !0 } = {}) => ({ tr: t, state: n, dispatch: i, edit
 }, Oj = (e, t = {}) => ({ state: n, dispatch: i }) => {
   const s = wt(e, n.schema);
   return ry(s, t)(n, i);
-}, Vj = (e, t = {}) => ({ state: n, dispatch: i }) => {
+}, Fj = (e, t = {}) => ({ state: n, dispatch: i }) => {
   const s = wt(e, n.schema);
   return ay(s, t)(n, i);
 };
-var Fj = /* @__PURE__ */ Object.freeze({
+var Vj = /* @__PURE__ */ Object.freeze({
   __proto__: null,
   blur: D_,
   clearContent: M_,
@@ -4164,8 +4164,8 @@ var Fj = /* @__PURE__ */ Object.freeze({
   deleteNode: $_,
   deleteRange: P_,
   deleteSelection: O_,
-  enter: V_,
-  exitCode: F_,
+  enter: F_,
+  exitCode: V_,
   extendMarkRange: q_,
   first: B_,
   focus: G_,
@@ -4207,13 +4207,13 @@ var Fj = /* @__PURE__ */ Object.freeze({
   unsetMark: $j,
   updateAttributes: Pj,
   wrapIn: Oj,
-  wrapInList: Vj
+  wrapInList: Fj
 });
 En.create({
   name: "commands",
   addCommands() {
     return {
-      ...Fj
+      ...Vj
     };
   }
 });
@@ -5000,7 +5000,7 @@ const li = de(({
   Q(() => {
     c(e);
   }, [e]);
-  const p = Ve((b, I) => {
+  const p = Fe((b, I) => {
     if (s.length === 0)
       return;
     const S = Xj(I), z = b.getModel();
@@ -5153,7 +5153,7 @@ const li = de(({
   editor: e
 }) => {
   const t = e.getAttributes("textStyle").fontSize;
-  return /* @__PURE__ */ r.jsx(he.ControlsGroup, { children: /* @__PURE__ */ r.jsx(Fu, { size: "xs", icon: /* @__PURE__ */ r.jsx(il, { stroke: 1.5, size: 16 }), data: tw, styles: nw, value: t || "", onChange: (n) => {
+  return /* @__PURE__ */ r.jsx(he.ControlsGroup, { children: /* @__PURE__ */ r.jsx(Vu, { size: "xs", icon: /* @__PURE__ */ r.jsx(il, { stroke: 1.5, size: 16 }), data: tw, styles: nw, value: t || "", onChange: (n) => {
     const i = n.currentTarget.value;
     i ? e.chain().focus().setFontSize(i).run() : e.chain().focus().unsetFontSize().run();
   } }) });
@@ -5809,7 +5809,7 @@ var jw = Object.create, Cl = Object.defineProperty, ww = Object.getOwnPropertyDe
     for (var n of Pd(t))
       kw.call(t, n) && Eo(e, n, t[n]);
   return e;
-}, Vd = (e, t) => Cl(e, "name", { value: t, configurable: !0 }), Iw = (e) => {
+}, Fd = (e, t) => Cl(e, "name", { value: t, configurable: !0 }), Iw = (e) => {
   var t;
   return [, , , jw((t = e == null ? void 0 : e[Rp("metadata")]) != null ? t : null)];
 }, $p = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], Ii = (e) => e !== void 0 && typeof e != "function" ? pi("Function expected") : e, Tw = (e, t, n, i, s) => ({ kind: $p[e], name: t, metadata: i, addInitializer: (a) => n._ ? pi("Already initialized") : s.push(Ii(a || null)) }), Pp = (e, t) => Eo(t, Rp("metadata"), e[3]), _r = (e, t, n, i) => {
@@ -5818,15 +5818,15 @@ var jw = Object.create, Cl = Object.defineProperty, ww = Object.getOwnPropertyDe
   return i;
 }, is = (e, t, n, i, s, a) => {
   var o, l, c, d, h, u = t & 7, p = !!(t & 8), m = !!(t & 16), f = u > 3 ? e.length + 1 : u ? p ? 1 : 2 : 0, b = $p[u + 5], I = u > 3 && (e[f - 1] = []), S = e[f] || (e[f] = []), z = u && (!m && !p && (s = s.prototype), u < 5 && (u > 3 || !m) && ww(u < 4 ? s : { get [n]() {
-    return Fd(this, a);
+    return Vd(this, a);
   }, set [n](A) {
     return Nd(this, a, A);
   } }, n));
-  u ? m && u < 4 && Vd(a, (u > 2 ? "set " : u > 1 ? "get " : "") + n) : Vd(s, n);
+  u ? m && u < 4 && Fd(a, (u > 2 ? "set " : u > 1 ? "get " : "") + n) : Fd(s, n);
   for (var L = i.length - 1; L >= 0; L--)
-    d = Tw(u, n, c = {}, e[3], S), u && (d.static = p, d.private = m, h = d.access = { has: m ? (A) => zw(s, A) : (A) => n in A }, u ^ 3 && (h.get = m ? (A) => (u ^ 1 ? Fd : Dw)(A, s, u ^ 4 ? a : z.get) : (A) => A[n]), u > 2 && (h.set = m ? (A, P) => Nd(A, s, P, u ^ 4 ? a : z.set) : (A, P) => A[n] = P)), l = (0, i[L])(u ? u < 4 ? m ? a : z[b] : u > 4 ? void 0 : { get: z.get, set: z.set } : s, d), c._ = 1, u ^ 4 || l === void 0 ? Ii(l) && (u > 4 ? I.unshift(l) : u ? m ? a = l : z[b] = l : s = l) : typeof l != "object" || l === null ? pi("Object expected") : (Ii(o = l.get) && (z.get = o), Ii(o = l.set) && (z.set = o), Ii(o = l.init) && I.unshift(o));
+    d = Tw(u, n, c = {}, e[3], S), u && (d.static = p, d.private = m, h = d.access = { has: m ? (A) => zw(s, A) : (A) => n in A }, u ^ 3 && (h.get = m ? (A) => (u ^ 1 ? Vd : Dw)(A, s, u ^ 4 ? a : z.get) : (A) => A[n]), u > 2 && (h.set = m ? (A, P) => Nd(A, s, P, u ^ 4 ? a : z.set) : (A, P) => A[n] = P)), l = (0, i[L])(u ? u < 4 ? m ? a : z[b] : u > 4 ? void 0 : { get: z.get, set: z.set } : s, d), c._ = 1, u ^ 4 || l === void 0 ? Ii(l) && (u > 4 ? I.unshift(l) : u ? m ? a = l : z[b] = l : s = l) : typeof l != "object" || l === null ? pi("Object expected") : (Ii(o = l.get) && (z.get = o), Ii(o = l.set) && (z.set = o), Ii(o = l.init) && I.unshift(o));
   return u || Pp(e, s), z && Cl(s, n, z), m ? u ^ 4 ? a : z : s;
-}, Il = (e, t, n) => t.has(e) || pi("Cannot " + n), zw = (e, t) => Object(t) !== t ? pi('Cannot use the "in" operator on this value') : e.has(t), Fd = (e, t, n) => (Il(e, t, "read from private field"), n ? n.call(e) : t.get(e)), ao = (e, t, n) => t.has(e) ? pi("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, n), Nd = (e, t, n, i) => (Il(e, t, "write to private field"), i ? i.call(e, n) : t.set(e, n), n), Dw = (e, t, n) => (Il(e, t, "access private method"), n), qn = class Lo {
+}, Il = (e, t, n) => t.has(e) || pi("Cannot " + n), zw = (e, t) => Object(t) !== t ? pi('Cannot use the "in" operator on this value') : e.has(t), Vd = (e, t, n) => (Il(e, t, "read from private field"), n ? n.call(e) : t.get(e)), ao = (e, t, n) => t.has(e) ? pi("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, n), Nd = (e, t, n, i) => (Il(e, t, "write to private field"), i ? i.call(e, n) : t.set(e, n), n), Dw = (e, t, n) => (Il(e, t, "access private method"), n), qn = class Lo {
   /**
    * @param {number} Coordinate of the point on the horizontal axis
    * @param {number} Coordinate of the point on the vertical axis
@@ -5923,8 +5923,8 @@ function Ew(e, t) {
   const n = Math.max(t.top, e.top), i = Math.max(t.left, e.left), s = Math.min(t.left + t.width, e.left + e.width), a = Math.min(t.top + t.height, e.top + e.height), o = s - i, l = a - n;
   return i < s && n < a ? o * l : 0;
 }
-var qd = 10, Op, Vp, Fp, Np, qp, Et, Tl, zl, Dl;
-qp = [qe], Np = [qe], Fp = [qe], Vp = [Js], Op = [Js];
+var qd = 10, Op, Fp, Vp, Np, qp, Et, Tl, zl, Dl;
+qp = [qe], Np = [qe], Vp = [qe], Fp = [Js], Op = [Js];
 var mi = class {
   constructor(e) {
     _r(Et, 5, this), ao(this, Tl, _r(Et, 8, this)), _r(Et, 11, this), ao(this, zl, _r(Et, 12, this)), _r(Et, 15, this), ao(this, Dl, _r(Et, 16, this)), _r(Et, 19, this);
@@ -5964,8 +5964,8 @@ zl = /* @__PURE__ */ new WeakMap();
 Dl = /* @__PURE__ */ new WeakMap();
 is(Et, 4, "initial", qp, mi, Tl);
 is(Et, 4, "previous", Np, mi, zl);
-is(Et, 4, "current", Fp, mi, Dl);
-is(Et, 2, "delta", Vp, mi);
+is(Et, 4, "current", Vp, mi, Dl);
+is(Et, 2, "delta", Fp, mi);
 is(Et, 2, "direction", Op, mi);
 Pp(Et, mi);
 function oo({ x: e, y: t }, n) {
@@ -5989,7 +5989,7 @@ var Bp = /* @__PURE__ */ ((e) => (e.Horizontal = "x", e.Vertical = "y", e))(Bp |
   for (var s = 0, a = e[t >> 1], o = a && a.length; s < o; s++)
     t & 1 ? a[s].call(n) : i = a[s].call(n, i);
   return i;
-}, Vt = (e, t, n, i, s, a) => {
+}, Ft = (e, t, n, i, s, a) => {
   var o, l, c, d, h, u = t & 7, p = !!(t & 8), m = !!(t & 16), f = u > 3 ? e.length + 1 : u ? p ? 1 : 2 : 0, b = Qp[u + 5], I = u > 3 && (e[f - 1] = []), S = e[f] || (e[f] = []), z = u && (!m && !p && (s = s.prototype), u < 5 && (u > 3 || !m) && Aw(u < 4 ? s : { get [n]() {
     return Zs(this, a);
   }, set [n](A) {
@@ -5997,9 +5997,9 @@ var Bp = /* @__PURE__ */ ((e) => (e.Horizontal = "x", e.Vertical = "y", e))(Bp |
   } }, n));
   u ? m && u < 4 && Wd(a, (u > 2 ? "set " : u > 1 ? "get " : "") + n) : Wd(s, n);
   for (var L = i.length - 1; L >= 0; L--)
-    d = Ow(u, n, c = {}, e[3], S), u && (d.static = p, d.private = m, h = d.access = { has: m ? (A) => Vw(s, A) : (A) => n in A }, u ^ 3 && (h.get = m ? (A) => (u ^ 1 ? Zs : Fw)(A, s, u ^ 4 ? a : z.get) : (A) => A[n]), u > 2 && (h.set = m ? (A, P) => Ao(A, s, P, u ^ 4 ? a : z.set) : (A, P) => A[n] = P)), l = (0, i[L])(u ? u < 4 ? m ? a : z[b] : u > 4 ? void 0 : { get: z.get, set: z.set } : s, d), c._ = 1, u ^ 4 || l === void 0 ? Ti(l) && (u > 4 ? I.unshift(l) : u ? m ? a = l : z[b] = l : s = l) : typeof l != "object" || l === null ? fi("Object expected") : (Ti(o = l.get) && (z.get = o), Ti(o = l.set) && (z.set = o), Ti(o = l.init) && I.unshift(o));
+    d = Ow(u, n, c = {}, e[3], S), u && (d.static = p, d.private = m, h = d.access = { has: m ? (A) => Fw(s, A) : (A) => n in A }, u ^ 3 && (h.get = m ? (A) => (u ^ 1 ? Zs : Vw)(A, s, u ^ 4 ? a : z.get) : (A) => A[n]), u > 2 && (h.set = m ? (A, P) => Ao(A, s, P, u ^ 4 ? a : z.set) : (A, P) => A[n] = P)), l = (0, i[L])(u ? u < 4 ? m ? a : z[b] : u > 4 ? void 0 : { get: z.get, set: z.set } : s, d), c._ = 1, u ^ 4 || l === void 0 ? Ti(l) && (u > 4 ? I.unshift(l) : u ? m ? a = l : z[b] = l : s = l) : typeof l != "object" || l === null ? fi("Object expected") : (Ti(o = l.get) && (z.get = o), Ti(o = l.set) && (z.set = o), Ti(o = l.init) && I.unshift(o));
   return u || ss(e, s), z && Ml(s, n, z), m ? u ^ 4 ? a : z : s;
-}, El = (e, t, n) => t.has(e) || fi("Cannot " + n), Vw = (e, t) => Object(t) !== t ? fi('Cannot use the "in" operator on this value') : e.has(t), Zs = (e, t, n) => (El(e, t, "read from private field"), n ? n.call(e) : t.get(e)), Bt = (e, t, n) => t.has(e) ? fi("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, n), Ao = (e, t, n, i) => (El(e, t, "write to private field"), i ? i.call(e, n) : t.set(e, n), n), Fw = (e, t, n) => (El(e, t, "access private method"), n);
+}, El = (e, t, n) => t.has(e) || fi("Cannot " + n), Fw = (e, t) => Object(t) !== t ? fi('Cannot use the "in" operator on this value') : e.has(t), Zs = (e, t, n) => (El(e, t, "read from private field"), n ? n.call(e) : t.get(e)), Bt = (e, t, n) => t.has(e) ? fi("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, n), Ao = (e, t, n, i) => (El(e, t, "write to private field"), i ? i.call(e, n) : t.set(e, n), n), Vw = (e, t, n) => (El(e, t, "access private method"), n);
 function Up(e, t) {
   return {
     plugin: e,
@@ -6064,7 +6064,7 @@ var rn = class {
 };
 Bi = Sa(null);
 Ll = /* @__PURE__ */ new WeakMap();
-Vt(Bi, 4, "disabled", Kp, rn, Ll);
+Ft(Bi, 4, "disabled", Kp, rn, Ll);
 ss(Bi, rn);
 var qw = class extends rn {
 }, as = /* @__PURE__ */ ((e) => (e[e.Lowest = 0] = "Lowest", e[e.Low = 1] = "Low", e[e.Normal = 2] = "Normal", e[e.High = 3] = "High", e[e.Highest = 4] = "Highest", e))(as || {}), Xp, Jp, Zp, em, Mt, Al, Rl, $l, Pl;
@@ -6125,15 +6125,15 @@ Al = /* @__PURE__ */ new WeakMap();
 Rl = /* @__PURE__ */ new WeakMap();
 $l = /* @__PURE__ */ new WeakMap();
 Pl = /* @__PURE__ */ new WeakMap();
-Vt(Mt, 4, "manager", em, qr, Al);
-Vt(Mt, 4, "id", Zp, qr, Rl);
-Vt(Mt, 4, "data", Jp, qr, $l);
-Vt(Mt, 4, "disabled", Xp, qr, Pl);
+Ft(Mt, 4, "manager", em, qr, Al);
+Ft(Mt, 4, "id", Zp, qr, Rl);
+Ft(Mt, 4, "data", Jp, qr, $l);
+Ft(Mt, 4, "disabled", Xp, qr, Pl);
 ss(Mt, qr);
-var tm, nm, rm, Ro, zi, Tn, Ol, Vl, os = class extends (Ro = qr, rm = [qe], nm = [qe], tm = [Js], Ro) {
+var tm, nm, rm, Ro, zi, Tn, Ol, Fl, os = class extends (Ro = qr, rm = [qe], nm = [qe], tm = [Js], Ro) {
   constructor(t, n) {
     var i = t, { modifiers: s, type: a, sensors: o } = i, l = Hp(i, ["modifiers", "type", "sensors"]);
-    super(l, n), Oe(Tn, 5, this), Bt(this, zi), Bt(this, Ol, Oe(Tn, 8, this)), Oe(Tn, 11, this), Bt(this, Vl, Oe(Tn, 12, this, "idle")), Oe(Tn, 15, this), this.type = a, this.sensors = o, this.modifiers = s;
+    super(l, n), Oe(Tn, 5, this), Bt(this, zi), Bt(this, Ol, Oe(Tn, 8, this)), Oe(Tn, 11, this), Bt(this, Fl, Oe(Tn, 12, this, "idle")), Oe(Tn, 15, this), this.type = a, this.sensors = o, this.modifiers = s;
   }
   set modifiers(t) {
     var n;
@@ -6158,12 +6158,12 @@ var tm, nm, rm, Ro, zi, Tn, Ol, Vl, os = class extends (Ro = qr, rm = [qe], nm =
 Tn = Sa(Ro);
 zi = /* @__PURE__ */ new WeakMap();
 Ol = /* @__PURE__ */ new WeakMap();
-Vl = /* @__PURE__ */ new WeakMap();
-Vt(Tn, 4, "type", rm, os, Ol);
-Vt(Tn, 4, "status", nm, os, Vl);
-Vt(Tn, 2, "isDragSource", tm, os);
+Fl = /* @__PURE__ */ new WeakMap();
+Ft(Tn, 4, "type", rm, os, Ol);
+Ft(Tn, 4, "status", nm, os, Fl);
+Ft(Tn, 2, "isDragSource", tm, os);
 ss(Tn, os);
-var im, sm, am, om, lm, cm, $o, rt, Fl, Nl, ql, Bl, Wl, fr = class extends ($o = qr, cm = [qe], lm = [qe], om = [qe], am = [qe], sm = [qe], im = [Js], $o) {
+var im, sm, am, om, lm, cm, $o, rt, Vl, Nl, ql, Bl, Wl, fr = class extends ($o = qr, cm = [qe], lm = [qe], om = [qe], am = [qe], sm = [qe], im = [Js], $o) {
   constructor(t, n) {
     var i = t, {
       accept: s,
@@ -6176,7 +6176,7 @@ var im, sm, am, om, lm, cm, $o, rt, Fl, Nl, ql, Bl, Wl, fr = class extends ($o =
       "collisionPriority",
       "type"
     ]);
-    super(c, n), Oe(rt, 5, this), Bt(this, Fl, Oe(rt, 8, this)), Oe(rt, 11, this), Bt(this, Nl, Oe(rt, 12, this)), Oe(rt, 15, this), Bt(this, ql, Oe(rt, 16, this)), Oe(rt, 19, this), Bt(this, Bl, Oe(rt, 20, this)), Oe(rt, 23, this), Bt(this, Wl, Oe(rt, 24, this)), Oe(rt, 27, this), this.accept = s, this.collisionDetector = a, this.collisionPriority = o, this.type = l;
+    super(c, n), Oe(rt, 5, this), Bt(this, Vl, Oe(rt, 8, this)), Oe(rt, 11, this), Bt(this, Nl, Oe(rt, 12, this)), Oe(rt, 15, this), Bt(this, ql, Oe(rt, 16, this)), Oe(rt, 19, this), Bt(this, Bl, Oe(rt, 20, this)), Oe(rt, 23, this), Bt(this, Wl, Oe(rt, 24, this)), Oe(rt, 27, this), this.accept = s, this.collisionDetector = a, this.collisionPriority = o, this.type = l;
   }
   /**
    * Checks whether or not the droppable accepts a given draggable.
@@ -6196,17 +6196,17 @@ var im, sm, am, om, lm, cm, $o, rt, Fl, Nl, ql, Bl, Wl, fr = class extends ($o =
   }
 };
 rt = Sa($o);
-Fl = /* @__PURE__ */ new WeakMap();
+Vl = /* @__PURE__ */ new WeakMap();
 Nl = /* @__PURE__ */ new WeakMap();
 ql = /* @__PURE__ */ new WeakMap();
 Bl = /* @__PURE__ */ new WeakMap();
 Wl = /* @__PURE__ */ new WeakMap();
-Vt(rt, 4, "accept", cm, fr, Fl);
-Vt(rt, 4, "type", lm, fr, Nl);
-Vt(rt, 4, "collisionDetector", om, fr, ql);
-Vt(rt, 4, "collisionPriority", am, fr, Bl);
-Vt(rt, 4, "shape", sm, fr, Wl);
-Vt(rt, 2, "isDropTarget", im, fr);
+Ft(rt, 4, "accept", cm, fr, Vl);
+Ft(rt, 4, "type", lm, fr, Nl);
+Ft(rt, 4, "collisionDetector", om, fr, ql);
+Ft(rt, 4, "collisionPriority", am, fr, Bl);
+Ft(rt, 4, "shape", sm, fr, Wl);
+Ft(rt, 2, "isDropTarget", im, fr);
 ss(rt, fr);
 var ea = class extends rn {
   constructor(e, t) {
@@ -7076,9 +7076,9 @@ var E0 = [Xt.Forward, Xt.Reverse], Yd = class {
 function Kd(e, t) {
   return Math.sign(e - t);
 }
-var $m, Vo, Gi, Ul, tr, Fo, Ia = class extends (Vo = qw, $m = [qe], Vo) {
+var $m, Fo, Gi, Ul, tr, Vo, Ia = class extends (Fo = qw, $m = [qe], Fo) {
   constructor(e) {
-    super(e), en(this, Ul, vt(Gi, 8, this, !1)), vt(Gi, 11, this), en(this, tr), en(this, Fo, () => {
+    super(e), en(this, Ul, vt(Gi, 8, this, !1)), vt(Gi, 11, this), en(this, tr), en(this, Vo, () => {
       if (!Dn(this, tr))
         return;
       const { element: a, by: o } = Dn(this, tr);
@@ -7121,7 +7121,7 @@ var $m, Vo, Gi, Ul, tr, Fo, Ia = class extends (Vo = qw, $m = [qe], Vo) {
                     x: L,
                     y: A
                   }
-                }), ri.schedule(Dn(this, Fo)), !0;
+                }), ri.schedule(Dn(this, Vo)), !0;
               }
             }
           }
@@ -7161,10 +7161,10 @@ var $m, Vo, Gi, Ul, tr, Fo, Ia = class extends (Vo = qw, $m = [qe], Vo) {
     });
   }
 };
-Gi = ka(Vo);
+Gi = ka(Fo);
 Ul = /* @__PURE__ */ new WeakMap();
 tr = /* @__PURE__ */ new WeakMap();
-Fo = /* @__PURE__ */ new WeakMap();
+Vo = /* @__PURE__ */ new WeakMap();
 gr(Gi, 4, "autoScrolling", $m, Ia, Ul);
 Ca(Gi, Ia);
 function Xd(e) {
@@ -7339,7 +7339,7 @@ var Xr, No = class extends ea {
         l instanceof PointerEvent && this.handlePointerDown(l, t, n);
       };
       if (a)
-        return V0(a.ownerDocument.defaultView), a.addEventListener("pointerdown", o), () => {
+        return F0(a.ownerDocument.defaultView), a.addEventListener("pointerdown", o), () => {
           a.removeEventListener("pointerdown", o);
         };
     });
@@ -7467,7 +7467,7 @@ function uo(e) {
 function O0() {
 }
 var eu = /* @__PURE__ */ new WeakSet();
-function V0(e) {
+function F0(e) {
   !e || eu.has(e) || (e.addEventListener("touchmove", O0, {
     capture: !1,
     passive: !1
@@ -7484,7 +7484,7 @@ P0.configure({
       };
   }
 });
-var Om, Vm, Fm, qo, cn, Yl, Kl, Xl, ds = class extends (qo = os, Fm = [qe], Vm = [qe], Om = [qe], qo) {
+var Om, Fm, Vm, qo, cn, Yl, Kl, Xl, ds = class extends (qo = os, Vm = [qe], Fm = [qe], Om = [qe], qo) {
   constructor(e, t) {
     var n = e, {
       element: i,
@@ -7526,8 +7526,8 @@ cn = ka(qo);
 Yl = /* @__PURE__ */ new WeakMap();
 Kl = /* @__PURE__ */ new WeakMap();
 Xl = /* @__PURE__ */ new WeakMap();
-gr(cn, 4, "handle", Fm, ds, Yl);
-gr(cn, 4, "element", Vm, ds, Kl);
+gr(cn, 4, "handle", Vm, ds, Yl);
+gr(cn, 4, "element", Fm, ds, Kl);
 gr(cn, 4, "feedback", Om, ds, Xl);
 Ca(cn, ds);
 var Nm, qm, Bo, sr, Jl, Zl, Ta = class extends (Bo = fr, qm = [qe], Nm = [qe], Bo) {
@@ -7614,7 +7614,7 @@ Zl = /* @__PURE__ */ new WeakMap();
 gr(sr, 4, "visible", qm, Ta, Jl);
 gr(sr, 4, "placeholder", Nm, Ta, Zl);
 Ca(sr, Ta);
-var F0 = Object.create, Bm = Object.defineProperty, N0 = Object.defineProperties, q0 = Object.getOwnPropertyDescriptor, B0 = Object.getOwnPropertyDescriptors, sa = Object.getOwnPropertySymbols, Wm = Object.prototype.hasOwnProperty, Gm = Object.prototype.propertyIsEnumerable, W0 = (e, t) => (t = Symbol[e]) ? t : Symbol.for("Symbol." + e), us = (e) => {
+var V0 = Object.create, Bm = Object.defineProperty, N0 = Object.defineProperties, q0 = Object.getOwnPropertyDescriptor, B0 = Object.getOwnPropertyDescriptors, sa = Object.getOwnPropertySymbols, Wm = Object.prototype.hasOwnProperty, Gm = Object.prototype.propertyIsEnumerable, W0 = (e, t) => (t = Symbol[e]) ? t : Symbol.for("Symbol." + e), us = (e) => {
   throw TypeError(e);
 }, Wo = (e, t, n) => t in e ? Bm(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, G0 = (e, t) => {
   for (var n in t || (t = {}))
@@ -7633,7 +7633,7 @@ var F0 = Object.create, Bm = Object.defineProperty, N0 = Object.defineProperties
   return n;
 }, U0 = (e) => {
   var t;
-  return [, , , F0((t = void 0) != null ? t : null)];
+  return [, , , V0((t = void 0) != null ? t : null)];
 }, Hm = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], Ei = (e) => e !== void 0 && typeof e != "function" ? us("Function expected") : e, Y0 = (e, t, n, i, s) => ({ kind: Hm[e], name: t, metadata: i, addInitializer: (a) => n._ ? us("Already initialized") : s.push(Ei(a || null)) }), K0 = (e, t) => Wo(t, W0("metadata"), e[3]), ks = (e, t, n, i) => {
   for (var s = 0, a = e[t >> 1], o = a && a.length; s < o; s++)
     t & 1 ? a[s].call(n) : i = a[s].call(n, i);
@@ -8146,25 +8146,25 @@ function tf(e) {
     get status() {
       return A.value;
     },
-    handleRef: Ve(
+    handleRef: Fe(
       (P) => {
         S.handle = P ?? void 0;
       },
       [S]
     ),
-    ref: Ve(
+    ref: Fe(
       (P) => {
         S.element = P ?? void 0;
       },
       [S]
     ),
-    sourceRef: Ve(
+    sourceRef: Fe(
       (P) => {
         S.source = P ?? void 0;
       },
       [S]
     ),
-    targetRef: Ve(
+    targetRef: Fe(
       (P) => {
         S.target = P ?? void 0;
       },
@@ -8301,7 +8301,7 @@ function au(e, t, n) {
       variables: t
     }, {
       lodash: k,
-      interpolate: Vr
+      interpolate: Fr
     });
     return Number(s);
   } catch (s) {
@@ -8575,69 +8575,66 @@ const vS = yS(), _S = ({
 }), wS = ({
   defaultValues: e,
   onSubmit: t,
-  unset: n,
-  cancel: i
+  unset: n
 }) => {
   const {
-    t: s
-  } = v(), a = Fe({
+    t: i
+  } = v(), s = Ve({
     defaultValues: e
   }), {
-    control: o,
-    handleSubmit: l,
-    watch: c,
-    getValues: d,
-    reset: h
-  } = a;
+    control: a,
+    handleSubmit: o,
+    reset: l
+  } = s;
   Q(() => {
-    h(e);
+    l(e);
   }, [e]);
-  const u = Ve(() => h(e), [h, e]);
+  const c = Fe(() => l(e), [l, e]);
   return /* @__PURE__ */ r.jsxs(R, { children: [
     /* @__PURE__ */ r.jsx(O, { color: "rgb(206, 212, 218)", variant: "dotted", my: "1rem" }),
     /* @__PURE__ */ r.jsxs(R, { px: "1rem", children: [
-      /* @__PURE__ */ r.jsx(g, { control: o, name: "variable", render: ({
-        field: p
-      }) => /* @__PURE__ */ r.jsx(so, { label: s("rich_text.color_mapping.choose_value_var"), clearable: !1, preview: "aggregated", zIndex: 340, ...p }) }),
+      /* @__PURE__ */ r.jsx(g, { control: a, name: "variable", render: ({
+        field: d
+      }) => /* @__PURE__ */ r.jsx(so, { label: i("rich_text.color_mapping.choose_value_var"), clearable: !1, preview: "aggregated", zIndex: 340, ...d }) }),
       /* @__PURE__ */ r.jsxs(y, { grow: !0, position: "apart", children: [
-        /* @__PURE__ */ r.jsx(g, { name: "min_var", control: o, render: ({
-          field: p
-        }) => /* @__PURE__ */ r.jsx(so, { label: s("rich_text.color_mapping.min.var"), clearable: !1, preview: "aggregated", sx: {
+        /* @__PURE__ */ r.jsx(g, { name: "min_var", control: a, render: ({
+          field: d
+        }) => /* @__PURE__ */ r.jsx(so, { label: i("rich_text.color_mapping.min.var"), preview: "aggregated", sx: {
           flexGrow: 1,
           maxWidth: "unset"
-        }, ...p }) }),
-        /* @__PURE__ */ r.jsx(g, { name: "min_val", control: o, render: ({
-          field: p
-        }) => /* @__PURE__ */ r.jsx(E, { label: s("rich_text.color_mapping.min.val"), ...p, sx: {
+        }, ...d }) }),
+        /* @__PURE__ */ r.jsx(g, { name: "min_val", control: a, render: ({
+          field: d
+        }) => /* @__PURE__ */ r.jsx(E, { label: i("rich_text.color_mapping.min.val"), ...d, sx: {
           maxWidth: "120px",
           flexGrow: 0
         } }) })
       ] }),
       /* @__PURE__ */ r.jsxs(y, { grow: !0, position: "apart", children: [
-        /* @__PURE__ */ r.jsx(g, { name: "max_var", control: o, render: ({
-          field: p
-        }) => /* @__PURE__ */ r.jsx(so, { label: s("rich_text.color_mapping.max.var"), clearable: !1, preview: "aggregated", sx: {
+        /* @__PURE__ */ r.jsx(g, { name: "max_var", control: a, render: ({
+          field: d
+        }) => /* @__PURE__ */ r.jsx(so, { label: i("rich_text.color_mapping.max.var"), preview: "aggregated", sx: {
           flexGrow: 1,
           maxWidth: "unset"
-        }, ...p }) }),
-        /* @__PURE__ */ r.jsx(g, { name: "max_val", control: o, render: ({
-          field: p
-        }) => /* @__PURE__ */ r.jsx(E, { label: s("rich_text.color_mapping.max.val"), ...p, sx: {
+        }, ...d }) }),
+        /* @__PURE__ */ r.jsx(g, { name: "max_val", control: a, render: ({
+          field: d
+        }) => /* @__PURE__ */ r.jsx(E, { label: i("rich_text.color_mapping.max.val"), ...d, sx: {
           maxWidth: "120px",
           flexGrow: 0
         } }) })
       ] }),
-      /* @__PURE__ */ r.jsx(g, { control: o, name: "colors", render: ({
-        field: p
-      }) => /* @__PURE__ */ r.jsx(af, { ...p }) })
+      /* @__PURE__ */ r.jsx(g, { control: a, name: "colors", render: ({
+        field: d
+      }) => /* @__PURE__ */ r.jsx(af, { ...d }) })
     ] }),
     /* @__PURE__ */ r.jsx(O, { color: "rgb(206, 212, 218)", variant: "dotted", my: "1rem" }),
     /* @__PURE__ */ r.jsxs(y, { position: "apart", px: "1rem", pb: "0.75rem", children: [
       /* @__PURE__ */ r.jsxs(y, { position: "left", children: [
-        /* @__PURE__ */ r.jsx(M, { color: "red", size: "xs", onClick: n, leftIcon: /* @__PURE__ */ r.jsx(mn, { size: 18 }), children: s("common.actions.clear") }),
-        /* @__PURE__ */ r.jsx(M, { color: "orange", size: "xs", onClick: u, leftIcon: /* @__PURE__ */ r.jsx(lb, { size: 18 }), children: s("common.actions.revert") })
+        /* @__PURE__ */ r.jsx(M, { color: "red", size: "xs", onClick: n, leftIcon: /* @__PURE__ */ r.jsx(mn, { size: 18 }), children: i("common.actions.clear") }),
+        /* @__PURE__ */ r.jsx(M, { color: "orange", size: "xs", onClick: c, leftIcon: /* @__PURE__ */ r.jsx(lb, { size: 18 }), children: i("common.actions.revert") })
       ] }),
-      /* @__PURE__ */ r.jsx(M, { color: "green", size: "xs", onClick: l(t), leftIcon: /* @__PURE__ */ r.jsx(et, { size: 18 }), children: s("common.actions.save_changes") })
+      /* @__PURE__ */ r.jsx(M, { color: "green", size: "xs", onClick: o(t), leftIcon: /* @__PURE__ */ r.jsx(et, { size: 18 }), children: i("common.actions.save_changes") })
     ] })
   ] });
 }, SS = () => {
@@ -8693,9 +8690,9 @@ const vS = yS(), _S = ({
   }] = pt(), l = e.getAttributes(mp), {
     empty: c,
     ...d
-  } = T(() => lw(l), [l]), h = Ve((p) => {
+  } = T(() => lw(l), [l]), h = Fe((p) => {
     e.chain().focus().setColorMapping(p).run(), a();
-  }, [e]), u = Ve(() => {
+  }, [e]), u = Fe(() => {
     e.chain().focus().unsetColorMapping().run();
   }, [e]);
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
@@ -8706,7 +8703,7 @@ const vS = yS(), _S = ({
       body: {
         padding: 0
       }
-    }, children: /* @__PURE__ */ r.jsx(wS, { defaultValues: d, cancel: a, unset: u, onSubmit: h }) }),
+    }, children: /* @__PURE__ */ r.jsx(wS, { defaultValues: d, unset: u, onSubmit: h }) }),
     /* @__PURE__ */ r.jsxs(he.ControlsGroup, { children: [
       /* @__PURE__ */ r.jsx(ve, { label: t("rich_text.color_mapping.label"), children: /* @__PURE__ */ r.jsx(re, { variant: "default", "data-rich-text-editor-control": "true", sx: {
         height: "26px",
@@ -8779,7 +8776,7 @@ function of() {
         }
       }
     } }) }),
-    /* @__PURE__ */ r.jsx(M, { variant: "light", color: "violet", size: "xs", onClick: n, leftIcon: /* @__PURE__ */ r.jsx(Fr, { size: 16 }), children: e("function_utils.trigger_text") })
+    /* @__PURE__ */ r.jsx(M, { variant: "light", color: "violet", size: "xs", onClick: n, leftIcon: /* @__PURE__ */ r.jsx(Vr, { size: 16 }), children: e("function_utils.trigger_text") })
   ] });
 }
 const ou = de((e, t) => {
@@ -8852,7 +8849,7 @@ const ou = de((e, t) => {
     e.chain().focus().unsetColor().run(), a();
   };
   return /* @__PURE__ */ r.jsxs(Jt, { opened: i, onChange: s, shadow: "md", withinPortal: !0, zIndex: 340, withArrow: !0, children: [
-    /* @__PURE__ */ r.jsx(Jt.Target, { children: /* @__PURE__ */ r.jsx(he.Control, { onClick: o, children: /* @__PURE__ */ r.jsx(Fs, { color: c, size: 14 }) }) }),
+    /* @__PURE__ */ r.jsx(Jt.Target, { children: /* @__PURE__ */ r.jsx(he.Control, { onClick: o, children: /* @__PURE__ */ r.jsx(Vs, { color: c, size: 14 }) }) }),
     /* @__PURE__ */ r.jsx(Jt.Dropdown, { children: /* @__PURE__ */ r.jsxs(C, { spacing: "xs", children: [
       /* @__PURE__ */ r.jsxs(y, { position: "right", children: [
         /* @__PURE__ */ r.jsx(ur, { value: c, onChangeEnd: (p) => h(p, !1), size: "xs", withPicker: !1, dropdownZIndex: 340, styles: {
@@ -9233,16 +9230,16 @@ class ht extends $.Component {
     return this.props.children;
   }
 }
-function VS(e, t = {
+function FS(e, t = {
   handleError: !0
 }) {
   return (n) => /* @__PURE__ */ r.jsx(ht, { ...t, children: /* @__PURE__ */ r.jsx(e, { ...n }) });
 }
-function FS(e, t) {
+function VS(e, t) {
   return new Function(`return ${e}`)()(t, gn);
 }
 function NS(e, t, n) {
-  return FS(e, {
+  return VS(e, {
     context: t,
     filters: n
   });
@@ -9261,7 +9258,7 @@ function WS(e, t, n) {
   return e ? new Function(`return ${e}`)()(t, gn, n) : t;
 }
 function uf() {
-  ly([qy, Sy, ky, Cy, Iy, Ty, zy, Dy, My, Ey, Ly, Ay, Ry, $y, Py, Oy, Vy, Fy, Ny]);
+  ly([qy, Sy, ky, Cy, Iy, Ty, zy, Dy, My, Ey, Ly, Ay, Ry, $y, Py, Oy, Fy, Vy, Ny]);
 }
 const ci = (e) => Ju(e, (t, n) => {
   if (n !== void 0 && t)
@@ -9593,7 +9590,7 @@ class o1 {
     this.symbol = Symbol(t);
   }
 }
-function Vn(e) {
+function Fn(e) {
   return new o1(e);
 }
 class oc {
@@ -9633,7 +9630,7 @@ class oc {
     }), this.instanceRegistry.clear(), this.factoryRegistry.clear();
   }
 }
-const gf = "13.28.0", l1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const gf = "13.28.2", l1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   version: gf
 }, Symbol.toStringTag, { value: "Module" }));
@@ -9761,7 +9758,7 @@ const te = (e, t) => {
   }), e.watchItem(t, (l) => {
     a(l);
   })));
-  const o = Ve(async (l) => {
+  const o = Fe(async (l) => {
     await e.setItem(t, l), a(l);
   }, [e, t]);
   return {
@@ -9777,7 +9774,7 @@ const te = (e, t) => {
 }, bn = (e) => Math.max(0, e - At.left - At.right), yn = (e) => Math.max(0, e - At.top - At.bottom), ms = (e, t) => ({
   width: bn(e),
   height: yn(t)
-}), Ft = ({
+}), Vt = ({
   width: e,
   height: t,
   children: n
@@ -9871,7 +9868,7 @@ function h1({
       data: u.map((z) => [z[p.columnKey], z[m.columnKey], z[f.columnKey]])
     }]
   };
-  return t ? /* @__PURE__ */ r.jsx(Ft, { width: i, height: s, children: /* @__PURE__ */ r.jsx(Ct, { echarts: xt, option: S, style: ms(i, s), notMerge: !0, theme: "merico-light" }) }) : null;
+  return t ? /* @__PURE__ */ r.jsx(Vt, { width: i, height: s, children: /* @__PURE__ */ r.jsx(Ct, { echarts: xt, option: S, style: ms(i, s), notMerge: !0, theme: "merico-light" }) }) : null;
 }
 const ee = D(de(({
   label: e,
@@ -9916,7 +9913,7 @@ function p1({
     control: s,
     handleSubmit: a,
     reset: o
-  } = Fe({
+  } = Ve({
     defaultValues: i
   });
   return Q(() => {
@@ -10557,7 +10554,7 @@ const O1 = {
   id: "builtin:op:open_view",
   configRender: $1,
   run: P1
-}, V1 = {
+}, F1 = {
   "tbody tr": {
     opacity: 0.5,
     transition: "opacity 200ms ease"
@@ -10565,7 +10562,7 @@ const O1 = {
   "tr[data-affected=true]": {
     opacity: 1
   }
-}, F1 = ({
+}, V1 = ({
   value: e = "",
   onChange: t
 }) => {
@@ -10616,7 +10613,7 @@ const O1 = {
       }
     });
   };
-  return /* @__PURE__ */ r.jsxs(at, { sx: V1, children: [
+  return /* @__PURE__ */ r.jsxs(at, { sx: F1, children: [
     /* @__PURE__ */ r.jsx("thead", { children: /* @__PURE__ */ r.jsxs("tr", { children: [
       /* @__PURE__ */ r.jsx("th", { children: t("interactions.operation.set_filter_values.set_filter") }),
       /* @__PURE__ */ r.jsx("th", { children: t("interactions.operation.set_filter_values.with") })
@@ -10625,7 +10622,7 @@ const O1 = {
       const c = l.value in a;
       return /* @__PURE__ */ r.jsxs("tr", { "data-affected": c, children: [
         /* @__PURE__ */ r.jsx("td", { children: l.label }),
-        /* @__PURE__ */ r.jsx("td", { children: /* @__PURE__ */ r.jsx(F1, { value: a[l.value], onChange: (d) => o(l.value, d) }) })
+        /* @__PURE__ */ r.jsx("td", { children: /* @__PURE__ */ r.jsx(V1, { value: a[l.value], onChange: (d) => o(l.value, d) }) })
       ] }, l.value);
     }) })
   ] });
@@ -11679,7 +11676,7 @@ function Aa(e, t) {
     minSpan: 1
   }), n;
 }
-function Vk({
+function Fk({
   min: e,
   max: t
 }) {
@@ -11690,7 +11687,7 @@ function Vk({
   const n = ei.floor(ei.log10(e)), i = Math.pow(10, n), s = Math.pow(10, n - 1);
   return e / i <= 2 ? k.round(e, -1 * (n - 1)) - s : k.round(e, -1 * n) - i;
 }
-function Fk(e) {
+function Vk(e) {
   return {
     Box: e("viz.boxplot.box"),
     Scatter: e("viz.boxplot.scatter"),
@@ -11707,7 +11704,7 @@ function Nk({
     x_axis: s,
     y_axis: a,
     reference_lines: o
-  } = e, l = jk(e, t), c = sn(s.axisLabel.overflow.on_axis), d = Fk(i), h = Ek(e, l).map((u) => ({
+  } = e, l = jk(e, t), c = sn(s.axisLabel.overflow.on_axis), d = Vk(i), h = Ek(e, l).map((u) => ({
     ...u,
     name: k.get(d, u.name, u.name)
   }));
@@ -11745,7 +11742,7 @@ function Nk({
           return ge(u, a.label_formatter);
         }
       },
-      min: Vk
+      min: Fk
     })],
     series: [...h, ...kk(o, n, t)]
   };
@@ -11766,7 +11763,7 @@ function qk({
   } = e.viewport, c = Pe({}, i, cc), d = Ut({
     vizManager: e.vizManager,
     instance: t
-  }), h = Qt(d.triggerManager, yf.id), u = Wr(a, c.x_axis.data_key), p = Ve((b) => {
+  }), h = Qt(d.triggerManager, yf.id), u = Wr(a, c.x_axis.data_key), p = Fe((b) => {
     const I = k.get(u, b.name, {
       error: "rowData is not found"
     });
@@ -11784,7 +11781,7 @@ function qk({
     variables: s,
     t: n
   }), [c, a, s, n]);
-  return !i || !o || !l ? null : /* @__PURE__ */ r.jsx(Ft, { width: o, height: l, children: /* @__PURE__ */ r.jsx(Ct, { echarts: xt, option: f, style: ms(o, l), onEvents: m, notMerge: !0, theme: "merico-light" }) });
+  return !i || !o || !l ? null : /* @__PURE__ */ r.jsx(Vt, { width: o, height: l, children: /* @__PURE__ */ r.jsx(Ct, { echarts: xt, option: f, style: ms(o, l), onEvents: m, notMerge: !0, theme: "merico-light" }) });
 }
 function Bk({
   value: e,
@@ -11807,7 +11804,7 @@ function Bk({
         placeholder: i("chart.color.set_any_color"),
         value: o ? "" : e,
         onChange: (l) => t(l.currentTarget.value),
-        rightSection: /* @__PURE__ */ r.jsx(Fs, { color: o ? "transparent" : e, radius: 4 }),
+        rightSection: /* @__PURE__ */ r.jsx(Vs, { color: o ? "transparent" : e, radius: 4 }),
         variant: o ? "filled" : "default",
         sx: {
           maxWidth: "46%",
@@ -11826,7 +11823,7 @@ function Bk({
         onChange: t,
         variant: o ? "default" : "filled",
         placeholder: i("chart.color.pick_a_theme_color"),
-        icon: /* @__PURE__ */ r.jsx(Fs, { color: o ? e : "transparent", radius: 4 }),
+        icon: /* @__PURE__ */ r.jsx(Vs, { color: o ? e : "transparent", radius: 4 }),
         sx: {
           maxWidth: "46%",
           flexGrow: 1
@@ -12629,7 +12626,7 @@ function pC({
     watch: c,
     getValues: d,
     reset: h
-  } = Fe({
+  } = Ve({
     defaultValues: a
   });
   Q(() => {
@@ -12988,14 +12985,14 @@ const mc = {
   onChange: t,
   label: n
 }) => {
-  const i = Hi(), s = Ve((o) => () => t(o), [t]), a = (o) => e === o;
+  const i = Hi(), s = Fe((o) => () => t(o), [t]), a = (o) => e === o;
   return /* @__PURE__ */ r.jsxs(C, { spacing: 2, children: [
     /* @__PURE__ */ r.jsx(w, { size: 14, sx: {
       fontWeight: 500
     }, children: n }),
     /* @__PURE__ */ r.jsx(y, { position: "left", spacing: "xs", children: Object.keys(i.colors).map((o) => {
       const l = i.colors[o][6];
-      return /* @__PURE__ */ r.jsx(Fs, { color: l, onClick: s(o), radius: 4, size: 26, sx: {
+      return /* @__PURE__ */ r.jsx(Vs, { color: l, onClick: s(o), radius: 4, size: 26, sx: {
         cursor: "pointer"
       }, children: a(o) && /* @__PURE__ */ r.jsx(Ag, { width: 10, color: "white" }) }, o);
     }) })
@@ -13053,7 +13050,7 @@ function EC({
     watch: l,
     getValues: c,
     reset: d
-  } = Fe({
+  } = Ve({
     defaultValues: s
   });
   Q(() => {
@@ -13167,7 +13164,7 @@ const PC = {
 }, fc = {
   id: "builtin:echarts:click-echart:series",
   displayName: "viz.cartesian_chart.click_series.label",
-  nameRender: VC,
+  nameRender: FC,
   configRender: OC,
   payload: [{
     name: "seriesType",
@@ -13198,7 +13195,7 @@ const PC = {
 function OC(e) {
   return /* @__PURE__ */ r.jsx(r.Fragment, {});
 }
-function VC(e) {
+function FC(e) {
   const {
     t
   } = v();
@@ -13239,7 +13236,7 @@ const xc = {
   reference_areas: [],
   dataZoom: Br
 };
-function FC(e) {
+function VC(e) {
   const t = e.y_axes.some((s) => !!s.name);
   let n = 15;
   t && (n += 20), e.dataZoom.x_axis_slider && (n += 20);
@@ -13487,7 +13484,7 @@ function ZC({
         variables: s
       }, {
         lodash: k,
-        interpolate: Vr
+        interpolate: Fr
       });
     } catch (p) {
       return console.error(`[getEchartsSymbolSize] failed parsing custom function, error: ${p.message}`), 10;
@@ -13757,7 +13754,7 @@ function uI(e, t, n) {
     yAxis: cI(e, s, o),
     series: [...o, ...l],
     tooltip: iI(e, t, o, s),
-    grid: FC(e),
+    grid: VC(e),
     legend: BC(o),
     dataZoom: Aa(e.dataZoom)
   };
@@ -13786,7 +13783,7 @@ function hI({
   interactionManager: s,
   variables: a
 }) {
-  const o = Wr(t, e.x_axis_data_key), l = Qt(s.triggerManager, fc.id), c = Ve((m) => {
+  const o = Wr(t, e.x_axis_data_key), l = Qt(s.triggerManager, fc.id), c = Fe((m) => {
     const f = k.get(o, m.name, {
       error: "rowData is not found"
     });
@@ -13825,10 +13822,10 @@ function pI({
   } = e.viewport, {
     ref: d,
     height: h
-  } = Vi(), {
+  } = Fi(), {
     ref: u,
     height: p
-  } = Vi(), m = $.useMemo(() => {
+  } = Fi(), m = $.useMemo(() => {
     const {
       stats: {
         templates: I
@@ -13839,7 +13836,7 @@ function pI({
       bottom: aa(I.bottom, s, o)
     };
   }, [a, o]), f = Math.max(0, yn(c) - h - p), b = bn(l);
-  return /* @__PURE__ */ r.jsxs(Ft, { width: l, height: c, children: [
+  return /* @__PURE__ */ r.jsxs(Vt, { width: l, height: c, children: [
     /* @__PURE__ */ r.jsx(w, { ref: d, align: "left", size: "xs", pl: "sm", sx: {
       display: uu(a.stats.templates.top) ? "block" : "none"
     }, children: Object.values(m.top).map((I, S) => /* @__PURE__ */ r.jsx($.Fragment, { children: I }, S)) }),
@@ -14886,7 +14883,7 @@ const AI = () => {
     /* @__PURE__ */ r.jsxs(Ke, { width: 340, shadow: "md", position: "top", children: [
       /* @__PURE__ */ r.jsx(Ke.Target, { children: /* @__PURE__ */ r.jsx(re, { size: "xs", sx: {
         transform: "none !important"
-      }, children: /* @__PURE__ */ r.jsx(Fr, {}) }) }),
+      }, children: /* @__PURE__ */ r.jsx(Vr, {}) }) }),
       /* @__PURE__ */ r.jsx(Ke.Dropdown, { children: /* @__PURE__ */ r.jsx(w, { size: "sm", children: /* @__PURE__ */ r.jsxs(ma, { i18nKey: "chart.axis.type.click_to_learn_more", children: [
         "Click",
         /* @__PURE__ */ r.jsx(Ns, { href: "https://echarts.apache.org/en/option.html#xAxis.type", target: "_blank", mx: 3, children: "here" }),
@@ -15088,7 +15085,7 @@ function OI({
     watch: c,
     getValues: d,
     reset: h
-  } = Fe({
+  } = Ve({
     defaultValues: a
   });
   Q(() => {
@@ -15132,11 +15129,11 @@ function OI({
     ] })
   ] }) });
 }
-function VI(e) {
+function FI(e) {
   const t = mt(Lr(e, "variables"));
   return t.stats = Lr(t.stats, "variables"), t;
 }
-function FI(e) {
+function VI(e) {
   const {
     rotate: t,
     formatter: n = St()
@@ -15510,12 +15507,12 @@ class aT extends Qe {
       }), {
         ...n,
         version: 2,
-        config: VI(s)
+        config: FI(s)
       };
     }), this.version(3, (n) => ({
       ...n,
       version: 3,
-      config: FI(n.config)
+      config: VI(n.config)
     })), this.version(4, (n) => ({
       ...n,
       version: 4,
@@ -15773,7 +15770,7 @@ function bT({
     width: s,
     height: a
   } = e.viewport;
-  return !s || !a ? null : /* @__PURE__ */ r.jsx(Ft, { width: s, height: a, children: /* @__PURE__ */ r.jsx(gT, { width: bn(s), height: yn(a), data: i, conf: n }) });
+  return !s || !a ? null : /* @__PURE__ */ r.jsx(Vt, { width: s, height: a, children: /* @__PURE__ */ r.jsx(gT, { width: bn(s), height: yn(a), data: i, conf: n }) });
 }
 const yT = ({
   item: e,
@@ -15962,7 +15959,7 @@ function _T({
     watch: o,
     getValues: l,
     reset: c
-  } = Fe({
+  } = Ve({
     defaultValues: i
   });
   Q(() => {
@@ -16388,7 +16385,7 @@ const Is = ({
       field: n
     }) => /* @__PURE__ */ r.jsx(Is, { field: n, label: t("chart.visual_map.skip_range.gt_max") }) })
   ] });
-}, VT = ({
+}, FT = ({
   form: e
 }) => {
   const {
@@ -16440,7 +16437,7 @@ const Is = ({
     }) => /* @__PURE__ */ r.jsx(af, { ...d }) }),
     /* @__PURE__ */ r.jsx(OT, { form: e })
   ] });
-}, FT = ({
+}, VT = ({
   visualMap: e
 }) => {
   const {
@@ -16639,7 +16636,7 @@ const Is = ({
     }
   };
   return /* @__PURE__ */ r.jsx(ht, { children: /* @__PURE__ */ r.jsxs(C, { children: [
-    /* @__PURE__ */ r.jsx(FT, { visualMap: s }),
+    /* @__PURE__ */ r.jsx(VT, { visualMap: s }),
     /* @__PURE__ */ r.jsx(g, { name: "visualMap.type", control: i, render: ({
       field: l
     }) => /* @__PURE__ */ r.jsx(qu, { mt: -10, data: a, sx: {
@@ -16654,7 +16651,7 @@ const Is = ({
       }) => /* @__PURE__ */ r.jsx(su, { label: t("chart.visual_map.max_value"), ...l }) })
     ] }),
     /* @__PURE__ */ r.jsx(O, { variant: "dashed" }),
-    /* @__PURE__ */ r.jsx(VT, { form: e }),
+    /* @__PURE__ */ r.jsx(FT, { form: e }),
     /* @__PURE__ */ r.jsx(WT, { form: e })
   ] }) });
 };
@@ -16774,7 +16771,7 @@ function YT({
   const o = T(() => {
     const u = W(e.x_axis.data_key), p = W(e.y_axis.data_key);
     return k.keyBy(t[u.queryID], (m) => `${m[u.columnKey]}---${m[p.columnKey]}`);
-  }, [t, e.x_axis.data_key, e.y_axis.data_key]), l = Qt(s.triggerManager, zf.id), c = Ve((u) => {
+  }, [t, e.x_axis.data_key, e.y_axis.data_key]), l = Qt(s.triggerManager, zf.id), c = Fe((u) => {
     const [p, m] = u.value, f = k.get(o, `${p}---${m}`, {
       error: "rowData is not found"
     });
@@ -16807,7 +16804,7 @@ function KT({
     width: l,
     height: c
   } = e.viewport;
-  return !l || !c ? null : /* @__PURE__ */ r.jsx(Ft, { width: l, height: c, children: /* @__PURE__ */ r.jsx(YT, { variables: s, width: bn(l), height: yn(c), data: o, conf: a, interactionManager: n }) });
+  return !l || !c ? null : /* @__PURE__ */ r.jsx(Vt, { width: l, height: c, children: /* @__PURE__ */ r.jsx(YT, { variables: s, width: bn(l), height: yn(c), data: o, conf: a, interactionManager: n }) });
 }
 function XT({
   control: e,
@@ -16996,7 +16993,7 @@ function rz({
   Q(() => {
     !Le(s, a) && (console.log("config malformed, resetting to defaults", s, a), i(a));
   }, [s, a]);
-  const o = Fe({
+  const o = Ve({
     defaultValues: a
   }), {
     control: l,
@@ -17600,7 +17597,7 @@ function Dz({
   } = e.viewport, l = Pe({}, i, kc), c = zz(l, s, n), d = Ut({
     vizManager: e.vizManager,
     instance: t
-  }), h = Qt(d.triggerManager, Df.id), u = Wr(s, l.x_axis.data_key), p = Ve((f) => {
+  }), h = Qt(d.triggerManager, Df.id), u = Wr(s, l.x_axis.data_key), p = Fe((f) => {
     const b = k.get(u, f.name, {
       error: "rowData is not found"
     });
@@ -17613,7 +17610,7 @@ function Dz({
   }, [u, h, d]), m = T(() => ({
     click: p
   }), [p]);
-  return !l || !a || !o ? null : /* @__PURE__ */ r.jsx(Ft, { width: a, height: o, children: /* @__PURE__ */ r.jsx(Ct, { echarts: xt, option: c, style: ms(a, o), onEvents: m, notMerge: !0, theme: "merico-light" }) });
+  return !l || !a || !o ? null : /* @__PURE__ */ r.jsx(Vt, { width: a, height: o, children: /* @__PURE__ */ r.jsx(Ct, { echarts: xt, option: c, style: ms(a, o), onEvents: m, notMerge: !0, theme: "merico-light" }) });
 }
 function Mz({
   control: e,
@@ -17862,7 +17859,7 @@ function Oz({
     ] })
   ] });
 }
-function Vz({
+function Fz({
   control: e,
   watch: t,
   variables: n
@@ -17896,7 +17893,7 @@ function Vz({
     index: h
   }) => /* @__PURE__ */ r.jsx(Oz, { control: e, index: h, watch: t, variableOptions: o, yAxisOptions: c }) });
 }
-function Fz({
+function Vz({
   context: e
 }) {
   const {
@@ -17912,7 +17909,7 @@ function Fz({
     watch: c,
     getValues: d,
     reset: h
-  } = Fe({
+  } = Ve({
     defaultValues: a
   });
   Q(() => {
@@ -17945,7 +17942,7 @@ function Fz({
       /* @__PURE__ */ r.jsx(_.Panel, { value: "Bar", children: /* @__PURE__ */ r.jsx(Mz, { control: o, watch: c }) }),
       /* @__PURE__ */ r.jsx(_.Panel, { value: "Line", children: /* @__PURE__ */ r.jsx(Ez, { control: o, watch: c }) }),
       /* @__PURE__ */ r.jsx(_.Panel, { value: "80-20 Line", children: /* @__PURE__ */ r.jsx(Rz, { control: o, watch: c }) }),
-      /* @__PURE__ */ r.jsx(_.Panel, { value: "Reference Lines", children: /* @__PURE__ */ r.jsx(Vz, { variables: s, control: o, watch: c }) }),
+      /* @__PURE__ */ r.jsx(_.Panel, { value: "Reference Lines", children: /* @__PURE__ */ r.jsx(Fz, { variables: s, control: o, watch: c }) }),
       /* @__PURE__ */ r.jsx(_.Panel, { value: "Zooming", children: /* @__PURE__ */ r.jsx(g, { name: "dataZoom", control: o, render: ({
         field: m
       }) => /* @__PURE__ */ r.jsx(Ra, { ...m }) }) })
@@ -18120,7 +18117,7 @@ const Kz = {
   migrator: new Yz(),
   name: "paretoChart",
   viewRender: Dz,
-  configRender: Fz,
+  configRender: Vz,
   createConfig() {
     return {
       version: 9,
@@ -18275,7 +18272,7 @@ function nD({
     width: o,
     height: l
   } = e.viewport;
-  return !o || !l ? null : /* @__PURE__ */ r.jsx(Ft, { width: o, height: l, children: /* @__PURE__ */ r.jsx(tD, { conf: s, width: bn(o), height: yn(l), data: a, interactionManager: n }) });
+  return !o || !l ? null : /* @__PURE__ */ r.jsx(Vt, { width: o, height: l, children: /* @__PURE__ */ r.jsx(tD, { conf: s, width: bn(o), height: yn(l), data: a, interactionManager: n }) });
 }
 function rD({
   context: e
@@ -18291,7 +18288,7 @@ function rD({
     watch: c,
     getValues: d,
     reset: h
-  } = Fe({
+  } = Ve({
     defaultValues: a
   });
   Q(() => {
@@ -18662,7 +18659,7 @@ function _D({
       ...m,
       ...f
     };
-  }, [t, e.series_name_key, e.additional_series]), l = Qt(s.triggerManager, Lf.id), c = Ve((u) => {
+  }, [t, e.series_name_key, e.additional_series]), l = Qt(s.triggerManager, Lf.id), c = Fe((u) => {
     const p = k.get(o, u.name, {
       error: "rowData is not found"
     });
@@ -18695,7 +18692,7 @@ function jD({
     width: l,
     height: c
   } = e.viewport;
-  return !l || !c || !a || nh(a == null ? void 0 : a.dimensions) ? null : /* @__PURE__ */ r.jsx(Ft, { width: l, height: c, children: /* @__PURE__ */ r.jsx(_D, { variables: s, width: bn(l), height: yn(c), data: o, conf: a, interactionManager: n }) });
+  return !l || !c || !a || nh(a == null ? void 0 : a.dimensions) ? null : /* @__PURE__ */ r.jsx(Vt, { width: l, height: c, children: /* @__PURE__ */ r.jsx(_D, { variables: s, width: bn(l), height: yn(c), data: o, conf: a, interactionManager: n }) });
 }
 function wD({
   control: e,
@@ -18732,7 +18729,7 @@ function SD({
     color_key: ""
   }), s = (a, o) => o + 1;
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-    /* @__PURE__ */ r.jsx(Qi, { icon: /* @__PURE__ */ r.jsx(Fr, { size: 16 }), title: n("viz.radar_chart.additional_series.label"), children: /* @__PURE__ */ r.jsxs(ma, { i18nKey: "viz.radar_chart.additional_series.intro", children: [
+    /* @__PURE__ */ r.jsx(Qi, { icon: /* @__PURE__ */ r.jsx(Vr, { size: 16 }), title: n("viz.radar_chart.additional_series.label"), children: /* @__PURE__ */ r.jsxs(ma, { i18nKey: "viz.radar_chart.additional_series.intro", children: [
       "By setting ",
       /* @__PURE__ */ r.jsx(Wu, { children: "Series Name Key" }),
       ", you may add series from more queries to the chart."
@@ -18827,7 +18824,7 @@ function ID({
     getValues: c,
     reset: d,
     formState: h
-  } = Fe({
+  } = Ve({
     defaultValues: s,
     mode: "all"
   });
@@ -19090,7 +19087,7 @@ const OD = {
   triggers: [Lf],
   translation: DD
 };
-function VD(e, t) {
+function FD(e, t) {
   const {
     plot: n,
     transform: i
@@ -19116,7 +19113,7 @@ function Pf(e, t) {
   const n = W(e.x_axis.data_key), i = W(e.regression.y_axis_data_key);
   return k.uniqBy(t.map((s) => [s[n.columnKey], s[i.columnKey]]), 0);
 }
-function FD(e, t) {
+function VD(e, t) {
   const {
     plot: n,
     transform: i
@@ -19166,7 +19163,7 @@ function qD(e, t) {
   const {
     group_by_key: n
   } = e.regression;
-  return n ? ND(e, t) : FD(e, t);
+  return n ? ND(e, t) : VD(e, t);
 }
 function BD(e) {
   return Array.isArray(e) || (e = [e]), e.map((t) => ({
@@ -19257,7 +19254,7 @@ const HD = {
   }]
 };
 function QD(e, t) {
-  const n = qD(e, t), i = VD(e, n), s = {
+  const n = qD(e, t), i = FD(e, n), s = {
     xAxis: GD(e),
     yAxis: De.getYAxis({
       name: e.y_axis.name ?? "",
@@ -19475,7 +19472,7 @@ function tM({
     t: n
   } = v();
   return /* @__PURE__ */ r.jsxs(Ke, { shadow: "md", withinPortal: !0, zIndex: 320, children: [
-    /* @__PURE__ */ r.jsx(Ke.Target, { children: /* @__PURE__ */ r.jsx(M, { size: "xs", variant: "subtle", compact: !0, leftIcon: /* @__PURE__ */ r.jsx(Fr, { size: 14 }), children: n("viz.regression_chart.regression_info") }) }),
+    /* @__PURE__ */ r.jsx(Ke.Target, { children: /* @__PURE__ */ r.jsx(M, { size: "xs", variant: "subtle", compact: !0, leftIcon: /* @__PURE__ */ r.jsx(Vr, { size: 14 }), children: n("viz.regression_chart.regression_info") }) }),
     /* @__PURE__ */ r.jsx(Ke.Dropdown, { children: /* @__PURE__ */ r.jsx(ht, { children: /* @__PURE__ */ r.jsx(eM, { conf: e, queryData: t }) }) })
   ] });
 }
@@ -19547,7 +19544,7 @@ function rM({
   }, [e.data, t == null ? void 0 : t.regression.y_axis_data_key]), a = T(() => QD(ot({}, t, Ic), s), [t, s]), o = lr(null), l = (c) => {
     o.current = c;
   };
-  return !n || !i || !t ? null : /* @__PURE__ */ r.jsxs(Ft, { width: n, height: i, children: [
+  return !n || !i || !t ? null : /* @__PURE__ */ r.jsxs(Vt, { width: n, height: i, children: [
     /* @__PURE__ */ r.jsx(nM, { conf: t, queryData: s }),
     /* @__PURE__ */ r.jsx(Ct, { echarts: xt, onChartReady: l, option: a, style: ms(n, i), notMerge: !0, theme: "merico-light" })
   ] });
@@ -19686,7 +19683,7 @@ function oM({
     watch: o,
     getValues: l,
     reset: c
-  } = Fe({
+  } = Ve({
     defaultValues: i
   });
   Q(() => {
@@ -19816,7 +19813,7 @@ const mM = {
     };
   },
   translation: hM
-}, Va = {
+}, Fa = {
   content: ""
 }, fM = D(({
   context: e
@@ -19829,7 +19826,7 @@ const mM = {
     variables: s,
     data: a
   } = e, o = T(() => {
-    const l = Pe({}, i, Va);
+    const l = Pe({}, i, Fa);
     return l.content ? hf(l.content, s, t.payloadForViz, a) : "";
   }, [a, i, s, t.payloadForViz]);
   return o ? /* @__PURE__ */ r.jsx(hs, { value: o, styles: {
@@ -19850,12 +19847,12 @@ function xM({
   } = v(), {
     value: n,
     set: i
-  } = te(e.instanceData, "config"), s = T(() => Pe({}, n, Va), [n]), {
+  } = te(e.instanceData, "config"), s = T(() => Pe({}, n, Fa), [n]), {
     control: a,
     handleSubmit: o,
     watch: l,
     reset: c
-  } = Fe({
+  } = Ve({
     defaultValues: s
   });
   l("content"), Q(() => {
@@ -19913,7 +19910,7 @@ class vM extends Qe {
     U(this, "VERSION", 1);
   }
   fixMalformedConfig(n) {
-    return Pe({}, n, Va);
+    return Pe({}, n, Fa);
   }
   configVersions() {
     this.version(1, (n) => ({
@@ -19932,7 +19929,7 @@ const _M = {
   createConfig() {
     return {
       version: 1,
-      config: mt(Va)
+      config: mt(Fa)
     };
   },
   translation: yM
@@ -19986,7 +19983,7 @@ function wM(e) {
   } = v();
   return /* @__PURE__ */ r.jsx(w, { children: t("viz.scatter_chart.click_scatter.trigger") });
 }
-function Vf() {
+function Ff() {
   const {
     on_axis: e,
     in_tooltip: t
@@ -20006,7 +20003,7 @@ const Tc = {
     },
     color: fs.static,
     label_position: "right",
-    label_overflow: Vf()
+    label_overflow: Ff()
   },
   stats: {
     templates: {
@@ -20119,7 +20116,7 @@ function TM({
         variables: n
       }, {
         lodash: k,
-        interpolate: Vr
+        interpolate: Fr
       });
     } catch (l) {
       return console.error(`[getEchartsSymbolSize] failed parsing custom function, error: ${l.message}`), 10;
@@ -20150,7 +20147,7 @@ function zM({
         variables: n
       }, {
         lodash: k,
-        interpolate: Vr
+        interpolate: Fr
       });
     } catch (a) {
       return console.error(`[getSeriesColor] failed parsing custom function, error: ${a.message}`), 10;
@@ -20372,7 +20369,7 @@ const OM = {
     containLabel: !0
   }
 };
-function VM(e, t, n) {
+function FM(e, t, n) {
   const i = n.reduce((c, d) => {
     const h = $n(d, t);
     return c[d.name] = Ht(d, h), c;
@@ -20406,7 +20403,7 @@ function VM(e, t, n) {
 function yu(e) {
   return e.trim().length > 0;
 }
-function FM({
+function VM({
   conf: e,
   data: t,
   width: n,
@@ -20414,7 +20411,7 @@ function FM({
   interactionManager: s,
   variables: a
 }) {
-  const o = Wr(t, e.x_axis.data_key), l = Qt(s.triggerManager, Of.id), c = Ve((u) => {
+  const o = Wr(t, e.x_axis.data_key), l = Qt(s.triggerManager, Of.id), c = Fe((u) => {
     const p = u.data;
     l.forEach((m) => {
       s.runInteraction(m.id, {
@@ -20424,7 +20421,7 @@ function FM({
     });
   }, [o, l, s]), d = T(() => ({
     click: c
-  }), [c]), h = $.useMemo(() => VM(e, t, a), [e, t]);
+  }), [c]), h = $.useMemo(() => FM(e, t, a), [e, t]);
   return /* @__PURE__ */ r.jsx(Ct, { echarts: xt, option: h, style: {
     width: n,
     height: i
@@ -20447,10 +20444,10 @@ function NM({
   } = e.viewport, {
     ref: d,
     height: h
-  } = Vi(), {
+  } = Fi(), {
     ref: u,
     height: p
-  } = Vi(), m = $.useMemo(() => {
+  } = Fi(), m = $.useMemo(() => {
     const {
       stats: {
         templates: b
@@ -20461,11 +20458,11 @@ function NM({
       bottom: aa(b.bottom, s, o)
     };
   }, [a, o]), f = Math.max(0, yn(c) - h - p);
-  return !l || !c ? null : /* @__PURE__ */ r.jsxs(Ft, { width: l, height: c, children: [
+  return !l || !c ? null : /* @__PURE__ */ r.jsxs(Vt, { width: l, height: c, children: [
     /* @__PURE__ */ r.jsx(w, { ref: d, align: "left", size: "xs", pl: "sm", sx: {
       display: yu(a.stats.templates.top) ? "block" : "none"
     }, children: Object.values(m.top).map((b) => b) }),
-    /* @__PURE__ */ r.jsx(FM, { variables: s, width: bn(l), height: f, data: o, conf: a, interactionManager: n }),
+    /* @__PURE__ */ r.jsx(VM, { variables: s, width: bn(l), height: f, data: o, conf: a, interactionManager: n }),
     /* @__PURE__ */ r.jsx(w, { ref: u, align: "left", size: "xs", pl: "sm", sx: {
       display: yu(a.stats.templates.bottom) ? "block" : "none"
     }, children: Object.values(m.bottom).map((b) => b) })
@@ -21094,7 +21091,7 @@ function cE({
     watch: d,
     getValues: h,
     reset: u
-  } = Fe({
+  } = Ve({
     defaultValues: o
   });
   Q(() => {
@@ -21190,7 +21187,7 @@ function pE(e) {
 function mE(e) {
   const t = {
     scatter: {
-      label_overflow: Vf()
+      label_overflow: Ff()
     }
   };
   return k.defaultsDeep(t, e);
@@ -21525,7 +21522,7 @@ class zE extends Qe {
     });
   }
 }
-const Ff = {
+const Vf = {
   id: "builtin:stats:click-stats",
   displayName: "viz.stats.click_stats.trigger",
   nameRender: ME,
@@ -21565,7 +21562,7 @@ const AE = D(({
   const n = Ut({
     vizManager: e.vizManager,
     instance: t
-  }), i = Qt(n.triggerManager, Ff.id), s = lt(), {
+  }), i = Qt(n.triggerManager, Vf.id), s = lt(), {
     value: a = Yo
   } = te(e.instanceData, "config"), {
     panel: o
@@ -21578,7 +21575,7 @@ const AE = D(({
   } = e.viewport, u = T(() => {
     const m = Pe({}, a, Yo);
     return m.content ? hf(m.content, c, s.payloadForViz, l) : "";
-  }, [l, a, c, s.payloadForViz]), p = Ve(() => {
+  }, [l, a, c, s.payloadForViz]), p = Fe(() => {
     i.forEach((m) => {
       n.runInteraction(m.id, {
         variables: o.variableValueMap
@@ -21616,7 +21613,7 @@ function RE({
     watch: o,
     getValues: l,
     reset: c
-  } = Fe({
+  } = Ve({
     defaultValues: i
   });
   $.useEffect(() => {
@@ -21659,13 +21656,13 @@ const PE = {
       trigger: "点击文字"
     }
   }
-}, VE = [{
+}, FE = [{
   lang: "en",
   resources: PE
 }, {
   lang: "zh",
   resources: OE
-}], FE = {
+}], VE = {
   createConfig() {
     return {
       version: 5,
@@ -21678,8 +21675,8 @@ const PE = {
   name: "stats",
   viewRender: AE,
   configRender: $E,
-  triggers: [Ff],
-  translation: VE
+  triggers: [Vf],
+  translation: FE
 }, zc = {
   label_key: "",
   value_key: "",
@@ -21843,7 +21840,7 @@ function KE({
     width: a,
     height: o
   } = e.viewport, l = T(() => YE(i, s, t), [i, s, t]);
-  return !a || !o ? null : /* @__PURE__ */ r.jsx(Ft, { width: a, height: o, children: /* @__PURE__ */ r.jsx(Ct, { echarts: xt, option: l, style: ms(a, o), notMerge: !0, theme: "merico-light" }) });
+  return !a || !o ? null : /* @__PURE__ */ r.jsx(Vt, { width: a, height: o, children: /* @__PURE__ */ r.jsx(Ct, { echarts: xt, option: l, style: ms(a, o), notMerge: !0, theme: "merico-light" }) });
 }
 function XE({
   control: e,
@@ -21973,7 +21970,7 @@ function eL({
     watch: c,
     getValues: d,
     reset: h
-  } = Fe({
+  } = Ve({
     defaultValues: a
   });
   Q(() => {
@@ -22386,7 +22383,7 @@ function jL({
   const n = Qy({
     parentRef: e,
     size: t.length,
-    estimateSize: Ve(() => 28, []),
+    estimateSize: Fe(() => 28, []),
     overscan: 20
   }), {
     virtualItems: i,
@@ -22571,7 +22568,7 @@ const zL = (e) => {
   const t = Ut(e), n = Qt(t.triggerManager, Dc.id), {
     colorManager: i
   } = Yn(Pn);
-  return Ve((s) => new TL(e.getColIndex, s, n, t, i), [n, t, e.getColIndex]);
+  return Fe((s) => new TL(e.getColIndex, s, n, t, i), [n, t, e.getColIndex]);
 };
 function _u({
   queryData: e,
@@ -22608,7 +22605,7 @@ function _u({
       cellBackgroundColor: ""
     }));
   }, [l, c, d, e]), f = zL({
-    getColIndex: Ve((Te) => m.indexOf(Te.column.columnDef.meta), [m]),
+    getColIndex: Fe((Te) => m.indexOf(Te.column.columnDef.meta), [m]),
     vizManager: s.vizManager,
     instance: a
   }), b = T(() => {
@@ -22817,7 +22814,7 @@ const $L = de((e, t) => {
       ] })
     ] }) })
   ] });
-}), xo = () => /* @__PURE__ */ r.jsx(w, { color: "dimmed", size: 12, children: "px" }), VL = ({
+}), xo = () => /* @__PURE__ */ r.jsx(w, { color: "dimmed", size: 12, children: "px" }), FL = ({
   control: e,
   index: t,
   watch: n
@@ -22863,7 +22860,7 @@ const $L = de((e, t) => {
       field: o
     }) => /* @__PURE__ */ r.jsx($L, { ...o }) })
   ] });
-}, FL = ({
+}, VL = ({
   control: e,
   watch: t
 }) => {
@@ -22895,7 +22892,7 @@ const $L = de((e, t) => {
     !a && /* @__PURE__ */ r.jsx(Be, { control: e, watch: t, name: "columns", getItem: i, addButtonText: n("viz.table.column.add"), deleteButtonText: n("viz.table.column.delete"), renderTabName: s, children: ({
       field: o,
       index: l
-    }) => /* @__PURE__ */ r.jsx(VL, { control: e, watch: t, index: l }) })
+    }) => /* @__PURE__ */ r.jsx(FL, { control: e, watch: t, index: l }) })
   ] });
 };
 function NL({
@@ -22974,7 +22971,7 @@ function BL({
     watch: c,
     getValues: d,
     reset: h
-  } = Fe({
+  } = Ve({
     defaultValues: a
   });
   Q(() => {
@@ -23002,7 +22999,7 @@ function BL({
           field: m
         }) => /* @__PURE__ */ r.jsx(EL, { label: t("viz.table.column.query_id"), description: t("viz.table.column.query_id_hint"), required: !0, ...m }) }),
         /* @__PURE__ */ r.jsx(O, { mt: 20, mb: 10, variant: "dashed" }),
-        /* @__PURE__ */ r.jsx(FL, { control: o, watch: c })
+        /* @__PURE__ */ r.jsx(VL, { control: o, watch: c })
       ] }),
       /* @__PURE__ */ r.jsx(_.Panel, { value: "Style", children: /* @__PURE__ */ r.jsx(NL, { control: o, watch: c }) })
     ] })
@@ -23381,7 +23378,7 @@ function rA({
     watch: c,
     getValues: d,
     reset: h
-  } = Fe({
+  } = Ve({
     defaultValues: a
   });
   $.useEffect(() => {
@@ -23584,7 +23581,7 @@ function mA({
     watch: o,
     getValues: l,
     reset: c
-  } = Fe({
+  } = Ve({
     defaultValues: i
   });
   Q(() => {
@@ -23825,7 +23822,7 @@ function TA(e, t, n) {
   if (!e)
     return n[0];
   try {
-    return [t, F(t).add(1, "year").subtract(1, "day").valueOf()];
+    return [t, V(t).add(1, "year").subtract(1, "day").valueOf()];
   } catch (i) {
     return console.error(i), n[0];
   }
@@ -23969,13 +23966,13 @@ function RA(e, t, n) {
     }
   });
 }
-const $A = (e) => F(e).get("year");
+const $A = (e) => V(e).get("year");
 function PA(e) {
-  const t = k.groupBy(e, (o) => o.value[2]), n = Object.keys(t), i = e.map((o) => F(o.value[0]).valueOf()), s = k.min(i), a = k.max(i);
+  const t = k.groupBy(e, (o) => o.value[2]), n = Object.keys(t), i = e.map((o) => V(o.value[0]).valueOf()), s = k.min(i), a = k.max(i);
   return {
     minDate: s ?? 0,
     maxDate: a ?? 0,
-    dateSpan: F(a).diff(s, "day"),
+    dateSpan: V(a).diff(s, "day"),
     dataByYear: t,
     years: n
   };
@@ -24019,7 +24016,7 @@ function OA(e, t, n) {
     }
   };
 }
-function VA({
+function FA({
   name: e
 }, t) {
   const n = t.getOption();
@@ -24027,7 +24024,7 @@ function VA({
     i.range = e;
   }), t.setOption(n);
 }
-function FA({
+function VA({
   conf: e,
   data: t,
   width: n,
@@ -24035,7 +24032,7 @@ function FA({
   interactionManager: s,
   variables: a
 }) {
-  const o = Wr(t, e.calendar.data_key), l = Qt(s.triggerManager, Xf.id), c = Ve((u) => {
+  const o = Wr(t, e.calendar.data_key), l = Qt(s.triggerManager, Xf.id), c = Fe((u) => {
     const [p, m] = u.value, f = k.get(o, p, {
       error: "rowData is not found"
     });
@@ -24047,7 +24044,7 @@ function FA({
     });
   }, [o, l, s]), d = T(() => ({
     click: c,
-    legendselectchanged: VA
+    legendselectchanged: FA
   }), [c]), h = $.useMemo(() => OA(e, t, a), [e, t]);
   return /* @__PURE__ */ r.jsx(Ct, { echarts: xt, option: h, style: {
     width: n,
@@ -24071,7 +24068,7 @@ function NA({
     width: l,
     height: c
   } = e.viewport;
-  return !a.calendar.data_key || !a.heat_block.data_key || !l || !c ? null : /* @__PURE__ */ r.jsx(Ft, { width: l, height: c, children: /* @__PURE__ */ r.jsx(FA, { variables: s, width: bn(l), height: yn(c), data: o, conf: a, interactionManager: n }) });
+  return !a.calendar.data_key || !a.heat_block.data_key || !l || !c ? null : /* @__PURE__ */ r.jsx(Vt, { width: l, height: c, children: /* @__PURE__ */ r.jsx(VA, { variables: s, width: bn(l), height: yn(c), data: o, conf: a, interactionManager: n }) });
 }
 const qA = [{
   label: "中文",
@@ -24195,7 +24192,7 @@ function UA({
   Q(() => {
     !Le(s, a) && (console.log("config malformed, resetting to defaults", s, a), i(a));
   }, [s, a]);
-  const o = Fe({
+  const o = Ve({
     defaultValues: a
   }), {
     control: l,
@@ -24412,12 +24409,12 @@ function rR(e, t, n, i) {
     };
   });
 }
-function Fa(e, t, n) {
+function Va(e, t, n) {
   const i = fn(e, t), s = fn(e, n);
   return k.zip(s, i);
 }
 function iR(e, t, n, i) {
-  const s = Fa(t, n, i);
+  const s = Va(t, n, i);
   return k.unionBy(s, e, 0);
 }
 function sR({
@@ -24427,7 +24424,7 @@ function sR({
   value_data_key: i,
   valueTypedXAxis: s
 }) {
-  return s ? iR(e, t, n, i) : Fa(t, n, i);
+  return s ? iR(e, t, n, i) : Va(t, n, i);
 }
 function aR({
   dataTemplate: e,
@@ -24445,7 +24442,7 @@ function aR({
       value_data_key: s,
       valueTypedXAxis: a
     });
-  const o = Fa(t, i, s), l = k.groupBy(o, "0");
+  const o = Va(t, i, s), l = k.groupBy(o, "0");
   return e.map(([d]) => {
     const u = l[d].map((m) => m[1]), p = ul(u, n);
     return [d, p];
@@ -24462,7 +24459,7 @@ function oR({
     columnKey: a
   } = W(e), o = k.groupBy(t[s], a);
   return Object.entries(o).forEach(([l, c]) => {
-    o[l] = Fa({
+    o[l] = Va({
       [s]: c
     }, i, n);
   }), o;
@@ -24676,7 +24673,7 @@ function gR({
   interactionManager: s,
   variables: a
 }) {
-  const o = Wr(t, e.y_axis.data_key), l = Qt(s.triggerManager, fc.id), c = Ve((u) => {
+  const o = Wr(t, e.y_axis.data_key), l = Qt(s.triggerManager, fc.id), c = Fe((u) => {
     const p = k.get(o, u.name, {
       error: "rowData is not found"
     });
@@ -24709,7 +24706,7 @@ function bR({
     width: l,
     height: c
   } = e.viewport;
-  return !l || !c ? null : /* @__PURE__ */ r.jsx(Ft, { width: l, height: c, children: /* @__PURE__ */ r.jsx(gR, { variables: s, width: bn(l), height: yn(c), data: o, conf: a, interactionManager: n }) });
+  return !l || !c ? null : /* @__PURE__ */ r.jsx(Vt, { width: l, height: c, children: /* @__PURE__ */ r.jsx(gR, { variables: s, width: bn(l), height: yn(c), data: o, conf: a, interactionManager: n }) });
 }
 function yR({
   control: e,
@@ -25071,7 +25068,7 @@ function TR({
     watch: c,
     getValues: d,
     reset: h
-  } = Fe({
+  } = Ve({
     defaultValues: a
   });
   Q(() => {
@@ -25341,7 +25338,7 @@ function OR(e, t, n, i) {
   const s = t.map((h) => {
     const u = n[h], p = k.sumBy(u, (m) => m.level.diff);
     return [h, p / u.length];
-  }), a = Number(((c = k.maxBy(s, (h) => h[1])) == null ? void 0 : c[1]) ?? 0), o = Number(((d = k.minBy(s, (h) => h[1])) == null ? void 0 : d[1]) ?? 0), l = Vr([a, 0, o], ["#D15A40", "#FFF", "#418AAF"]);
+  }), a = Number(((c = k.maxBy(s, (h) => h[1])) == null ? void 0 : c[1]) ?? 0), o = Number(((d = k.minBy(s, (h) => h[1])) == null ? void 0 : d[1]) ?? 0), l = Fr([a, 0, o], ["#D15A40", "#FFF", "#418AAF"]);
   return {
     type: "bar",
     name: "平均偏差",
@@ -25416,7 +25413,7 @@ function OR(e, t, n, i) {
     show_in_legend: !1
   };
 }
-function VR([e, t, n, i]) {
+function FR([e, t, n, i]) {
   const s = {
     x: e,
     percentage: `${t}`,
@@ -25434,7 +25431,7 @@ function VR([e, t, n, i]) {
   }
   return s;
 }
-function FR(e, t, n, i) {
+function VR(e, t, n, i) {
   const s = {};
   t.forEach((h) => {
     const u = k.countBy(n[h], (m) => m.level.diff), p = k.sum(Object.values(u));
@@ -25444,7 +25441,7 @@ function FR(e, t, n, i) {
       s[m].push([h, b, f, p]);
     });
   });
-  const a = Object.entries(s).map(([h]) => Number(h)).sort((h, u) => h - u), o = Math.max(...a), l = Math.min(...a), c = Vr([o, 0, l], ["#D15A40", "#FFF", "#418AAF"]);
+  const a = Object.entries(s).map(([h]) => Number(h)).sort((h, u) => h - u), o = Math.max(...a), l = Math.min(...a), c = Fr([o, 0, l], ["#D15A40", "#FFF", "#418AAF"]);
   return a.map((h) => ({
     type: "bar",
     name: h,
@@ -25465,7 +25462,7 @@ function FR(e, t, n, i) {
           percentage: f,
           count: b,
           sum: I
-        } = VR(p);
+        } = FR(p);
         return `
           <table style="width: auto">
             <thead>
@@ -25527,7 +25524,7 @@ function qR(e, t, n, i) {
     barMinWidth: 5,
     barMaxWidth: 20
   };
-  return [$R(e, n, i), OR(e, n, i, o), ...FR(e, n, i, o), NR(e, t, n, i)];
+  return [$R(e, n, i), OR(e, n, i, o), ...VR(e, n, i, o), NR(e, t, n, i)];
 }
 function BR(e, t) {
   const {
@@ -25815,7 +25812,7 @@ const JR = {
       cursor: "default",
       userSelect: "none"
     }, children: "基线指标" }),
-    /* @__PURE__ */ r.jsx(Fu, { size: "xs", data: a, value: t, onChange: (o) => n(o.currentTarget.value), styles: JR })
+    /* @__PURE__ */ r.jsx(Vu, { size: "xs", data: a, value: t, onChange: (o) => n(o.currentTarget.value), styles: JR })
   ] });
 }, e$ = {
   "tbody th, tbody td": {
@@ -25827,7 +25824,7 @@ const JR = {
 };
 function t$() {
   return /* @__PURE__ */ r.jsxs(Ke, { width: 400, shadow: "md", children: [
-    /* @__PURE__ */ r.jsx(Ke.Target, { children: /* @__PURE__ */ r.jsx(M, { size: "xs", variant: "subtle", compact: !0, leftIcon: /* @__PURE__ */ r.jsx(Fr, { size: 14 }), children: "指标说明" }) }),
+    /* @__PURE__ */ r.jsx(Ke.Target, { children: /* @__PURE__ */ r.jsx(M, { size: "xs", variant: "subtle", compact: !0, leftIcon: /* @__PURE__ */ r.jsx(Vr, { size: 14 }), children: "指标说明" }) }),
     /* @__PURE__ */ r.jsx(Ke.Dropdown, { children: /* @__PURE__ */ r.jsx(at, { fontSize: 14, sx: e$, children: /* @__PURE__ */ r.jsxs("tbody", { children: [
       /* @__PURE__ */ r.jsxs("tr", { children: [
         /* @__PURE__ */ r.jsx("th", { children: "估算偏差" }),
@@ -26002,7 +25999,7 @@ function c$({
     watch: o,
     getValues: l,
     reset: c
-  } = Fe({
+  } = Ve({
     defaultValues: i
   });
   Q(() => {
@@ -26350,7 +26347,7 @@ function w$({
     watch: l,
     getValues: c,
     reset: d
-  } = Fe({
+  } = Ve({
     defaultValues: s
   });
   Q(() => {
@@ -26680,7 +26677,7 @@ function $$({
   Q(() => {
     !Le(s, a) && (console.log("config malformed, resetting to defaults", s, a), i(a));
   }, [s, a]);
-  const o = Fe({
+  const o = Ve({
     defaultValues: a
   }), {
     control: l,
@@ -26768,14 +26765,14 @@ const Zf = {
     valueType: "object"
   }]
 };
-function V$(e) {
+function F$(e) {
   const t = $t(e.x_axis.axisLabel.formatter), n = $t(e.y_axis.axisLabel.formatter);
   return {
     x_axis: t,
     y_axis: n
   };
 }
-function F$(e) {
+function V$(e) {
   return {
     heat_block: function(i) {
       if (!e.heat_block.value_formatter)
@@ -27003,7 +27000,7 @@ function U$(e, t, n) {
   const i = n.reduce((b, I) => {
     const S = $n(I, t);
     return b[I.name] = Ht(I, S), b;
-  }, {}), s = V$(e), a = F$(e), o = Da(e.visualMap, i), {
+  }, {}), s = F$(e), a = V$(e), o = Da(e.visualMap, i), {
     min: l,
     max: c
   } = o, d = W(e.x_axis.data_key), h = W(e.y_axis.data_key), u = W(e.heat_block.data_key), p = k.uniq(t[d.queryID].map((b) => b[d.columnKey])), m = t[d.queryID].map((b) => {
@@ -27037,7 +27034,7 @@ function Y$({
   const o = T(() => {
     const u = W(e.x_axis.data_key), p = W(e.y_axis.data_key);
     return k.keyBy(t[u.queryID], (m) => `${m[u.columnKey]}---${m[p.columnKey]}`);
-  }, [t, e.x_axis.data_key, e.y_axis.data_key]), l = Qt(s.triggerManager, Zf.id), c = Ve((u) => {
+  }, [t, e.x_axis.data_key, e.y_axis.data_key]), l = Qt(s.triggerManager, Zf.id), c = Fe((u) => {
     const [p, m] = u.value, f = k.get(o, `${p}---${m}`, {
       error: "rowData is not found"
     });
@@ -27070,7 +27067,7 @@ function K$({
     width: l,
     height: c
   } = e.viewport;
-  return !l || !c ? null : /* @__PURE__ */ r.jsx(Ft, { width: l, height: c, children: /* @__PURE__ */ r.jsx(Y$, { variables: s, width: bn(l), height: yn(c), data: o, conf: a, interactionManager: n }) });
+  return !l || !c ? null : /* @__PURE__ */ r.jsx(Vt, { width: l, height: c, children: /* @__PURE__ */ r.jsx(Y$, { variables: s, width: bn(l), height: yn(c), data: o, conf: a, interactionManager: n }) });
 }
 const X$ = {
   merico_heatmap: {
@@ -27193,7 +27190,7 @@ const nP = {
   value: e.value,
   type: "single",
   category: "basic"
-})), iP = [t1, n1, s1, i1, r1, a1], ex = [Ko, FE, lA, _M, cL, dD, AR, y1, SC, TT, hz, KA, Kz, oT, _E, OD, mM, yA, f$, nP, z$, PC], tx = () => ({
+})), iP = [t1, n1, s1, i1, r1, a1], ex = [Ko, VE, lA, _M, cL, dD, AR, y1, SC, TT, hz, KA, Kz, oT, _E, OD, mM, yA, f$, nP, z$, PC], tx = () => ({
   id: "dashboard",
   version: gf,
   manifest: {
@@ -27201,16 +27198,16 @@ const nP = {
     color: [...rP, ...iP]
   }
 }), Li = new d1(), Je = {
-  pluginManager: Vn("pluginManager"),
-  vizManager: Vn("vizManager"),
-  colorManager: Vn("colorManager"),
+  pluginManager: Fn("pluginManager"),
+  vizManager: Fn("vizManager"),
+  colorManager: Fn("colorManager"),
   instanceScope: {
-    panelModel: Vn("panelModel"),
-    vizInstance: Vn("vizInstance"),
-    interactionManager: Vn("interactionManager"),
-    migrator: Vn("migrator"),
-    operationManager: Vn("operationManager"),
-    triggerManager: Vn("triggerManager")
+    panelModel: Fn("panelModel"),
+    vizInstance: Fn("vizInstance"),
+    interactionManager: Fn("interactionManager"),
+    migrator: Fn("migrator"),
+    operationManager: Fn("operationManager"),
+    triggerManager: Fn("triggerManager")
   }
 }, Oc = () => {
   try {
@@ -27223,12 +27220,12 @@ const nP = {
     vizManager: e,
     colorManager: t
   };
-}, Pn = Vu(Oc());
+}, Pn = Fu(Oc());
 try {
   Li.install(tx());
 } catch {
 }
-const Zo = Vu(null);
+const Zo = Fu(null);
 function Na(e) {
   const t = $.useContext(Zo), n = pn(() => e.configure(t || new oc()), [e.configure]), i = Ng(n);
   return i && i !== n && i.dispose(), /* @__PURE__ */ r.jsx(Zo.Provider, { value: n, children: e.children });
@@ -27254,7 +27251,7 @@ const sP = ({
 }, withArrow: !0, children: /* @__PURE__ */ r.jsx(R, { sx: {
   height: "16px",
   alignSelf: "center"
-}, children: /* @__PURE__ */ r.jsx(Fr, { size: 16, color: "gray" }) }) }), aP = D(({
+}, children: /* @__PURE__ */ r.jsx(Vr, { size: 16, color: "gray" }) }) }), aP = D(({
   label: e,
   config: {
     default_value: t,
@@ -27290,7 +27287,7 @@ const sP = ({
       return o;
   }, [o, l]), h = T(() => {
     if (o && !l && i > 0)
-      return F(o).add(i - 1, "days").toDate();
+      return V(o).add(i - 1, "days").toDate();
   }, [o, l, i]), u = (p) => {
     const [m, f] = p;
     t(p), m && f && n();
@@ -27302,7 +27299,7 @@ const sP = ({
 }) => {
   const {
     t: n
-  } = v(), i = T(() => F(t).diff(F(e), "days") + 1, [e, t]);
+  } = v(), i = T(() => V(t).diff(V(e), "days") + 1, [e, t]);
   if (Number.isNaN(i))
     return /* @__PURE__ */ r.jsx("span", { style: {
       userSelect: "none",
@@ -27325,13 +27322,13 @@ const sP = ({
     }) }) }),
     /* @__PURE__ */ r.jsx(O, { variant: "dashed", my: 10 })
   ] }) : null;
-}, Vc = () => [{
+}, Fc = () => [{
   key: "d",
   value: "yesterday",
   group: "last",
   getRange: () => {
     const e = Date.now();
-    return [F(e).subtract(1, "day").startOf("day").toDate(), F(e).subtract(1, "day").endOf("day").toDate()];
+    return [V(e).subtract(1, "day").startOf("day").toDate(), V(e).subtract(1, "day").endOf("day").toDate()];
   }
 }, {
   key: "w",
@@ -27339,7 +27336,7 @@ const sP = ({
   group: "last",
   getRange: () => {
     const e = Date.now();
-    return [F(e).subtract(1, "week").startOf("week").toDate(), F(e).subtract(1, "week").endOf("week").toDate()];
+    return [V(e).subtract(1, "week").startOf("week").toDate(), V(e).subtract(1, "week").endOf("week").toDate()];
   }
 }, {
   key: "m",
@@ -27347,7 +27344,7 @@ const sP = ({
   group: "last",
   getRange: () => {
     const e = Date.now();
-    return [F(e).subtract(1, "month").startOf("month").toDate(), F(e).subtract(1, "month").endOf("month").toDate()];
+    return [V(e).subtract(1, "month").startOf("month").toDate(), V(e).subtract(1, "month").endOf("month").toDate()];
   }
 }, {
   key: "m2",
@@ -27355,7 +27352,7 @@ const sP = ({
   group: "last",
   getRange: () => {
     const e = Date.now();
-    return [F(e).subtract(2, "month").startOf("month").toDate(), F(e).subtract(1, "month").endOf("month").toDate()];
+    return [V(e).subtract(2, "month").startOf("month").toDate(), V(e).subtract(1, "month").endOf("month").toDate()];
   }
 }, {
   key: "m3",
@@ -27363,7 +27360,7 @@ const sP = ({
   group: "last",
   getRange: () => {
     const e = Date.now();
-    return [F(e).subtract(3, "month").startOf("month").toDate(), F(e).subtract(1, "month").endOf("month").toDate()];
+    return [V(e).subtract(3, "month").startOf("month").toDate(), V(e).subtract(1, "month").endOf("month").toDate()];
   }
 }, {
   key: "y",
@@ -27371,7 +27368,7 @@ const sP = ({
   group: "last",
   getRange: () => {
     const e = Date.now();
-    return [F(e).subtract(1, "year").startOf("year").toDate(), F(e).subtract(1, "year").endOf("year").toDate()];
+    return [V(e).subtract(1, "year").startOf("year").toDate(), V(e).subtract(1, "year").endOf("year").toDate()];
   }
 }, {
   key: "d7",
@@ -27379,7 +27376,7 @@ const sP = ({
   group: "recent",
   getRange: () => {
     const e = Date.now();
-    return [F(e).subtract(7, "day").startOf("day").toDate(), F(e).subtract(1, "day").endOf("day").toDate()];
+    return [V(e).subtract(7, "day").startOf("day").toDate(), V(e).subtract(1, "day").endOf("day").toDate()];
   }
 }, {
   key: "d30",
@@ -27387,7 +27384,7 @@ const sP = ({
   group: "recent",
   getRange: () => {
     const e = Date.now();
-    return [F(e).subtract(30, "day").startOf("day").toDate(), F(e).subtract(1, "day").endOf("day").toDate()];
+    return [V(e).subtract(30, "day").startOf("day").toDate(), V(e).subtract(1, "day").endOf("day").toDate()];
   }
 }, {
   key: "d60",
@@ -27395,7 +27392,7 @@ const sP = ({
   group: "recent",
   getRange: () => {
     const e = Date.now();
-    return [F(e).subtract(60, "day").startOf("day").toDate(), F(e).subtract(1, "day").endOf("day").toDate()];
+    return [V(e).subtract(60, "day").startOf("day").toDate(), V(e).subtract(1, "day").endOf("day").toDate()];
   }
 }, {
   key: "d90",
@@ -27403,7 +27400,7 @@ const sP = ({
   group: "recent",
   getRange: () => {
     const e = Date.now();
-    return [F(e).subtract(90, "day").startOf("day").toDate(), F(e).subtract(1, "day").endOf("day").toDate()];
+    return [V(e).subtract(90, "day").startOf("day").toDate(), V(e).subtract(1, "day").endOf("day").toDate()];
   }
 }, {
   key: "d180",
@@ -27411,7 +27408,7 @@ const sP = ({
   group: "recent",
   getRange: () => {
     const e = Date.now();
-    return [F(e).subtract(180, "day").startOf("day").toDate(), F(e).subtract(1, "day").endOf("day").toDate()];
+    return [V(e).subtract(180, "day").startOf("day").toDate(), V(e).subtract(1, "day").endOf("day").toDate()];
   }
 }, {
   key: "d365",
@@ -27419,7 +27416,7 @@ const sP = ({
   group: "recent",
   getRange: () => {
     const e = Date.now();
-    return [F(e).subtract(365, "day").startOf("day").toDate(), F(e).subtract(1, "day").endOf("day").toDate()];
+    return [V(e).subtract(365, "day").startOf("day").toDate(), V(e).subtract(1, "day").endOf("day").toDate()];
   }
 }, {
   key: "d",
@@ -27427,7 +27424,7 @@ const sP = ({
   group: "this",
   getRange: () => {
     const e = Date.now();
-    return [F(e).startOf("day").toDate(), F(e).endOf("day").toDate()];
+    return [V(e).startOf("day").toDate(), V(e).endOf("day").toDate()];
   }
 }, {
   key: "w",
@@ -27435,7 +27432,7 @@ const sP = ({
   group: "this",
   getRange: () => {
     const e = Date.now();
-    return [F(e).startOf("week").toDate(), F(e).endOf("week").toDate()];
+    return [V(e).startOf("week").toDate(), V(e).endOf("week").toDate()];
   }
 }, {
   key: "m",
@@ -27443,7 +27440,7 @@ const sP = ({
   group: "this",
   getRange: () => {
     const e = Date.now();
-    return [F(e).startOf("month").toDate(), F(e).endOf("month").toDate()];
+    return [V(e).startOf("month").toDate(), V(e).endOf("month").toDate()];
   }
 }, {
   key: "y",
@@ -27451,7 +27448,7 @@ const sP = ({
   group: "this",
   getRange: () => {
     const e = Date.now();
-    return [F(e).startOf("year").toDate(), F(e).endOf("year").toDate()];
+    return [V(e).startOf("year").toDate(), V(e).endOf("year").toDate()];
   }
 }, {
   key: "w",
@@ -27459,7 +27456,7 @@ const sP = ({
   group: "this_so_far",
   getRange: () => {
     const e = Date.now();
-    return [F(e).startOf("week").toDate(), F(e).toDate()];
+    return [V(e).startOf("week").toDate(), V(e).toDate()];
   }
 }, {
   key: "m",
@@ -27467,7 +27464,7 @@ const sP = ({
   group: "this_so_far",
   getRange: () => {
     const e = Date.now();
-    return [F(e).startOf("month").toDate(), F(e).toDate()];
+    return [V(e).startOf("month").toDate(), V(e).toDate()];
   }
 }, {
   key: "y",
@@ -27475,11 +27472,11 @@ const sP = ({
   group: "this_so_far",
   getRange: () => {
     const e = Date.now();
-    return [F(e).startOf("year").toDate(), F(e).toDate()];
+    return [V(e).startOf("year").toDate(), V(e).toDate()];
   }
 }];
 function rx(e) {
-  const n = Vc().find((i) => i.value === e);
+  const n = Fc().find((i) => i.value === e);
   return n ? n.getRange() : null;
 }
 const dP = ({
@@ -27491,7 +27488,7 @@ const dP = ({
   } = v(), i = (o) => () => {
     const l = o();
     e(l);
-  }, s = T(() => k.groupBy(Vc(), "group"), []), a = n.language === "zh";
+  }, s = T(() => k.groupBy(Fc(), "group"), []), a = n.language === "zh";
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsx(O, { variant: "dashed", my: 10 }),
     /* @__PURE__ */ r.jsx(at, { withBorder: !1, sx: {
@@ -27537,7 +27534,7 @@ const dP = ({
   } = v(), [c, {
     open: d,
     close: h
-  }] = pr(!1), [u, p] = n, m = u ? F(u).format(o) : "", f = p ? F(p).format(o) : "";
+  }] = pr(!1), [u, p] = n, m = u ? V(u).format(o) : "", f = p ? V(p).format(o) : "";
   return /* @__PURE__ */ r.jsxs(Jt, { opened: c, onClose: h, position: "bottom-start", shadow: "md", children: [
     /* @__PURE__ */ r.jsxs(y, { position: "left", grow: !0, noWrap: !0, spacing: 0, w: "288px", sx: {
       marginTop: "3px"
@@ -27595,8 +27592,8 @@ const dP = ({
     required: a,
     max_days: o,
     allowSingleDateInRange: l
-  } = t, c = Array.isArray(n) ? n.map((h) => h ? F(h).toDate() : null) : [null, null], d = (h) => {
-    i(h.map((u) => u && F(u).format(s)));
+  } = t, c = Array.isArray(n) ? n.map((h) => h ? V(h).toDate() : null) : [null, null], d = (h) => {
+    i(h.map((u) => u && V(u).format(s)));
   };
   return /* @__PURE__ */ r.jsx(uP, { label: e, value: c, onChange: d, inputFormat: s, allowSingleDateInRange: l, max_days: o, required: a });
 }), hP = Ui((e, {
@@ -27775,7 +27772,7 @@ const dP = ({
       alignItems: "flex-start"
     }
   }
-})), Fc = ({
+})), Vc = ({
   errorMessage: e
 }) => {
   const {
@@ -27831,7 +27828,7 @@ const dP = ({
         count: l.length
       }), children: /* @__PURE__ */ r.jsx(cr, { children: l.length }) })
     ] }),
-    /* @__PURE__ */ r.jsx(Uy, { disabled: e, allowClear: !0, className: f(m.root, "check-select"), dropdownClassName: f(m.dropdown, ""), onDropdownVisibleChange: S, transitionName: "rc-select-dropdown-slide-up", choiceTransitionName: "rc-select-selection__choice-zoom", style: a, clearIcon: () => /* @__PURE__ */ r.jsx(Mr, {}), value: l, onChange: c, onSelect: console.log, mode: "multiple", maxTagCount: 0, notFoundContent: /* @__PURE__ */ r.jsx(Fc, { errorMessage: h }), maxTagTextLength: 10, maxTagPlaceholder: (J) => p("filter.widget.common.x_selected", {
+    /* @__PURE__ */ r.jsx(Uy, { disabled: e, allowClear: !0, className: f(m.root, "check-select"), dropdownClassName: f(m.dropdown, ""), onDropdownVisibleChange: S, transitionName: "rc-select-dropdown-slide-up", choiceTransitionName: "rc-select-selection__choice-zoom", style: a, clearIcon: () => /* @__PURE__ */ r.jsx(Mr, {}), value: l, onChange: c, onSelect: console.log, mode: "multiple", maxTagCount: 0, notFoundContent: /* @__PURE__ */ r.jsx(Vc, { errorMessage: h }), maxTagTextLength: 10, maxTagPlaceholder: (J) => p("filter.widget.common.x_selected", {
       count: J.length
     }), searchValue: L, onSearch: A, filterOption: !1, children: P.map((J) => /* @__PURE__ */ r.jsxs(Yy, { title: J.label, children: [
       /* @__PURE__ */ r.jsx(w, { size: "sm", "data-role": "label", children: J.label }),
@@ -27900,7 +27897,7 @@ const dP = ({
       },
       itemComponent: fP,
       searchable: !l,
-      nothingFound: /* @__PURE__ */ r.jsx(Fc, { errorMessage: l }),
+      nothingFound: /* @__PURE__ */ r.jsx(Vc, { errorMessage: l }),
       clearable: t.clearable
     }
   );
@@ -28246,7 +28243,7 @@ const bP = ({
         maxTagTextLength: 10,
         value: l,
         treeData: d,
-        notFoundContent: /* @__PURE__ */ r.jsx(Fc, { errorMessage: h }),
+        notFoundContent: /* @__PURE__ */ r.jsx(Vc, { errorMessage: h }),
         treeNodeFilterProp: "filterBasis",
         treeCheckable: !0,
         showCheckedStrategy: Xy,
@@ -28343,7 +28340,7 @@ const zP = ({
     control: a,
     handleSubmit: o,
     reset: l
-  } = Fe({
+  } = Ve({
     defaultValues: s.filters.values,
     // make sure the preview value is updated when filters are changed
     reValidateMode: "onBlur"
@@ -28746,7 +28743,7 @@ const PP = x.model("QueryMeta", {
   setHeight(t) {
     e.h = t;
   }
-})), VP = x.model("LayoutSetMeta", {
+})), FP = x.model("LayoutSetMeta", {
   id: x.identifier,
   name: x.string,
   breakpoint: x.number,
@@ -28855,7 +28852,7 @@ const PP = x.model("QueryMeta", {
       delay: 0
     }));
   }
-})), FP = x.model("SQLSnippetMeta", {
+})), VP = x.model("SQLSnippetMeta", {
   key: x.string,
   value: x.string
 }).views((e) => ({
@@ -28916,7 +28913,7 @@ const lx = x.model("FilterCheckboxConfigMeta", {
 function cx(e, t) {
   return e.map((n) => {
     try {
-      return n ? F.tz(n, "UTC").format(t) : null;
+      return n ? V.tz(n, "UTC").format(t) : null;
     } catch {
       return console.log(`[date-range] failed parsing ${n}`), null;
     }
@@ -28987,7 +28984,7 @@ const qP = x.model("FilterDateRangeConfigMeta", {
       return;
     const n = rx(e.default_shortcut);
     if (console.log(n), n) {
-      const i = n.map((s) => F(s).format(e.inputFormat));
+      const i = n.map((s) => V(s).format(e.inputFormat));
       e.setFilterValue(i);
     }
   },
@@ -29004,7 +29001,7 @@ const qP = x.model("FilterDateRangeConfigMeta", {
   }) {
     return {
       ...t,
-      default_value: e.map((n) => n === null ? null : F.tz(n, "UTC").toISOString())
+      default_value: e.map((n) => n === null ? null : V.tz(n, "UTC").toISOString())
     };
   },
   postProcessor(e) {
@@ -29845,7 +29842,7 @@ const wx = x.compose("ViewRenderModel", t2, x.model({
     return e.type === X.Tabs && t.push(this.tabViewID), t;
   },
   async downloadScreenshot(t) {
-    const n = t.offsetWidth * 2 + 10, i = t.offsetHeight * 2 + 10, s = new Vh(), a = (/* @__PURE__ */ new Date()).getTime(), o = await Oh.toBlob(t, {
+    const n = t.offsetWidth * 2 + 10, i = t.offsetHeight * 2 + 10, s = new Fh(), a = (/* @__PURE__ */ new Date()).getTime(), o = await Oh.toBlob(t, {
       bgcolor: "white",
       width: n,
       height: i,
@@ -29960,7 +29957,7 @@ async function a2(e, t) {
   ba(i, `${e}.csv`);
 }
 function zu(e) {
-  const t = new Vh(), n = e.map(async ({
+  const t = new Fh(), n = e.map(async ({
     id: i,
     data: s
   }) => {
@@ -30140,10 +30137,10 @@ function Tx(e) {
       if (t.default_shortcut) {
         const s = rx(t.default_shortcut);
         if (s)
-          return s.map((a) => F(a).format(t.inputFormat));
+          return s.map((a) => V(a).format(t.inputFormat));
       }
       const [...i] = n;
-      return i.map((s) => s === null ? s : F.tz(s, "UTC").format(t.inputFormat) ?? s);
+      return i.map((s) => s === null ? s : V.tz(s, "UTC").format(t.inputFormat) ?? s);
     } catch (i) {
       return console.error(i), n;
     }
@@ -30464,7 +30461,9 @@ const c2 = PP.views((e) => ({
           additionals: e.additionalQueryInfo
         }, e.controller.signal)), e.state = "idle", e.error = null;
       } catch (n) {
-        if (!zn.isCancel(n)) {
+        if (zn.isCancel(n))
+          console.debug(`🟡 Query[${e.name}] is cancelled`), e.data = [], e.state = "idle";
+        else {
           e.data = [];
           const i = xe(n, "message", "unkown error");
           e.error = xe(n, "response.data.detail.message", i), e.state = "error";
@@ -30493,7 +30492,9 @@ const c2 = PP.views((e) => ({
         }, e.controller.signal)), l = BS(e.datasource, o), c = WS(s, l, e.contentModel.dashboardState);
         e.data = c, e.state = "idle", e.error = null;
       } catch (n) {
-        if (console.error(n), !zn.isCancel(n)) {
+        if (console.error(n), zn.isCancel(n))
+          console.debug(`🟡 Query[${e.name}] is cancelled`), e.data = [], e.state = "idle";
+        else {
           e.data = [];
           const i = xe(n, "message", "unkown error");
           e.error = xe(n, "response.data.detail.message", i), e.state = "error";
@@ -30651,7 +30652,7 @@ function Du({
   return `[${n}, ${i})`;
 }
 const Rx = x.model("LayoutsRenderModel", {
-  list: x.array(VP),
+  list: x.array(FP),
   currentBreakpoint: x.string
 }).views((e) => ({
   get json() {
@@ -30753,7 +30754,7 @@ const Rx = x.model("LayoutsRenderModel", {
       delay: 0
     }));
   }
-})), u2 = FP.views((e) => ({
+})), u2 = VP.views((e) => ({
   isADuplicatedKey(t) {
     return !t || t === e.key ? !1 : !!jt(e, 2).findByKey(t);
   }
@@ -31013,11 +31014,11 @@ class v2 {
     return await this.operationManager.needMigration() || await this.triggerManager.needMigration();
   }
 }
-function Vx(e) {
+function Fx(e) {
   const {
     panel: t
   } = Rn();
-  return Ve((n) => {
+  return Fe((n) => {
     const i = n.getRequired(Je.vizManager), s = i.resolveComponent(e.viz.type);
     return n.createScoped().provideFactory(Je.instanceScope.vizInstance, () => i.getOrCreateInstance(e)).provideFactory(Je.instanceScope.interactionManager, (a) => {
       const o = a.getRequired(Je.instanceScope.vizInstance);
@@ -31025,7 +31026,7 @@ function Vx(e) {
     }).provideFactory(Je.instanceScope.operationManager, (a) => a.getRequired(Je.instanceScope.interactionManager).operationManager).provideFactory(Je.instanceScope.triggerManager, (a) => a.getRequired(Je.instanceScope.interactionManager).triggerManager).provideValue(Je.instanceScope.panelModel, t).provideFactory(Je.instanceScope.migrator, (a) => new v2(a));
   }, [e.viz.type, e.viz.conf]);
 }
-function Fx(e) {
+function Vx(e) {
   const [t, n] = Z(!1), i = nx().getRequired(Je.instanceScope.migrator);
   return Ki(async () => {
     const s = i.status === Os.notStarted;
@@ -31048,7 +31049,7 @@ function _2({
 }) {
   const {
     panel: n
-  } = t, i = Nx(e, n), s = Fx(() => {
+  } = t, i = Nx(e, n), s = Vx(() => {
     $r({
       title: `${n.name} - Updated`,
       message: "Your plugin configuration has been migrated to the latest version"
@@ -31067,7 +31068,7 @@ function j2(e) {
   const {
     inEditMode: i
   } = Yn(jl);
-  return Fx(() => {
+  return Vx(() => {
     i && $r({
       title: `${t.name} - Updated`,
       message: "Your plugin configuration has been migrated to the latest version"
@@ -31094,7 +31095,7 @@ function w2(e, t) {
     description: l,
     queryIDs: c,
     viz: i
-  }, u = Vx(h);
+  }, u = Fx(h);
   try {
     return n.resolveComponent(i.type), /* @__PURE__ */ r.jsx(Na, { configure: u, children: /* @__PURE__ */ r.jsx(j2, { setVizConf: i.setConf, panel: h, measure: t, data: e, variables: d, vizManager: n }) });
   } catch (p) {
@@ -31108,7 +31109,7 @@ const S2 = D(function({
     ref: n,
     width: i,
     height: s
-  } = Vi(), a = w2(t, {
+  } = Fi(), a = w2(t, {
     w: i,
     h: s
   }), o = i > 0 && s > 0;
@@ -31283,7 +31284,7 @@ const $2 = $.forwardRef(({
   "&:hover": {
     color: "#228be6"
   }
-}, variant: "transparent", ...t, children: /* @__PURE__ */ r.jsx(vy, { size: 16 }) })), O2 = Rh($h), V2 = D(({
+}, variant: "transparent", ...t, children: /* @__PURE__ */ r.jsx(vy, { size: 16 }) })), O2 = Rh($h), F2 = D(({
   view: e,
   className: t = "layout"
 }) => {
@@ -31306,12 +31307,12 @@ const $2 = $.forwardRef(({
     /* @__PURE__ */ r.jsx($2, { h: d.h }),
     /* @__PURE__ */ r.jsx(z2, { view: e, panel: d.panel })
   ] }, d.id)) });
-}), F2 = Rh($h), N2 = D(({
+}), V2 = Rh($h), N2 = D(({
   view: e,
   className: t = "layout"
 }) => {
   const n = lt(), i = n.layouts.items(e.panelIDs), s = n.layouts.gridLayouts(e.panelIDs);
-  return /* @__PURE__ */ r.jsx(F2, { className: `dashboard-layout ${t}`, rowHeight: 1, margin: [0, 0], isDraggable: !1, isResizable: !1, cols: n.layouts.cols, layouts: s, breakpoints: n.layouts.breakpoints, onBreakpointChange: n.layouts.setCurrentBreakpoint, children: i.map((a) => /* @__PURE__ */ r.jsx("div", { "data-grid": a.layoutProperies, className: "panel-grid-item", children: /* @__PURE__ */ r.jsx(Wx, { view: e, panel: a.panel }) }, a.id)) });
+  return /* @__PURE__ */ r.jsx(V2, { className: `dashboard-layout ${t}`, rowHeight: 1, margin: [0, 0], isDraggable: !1, isResizable: !1, cols: n.layouts.cols, layouts: s, breakpoints: n.layouts.breakpoints, onBreakpointChange: n.layouts.setCurrentBreakpoint, children: i.map((a) => /* @__PURE__ */ r.jsx("div", { "data-grid": a.layoutProperies, className: "panel-grid-item", children: /* @__PURE__ */ r.jsx(Wx, { view: e, panel: a.panel }) }, a.id)) });
 });
 function Bc(e) {
   const t = lr(null);
@@ -31665,7 +31666,7 @@ const U2 = D(({
       position: "sticky",
       top: "0px"
     }, children: /* @__PURE__ */ r.jsx(sx, { view: t }) }),
-    /* @__PURE__ */ r.jsx(V2, { view: t })
+    /* @__PURE__ */ r.jsx(F2, { view: t })
   ] }) }) }) });
 }), Wc = D(function({
   view: t
@@ -35035,7 +35036,7 @@ const SO = {
     en: SO,
     zh: kO
   }
-}).use(Pv).use(Vb);
+}).use(Pv).use(Fb);
 da.init();
 ex.forEach((e) => {
   var t;
@@ -35051,7 +35052,7 @@ function Yx({
 }) {
   return Q(() => {
     da.changeLanguage(e);
-  }, [e]), /* @__PURE__ */ r.jsx(Fb, { i18n: da, children: t });
+  }, [e]), /* @__PURE__ */ r.jsx(Vb, { i18n: da, children: t });
 }
 function Ds(e) {
   console.groupCollapsed("Running operation ", e.type), console.log(e), console.groupEnd();
@@ -35250,7 +35251,7 @@ const CO = D(({
     getValues: c,
     reset: d,
     formState: h
-  } = Fe({
+  } = Ve({
     defaultValues: s
   }), {
     fields: u,
@@ -35534,7 +35535,7 @@ const CO = D(({
     /* @__PURE__ */ r.jsx(PO, { content: e })
   ] })
 ] }) : null;
-function VO(e) {
+function FO(e) {
   if (e.target === null)
     throw new Error("FileReader failed with null result");
   if (typeof e.target.result != "string")
@@ -35544,7 +35545,7 @@ function VO(e) {
     throw new Error("Schema version mismatch");
   return t;
 }
-const FO = D(({
+const VO = D(({
   onSuccess: e,
   stretchModal: t,
   shrinkModal: n
@@ -35561,7 +35562,7 @@ const FO = D(({
     watch: c,
     setError: d,
     clearErrors: h
-  } = Fe({
+  } = Ve({
     defaultValues: {
       content: null
     }
@@ -35590,7 +35591,7 @@ const FO = D(({
     const L = new FileReader();
     L.readAsText(p, "UTF-8"), L.onload = (A) => {
       try {
-        const P = VO(A);
+        const P = FO(A);
         l("content", P), h("content");
       } catch (P) {
         console.error(P), d("content", {
@@ -35611,7 +35612,7 @@ const FO = D(({
   }, [f, I]), /* @__PURE__ */ r.jsx(R, { mx: "auto", sx: {
     position: "relative"
   }, children: /* @__PURE__ */ r.jsxs("form", { onSubmit: a(u), children: [
-    /* @__PURE__ */ r.jsx(Vg, { label: i("import.json_file"), required: !0, value: p, onChange: m, error: (z = o == null ? void 0 : o.content) == null ? void 0 : z.message, sx: {
+    /* @__PURE__ */ r.jsx(Fg, { label: i("import.json_file"), required: !0, value: p, onChange: m, error: (z = o == null ? void 0 : o.content) == null ? void 0 : z.message, sx: {
       maxWidth: 500
     } }),
     I ? /* @__PURE__ */ r.jsx(at, { fontSize: 12, mt: 10, children: /* @__PURE__ */ r.jsxs("tbody", { children: [
@@ -35657,7 +35658,7 @@ const FO = D(({
     }, children: e("import.label") }),
     /* @__PURE__ */ r.jsx(Ge, { opened: t, onClose: i, title: e("import.title"), trapFocus: !0, onDragStart: (h) => {
       h.stopPropagation();
-    }, withinPortal: !0, zIndex: 320, size: s ? "90vw" : 500, children: /* @__PURE__ */ r.jsx(FO, { onSuccess: i, stretchModal: a, shrinkModal: o }) })
+    }, withinPortal: !0, zIndex: 320, size: s ? "90vw" : 500, children: /* @__PURE__ */ r.jsx(VO, { onSuccess: i, stretchModal: a, shrinkModal: o }) })
   ] });
 }), qO = {
   position: "fixed",
@@ -35764,12 +35765,12 @@ function Jx(e, t, n) {
 function QO(e, t, n) {
   return e * t + (e - 1) * n;
 }
-const ua = 25, Gc = 40, Zx = 25, Hc = 350, UO = 150, YO = 150, eg = 150, Ru = 300, Vs = 40, tg = 25, KO = 300;
+const ua = 25, Gc = 40, Zx = 25, Hc = 350, UO = 150, YO = 150, eg = 150, Ru = 300, Fs = 40, tg = 25, KO = 300;
 function XO(e, t) {
   const n = k.keyBy(t, (s) => s.id), i = [];
   return e.current.forEach((s, a) => {
     s.panelIDs.forEach((o, l) => {
-      const c = Jx(l, Vs, tg) + Gc, d = n[o];
+      const c = Jx(l, Fs, tg) + Gc, d = n[o];
       if (!d) {
         i.push({
           id: o,
@@ -35786,7 +35787,7 @@ function XO(e, t) {
           targetPosition: hn.Left,
           style: {
             width: Ru,
-            height: Vs
+            height: Fs
           }
         });
         return;
@@ -35807,7 +35808,7 @@ function XO(e, t) {
         targetPosition: hn.Left,
         style: {
           width: Ru,
-          height: Vs
+          height: Fs
         }
       });
     });
@@ -35818,9 +35819,9 @@ const JO = {
   [X.Modal]: "Modal",
   [X.Tabs]: "Tabs"
 }, ZO = tO;
-function eV(e) {
+function eF(e) {
   return e.current.map((n, i) => {
-    const s = QO(n.panelIDs.length, Vs, tg) + Gc + Zx;
+    const s = QO(n.panelIDs.length, Fs, tg) + Gc + Zx;
     let a = [];
     return n.type === X.Tabs && (a = n.config.tabsInOrder.map((l) => l.view_id)), {
       id: n.id,
@@ -35847,7 +35848,7 @@ function eV(e) {
     };
   });
 }
-function tV(e) {
+function tF(e) {
   const t = k.keyBy(e, (n) => n.id);
   e.forEach((n) => {
     n._node_type !== "view-root" || n._view_type !== X.Tabs || n._tab_view_ids.forEach((i) => {
@@ -35855,13 +35856,13 @@ function tV(e) {
     });
   });
 }
-function nV(e) {
-  const t = eV(e.views);
-  tV(t);
+function nF(e) {
+  const t = eF(e.views);
+  tF(t);
   const n = XO(e.views, e.panels.list);
   return [...t, ...n];
 }
-function rV({
+function rF({
   nodeMap: e,
   nodes: t,
   edges: n
@@ -35875,7 +35876,7 @@ function rV({
     }, Gc));
   });
 }
-function iV({
+function iF({
   nodeMap: e,
   nodes: t,
   edges: n
@@ -35888,7 +35889,7 @@ function iV({
     o._node_type !== "view-root" || a._node_type !== "view-root" || (a._view_level += 1 + o._view_level, o._sub_view_ids.push(a.id));
   }), t.sort((i, s) => i._node_type === "view-root" && s._node_type === "view-root" ? i._view_level - s._view_level : i._node_type !== "view-root" && s._node_type !== "view-root" ? 0 : i._node_type === "view-root" ? -1 : 1);
 }
-function sV({
+function sF({
   nodeMap: e,
   nodes: t,
   edges: n
@@ -35906,7 +35907,7 @@ function sV({
     }
   });
 }
-function aV({
+function aF({
   nodeMap: e,
   nodes: t,
   edges: n
@@ -35918,7 +35919,7 @@ function aV({
     o.position.x = Jx(l, Hc, YO), o.position.y = 0 - UO - eg;
   });
 }
-function oV({
+function oF({
   nodeMap: e,
   nodes: t,
   edges: n
@@ -35928,13 +35929,13 @@ function oV({
     nodes: t,
     edges: n
   };
-  return aV(i), iV(i), rV(i), sV(i), {
+  return aF(i), iF(i), rF(i), sF(i), {
     nodes: t,
     edges: n
   };
 }
-function lV(e) {
-  const t = nV(e), n = k.keyBy(t, (c) => c.id), {
+function lF(e) {
+  const t = nF(e), n = k.keyBy(t, (c) => c.id), {
     edges: i,
     edgeNodes: s
   } = HO(e, n), a = [...t, ...s], o = k.keyBy(a, (c) => c.id), l = {
@@ -35942,14 +35943,14 @@ function lV(e) {
     nodes: a,
     nodeMap: o
   };
-  return oV(l);
+  return oF(l);
 }
 const go = {
   "builtin:op:open-link": /* @__PURE__ */ r.jsx(Ya, { color: "blue", size: 20, radius: "xl", children: /* @__PURE__ */ r.jsx(Tb, { size: 14 }) }),
   "builtin:op:set_filter_values": /* @__PURE__ */ r.jsx(Ya, { color: "orange", size: 20, radius: "xl", children: /* @__PURE__ */ r.jsx(zb, { size: 14 }) }),
   "builtin:op:clear_filter_values": /* @__PURE__ */ r.jsx(Ya, { color: "orange", size: 20, radius: "xl", children: /* @__PURE__ */ r.jsx(oh, { size: 14 }) })
 };
-function cV(e) {
+function cF(e) {
   const t = [];
   return e.forEach((n) => {
     switch (n.schemaRef) {
@@ -35996,14 +35997,14 @@ function cV(e) {
     }
   }), t;
 }
-const dV = Eg(({
+const dF = Eg(({
   data: e,
   isConnectable: t,
   sourcePosition: n = hn.Right,
   targetPosition: i = hn.Left,
   ...s
 }) => {
-  const a = T(() => cV(e.interactions), [e.interactions]);
+  const a = T(() => cF(e.interactions), [e.interactions]);
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsx(gd, { type: "target", position: i, isConnectable: t }),
     /* @__PURE__ */ r.jsx(R, { sx: {
@@ -36018,19 +36019,19 @@ const dV = Eg(({
     /* @__PURE__ */ r.jsx(gd, { type: "source", position: n, isConnectable: t })
   ] });
 });
-const uV = {
-  interaction: dV
-}, hV = D(() => {
+const uF = {
+  interaction: dF
+}, hF = D(() => {
   const e = lt(), {
     edges: t,
     nodes: n
-  } = lV(e);
-  return /* @__PURE__ */ r.jsxs(Ov, { nodes: n, edges: t, onNodesChange: k.noop, onEdgesChange: k.noop, onConnect: k.noop, className: "interactions-viewer", fitView: !0, nodeTypes: uV, children: [
-    /* @__PURE__ */ r.jsx(Vv, {}),
+  } = lF(e);
+  return /* @__PURE__ */ r.jsxs(Ov, { nodes: n, edges: t, onNodesChange: k.noop, onEdgesChange: k.noop, onConnect: k.noop, className: "interactions-viewer", fitView: !0, nodeTypes: uF, children: [
     /* @__PURE__ */ r.jsx(Fv, {}),
+    /* @__PURE__ */ r.jsx(Vv, {}),
     /* @__PURE__ */ r.jsx(Nv, {})
   ] });
-}), pV = D(({
+}), pF = D(({
   opened: e,
   close: t
 }) => {
@@ -36057,10 +36058,10 @@ const uV = {
         }
       },
       zIndex: 300,
-      children: /* @__PURE__ */ r.jsx(hV, {})
+      children: /* @__PURE__ */ r.jsx(hF, {})
     }
   );
-}), mV = {
+}), mF = {
   "> button": {
     "&:first-of-type": {
       borderTopRightRadius: 0,
@@ -36082,7 +36083,7 @@ const uV = {
     }
   }
 };
-function fV({
+function fF({
   onClick: e,
   name: t,
   active: n,
@@ -36116,16 +36117,16 @@ function fV({
     }, children: /* @__PURE__ */ r.jsx(Db, { size: 16 }) }) })
   ] });
 }
-const xV = D(() => {
+const xF = D(() => {
   const {
     t: e
-  } = v(), t = Ie(), n = be(), i = Ve((a) => () => n.views.setIDOfVIE(a), [n]), s = (a) => {
+  } = v(), t = Ie(), n = be(), i = Fe((a) => () => n.views.setIDOfVIE(a), [n]), s = (a) => {
     t.editor.open(["_VIEWS_", a]);
   };
   return /* @__PURE__ */ r.jsxs(R, { sx: {
     position: "relative"
   }, children: [
-    n.views.options.map((a) => /* @__PURE__ */ r.jsx(fV, { active: n.views.idOfVIE === a.value, name: a.label, onClick: i(a.value), openSettings: () => s(a.value) }, a.value)),
+    n.views.options.map((a) => /* @__PURE__ */ r.jsx(fF, { active: n.views.idOfVIE === a.value, name: a.label, onClick: i(a.value), openSettings: () => s(a.value) }, a.value)),
     /* @__PURE__ */ r.jsx(O, { variant: "dashed" }),
     /* @__PURE__ */ r.jsx(M, { variant: "subtle", rightIcon: /* @__PURE__ */ r.jsx(xn, { size: 14 }), size: "sm", px: "xs", color: "blue", onClick: n.views.addARandomNewView, sx: {
       width: "100%",
@@ -36136,7 +36137,7 @@ const xV = D(() => {
       }
     }, children: e("view.add") })
   ] });
-}), gV = D(() => {
+}), gF = D(() => {
   const {
     t: e
   } = v(), t = Ie(), n = be(), i = () => {
@@ -36152,7 +36153,7 @@ const xV = D(() => {
     }
     t.editor.open(["_FILTERS_", n.filters.firstID]);
   }, [a, o] = Z(!1), l = () => o(!0), c = () => o(!1);
-  return /* @__PURE__ */ r.jsxs(Fn, { p: 0, width: {
+  return /* @__PURE__ */ r.jsxs(Vn, { p: 0, width: {
     base: 200,
     xs: 200,
     sm: 200,
@@ -36160,9 +36161,9 @@ const xV = D(() => {
     lg: 240,
     xl: 260
   }, zIndex: 299, children: [
-    /* @__PURE__ */ r.jsxs(Fn.Section, { children: [
+    /* @__PURE__ */ r.jsxs(Vn.Section, { children: [
       /* @__PURE__ */ r.jsxs(y, { grow: !0, spacing: 0, sx: {
-        ...mV,
+        ...mF,
         button: {
           borderWidth: 0,
           borderBottomWidth: 1,
@@ -36179,36 +36180,36 @@ const xV = D(() => {
           height: "30px"
         }, onClick: l, children: /* @__PURE__ */ r.jsx(Mb, { size: 18 }) }) })
       ] }),
-      /* @__PURE__ */ r.jsx(pV, { opened: a, close: c })
+      /* @__PURE__ */ r.jsx(pF, { opened: a, close: c })
     ] }),
-    /* @__PURE__ */ r.jsx(Fn.Section, { py: 5, sx: {
+    /* @__PURE__ */ r.jsx(Vn.Section, { py: 5, sx: {
       borderBottom: "1px solid #eee"
     }, children: /* @__PURE__ */ r.jsx(w, { align: "center", sx: {
       userSelect: "none",
       cursor: "default"
     }, children: e("view.labels") }) }),
-    /* @__PURE__ */ r.jsx(Fn.Section, { grow: !0, sx: {
+    /* @__PURE__ */ r.jsx(Vn.Section, { grow: !0, sx: {
       overflow: "auto"
-    }, children: /* @__PURE__ */ r.jsx(xV, {}) }),
-    /* @__PURE__ */ r.jsx(Fn.Section, { children: /* @__PURE__ */ r.jsx(y, { grow: !0, p: "md", pt: "sm", sx: {
+    }, children: /* @__PURE__ */ r.jsx(xF, {}) }),
+    /* @__PURE__ */ r.jsx(Vn.Section, { children: /* @__PURE__ */ r.jsx(y, { grow: !0, p: "md", pt: "sm", sx: {
       borderTop: "1px solid #eee"
     }, children: /* @__PURE__ */ r.jsx(M, { size: "xs", leftIcon: /* @__PURE__ */ r.jsx(es, { size: 20 }), onClick: () => t.editor.open([]), children: e("common.titles.settings") }) }) })
   ] });
-}), bV = {
+}), bF = {
   [Ne.Checkbox]: "true",
   [Ne.DateRange]: "[new Date('2023-01-01 00:00:00'), new Date('2024-01-01 00:00:00')]",
   [Ne.MultiSelect]: "[]",
   [Ne.Select]: '""',
   [Ne.TreeSelect]: "[]",
   [Ne.TextInput]: '""'
-}, yV = (e) => ["function getDefaultValue(filter, utils, context) {", `    return ${bV[e]};`, "}"].join(`
+}, yF = (e) => ["function getDefaultValue(filter, utils, context) {", `    return ${bF[e]};`, "}"].join(`
 `), vi = D(({
   filter: e
 }) => {
   const {
     t
   } = v();
-  return /* @__PURE__ */ r.jsx(vl, { label: "", title: t("filter.field.custom_default_value.title"), triggerLabel: t("filter.field.custom_default_value.trigger"), value: e.default_value_func, onChange: e.setDefaultValueFunc, defaultValue: yV(e.type), triggerButtonProps: {
+  return /* @__PURE__ */ r.jsx(vl, { label: "", title: t("filter.field.custom_default_value.title"), triggerLabel: t("filter.field.custom_default_value.trigger"), value: e.default_value_func, onChange: e.setDefaultValueFunc, defaultValue: yF(e.type), triggerButtonProps: {
     size: "xs",
     color: "grape",
     sx: {
@@ -36220,7 +36221,7 @@ const xV = D(() => {
     /* @__PURE__ */ r.jsx(Wt.Item, { children: t("filter.field.custom_default_value.tip_1") }),
     /* @__PURE__ */ r.jsx(Wt.Item, { children: t("filter.field.custom_default_value.tip_2") })
   ] }) }) });
-}), vV = D(function({
+}), vF = D(function({
   filter: t
 }) {
   const {
@@ -36238,7 +36239,7 @@ const xV = D(() => {
       }
     } })
   ] });
-}), _V = [{
+}), _F = [{
   label: "2022",
   value: "YYYY"
 }, {
@@ -36253,12 +36254,12 @@ const xV = D(() => {
 }, {
   label: "2022-01-01",
   value: "YYYY-MM-DD"
-}], jV = D(function({
+}], jF = D(function({
   filter: t
 }) {
   const {
     t: n
-  } = v(), i = t.config, s = T(() => Vc().map(({
+  } = v(), i = t.config, s = T(() => Fc().map(({
     key: a,
     value: o,
     group: l
@@ -36273,7 +36274,7 @@ const xV = D(() => {
       /* @__PURE__ */ r.jsx(me, { checked: i.allowSingleDateInRange, onChange: (a) => i.setAllowSingleDateInRange(a.currentTarget.checked), label: n("filter.widget.date_range.allow_single_date") })
     ] }),
     /* @__PURE__ */ r.jsxs(y, { grow: !0, children: [
-      /* @__PURE__ */ r.jsx(q, { data: _V, label: n("filter.widget.date_range.display_format"), value: i.inputFormat, onChange: i.setInputFormat }),
+      /* @__PURE__ */ r.jsx(q, { data: _F, label: n("filter.widget.date_range.display_format"), value: i.inputFormat, onChange: i.setInputFormat }),
       /* @__PURE__ */ r.jsx(pe, { label: n("filter.widget.date_range.max_days"), min: 0, value: i.max_days, onChange: i.setMaxDays, hideControls: !0 })
     ] }),
     /* @__PURE__ */ r.jsxs(y, { children: [
@@ -36312,7 +36313,7 @@ const xV = D(() => {
       display: "block"
     }
   } });
-}), wV = `
+}), wF = `
 // row
 {
   label: string;
@@ -36325,9 +36326,9 @@ const xV = D(() => {
   } = v(), [t, n] = Z(!1);
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsx(M, { variant: "subtle", compact: !0, onClick: () => n((i) => !i), children: e(t ? "common.actions.close" : "filter.widget.common.see_data_structure") }),
-    /* @__PURE__ */ r.jsx(Yi, { in: t, children: /* @__PURE__ */ r.jsx(dr, { language: "typescript", noCopy: !0, colorScheme: "dark", children: wV }) })
+    /* @__PURE__ */ r.jsx(Yi, { in: t, children: /* @__PURE__ */ r.jsx(dr, { language: "typescript", noCopy: !0, colorScheme: "dark", children: wF }) })
   ] });
-}, SV = D(function({
+}, SF = D(function({
   filter: t
 }) {
   const {
@@ -36394,7 +36395,7 @@ const xV = D(() => {
     /* @__PURE__ */ r.jsx(Qc, { value: i.options_query_id, onChange: i.setOptionsQueryID }),
     /* @__PURE__ */ r.jsx(ng, {})
   ] });
-}), kV = D(function({
+}), kF = D(function({
   filter: t
 }) {
   const {
@@ -36466,7 +36467,7 @@ const xV = D(() => {
     /* @__PURE__ */ r.jsx(Qc, { value: s.options_query_id, onChange: s.setOptionsQueryID }),
     /* @__PURE__ */ r.jsx(ng, {})
   ] });
-}), CV = D(function({
+}), CF = D(function({
   filter: t
 }) {
   const {
@@ -36483,7 +36484,7 @@ const xV = D(() => {
     ] }),
     /* @__PURE__ */ r.jsx(me, { checked: i.required, onChange: (s) => i.setRequired(s.currentTarget.checked), label: n("filter.widget.text_input.required") })
   ] });
-}), IV = `
+}), IF = `
 // row
 {
   label: string;
@@ -36491,15 +36492,15 @@ const xV = D(() => {
   parent_value: string;
   description?: string;
 }
-`, TV = () => {
+`, TF = () => {
   const {
     t: e
   } = v(), [t, n] = Z(!1);
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsx(M, { variant: "subtle", compact: !0, onClick: () => n((i) => !i), children: e(t ? "common.actions.close" : "filter.widget.common.see_data_structure") }),
-    /* @__PURE__ */ r.jsx(Yi, { in: t, children: /* @__PURE__ */ r.jsx(dr, { language: "typescript", noCopy: !0, colorScheme: "dark", children: IV }) })
+    /* @__PURE__ */ r.jsx(Yi, { in: t, children: /* @__PURE__ */ r.jsx(dr, { language: "typescript", noCopy: !0, colorScheme: "dark", children: IF }) })
   ] });
-}, zV = D(function({
+}, zF = D(function({
   filter: t
 }) {
   const {
@@ -36515,9 +36516,9 @@ const xV = D(() => {
     /* @__PURE__ */ r.jsx(me, { checked: i.treeCheckStrictly, onChange: (s) => i.setTreeCheckStrictly(s.currentTarget.checked), label: n("filter.widget.tree_select.strictly") }),
     /* @__PURE__ */ r.jsx(pe, { value: i.default_selection_count, onChange: i.setDefaultSelectionCount, label: n("filter.widget.common.default_selection_count") }),
     /* @__PURE__ */ r.jsx(Qc, { value: i.options_query_id, onChange: i.setOptionsQueryID }),
-    /* @__PURE__ */ r.jsx(TV, {})
+    /* @__PURE__ */ r.jsx(TF, {})
   ] });
-}), DV = D(function({
+}), DF = D(function({
   filter: t
 }) {
   const {
@@ -36529,13 +36530,13 @@ const xV = D(() => {
     /* @__PURE__ */ r.jsx(w, { pt: "0", pb: "md", color: "gray", children: n("common.titles.config") }),
     /* @__PURE__ */ r.jsx(dr, { mt: 22, language: "json", colorScheme: "dark", noCopy: !0, children: JSON.stringify(t, null, 4) })
   ] });
-}), MV = {
-  select: kV,
-  "multi-select": SV,
-  "tree-select": zV,
-  "text-input": CV,
-  checkbox: vV,
-  "date-range": jV
+}), MF = {
+  select: kF,
+  "multi-select": SF,
+  "tree-select": zF,
+  "text-input": CF,
+  checkbox: vF,
+  "date-range": jF
 }, wr = {
   select: "filter.widget.names.select",
   "multi-select": "filter.widget.names.multi_select",
@@ -36543,13 +36544,13 @@ const xV = D(() => {
   "text-input": "filter.widget.names.text_input",
   checkbox: "filter.widget.names.checkbox",
   "date-range": "filter.widget.names.date_range"
-}, EV = D(function({
+}, EF = D(function({
   filter: t
 }) {
   const {
     t: n,
     i18n: i
-  } = v(), s = be(), a = $.useMemo(() => MV[t.type], [t.type]), o = T(() => [{
+  } = v(), s = be(), a = $.useMemo(() => MF[t.type], [t.type]), o = T(() => [{
     label: n(wr.select),
     value: "select"
   }, {
@@ -36602,9 +36603,9 @@ const xV = D(() => {
         /* @__PURE__ */ r.jsx(a, { filter: t })
       ] })
     ] }),
-    /* @__PURE__ */ r.jsx(DV, { filter: t })
+    /* @__PURE__ */ r.jsx(DF, { filter: t })
   ] });
-}), LV = D(({
+}), LF = D(({
   id: e
 }) => {
   const {
@@ -36647,9 +36648,9 @@ const xV = D(() => {
       flexGrow: 1,
       maxHeight: "calc(100% - 52px)",
       overflow: "auto"
-    }, children: /* @__PURE__ */ r.jsx(EV, { filter: a }) })
+    }, children: /* @__PURE__ */ r.jsx(EF, { filter: a }) })
   ] });
-}), AV = D(() => {
+}), AF = D(() => {
   const {
     t: e
   } = v(), [t, n] = Z([]), i = Ie(), s = (d) => {
@@ -36722,7 +36723,7 @@ const xV = D(() => {
       ] }, d.id)) })
     ] }) }) })
   ] });
-}), RV = D(() => {
+}), RF = D(() => {
   const {
     t: e
   } = v(), t = be(), [n, i] = Z(() => JSON.stringify(t.mock_context.current, null, 4)), s = () => {
@@ -36775,7 +36776,7 @@ const xV = D(() => {
       }, disabled: !a, onClick: s, children: /* @__PURE__ */ r.jsx(Qn, { size: 20 }) })
     ] })
   ] });
-}), $V = D(() => {
+}), $F = D(() => {
   const {
     t: e
   } = v(), {
@@ -36786,7 +36787,7 @@ const xV = D(() => {
       flexGrow: 1
     }
   } });
-}), PV = D(() => {
+}), PF = D(() => {
   const {
     t: e
   } = v(), {
@@ -36819,10 +36820,10 @@ const xV = D(() => {
       /* @__PURE__ */ r.jsx(me, { ml: 6, label: e("panel.style.border"), checked: i.border.enabled, onChange: (s) => i.border.setEnabled(s.currentTarget.checked) })
     ] })
   ] });
-}), OV = () => /* @__PURE__ */ r.jsxs("span", { className: "mantine-103svbs mantine-InputWrapper-required mantine-Select-required", "aria-hidden": "true", children: [
+}), OF = () => /* @__PURE__ */ r.jsxs("span", { className: "mantine-103svbs mantine-InputWrapper-required mantine-Select-required", "aria-hidden": "true", children: [
   " ",
   "*"
-] }), VV = D(() => {
+] }), FF = D(() => {
   const {
     t: e
   } = v(), {
@@ -36840,13 +36841,13 @@ const xV = D(() => {
     /* @__PURE__ */ r.jsxs(y, { align: "center", children: [
       /* @__PURE__ */ r.jsxs(w, { size: 14, fw: 500, children: [
         e("panel.panel_name"),
-        /* @__PURE__ */ r.jsx(OV, {})
+        /* @__PURE__ */ r.jsx(OF, {})
       ] }),
       /* @__PURE__ */ r.jsx(re, { variant: "subtle", color: "blue", disabled: !a || l, onClick: o, children: /* @__PURE__ */ r.jsx(et, { size: 18 }) })
     ] }),
     /* @__PURE__ */ r.jsx(E, { value: i, onChange: s, required: !0 })
   ] });
-}), FV = D(() => {
+}), VF = D(() => {
   const {
     t: e
   } = v(), {
@@ -36859,21 +36860,21 @@ const xV = D(() => {
     /* @__PURE__ */ r.jsx(me, { size: "sm", checked: !0, disabled: !0, label: e("panel.use_name_as_title") })
   ] }) });
 });
-function NV() {
+function NF() {
   const {
     t: e
   } = v();
   return /* @__PURE__ */ r.jsxs(C, { sx: {
     height: "100%"
   }, children: [
-    /* @__PURE__ */ r.jsx(PV, {}),
+    /* @__PURE__ */ r.jsx(PF, {}),
     /* @__PURE__ */ r.jsx(O, { label: e("common.info"), labelPosition: "center", variant: "dashed" }),
-    /* @__PURE__ */ r.jsx(VV, {}),
-    /* @__PURE__ */ r.jsx(FV, {}),
-    /* @__PURE__ */ r.jsx($V, {})
+    /* @__PURE__ */ r.jsx(FF, {}),
+    /* @__PURE__ */ r.jsx(VF, {}),
+    /* @__PURE__ */ r.jsx($F, {})
   ] });
 }
-const qV = {
+const qF = {
   width: "fit-content",
   minWidth: "100%",
   tableLayout: "fixed",
@@ -36928,7 +36929,7 @@ function rg({
   });
   return e.length === 0 ? /* @__PURE__ */ r.jsx(R, { sx: {
     height: "5em"
-  } }) : /* @__PURE__ */ r.jsx(ht, { children: /* @__PURE__ */ r.jsxs(at, { sx: qV, children: [
+  } }) : /* @__PURE__ */ r.jsx(ht, { children: /* @__PURE__ */ r.jsxs(at, { sx: qF, children: [
     /* @__PURE__ */ r.jsx("thead", { children: n.getHeaderGroups().map((i) => /* @__PURE__ */ r.jsx("tr", { children: i.headers.map((s) => /* @__PURE__ */ r.jsxs("th", { style: {
       width: s.getSize()
     }, children: [
@@ -36938,7 +36939,7 @@ function rg({
     /* @__PURE__ */ r.jsx("tbody", { children: n.getRowModel().rows.map((i) => /* @__PURE__ */ r.jsx("tr", { children: i.getVisibleCells().map((s) => /* @__PURE__ */ r.jsx("td", { children: /* @__PURE__ */ r.jsx(ht, { children: typeof s.getValue() == "object" ? /* @__PURE__ */ r.jsx("pre", { children: JSON.stringify(s.getValue(), null, 2) }) : Bs(s.column.columnDef.cell, s.getContext()) }) }, s.id)) }, i.id)) })
   ] }) });
 }
-const BV = [{
+const BF = [{
   label: "10",
   value: "10"
 }, {
@@ -36950,7 +36951,7 @@ const BV = [{
 }, {
   label: "100",
   value: "100"
-}], WV = {
+}], WF = {
   icon: {
     width: "80px",
     textAlign: "center"
@@ -36960,7 +36961,7 @@ const BV = [{
       paddingLeft: "80px"
     }
   }
-}, GV = ({
+}, GF = ({
   data: e,
   page: t,
   setPage: n,
@@ -36987,8 +36988,8 @@ const BV = [{
         {
           icon: /* @__PURE__ */ r.jsx(w, { ta: "center", color: "dimmed", size: 14, children: a("common.pagination.page_size") }),
           size: "xs",
-          styles: WV,
-          data: BV,
+          styles: WF,
+          data: BF,
           value: String(i),
           onChange: c
         }
@@ -36998,7 +36999,7 @@ const BV = [{
       total: o
     }) }) })
   ] });
-}, HV = VS(({
+}, HF = FS(({
   data: e,
   loading: t
 }) => {
@@ -37007,7 +37008,7 @@ const BV = [{
     return e.slice(l, c);
   }, [e, n, s]);
   return /* @__PURE__ */ r.jsxs(ht, { children: [
-    /* @__PURE__ */ r.jsx(GV, { data: e, page: n, setPage: i, limit: s, setLimit: a }),
+    /* @__PURE__ */ r.jsx(GF, { data: e, page: n, setPage: i, limit: s, setLimit: a }),
     /* @__PURE__ */ r.jsxs(R, { py: 10, sx: {
       width: "100%",
       height: "calc(100% - 42px)",
@@ -37018,7 +37019,7 @@ const BV = [{
       /* @__PURE__ */ r.jsx(rg, { data: o })
     ] })
   ] });
-}), QV = ({
+}), QF = ({
   queryID: e
 }) => {
   const t = lt(), {
@@ -37038,7 +37039,7 @@ const BV = [{
   } = v(), s = lt(), {
     data: a,
     state: o
-  } = s.getDataStuffByID(e), l = o === "loading", c = Ve(() => {
+  } = s.getDataStuffByID(e), l = o === "loading", c = Fe(() => {
     s.queries.refetchDataByQueryID(e);
   }, [e, s]), d = () => {
     s.queries.downloadDataByQueryID(e);
@@ -37067,11 +37068,11 @@ const BV = [{
       flexGrow: 1,
       overflow: "auto"
     }, children: [
-      /* @__PURE__ */ r.jsx(QV, { queryID: e }),
-      /* @__PURE__ */ r.jsx(HV, { data: a, loading: l })
+      /* @__PURE__ */ r.jsx(QF, { queryID: e }),
+      /* @__PURE__ */ r.jsx(HF, { data: a, loading: l })
     ] })
   ] });
-}), UV = D(function() {
+}), UF = D(function() {
   const {
     t
   } = v(), n = Ie(), i = be(), {
@@ -37080,7 +37081,7 @@ const BV = [{
     n.editor.setPath(["_QUERIES_", d]);
   }, c = s.queryIDs.length;
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-    /* @__PURE__ */ r.jsx(Fg, { opened: a, onClose: () => o(!1), title: t("panel.settings.choose_queries"), padding: "xl", size: 500, zIndex: 320, children: /* @__PURE__ */ r.jsx(me.Group, { value: [...s.queryIDs], onChange: s.setQueryIDs, children: /* @__PURE__ */ r.jsx(C, { spacing: "lg", children: i.queries.options.map((d) => /* @__PURE__ */ r.jsx(me, { label: d.label, value: d.value }, d.value)) }) }) }),
+    /* @__PURE__ */ r.jsx(Vg, { opened: a, onClose: () => o(!1), title: t("panel.settings.choose_queries"), padding: "xl", size: 500, zIndex: 320, children: /* @__PURE__ */ r.jsx(me.Group, { value: [...s.queryIDs], onChange: s.setQueryIDs, children: /* @__PURE__ */ r.jsx(C, { spacing: "lg", children: i.queries.options.map((d) => /* @__PURE__ */ r.jsx(me, { label: d.label, value: d.value }, d.value)) }) }) }),
     /* @__PURE__ */ r.jsxs(C, { spacing: 6, children: [
       /* @__PURE__ */ r.jsx(y, { position: "left", children: /* @__PURE__ */ r.jsx(M, { variant: "light", size: "sm", leftIcon: /* @__PURE__ */ r.jsx(Eb, { size: 16 }), onClick: () => o(!0), children: t(c === 0 ? "panel.settings.need_to_choose_queries" : "panel.settings.choose_queries") }) }),
       c === 1 && /* @__PURE__ */ r.jsx(tl, { id: s.queryIDs[0], moreActions: /* @__PURE__ */ r.jsx(ve, { label: t("query.open"), children: /* @__PURE__ */ r.jsx(re, { variant: "subtle", color: "blue", onClick: () => l(s.queryIDs[0]), children: /* @__PURE__ */ r.jsx(wo, { size: 16 }) }) }) }),
@@ -37090,7 +37091,7 @@ const BV = [{
       ] })
     ] })
   ] });
-}), YV = D(() => {
+}), YF = D(() => {
   const {
     panel: e
   } = Rn();
@@ -37145,7 +37146,7 @@ const BV = [{
     average: !1
   }
 };
-class KV {
+class KF {
   constructor(t) {
     U(this, "panel");
     U(this, "selected");
@@ -37195,13 +37196,13 @@ class KV {
     }
   }
 }
-function XV() {
+function XF() {
   const {
     panel: e
   } = zt();
-  return pn(() => new KV(e), [e]);
+  return pn(() => new KF(e), [e]);
 }
-function JV({
+function JF({
   label: e,
   value: t,
   onChange: n
@@ -37228,8 +37229,8 @@ function JV({
     ] })
   ] });
 }
-const ZV = $.forwardRef(JV);
-function eF({
+const ZF = $.forwardRef(JF);
+function eV({
   label: e,
   value: t,
   onChange: n,
@@ -37258,7 +37259,7 @@ function eF({
     ] })
   ] });
 }
-const tF = $.forwardRef(eF), nF = $.forwardRef(function({
+const tV = $.forwardRef(eV), nV = $.forwardRef(function({
   value: t,
   onChange: n
 }, i) {
@@ -37308,12 +37309,12 @@ const tF = $.forwardRef(eF), nF = $.forwardRef(function({
       }], value: t.color.type, onChange: l }),
       a === "static" && /* @__PURE__ */ r.jsx(kt, { value: t.color.staticColor, onChange: (c) => o("color.staticColor", c) }),
       a === "continuous" && /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-        /* @__PURE__ */ r.jsx(tF, { label: "Value Range", value: t.color.valueRange, type: "number", onChange: (c) => o("color.valueRange", c) }),
-        /* @__PURE__ */ r.jsx(ZV, { label: "Color Range", value: t.color.colorRange, onChange: (c) => o("color.colorRange", c) })
+        /* @__PURE__ */ r.jsx(tV, { label: "Value Range", value: t.color.valueRange, type: "number", onChange: (c) => o("color.valueRange", c) }),
+        /* @__PURE__ */ r.jsx(ZF, { label: "Color Range", value: t.color.colorRange, onChange: (c) => o("color.colorRange", c) })
       ] })
     ] })
   ] });
-}), rF = $.forwardRef(function({
+}), rV = $.forwardRef(function({
   value: t,
   onChange: n,
   withStyle: i = !0,
@@ -37341,11 +37342,11 @@ const tF = $.forwardRef(eF), nF = $.forwardRef(function({
     ] }),
     i && /* @__PURE__ */ r.jsx(ys, { variant: "contained", children: /* @__PURE__ */ r.jsxs(ys.Item, { value: "Styles", children: [
       /* @__PURE__ */ r.jsx(ys.Control, { icon: /* @__PURE__ */ r.jsx(w, { size: "xl", children: "🖼️" }), children: o("style.label") }),
-      /* @__PURE__ */ r.jsx(ys.Panel, { children: /* @__PURE__ */ r.jsx(nF, { value: t, onChange: n }) })
+      /* @__PURE__ */ r.jsx(ys.Panel, { children: /* @__PURE__ */ r.jsx(nV, { value: t, onChange: n }) })
     ] }) }),
     /* @__PURE__ */ r.jsx(M, { mt: 20, leftIcon: /* @__PURE__ */ r.jsx(mn, { size: 16 }), color: "red", variant: "light", onClick: s, children: o("panel.variable.delete") })
   ] });
-}), iF = D((e) => {
+}), iV = D((e) => {
   const {
     t
   } = v(), n = pn(() => m2(e.variable), [e.variable]), i = () => e.uiModel.remove(e.variable);
@@ -37354,7 +37355,7 @@ const tF = $.forwardRef(eF), nF = $.forwardRef(function({
       /* @__PURE__ */ r.jsx(M, { variant: "subtle", size: "xs", disabled: !n.changed, color: "red", onClick: n.reset, leftIcon: /* @__PURE__ */ r.jsx(Ji, { size: 18 }), children: t("common.actions.revert_changes") }),
       /* @__PURE__ */ r.jsx(M, { variant: "filled", size: "xs", disabled: !n.changed, color: "green", onClick: n.commit, leftIcon: /* @__PURE__ */ r.jsx(et, { size: 18 }), children: t("common.actions.save_changes") })
     ] }),
-    /* @__PURE__ */ r.jsx(rF, { value: In(n.copy), onChange: n.update, remove: i })
+    /* @__PURE__ */ r.jsx(rV, { value: In(n.copy), onChange: n.update, remove: i })
   ] });
 });
 D((e) => {
@@ -37363,7 +37364,7 @@ D((e) => {
   } = e;
   return /* @__PURE__ */ r.jsx(C, { className: "var-list", children: t.variables.map((n) => /* @__PURE__ */ r.jsx(M, { variant: t.selected === n ? "filled" : "subtle", color: "gray", onClick: () => t.select(n), children: n.name }, n.name)) });
 });
-const sF = D(({
+const sV = D(({
   model: e
 }) => {
   const {
@@ -37377,12 +37378,12 @@ const sF = D(({
     alignSelf: "flex-end",
     height: "38px"
   }, children: t("panel.variable.add") }) });
-}), aF = D(() => {
+}), aV = D(() => {
   var n;
   const {
     t: e
-  } = v(), t = XV();
-  return t.variableOptions.length === 0 ? /* @__PURE__ */ r.jsx(sF, { model: t }) : /* @__PURE__ */ r.jsxs(C, { pb: 20, children: [
+  } = v(), t = XF();
+  return t.variableOptions.length === 0 ? /* @__PURE__ */ r.jsx(sV, { model: t }) : /* @__PURE__ */ r.jsxs(C, { pb: 20, children: [
     /* @__PURE__ */ r.jsxs(y, { position: "left", children: [
       /* @__PURE__ */ r.jsx(q, { label: e("panel.variable.labels"), data: t.variableOptions, value: (n = t.selected) == null ? void 0 : n.name, onChange: t.selectByName, maxDropdownHeight: 600, sx: {
         flexGrow: 1
@@ -37395,9 +37396,9 @@ const sF = D(({
       }, children: e("panel.variable.add") })
     ] }),
     /* @__PURE__ */ r.jsx(O, { variant: "dashed" }),
-    t.selected ? /* @__PURE__ */ r.jsx(iF, { uiModel: t, variable: t.selected }) : /* @__PURE__ */ r.jsx("span", { children: "Select or create a new variable on right side" })
+    t.selected ? /* @__PURE__ */ r.jsx(iV, { uiModel: t, variable: t.selected }) : /* @__PURE__ */ r.jsx("span", { children: "Select or create a new variable on right side" })
   ] });
-}), oF = D(() => {
+}), oV = D(() => {
   const {
     t: e
   } = v(), {
@@ -37408,7 +37409,7 @@ const sF = D(({
     /* @__PURE__ */ r.jsx(dr, { language: "json", colorScheme: "dark", noCopy: !0, children: JSON.stringify(t.variableStrings, null, 4) })
   ] });
 });
-function lF() {
+function lV() {
   const {
     t: e
   } = v(), {
@@ -37423,7 +37424,7 @@ function lF() {
     return k.orderBy(n, [(i) => i.group, (i) => i.label], ["asc", "asc"]);
   }, [t]);
 }
-const cF = D(({
+const cV = D(({
   value: e,
   submit: t
 }) => {
@@ -37433,17 +37434,17 @@ const cF = D(({
   Q(() => {
     s(e);
   }, [e]);
-  const a = lF(), o = e !== i;
+  const a = lV(), o = e !== i;
   return /* @__PURE__ */ r.jsx(q, { label: n("visualization.component"), value: i, searchable: !0, onChange: s, data: a, rightSection: /* @__PURE__ */ r.jsx(re, { variant: "filled", color: "green", disabled: !o, onClick: () => t(i), children: /* @__PURE__ */ r.jsx(Qn, { size: 20 }) }), maxDropdownHeight: 600 });
 }), $u = [];
-function dF(e, t) {
+function dV(e, t) {
   try {
     return e.resolveComponent(t).createConfig();
   } catch {
     return null;
   }
 }
-function uF() {
+function uV() {
   const {
     data: e,
     panel: {
@@ -37464,14 +37465,14 @@ function uF() {
     viz: n,
     queryIDs: a,
     id: l
-  }, h = Vx(d);
+  }, h = Fx(d);
   try {
     return c.resolveComponent(d.viz.type), /* @__PURE__ */ r.jsx(Na, { configure: h, children: /* @__PURE__ */ r.jsx(_2, { variables: t, setVizConf: n.setConf, panel: d, vizManager: c, data: e }) });
   } catch (u) {
     return console.info(xe(u, "message")), null;
   }
 }
-const hF = D(() => {
+const hV = D(() => {
   const {
     data: e,
     panel: {
@@ -37482,7 +37483,7 @@ const hF = D(() => {
   } = Yn(Pn), i = $.useCallback((d) => {
     if (d === t.type)
       return;
-    const h = dF(n, d);
+    const h = dV(n, d);
     t.setType(d), t.setConf(h || {});
   }, [t.type]), s = (d) => {
     try {
@@ -37493,7 +37494,7 @@ const hF = D(() => {
   }, a = $.useMemo(() => {
     var d;
     return (d = $u.find((h) => h.value === t.type)) == null ? void 0 : d.Panel;
-  }, [t.type, $u]), o = uF(), l = a ? ha(a, {
+  }, [t.type, $u]), o = uV(), l = a ? ha(a, {
     data: e,
     conf: t.conf,
     setConf: t.setConf
@@ -37502,7 +37503,7 @@ const hF = D(() => {
     height: "100%",
     overflow: "hidden"
   }, children: [
-    /* @__PURE__ */ r.jsx(cF, { submit: i, value: t.type }),
+    /* @__PURE__ */ r.jsx(cV, { submit: i, value: t.type }),
     /* @__PURE__ */ r.jsxs(ht, { children: [
       /* @__PURE__ */ r.jsx(C, { pb: 10, sx: {
         flexGrow: 1,
@@ -37512,7 +37513,7 @@ const hF = D(() => {
       !c && /* @__PURE__ */ r.jsx(Gu, { minRows: 20, label: "Config", value: JSON.stringify(t.conf, null, 2), onChange: s })
     ] })
   ] });
-}), pF = D(({
+}), pV = D(({
   panel: e,
   sourceViewID: t
 }) => {
@@ -37548,7 +37549,7 @@ const hF = D(() => {
       ] })
     ] }) })
   ] });
-}), mF = {
+}), mV = {
   root: {
     flexGrow: 1,
     width: "100%",
@@ -37580,21 +37581,21 @@ const hF = D(() => {
     flexGrow: 0,
     flexShrink: 0
   }, children: [
-    /* @__PURE__ */ r.jsx(YV, {}),
+    /* @__PURE__ */ r.jsx(YF, {}),
     /* @__PURE__ */ r.jsx(R, { sx: {
       flexGrow: 1
-    }, children: /* @__PURE__ */ r.jsx(oF, {}) })
+    }, children: /* @__PURE__ */ r.jsx(oV, {}) })
   ] })
 ] });
-function fF(e) {
+function fV(e) {
   return !["richText", "button"].includes(e);
 }
-const xF = D(({
+const xV = D(({
   panel: e
 }) => {
   const {
     t
-  } = v(), n = Ln(), i = Ie(), s = be(), [a, o] = Z("Data"), l = e.queries, d = fF(e.viz.type) && e.dataLoading, h = d || e.queryErrors.length > 0 || e.queryStateMessages !== "" || l.length === 0, u = i.editor.path[1];
+  } = v(), n = Ln(), i = Ie(), s = be(), [a, o] = Z("Data"), l = e.queries, d = fV(e.viz.type) && e.dataLoading, h = d || e.queryErrors.length > 0 || e.queryStateMessages !== "" || l.length === 0, u = i.editor.path[1];
   Q(() => {
     o((f) => h && f === "Visualization" ? "Data" : f);
   }, [e.id, h]);
@@ -37628,11 +37629,11 @@ const xF = D(({
     }, children: [
       /* @__PURE__ */ r.jsx(w, { pt: 9, pb: 8, children: e.name }),
       /* @__PURE__ */ r.jsxs(y, { position: "right", noWrap: !0, children: [
-        /* @__PURE__ */ r.jsx(pF, { panel: e, sourceViewID: u }),
+        /* @__PURE__ */ r.jsx(pV, { panel: e, sourceViewID: u }),
         /* @__PURE__ */ r.jsx(M, { size: "xs", variant: "subtle", color: "red", onClick: m, leftIcon: /* @__PURE__ */ r.jsx(mn, { size: 14 }), children: t("panel.delete") })
       ] })
     ] }),
-    /* @__PURE__ */ r.jsxs(_, { value: a, onTabChange: o, keepMounted: !1, styles: mF, children: [
+    /* @__PURE__ */ r.jsxs(_, { value: a, onTabChange: o, keepMounted: !1, styles: mV, children: [
       /* @__PURE__ */ r.jsxs(_.List, { children: [
         /* @__PURE__ */ r.jsx(_.Tab, { value: "Data", disabled: d, children: t("data.label") }),
         /* @__PURE__ */ r.jsx(_.Tab, { value: "Panel", children: t("panel.label") }),
@@ -37642,15 +37643,15 @@ const xF = D(({
       ] }),
       /* @__PURE__ */ r.jsxs(_.Panel, { value: "Data", children: [
         /* @__PURE__ */ r.jsx(Or, { visible: d, exitTransitionDuration: 0 }),
-        /* @__PURE__ */ r.jsx(UV, {})
+        /* @__PURE__ */ r.jsx(UF, {})
       ] }),
-      /* @__PURE__ */ r.jsx(_.Panel, { value: "Panel", children: /* @__PURE__ */ r.jsx(yo, { children: /* @__PURE__ */ r.jsx(NV, {}) }) }),
-      /* @__PURE__ */ r.jsx(_.Panel, { value: "Variables", children: /* @__PURE__ */ r.jsx(yo, { children: /* @__PURE__ */ r.jsx(aF, {}) }) }),
-      /* @__PURE__ */ r.jsx(_.Panel, { value: "Visualization", children: /* @__PURE__ */ r.jsx(ht, { children: /* @__PURE__ */ r.jsx(yo, { children: /* @__PURE__ */ r.jsx(hF, {}) }) }) }),
+      /* @__PURE__ */ r.jsx(_.Panel, { value: "Panel", children: /* @__PURE__ */ r.jsx(yo, { children: /* @__PURE__ */ r.jsx(NF, {}) }) }),
+      /* @__PURE__ */ r.jsx(_.Panel, { value: "Variables", children: /* @__PURE__ */ r.jsx(yo, { children: /* @__PURE__ */ r.jsx(aV, {}) }) }),
+      /* @__PURE__ */ r.jsx(_.Panel, { value: "Visualization", children: /* @__PURE__ */ r.jsx(ht, { children: /* @__PURE__ */ r.jsx(yo, { children: /* @__PURE__ */ r.jsx(hV, {}) }) }) }),
       /* @__PURE__ */ r.jsx(_.Panel, { value: "Interactions", children: /* @__PURE__ */ r.jsx(ht, { children: /* @__PURE__ */ r.jsx(mk, {}) }) })
     ] })
   ] });
-}), gF = D(({
+}), gV = D(({
   viewID: e,
   panelID: t
 }) => {
@@ -37662,12 +37663,12 @@ const xF = D(({
       "] is not found"
     ] });
   const s = n.panels.findByID(t);
-  return s ? /* @__PURE__ */ r.jsx(xF, { panel: s }) : /* @__PURE__ */ r.jsxs(w, { size: 14, children: [
+  return s ? /* @__PURE__ */ r.jsx(xV, { panel: s }) : /* @__PURE__ */ r.jsxs(w, { size: 14, children: [
     "Panel by ID[",
     t,
     "] is not found"
   ] });
-}), bF = D(() => {
+}), bV = D(() => {
   const {
     t: e
   } = v(), [t, n] = Z([]), i = Ln(), s = Ie(), a = (p) => {
@@ -37774,7 +37775,7 @@ const xF = D(({
       }) })
     ] }) }) })
   ] });
-}), yF = (e) => {
+}), yV = (e) => {
   const {
     t
   } = v(), {
@@ -37805,7 +37806,7 @@ const xF = D(({
   }, children: /* @__PURE__ */ r.jsx(M, { disabled: !0, size: "xs", leftIcon: /* @__PURE__ */ r.jsx(mn, { size: 16 }), children: t("query.delete") }) }) }) : /* @__PURE__ */ r.jsx(M, { color: "red", size: "xs", onClick: c, leftIcon: /* @__PURE__ */ r.jsx(mn, { size: 16 }), sx: {
     alignSelf: "flex-end"
   }, children: t("query.delete") });
-}, vF = D(yF), ig = ({
+}, vV = D(yV), ig = ({
   width: e = "calc(100% - 32px)",
   lastWidth: t = "50%",
   height: n,
@@ -37817,7 +37818,7 @@ const xF = D(({
   /* @__PURE__ */ r.jsx(ud, { width: t, height: n, radius: "xs" })
 ] }), Oi = ({
   value: e
-}) => e === null || e === "" ? null : /* @__PURE__ */ r.jsx(ve, { label: e, disabled: !e, multiline: !0, children: /* @__PURE__ */ r.jsx(re, { children: /* @__PURE__ */ r.jsx(Fr, { size: 14 }) }) }), _F = ({
+}) => e === null || e === "" ? null : /* @__PURE__ */ r.jsx(ve, { label: e, disabled: !e, multiline: !0, children: /* @__PURE__ */ r.jsx(re, { children: /* @__PURE__ */ r.jsx(Vr, { size: 14 }) }) }), _V = ({
   column: e
 }) => {
   const {
@@ -37825,7 +37826,7 @@ const xF = D(({
     column_key_text: n
   } = e;
   return t ? /* @__PURE__ */ r.jsx(ve, { label: n, disabled: !n, children: /* @__PURE__ */ r.jsx(cr, { children: t }) }) : null;
-}, jF = D(({
+}, jV = D(({
   dataSource: e
 }) => {
   const {
@@ -37879,13 +37880,13 @@ const xF = D(({
       /* @__PURE__ */ r.jsx("td", { children: n.ordinal_position }),
       /* @__PURE__ */ r.jsx("td", { children: n.column_name }),
       /* @__PURE__ */ r.jsx("td", { children: /* @__PURE__ */ r.jsx(Oi, { value: n.column_comment }) }),
-      /* @__PURE__ */ r.jsx("td", { children: /* @__PURE__ */ r.jsx(_F, { column: n }) }),
+      /* @__PURE__ */ r.jsx("td", { children: /* @__PURE__ */ r.jsx(_V, { column: n }) }),
       /* @__PURE__ */ r.jsx("td", { children: n.column_type }),
       /* @__PURE__ */ r.jsx("td", { children: n.is_nullable }),
       /* @__PURE__ */ r.jsx("td", { children: /* @__PURE__ */ r.jsx(Oi, { value: n.column_default }) })
     ] }, n.column_name)) })
   ] });
-}), wF = D(({
+}), wV = D(({
   dataSource: e
 }) => {
   const {
@@ -37933,7 +37934,7 @@ const xF = D(({
       /* @__PURE__ */ r.jsx("td", { children: i.column_name })
     ] }, i.index_name)) })
   ] });
-}), SF = D(({
+}), SV = D(({
   dataSource: e
 }) => {
   const {
@@ -37986,29 +37987,29 @@ const xF = D(({
       /* @__PURE__ */ r.jsx("td", { children: /* @__PURE__ */ r.jsx(Oi, { value: i.comment }) })
     ] }, i.index_name)) })
   ] });
-}), kF = D(({
+}), kV = D(({
   dataSource: e
 }) => {
   const {
     indexes: t
   } = e;
-  return t.loading || t.empty ? null : e.type === Ze.MySQL ? /* @__PURE__ */ r.jsx(wF, { dataSource: e }) : e.type === Ze.Postgresql ? /* @__PURE__ */ r.jsx(SF, { dataSource: e }) : null;
-}), CF = D(({
+  return t.loading || t.empty ? null : e.type === Ze.MySQL ? /* @__PURE__ */ r.jsx(wV, { dataSource: e }) : e.type === Ze.Postgresql ? /* @__PURE__ */ r.jsx(SV, { dataSource: e }) : null;
+}), CV = D(({
   dataSource: e
 }) => /* @__PURE__ */ r.jsxs(C, { spacing: 40, pt: 10, sx: {
   flexGrow: 1,
   overflow: "auto",
   position: "relative"
 }, children: [
-  /* @__PURE__ */ r.jsx(ht, { children: /* @__PURE__ */ r.jsx(jF, { dataSource: e }) }),
-  /* @__PURE__ */ r.jsx(ht, { children: /* @__PURE__ */ r.jsx(kF, { dataSource: e }) })
+  /* @__PURE__ */ r.jsx(ht, { children: /* @__PURE__ */ r.jsx(jV, { dataSource: e }) }),
+  /* @__PURE__ */ r.jsx(ht, { children: /* @__PURE__ */ r.jsx(kV, { dataSource: e }) })
 ] }));
-function IF({
+function IV({
   table_type: e
 }) {
   return e === "VIEW" ? /* @__PURE__ */ r.jsx(hh, { size: 14 }) : e === "BASE TABLE" ? /* @__PURE__ */ r.jsx(Lb, { size: 14 }) : null;
 }
-const TF = D(({
+const TV = D(({
   dataSource: e
 }) => {
   const {
@@ -38019,17 +38020,17 @@ const TF = D(({
     ".mantine-NavLink-label": {
       fontFamily: "monospace"
     }
-  }, children: Object.entries(t.data).map(([n, i]) => /* @__PURE__ */ r.jsx(vo, { label: n, icon: /* @__PURE__ */ r.jsx(Zi, { size: 14 }), defaultOpened: e.table_schema === n, pl: 0, childrenOffset: 14, children: i.map((s) => /* @__PURE__ */ r.jsx(vo, { label: s.table_name, icon: /* @__PURE__ */ r.jsx(IF, { table_type: s.table_type }), onClick: () => {
+  }, children: Object.entries(t.data).map(([n, i]) => /* @__PURE__ */ r.jsx(vo, { label: n, icon: /* @__PURE__ */ r.jsx(Zi, { size: 14 }), defaultOpened: e.table_schema === n, pl: 0, childrenOffset: 14, children: i.map((s) => /* @__PURE__ */ r.jsx(vo, { label: s.table_name, icon: /* @__PURE__ */ r.jsx(IV, { table_type: s.table_type }), onClick: () => {
     e.setKeywords(n, s.table_name);
   }, active: e.table_name === s.table_name }, s.table_name)) }, n)) });
-}), zF = ({
+}), zV = ({
   visible: e
 }) => /* @__PURE__ */ r.jsx(R, { py: 10, sx: {
   width: "100%",
   height: "100%",
   overflow: "hidden",
   position: "relative"
-}, children: /* @__PURE__ */ r.jsx(Or, { visible: e }) }), DF = [{
+}, children: /* @__PURE__ */ r.jsx(Or, { visible: e }) }), DV = [{
   label: "10",
   value: "10"
 }, {
@@ -38041,7 +38042,7 @@ const TF = D(({
 }, {
   label: "100",
   value: "100"
-}], MF = {
+}], MV = {
   icon: {
     width: "50px",
     textAlign: "center"
@@ -38051,7 +38052,7 @@ const TF = D(({
       paddingLeft: "50px"
     }
   }
-}, EF = D(({
+}, EV = D(({
   dataSource: e
 }) => {
   const {
@@ -38071,8 +38072,8 @@ const TF = D(({
         {
           icon: /* @__PURE__ */ r.jsx(w, { ta: "center", color: "dimmed", size: 14, children: t("common.pagination.page_size") }),
           size: "xs",
-          styles: MF,
-          data: DF,
+          styles: MV,
+          data: DV,
           value: String(n.limit),
           onChange: (i) => n.setLimit(Number(i))
         }
@@ -38082,7 +38083,7 @@ const TF = D(({
       total: n.total
     }) }) })
   ] });
-}), LF = D(({
+}), LV = D(({
   dataSource: e
 }) => {
   const t = e.tableData;
@@ -38090,8 +38091,8 @@ const TF = D(({
     fontFamily: "monospace"
   }, children: "This table is empty" }) : t.error ? /* @__PURE__ */ r.jsx(w, { mt: 20, color: "red", size: "md", align: "center", sx: {
     fontFamily: "monospace"
-  }, children: t.error }) : t.page === 1 && t.loading ? /* @__PURE__ */ r.jsx(zF, { visible: !0 }) : /* @__PURE__ */ r.jsxs(ht, { children: [
-    /* @__PURE__ */ r.jsx(EF, { dataSource: e }),
+  }, children: t.error }) : t.page === 1 && t.loading ? /* @__PURE__ */ r.jsx(zV, { visible: !0 }) : /* @__PURE__ */ r.jsxs(ht, { children: [
+    /* @__PURE__ */ r.jsx(EV, { dataSource: e }),
     /* @__PURE__ */ r.jsxs(R, { py: 10, sx: {
       width: "100%",
       height: "calc(100% - 42px)",
@@ -38102,7 +38103,7 @@ const TF = D(({
       /* @__PURE__ */ r.jsx(rg, { data: t.data })
     ] })
   ] });
-}), AF = {
+}), AV = {
   root: {
     flexGrow: 1,
     overflow: "auto",
@@ -38114,7 +38115,7 @@ const TF = D(({
   tab: {
     minWidth: 120
   }
-}, RF = D(({
+}, RV = D(({
   dataSource: e
 }) => {
   const {
@@ -38131,21 +38132,21 @@ const TF = D(({
       flexGrow: 0,
       flexShrink: 0,
       position: "relative"
-    }, children: /* @__PURE__ */ r.jsx(ht, { children: /* @__PURE__ */ r.jsx(TF, { dataSource: e }) }) }),
-    /* @__PURE__ */ r.jsxs(_, { defaultValue: "structure", styles: AF, children: [
+    }, children: /* @__PURE__ */ r.jsx(ht, { children: /* @__PURE__ */ r.jsx(TV, { dataSource: e }) }) }),
+    /* @__PURE__ */ r.jsxs(_, { defaultValue: "structure", styles: AV, children: [
       /* @__PURE__ */ r.jsxs(_.List, { children: [
         /* @__PURE__ */ r.jsx(_.Tab, { value: "structure", icon: /* @__PURE__ */ r.jsx(Ab, { size: 14 }), children: t("data_source.table_structure_short") }),
         /* @__PURE__ */ r.jsx(_.Tab, { value: "data", icon: /* @__PURE__ */ r.jsx(Zi, { size: 14 }), children: t("data.label") })
       ] }),
-      /* @__PURE__ */ r.jsx(_.Panel, { value: "structure", children: /* @__PURE__ */ r.jsx(CF, { dataSource: e }) }),
+      /* @__PURE__ */ r.jsx(_.Panel, { value: "structure", children: /* @__PURE__ */ r.jsx(CV, { dataSource: e }) }),
       /* @__PURE__ */ r.jsx(_.Panel, { value: "data", sx: {
         width: "100%",
         height: "calc(100% - 36px)",
         overflow: "hidden"
-      }, children: /* @__PURE__ */ r.jsx(LF, { dataSource: e }) })
+      }, children: /* @__PURE__ */ r.jsx(LV, { dataSource: e }) })
     ] })
   ] });
-}), $F = {
+}), $V = {
   modal: {
     paddingLeft: "0px !important",
     paddingRight: "0px !important"
@@ -38184,16 +38185,16 @@ const TF = D(({
           to: "red"
         }, children: e.type })
       ] })
-    ] }), zIndex: 320, size: "96vw", styles: $F, children: /* @__PURE__ */ r.jsx(R, { sx: {
+    ] }), zIndex: 320, size: "96vw", styles: $V, children: /* @__PURE__ */ r.jsx(R, { sx: {
       height: "calc(100vh - 220px)"
-    }, children: /* @__PURE__ */ r.jsx(RF, { dataSource: e }) }) }),
+    }, children: /* @__PURE__ */ r.jsx(RV, { dataSource: e }) }) }),
     /* @__PURE__ */ r.jsx(M, { variant: "subtle", onClick: () => s(!0), px: 16, styles: {
       inner: {
         justifyContent: "flex-start"
       }
     }, ...t, children: n("data_source.see_table_structure") })
   ] });
-}), PF = de(({
+}), PV = de(({
   label: e,
   type: t,
   ...n
@@ -38212,7 +38213,7 @@ const TF = D(({
 ] }) : /* @__PURE__ */ r.jsxs(y, { position: "apart", ref: i, ...n, children: [
   /* @__PURE__ */ r.jsx(w, { children: e }),
   /* @__PURE__ */ r.jsx(w, { children: t })
-] })), OF = D(({
+] })), OV = D(({
   value: e,
   onChange: t
 }) => {
@@ -38247,7 +38248,7 @@ const TF = D(({
       size: "xs",
       px: 10
     } })
-  ] }), itemComponent: PF, rightSection: d ? /* @__PURE__ */ r.jsx(w, { size: "xs", color: "dimmed", children: d.type }) : void 0, rightSectionWidth: 85, maxDropdownHeight: 500, styles: {
+  ] }), itemComponent: PV, rightSection: d ? /* @__PURE__ */ r.jsx(w, { size: "xs", color: "dimmed", children: d.type }) : void 0, rightSectionWidth: 85, maxDropdownHeight: 500, styles: {
     root: {
       flex: 1
     },
@@ -38263,7 +38264,7 @@ const TF = D(({
       }
     }
   }, disabled: a, value: e.key, onChange: c });
-}), VF = D(({
+}), FV = D(({
   queryModel: e
 }) => {
   const {
@@ -38284,7 +38285,7 @@ const TF = D(({
     }, rightSection: /* @__PURE__ */ r.jsx(re, { variant: "filled", color: "blue", size: "sm", onClick: () => e.setName(n), disabled: n === e.name, children: /* @__PURE__ */ r.jsx(et, { size: 16 }) }), onBlur: () => {
       e.setName(n);
     } }),
-    /* @__PURE__ */ r.jsx(OF, { value: {
+    /* @__PURE__ */ r.jsx(OV, { value: {
       type: e.type,
       key: e.key
     }, onChange: ({
@@ -38297,10 +38298,10 @@ const TF = D(({
     /* @__PURE__ */ r.jsx(ai, { label: t("query.run_by_condition.label"), placeholder: t("query.run_by_condition.unset"), data: e.conditionOptions, value: [...e.run_by], onChange: e.setRunBy, itemComponent: ou, maxDropdownHeight: 500 }),
     e.typedAsHTTP && /* @__PURE__ */ r.jsx(ai, { label: t("query.re_run_condition.label"), placeholder: t("query.re_run_condition.label"), data: e.conditionOptions, value: [...e.react_to], onChange: e.setReactTo, itemComponent: ou, maxDropdownHeight: 500 }),
     /* @__PURE__ */ r.jsx(O, { mt: 20, mb: 10, variant: "dashed" }),
-    /* @__PURE__ */ r.jsx(vF, { queryModel: e })
+    /* @__PURE__ */ r.jsx(vV, { queryModel: e })
   ] }) });
 });
-function FF({
+function VV({
   content: e
 }) {
   return /* @__PURE__ */ r.jsxs(Ke, { width: "60vw", shadow: "md", children: [
@@ -38308,7 +38309,7 @@ function FF({
     /* @__PURE__ */ r.jsx(Ke.Dropdown, { children: /* @__PURE__ */ r.jsx(dr, { language: "sql", noCopy: !0, withLineNumbers: !0, children: e }) })
   ] });
 }
-const NF = D(() => {
+const NV = D(() => {
   const t = [...Ie().globalSQLSnippets.list];
   return t.length === 0 ? null : /* @__PURE__ */ r.jsxs(at, { horizontalSpacing: "xs", verticalSpacing: "xs", fontSize: "sm", highlightOnHover: !0, children: [
     /* @__PURE__ */ r.jsx("thead", { children: /* @__PURE__ */ r.jsxs("tr", { children: [
@@ -38322,11 +38323,11 @@ const NF = D(() => {
       } = n;
       return /* @__PURE__ */ r.jsxs("tr", { children: [
         /* @__PURE__ */ r.jsx("td", { children: i }),
-        /* @__PURE__ */ r.jsx("td", { width: 200, children: /* @__PURE__ */ r.jsx(FF, { content: s }) })
+        /* @__PURE__ */ r.jsx("td", { width: 200, children: /* @__PURE__ */ r.jsx(VV, { content: s }) })
       ] }, i);
     }) })
   ] });
-}), qF = `
+}), qV = `
 -- You may reference query variables in SQL or VizConfig.
 SELECT *
 FROM commit
@@ -38366,13 +38367,13 @@ WHERE
     ] }),
     /* @__PURE__ */ r.jsx(_.Panel, { value: "guide", pt: "xs", children: /* @__PURE__ */ r.jsx(dr, { language: "sql", sx: {
       width: "100%"
-    }, noCopy: !0, colorScheme: "dark", children: qF }) }),
+    }, noCopy: !0, colorScheme: "dark", children: qV }) }),
     /* @__PURE__ */ r.jsx(_.Panel, { value: "local_query_vars", pt: "xs", children: /* @__PURE__ */ r.jsx(dr, { language: "json", sx: {
       width: "100%"
     }, noCopy: !0, colorScheme: "dark", children: l }) }),
     /* @__PURE__ */ r.jsx(_.Panel, { value: "global_sql_snippets", pt: "xs", children: /* @__PURE__ */ r.jsxs(C, { spacing: 10, children: [
       /* @__PURE__ */ r.jsx(Qi, { icon: /* @__PURE__ */ r.jsx(jo, { size: 16 }), title: i("global_sql_snippet.labels"), children: i("global_sql_snippet.description") }),
-      /* @__PURE__ */ r.jsx(NF, {})
+      /* @__PURE__ */ r.jsx(NV, {})
     ] }) })
   ] }) });
 }), Uc = D(() => {
@@ -38392,7 +38393,7 @@ WHERE
 `),
   post: ["function process_result(resp, utils, state) {", "    return resp.data", "}"].join(`
 `)
-}, BF = D(({
+}, BV = D(({
   queryModel: e
 }) => {
   const {
@@ -38411,7 +38412,7 @@ WHERE
     }, p: "sm", children: /* @__PURE__ */ r.jsx(li, { label: "", value: e.pre_process, onChange: e.setPreProcess, defaultValue: Pu.pre }) }),
     /* @__PURE__ */ r.jsx(_.Panel, { value: "post_process", p: "sm", children: /* @__PURE__ */ r.jsx(li, { label: "", value: e.post_process, onChange: e.setPostProcess, defaultValue: Pu.post }) })
   ] }) : null;
-}), WF = D(({
+}), WV = D(({
   queryID: e,
   usage: t
 }) => {
@@ -38451,7 +38452,7 @@ WHERE
       ] }) })
     ] }, o.id)) })
   ] }) });
-}), GF = D(({
+}), GV = D(({
   queryModel: e
 }) => {
   const {
@@ -38477,7 +38478,7 @@ WHERE
   } }), sx: {
     transform: "none !important"
   }, children: t("query.dependency.label") }) });
-}), HF = "SELECT 1", QF = D(({
+}), HV = "SELECT 1", QV = D(({
   queryModel: e
 }) => {
   const {
@@ -38487,7 +38488,7 @@ WHERE
   }, a = () => {
     i(e.sql);
   }, o = () => {
-    i(HF);
+    i(HV);
   };
   Q(() => {
     i(e.sql);
@@ -38500,7 +38501,7 @@ WHERE
       flexShrink: 0,
       flexGrow: 0
     }, children: [
-      /* @__PURE__ */ r.jsx(y, { position: "left", children: /* @__PURE__ */ r.jsx(GF, { queryModel: e }) }),
+      /* @__PURE__ */ r.jsx(y, { position: "left", children: /* @__PURE__ */ r.jsx(GV, { queryModel: e }) }),
       /* @__PURE__ */ r.jsxs(y, { position: "right", children: [
         /* @__PURE__ */ r.jsx(M, { onClick: o, size: "xs", variant: "default", leftIcon: /* @__PURE__ */ r.jsx(ah, { size: 16 }), children: t("common.actions.reset_to_default") }),
         /* @__PURE__ */ r.jsx(M, { onClick: a, color: "red", size: "xs", disabled: !l, leftIcon: /* @__PURE__ */ r.jsx(Ji, { size: 16 }), children: t("common.actions.revert_changes") }),
@@ -38509,7 +38510,7 @@ WHERE
     ] }),
     /* @__PURE__ */ r.jsx(ic, { height: "100%", value: n, onChange: i, theme: "sql-dark", defaultLanguage: "sql" })
   ] });
-}), UF = ({
+}), UV = ({
   value: e,
   height: t = "200px",
   defaultLanguage: n = "sql"
@@ -38522,17 +38523,17 @@ WHERE
     enabled: !1
   },
   readOnly: !0
-} }), YF = D(({
+} }), YV = D(({
   value: e
 }) => {
   const n = lt().payloadForSQL, i = $.useMemo(() => dl(e, n), [e, n]);
-  return /* @__PURE__ */ r.jsx(UF, { height: "100%", value: i });
+  return /* @__PURE__ */ r.jsx(UV, { height: "100%", value: i });
 }), Ou = {
   pre: ["function process_request({ context, filters, sql }, utils) {", "    // modify and return sql", "    return sql", "}"].join(`
 `),
   post: ["function process_result(data, utils, state) {", "    // process data and return the result", "    return data", "}"].join(`
 `)
-}, KF = D(({
+}, KV = D(({
   queryModel: e
 }) => {
   const {
@@ -38557,18 +38558,18 @@ WHERE
     ] }),
     /* @__PURE__ */ r.jsx(_.Panel, { value: "Edit", sx: {
       position: "relative"
-    }, p: "sm", children: /* @__PURE__ */ r.jsx(QF, { queryModel: e }) }),
-    /* @__PURE__ */ r.jsx(_.Panel, { value: "Preview", p: 0, pl: 4, children: /* @__PURE__ */ r.jsx(YF, { value: e.sql }) }),
+    }, p: "sm", children: /* @__PURE__ */ r.jsx(QV, { queryModel: e }) }),
+    /* @__PURE__ */ r.jsx(_.Panel, { value: "Preview", p: 0, pl: 4, children: /* @__PURE__ */ r.jsx(YV, { value: e.sql }) }),
     /* @__PURE__ */ r.jsx(_.Panel, { value: "pre_process", sx: {
       position: "relative"
     }, p: "sm", children: /* @__PURE__ */ r.jsx(li, { label: "", value: e.pre_process, onChange: e.setPreProcess, defaultValue: Ou.pre }) }),
     /* @__PURE__ */ r.jsx(_.Panel, { value: "post_process", p: "sm", children: /* @__PURE__ */ r.jsx(li, { label: "", value: e.post_process, onChange: e.setPostProcess, defaultValue: Ou.post }) })
   ] }) : null;
-}), XF = {
+}), XV = {
   pre: ["function transform(queries, state, utils) {", "    // use queries & dashboar state to build new data", "    const data = []", "    return data", "}"].join(`
 `),
   post: ""
-}, JF = D(({
+}, JV = D(({
   queryModel: e
 }) => {
   const {
@@ -38582,13 +38583,13 @@ WHERE
     /* @__PURE__ */ r.jsx(w, { size: "sm", children: t("query.transform.guide.write_function") }),
     /* @__PURE__ */ r.jsx(R, { sx: {
       flexGrow: 1
-    }, children: /* @__PURE__ */ r.jsx(li, { label: "", value: e.pre_process, onChange: e.setPreProcess, defaultValue: XF.pre }) })
+    }, children: /* @__PURE__ */ r.jsx(li, { label: "", value: e.pre_process, onChange: e.setPreProcess, defaultValue: XV.pre }) })
   ] }) : null;
 }), ki = {
   height: "calc(100% - 44px)",
   // Tabs.List
   padding: 0
-}, ZF = D(({
+}, ZV = D(({
   queryModel: e
 }) => {
   const {
@@ -38609,16 +38610,16 @@ WHERE
       /* @__PURE__ */ r.jsx(_.Tab, { value: "Data", disabled: !e.canPreviewData, children: /* @__PURE__ */ r.jsx(ve, { label: e.guideToPreviewData, disabled: e.canPreviewData, withinPortal: !0, children: /* @__PURE__ */ r.jsx(w, { children: t("data.preview_data") }) }) }),
       /* @__PURE__ */ r.jsx(_.Tab, { value: "Usage", disabled: l, children: /* @__PURE__ */ r.jsx(ve, { label: t("query.usage.unused_description"), disabled: !l, withinPortal: !0, children: /* @__PURE__ */ r.jsx(w, { children: t("query.usage.label") }) }) })
     ] }),
-    /* @__PURE__ */ r.jsx(_.Panel, { value: "Configurations", pt: 0, p: 0, children: /* @__PURE__ */ r.jsx(VF, { queryModel: e }) }),
+    /* @__PURE__ */ r.jsx(_.Panel, { value: "Configurations", pt: 0, p: 0, children: /* @__PURE__ */ r.jsx(FV, { queryModel: e }) }),
     e.typedAsSQL && /* @__PURE__ */ r.jsx(_.Panel, { value: "SQL", sx: ki, children: /* @__PURE__ */ r.jsx(C, { sx: {
       height: "100%"
-    }, children: /* @__PURE__ */ r.jsx(KF, { queryModel: e }) }) }),
+    }, children: /* @__PURE__ */ r.jsx(KV, { queryModel: e }) }) }),
     e.typedAsHTTP && /* @__PURE__ */ r.jsx(_.Panel, { value: "HTTP", sx: ki, children: /* @__PURE__ */ r.jsx(C, { sx: {
       height: "100%"
-    }, children: /* @__PURE__ */ r.jsx(BF, { queryModel: e }) }) }),
+    }, children: /* @__PURE__ */ r.jsx(BV, { queryModel: e }) }) }),
     e.isTransform && /* @__PURE__ */ r.jsx(_.Panel, { value: "Transform", sx: ki, children: /* @__PURE__ */ r.jsx(C, { sx: {
       height: "100%"
-    }, children: /* @__PURE__ */ r.jsx(JF, { queryModel: e }) }) }),
+    }, children: /* @__PURE__ */ r.jsx(JV, { queryModel: e }) }) }),
     /* @__PURE__ */ r.jsx(_.Panel, { value: "Data", sx: {
       ...ki,
       overflow: "hidden"
@@ -38626,13 +38627,13 @@ WHERE
     /* @__PURE__ */ r.jsx(_.Panel, { value: "Usage", sx: {
       ...ki,
       overflow: "hidden"
-    }, children: /* @__PURE__ */ r.jsx(WF, { queryID: e.id, usage: o }) })
+    }, children: /* @__PURE__ */ r.jsx(WV, { queryID: e.id, usage: o }) })
   ] });
 }), eN = D(({
   id: e
 }) => {
   const n = be().queries.findByID(e);
-  return e === "" ? null : n ? /* @__PURE__ */ r.jsx(ZF, { queryModel: n }) : /* @__PURE__ */ r.jsx(w, { size: 14, color: "red", children: "Invalid Query ID" });
+  return e === "" ? null : n ? /* @__PURE__ */ r.jsx(ZV, { queryModel: n }) : /* @__PURE__ */ r.jsx(w, { size: 14, color: "red", children: "Invalid Query ID" });
 }), tN = D(({
   value: e
 }) => {
@@ -39063,7 +39064,7 @@ const wN = D(() => /* @__PURE__ */ r.jsx(C, { sx: {
   height: "100%"
 }, p: "sm", children: /* @__PURE__ */ r.jsx(ag, {}) })), SN = D(() => {
   const e = Ie().editor, t = e.path;
-  return pN(t) ? /* @__PURE__ */ r.jsx(wN, {}) : mN(t) ? /* @__PURE__ */ r.jsx(RV, {}) : fN(t) ? /* @__PURE__ */ r.jsx(AV, {}) : xN(t) ? /* @__PURE__ */ r.jsx(R, { p: "xs", pl: 20, children: /* @__PURE__ */ r.jsx(LV, { id: t[1] }) }) : gN(t) ? /* @__PURE__ */ r.jsx(iN, {}) : bN(t) ? /* @__PURE__ */ r.jsx(rN, { id: t[1] }) : vN(t) ? /* @__PURE__ */ r.jsx(bF, {}) : yN(t) ? /* @__PURE__ */ r.jsx(eN, { id: t[1] }) : _N(t) ? /* @__PURE__ */ r.jsx(R, { p: "xs", pl: 20, children: /* @__PURE__ */ r.jsx(hN, { id: t[1] }) }) : jN(t) ? /* @__PURE__ */ r.jsx(gF, { viewID: t[1], panelID: t[3] }) : /* @__PURE__ */ r.jsx(R, { children: e.path });
+  return pN(t) ? /* @__PURE__ */ r.jsx(wN, {}) : mN(t) ? /* @__PURE__ */ r.jsx(RF, {}) : fN(t) ? /* @__PURE__ */ r.jsx(AF, {}) : xN(t) ? /* @__PURE__ */ r.jsx(R, { p: "xs", pl: 20, children: /* @__PURE__ */ r.jsx(LF, { id: t[1] }) }) : gN(t) ? /* @__PURE__ */ r.jsx(iN, {}) : bN(t) ? /* @__PURE__ */ r.jsx(rN, { id: t[1] }) : vN(t) ? /* @__PURE__ */ r.jsx(bV, {}) : yN(t) ? /* @__PURE__ */ r.jsx(eN, { id: t[1] }) : _N(t) ? /* @__PURE__ */ r.jsx(R, { p: "xs", pl: 20, children: /* @__PURE__ */ r.jsx(hN, { id: t[1] }) }) : jN(t) ? /* @__PURE__ */ r.jsx(gV, { viewID: t[1], panelID: t[3] }) : /* @__PURE__ */ r.jsx(R, { children: e.path });
 }), kN = D(() => /* @__PURE__ */ r.jsx(SN, {})), CN = D(() => {
   const {
     t: e
@@ -39217,7 +39218,7 @@ const wN = D(() => /* @__PURE__ */ r.jsx(C, { sx: {
   const {
     t: e
   } = v(), t = Ie();
-  return /* @__PURE__ */ r.jsxs(Fn, { p: 0, width: {
+  return /* @__PURE__ */ r.jsxs(Vn, { p: 0, width: {
     base: 220,
     xs: 220,
     sm: 240,
@@ -39230,16 +39231,16 @@ const wN = D(() => /* @__PURE__ */ r.jsx(C, { sx: {
       wordWrap: "break-word"
     }
   }, children: [
-    /* @__PURE__ */ r.jsx(Fn.Section, { pt: 9, pb: 8, sx: {
+    /* @__PURE__ */ r.jsx(Vn.Section, { pt: 9, pb: 8, sx: {
       borderBottom: "1px solid #eee"
     }, children: /* @__PURE__ */ r.jsx(w, { align: "center", sx: {
       userSelect: "none",
       cursor: "default"
     }, children: e("common.titles.settings") }) }),
-    /* @__PURE__ */ r.jsx(Fn.Section, { grow: !0, sx: {
+    /* @__PURE__ */ r.jsx(Vn.Section, { grow: !0, sx: {
       overflow: "auto"
     }, children: /* @__PURE__ */ r.jsx(RN, {}) }),
-    /* @__PURE__ */ r.jsx(Fn.Section, { children: /* @__PURE__ */ r.jsx(y, { grow: !0, p: "md", pt: "sm", sx: {
+    /* @__PURE__ */ r.jsx(Vn.Section, { children: /* @__PURE__ */ r.jsx(y, { grow: !0, p: "md", pt: "sm", sx: {
       borderTop: "1px solid #eee"
     }, children: /* @__PURE__ */ r.jsx(M, { size: "xs", color: "red", leftIcon: /* @__PURE__ */ r.jsx(sl, { size: 18 }), onClick: () => t.editor.close(), children: e("common.actions.close") }) }) })
   ] });
@@ -39278,13 +39279,13 @@ const wN = D(() => /* @__PURE__ */ r.jsx(C, { sx: {
       overflowY: "hidden !important"
     }
   }, children: /* @__PURE__ */ r.jsx(Qu, { padding: 0, navbar: /* @__PURE__ */ r.jsx($N, {}), styles: PN, children: /* @__PURE__ */ r.jsx(kN, {}) }) });
-}), VN = (e) => e.replace(/([^:])(\/\/+)/g, "$1/");
-function FN(e) {
+}), FN = (e) => e.replace(/([^:])(\/\/+)/g, "$1/");
+function VN(e) {
   Q(() => {
     if (Ka.__getMonacoInstance())
       return;
     console.log("loading monaco for @devtable/dashboard");
-    const n = VN(e);
+    const n = FN(e);
     Ka.config({
       paths: {
         vs: n
@@ -39326,7 +39327,7 @@ const NN = {
   onExit: h,
   lang: u
 }, p) => {
-  FN(a.monacoPath), Fh(a);
+  VN(a.monacoPath), Vh(a);
   const {
     data: m = []
   } = Er(ac), {
@@ -39366,7 +39367,7 @@ const NN = {
   }, children: /* @__PURE__ */ r.jsx(bp, { value: b, children: /* @__PURE__ */ r.jsx(wp, { value: b.content, children: /* @__PURE__ */ r.jsx(jl.Provider, { value: {
     inEditMode: !0
   }, children: /* @__PURE__ */ r.jsx(Pn.Provider, { value: S, children: /* @__PURE__ */ r.jsxs(Na, { configure: z, children: [
-    /* @__PURE__ */ r.jsx(Qu, { padding: 0, header: /* @__PURE__ */ r.jsx(WO, { onExit: h, saveDashboardChanges: I, headerSlot: l }), navbar: /* @__PURE__ */ r.jsx(gV, {}), styles: NN, children: /* @__PURE__ */ r.jsx(R, { className: `${s} dashboard-root`, sx: {
+    /* @__PURE__ */ r.jsx(Qu, { padding: 0, header: /* @__PURE__ */ r.jsx(WO, { onExit: h, saveDashboardChanges: I, headerSlot: l }), navbar: /* @__PURE__ */ r.jsx(gF, {}), styles: NN, children: /* @__PURE__ */ r.jsx(R, { className: `${s} dashboard-root`, sx: {
       position: "relative"
     }, children: b.content.views.visibleViews.map((L) => /* @__PURE__ */ r.jsx(Z2, { view: L }, L.id)) }) }),
     /* @__PURE__ */ r.jsx(ON, {})
@@ -39565,7 +39566,7 @@ const HN = ({
   onActiveTabChange: h,
   lang: u
 }) => {
-  Fh(s);
+  Vh(s);
   const {
     data: p = []
   } = Er(ac), {
@@ -39609,41 +39610,41 @@ const HN = ({
     inEditMode: !1
   }, children: /* @__PURE__ */ r.jsx(R, { className: `${i} dashboard-root`, children: /* @__PURE__ */ r.jsx(Pn.Provider, { value: b, children: /* @__PURE__ */ r.jsx(Na, { configure: I, children: f.content.views.visibleViews.map((S) => /* @__PURE__ */ r.jsx(Wc, { view: S }, S.id)) }) }) }) }) }) }) }) }) }) }) });
 }, J3 = D(HN);
-F.extend(rv);
-F.extend(iv);
-F.extend(sv);
-F.extend(av);
-F.extend(ov);
-F.extend(lv);
-F.extend(cv);
-F.extend(dv);
-F.extend(uv);
-F.extend(hv);
-F.extend(fv);
-F.extend(xv);
-F.extend(gv);
-F.extend(bv);
-F.extend(yv);
-F.extend(pv);
-F.extend(mv);
-F.extend(vv);
-F.extend(_v);
-F.extend(jv);
-F.extend(wv);
-F.extend(Sv);
-F.extend(kv);
-F.extend(Cv);
-F.extend(Iv);
-F.extend(Tv);
-F.extend(zv);
-F.extend(Dv);
-F.extend(Mv);
-F.extend(Ev);
-F.extend(Av);
-F.extend(Rv);
-F.extend(Lv);
-F.tz.setDefault("UTC");
-F.updateLocale("en", {
+V.extend(rv);
+V.extend(iv);
+V.extend(sv);
+V.extend(av);
+V.extend(ov);
+V.extend(lv);
+V.extend(cv);
+V.extend(dv);
+V.extend(uv);
+V.extend(hv);
+V.extend(fv);
+V.extend(xv);
+V.extend(gv);
+V.extend(bv);
+V.extend(yv);
+V.extend(pv);
+V.extend(mv);
+V.extend(vv);
+V.extend(_v);
+V.extend(jv);
+V.extend(wv);
+V.extend(Sv);
+V.extend(kv);
+V.extend(Cv);
+V.extend(Iv);
+V.extend(Tv);
+V.extend(zv);
+V.extend(Dv);
+V.extend(Mv);
+V.extend(Ev);
+V.extend(Av);
+V.extend(Rv);
+V.extend(Lv);
+V.tz.setDefault("UTC");
+V.updateLocale("en", {
   weekStart: 1
 });
 const Z3 = () => Promise.resolve().then(() => l1).then(({
@@ -39691,7 +39692,7 @@ export {
   r2 as GlobalSQLSnippetMeta,
   _x as GlobalSQLSnippetsMeta,
   OP as LayoutItemMeta,
-  VP as LayoutSetMeta,
+  FP as LayoutSetMeta,
   jl as LayoutStateContext,
   Rx as LayoutsRenderModel,
   ax as MockContextMeta,
@@ -39715,7 +39716,7 @@ export {
   iO as QueryModel,
   Lx as QueryRenderModel,
   J3 as ReadOnlyDashboard,
-  FP as SQLSnippetMeta,
+  VP as SQLSnippetMeta,
   u2 as SQLSnippetRenderModel,
   aO as SQLSnippetsModel,
   $x as SQLSnippetsRenderModel,
@@ -39732,7 +39733,7 @@ export {
   Sx as ViewsRenderModel,
   S2 as Viz,
   K3 as applyPartialDashboard,
-  Fh as configureAPIClient,
+  Vh as configureAPIClient,
   _O as createContentModel,
   BN as createContentRenderModel,
   jx as createContextMeta,