@devtable/dashboard 14.17.0 → 14.17.2

package/dist/dashboard.es.js

@@ -1,68 +1,35 @@
 var ru = Object.defineProperty;
 var au = (e, t, n) => t in e ? ru(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var j = (e, t, n) => (au(e, typeof t != "symbol" ? t + "" : t, n), n);
-import E from "dayjs";
-import iu from "dayjs/plugin/advancedFormat";
-import ou from "dayjs/plugin/arraySupport";
-import lu from "dayjs/plugin/buddhistEra";
-import su from "dayjs/plugin/calendar";
-import cu from "dayjs/plugin/customParseFormat";
-import du from "dayjs/plugin/dayOfYear";
-import uu from "dayjs/plugin/duration";
-import hu from "dayjs/plugin/isBetween";
-import pu from "dayjs/plugin/isLeapYear";
-import mu from "dayjs/plugin/isMoment";
-import gu from "dayjs/plugin/isoWeek";
-import fu from "dayjs/plugin/isoWeeksInYear";
-import bu from "dayjs/plugin/isSameOrAfter";
-import yu from "dayjs/plugin/isSameOrBefore";
-import _u from "dayjs/plugin/isToday";
-import xu from "dayjs/plugin/isTomorrow";
-import vu from "dayjs/plugin/isYesterday";
-import wu from "dayjs/plugin/localeData";
-import Su from "dayjs/plugin/localizedFormat";
-import Cu from "dayjs/plugin/minMax";
-import ku from "dayjs/plugin/objectSupport";
-import zu from "dayjs/plugin/pluralGetSet";
-import Tu from "dayjs/plugin/preParsePostFormat";
-import Du from "dayjs/plugin/quarterOfYear";
-import Iu from "dayjs/plugin/relativeTime";
-import Mu from "dayjs/plugin/timezone";
-import Lu from "dayjs/plugin/toArray";
-import Vu from "dayjs/plugin/toObject";
-import Au from "dayjs/plugin/updateLocale";
-import $u from "dayjs/plugin/utc";
-import Pu from "dayjs/plugin/weekday";
-import Ru from "dayjs/plugin/weekOfYear";
-import Eu from "dayjs/plugin/weekYear";
-import { createInstance as Ou } from "i18next";
-import { useTranslation as x, Trans as Sr, initReactI18next as qu, I18nextProvider as Fu } from "react-i18next";
-import Bu from "i18next-browser-languagedetector";
+import { createInstance as iu } from "i18next";
+import { useTranslation as x, Trans as Sr, initReactI18next as ou, I18nextProvider as lu } from "react-i18next";
+import su from "i18next-browser-languagedetector";
 import "intl-pluralrules";
-import C, { unset as Nu, get as le, isObject as Xo, set as wa, omit as sn, isFunction as ju, orderBy as Qu, last as Zo, cloneDeepWith as Jo, defaults as he, minBy as Gu, maxBy as Hu, cloneDeep as Pe, values as el, template as Sa, throttle as Wu, range as Uu, defaultsDeep as Ge, isEqual as Fe, keyBy as Ku, isEmpty as tl, isNumber as Yu, findLastIndex as Xu, isString as nl, pick as rl } from "lodash";
+import C, { unset as cu, get as le, isObject as Xo, set as wa, omit as sn, isFunction as du, orderBy as uu, last as Zo, cloneDeepWith as Jo, defaults as he, minBy as hu, maxBy as pu, cloneDeep as Pe, values as el, template as Sa, throttle as mu, range as gu, defaultsDeep as Ge, isEqual as Fe, keyBy as fu, isEmpty as tl, isNumber as bu, findLastIndex as yu, isString as nl, pick as rl } from "lodash";
 import { observable as al, runInAction as Nn, toJS as Et, reaction as Be, makeAutoObservable as Wn } from "mobx";
 import ji from "eventemitter2";
 import { jsx as r, Fragment as F, jsxs as u } from "react/jsx-runtime";
-import $, { useId as Zu, useState as G, useEffect as B, useCallback as ae, forwardRef as J, useMemo as z, useRef as $t, createContext as il, createElement as Mn, useContext as Ht, memo as Ju } from "react";
+import $, { useId as _u, useState as G, useEffect as B, useCallback as ae, forwardRef as J, useMemo as z, useRef as $t, createContext as il, createElement as Mn, useContext as Ht, memo as xu } from "react";
 import cn, { random as Cr } from "chroma-js";
 import He from "echarts-for-react/lib/core";
 import "echarts-gl";
 import * as Ne from "echarts/core";
-import { use as eh } from "echarts/core";
-import { useBoolean as De, useCreation as Pt, usePrevious as th, useAsyncEffect as Ln, useRequest as dn, useLatest as oa, useWhyDidYouUpdate as ol } from "ahooks";
-import { Box as V, TextInput as A, Group as _, Text as k, Select as O, Button as L, Modal as ve, Stack as T, Divider as P, NumberInput as ne, SimpleGrid as ke, Menu as W, UnstyledButton as Ca, Tooltip as re, Flex as tt, ColorInput as Jt, Center as Ot, ActionIcon as ee, Badge as jt, CloseButton as xt, Overlay as en, NativeSelect as ka, useMantineTheme as kr, ColorSwatch as dr, Popover as ut, ColorPicker as Qi, HoverCard as _e, Checkbox as te, Paper as nh, Code as Gi, Tabs as S, Switch as Ce, Table as w, MultiSelect as un, LoadingOverlay as tn, Alert as Un, Collapse as Kn, CheckIcon as rh, SegmentedControl as za, Anchor as Qn, Pagination as zr, Textarea as ll, RangeSlider as ah, Autocomplete as ih, Combobox as Bt, Mark as sl, Slider as oh, List as We, getRadius as Ta, Affix as lh, AppShell as Xe, FileInput as sh, Highlight as ch, rem as Hi, ThemeIcon as ar, JsonInput as cl, Drawer as dh, Radio as Wi, Skeleton as Ui, NavLink as la, useCombobox as uh, Loader as Da, InputBase as hh, Input as ph } from "@mantine/core";
-import { useHover as mh, useDisclosure as nn, useClipboard as gh, randomId as hn, useElementSize as dl, useResizeObserver as fh, useInputState as ul } from "@mantine/hooks";
-import * as bh from "popmotion";
+import { use as vu } from "echarts/core";
+import { useBoolean as De, useCreation as Pt, usePrevious as wu, useAsyncEffect as Ln, useRequest as dn, useLatest as oa, useWhyDidYouUpdate as ol } from "ahooks";
+import { Box as V, TextInput as A, Group as _, Text as k, Select as O, Button as L, Modal as ve, Stack as T, Divider as P, NumberInput as ne, SimpleGrid as ke, Menu as W, UnstyledButton as Ca, Tooltip as re, Flex as tt, ColorInput as Jt, Center as Ot, ActionIcon as ee, Badge as jt, CloseButton as xt, Overlay as en, NativeSelect as ka, useMantineTheme as kr, ColorSwatch as dr, Popover as ut, ColorPicker as Qi, HoverCard as _e, Checkbox as te, Paper as Su, Code as Gi, Tabs as S, Switch as Ce, Table as w, MultiSelect as un, LoadingOverlay as tn, Alert as Un, Collapse as Kn, CheckIcon as Cu, SegmentedControl as za, Anchor as Qn, Pagination as zr, Textarea as ll, RangeSlider as ku, Autocomplete as zu, Combobox as Bt, Mark as sl, Slider as Tu, List as We, getRadius as Ta, Affix as Du, AppShell as Xe, FileInput as Iu, Highlight as Mu, rem as Hi, ThemeIcon as ar, JsonInput as cl, Drawer as Lu, Radio as Wi, Skeleton as Ui, NavLink as la, useCombobox as Vu, Loader as Da, InputBase as Au, Input as $u } from "@mantine/core";
+import { useHover as Pu, useDisclosure as nn, useClipboard as Ru, randomId as hn, useElementSize as dl, useResizeObserver as Eu, useInputState as ul } from "@mantine/hooks";
+import * as Ou from "popmotion";
 import { interpolate as bn } from "popmotion";
 import * as hl from "d3-array";
 import { quantile as ir } from "d3-array";
 import * as kn from "mathjs";
-import { faker as yh } from "@faker-js/faker";
-import * as _h from "crypto-js";
-import xh from "crypto-js";
+import { faker as qu } from "@faker-js/faker";
+import * as Fu from "crypto-js";
+import Bu from "crypto-js";
+import E from "dayjs";
 import pn from "numbro";
-import { IconMathFunction as Wt, IconRecycle as mt, IconDeviceFloppy as me, IconSelector as vh, IconGripVertical as pl, IconTrash as $e, IconArrowBackUp as wh, IconPlayerSkipBack as ml, IconMathFunctionOff as Sh, IconTextSize as Ia, IconInfoCircle as Re, IconCheck as Ch, IconBorderAll as kh, IconCircleOff as gl, IconX as Ma, IconAlertCircle as Gn, IconPlus as lt, IconGripHorizontal as zh, IconChevronUp as Th, IconChevronDown as fl, IconChartAreaLineFilled as Dh, IconPlaylistAdd as Hn, IconArrowDown as Ih, IconArrowUp as Mh, IconArrowBarToRight as La, IconArrowCurveRight as sa, IconCalendar as Lh, IconMinus as Vh, IconRefresh as Tr, IconChevronsUp as Ah, IconChevronsDown as $h, IconDatabase as Xt, IconDownload as Yn, IconCode as mn, IconCamera as Dr, IconArrowsMaximize as bl, IconAppWindow as Va, IconVariable as Vn, IconChartHistogram as yl, IconRoute as Aa, IconCopy as $a, IconArrowLeft as _l, IconArrowsMove as Ph, IconChevronDownRight as Rh, IconShare3 as Eh, IconArrowsLeftRight as Oh, IconCodeDots as xl, IconFilter as Pa, IconBoxMultiple as Ra, IconCaretDown as qh, IconAlertTriangle as vl, IconDevices as Fh, IconSettings as An, IconPointFilled as Ir, IconFileImport as Ki, IconSearch as wl, IconCircleDashed as Bh, IconCircleDot as Nh, IconChevronsUpRight as jh, IconAdjustments as Qh, IconLine as Gh, IconEye as Sl, IconTable as Hh, IconColumns as Wh, IconVectorTriangle as Uh, IconVariablePlus as Kh, IconHierarchy as Yh, IconDiscountCheckFilled as Xh, IconHash as Zh } from "@tabler/icons-react";
-import { RichTextEditor as oe, Link as Cl, useRichTextEditorContext as Jh } from "@mantine/tiptap";
+import { IconMathFunction as Wt, IconRecycle as mt, IconDeviceFloppy as me, IconSelector as Nu, IconGripVertical as pl, IconTrash as $e, IconArrowBackUp as ju, IconPlayerSkipBack as ml, IconMathFunctionOff as Qu, IconTextSize as Ia, IconInfoCircle as Re, IconCheck as Gu, IconBorderAll as Hu, IconCircleOff as gl, IconX as Ma, IconAlertCircle as Gn, IconPlus as lt, IconGripHorizontal as Wu, IconChevronUp as Uu, IconChevronDown as fl, IconChartAreaLineFilled as Ku, IconPlaylistAdd as Hn, IconArrowDown as Yu, IconArrowUp as Xu, IconArrowBarToRight as La, IconArrowCurveRight as sa, IconCalendar as Zu, IconMinus as Ju, IconRefresh as Tr, IconChevronsUp as eh, IconChevronsDown as th, IconDatabase as Xt, IconDownload as Yn, IconCode as mn, IconCamera as Dr, IconArrowsMaximize as bl, IconAppWindow as Va, IconVariable as Vn, IconChartHistogram as yl, IconRoute as Aa, IconCopy as $a, IconArrowLeft as _l, IconArrowsMove as nh, IconChevronDownRight as rh, IconShare3 as ah, IconArrowsLeftRight as ih, IconCodeDots as xl, IconFilter as Pa, IconBoxMultiple as Ra, IconCaretDown as oh, IconAlertTriangle as vl, IconDevices as lh, IconSettings as An, IconPointFilled as Ir, IconFileImport as Ki, IconSearch as wl, IconCircleDashed as sh, IconCircleDot as ch, IconChevronsUpRight as dh, IconAdjustments as uh, IconLine as hh, IconEye as Sl, IconTable as ph, IconColumns as mh, IconVectorTriangle as gh, IconVariablePlus as fh, IconHierarchy as bh, IconDiscountCheckFilled as yh, IconHash as _h } from "@tabler/icons-react";
+import { RichTextEditor as oe, Link as Cl, useRichTextEditorContext as xh } from "@mantine/tiptap";
 import { Color as kl } from "@tiptap/extension-color";
 import zl from "@tiptap/extension-highlight";
 import Tl from "@tiptap/extension-placeholder";
@@ -77,80 +44,76 @@ import Pl from "@tiptap/extension-text-style";
 import Rl from "@tiptap/extension-underline";
 import { useEditor as El } from "@tiptap/react";
 import Ol from "@tiptap/starter-kit";
-import { DatesProvider as ep, DatePicker as tp } from "@mantine/dates";
+import { DatesProvider as vh, DatePicker as wh } from "@mantine/dates";
 import qt, { loader as Jr } from "@monaco-editor/react";
-import { Mark as ql, Extension as np } from "@tiptap/core";
-import * as rp from "d3-scale";
-import { useForm as ge, Controller as f, useFieldArray as Mr, useWatch as ap } from "react-hook-form";
+import { Mark as ql, Extension as Sh } from "@tiptap/core";
+import * as Ch from "d3-scale";
+import { useForm as ge, Controller as f, useFieldArray as Mr, useWatch as kh } from "react-hook-form";
 import { observer as D } from "mobx-react-lite";
 import { move as Fl } from "@dnd-kit/helpers";
 import { DragDropProvider as Ea } from "@dnd-kit/react";
 import { useSortable as Oa } from "@dnd-kit/react/sortable";
 import { v4 as Lt } from "uuid";
-import { BarChart as ip, BoxplotChart as op, CustomChart as lp, FunnelChart as sp, HeatmapChart as cp, LineChart as dp, PieChart as up, RadarChart as hp, ScatterChart as pp, SunburstChart as mp } from "echarts/charts";
-import { CalendarComponent as gp, DataZoomComponent as fp, GridComponent as bp, LegendComponent as yp, TooltipComponent as _p, MarkLineComponent as xp, MarkAreaComponent as vp, VisualMapComponent as wp } from "echarts/components";
-import { CanvasRenderer as Sp } from "echarts/renderers";
-import { constrainedEditor as Cp } from "constrained-editor-plugin";
-import { showNotification as gn, updateNotification as kp, notifications as Bl } from "@mantine/notifications";
+import { BarChart as zh, BoxplotChart as Th, CustomChart as Dh, FunnelChart as Ih, HeatmapChart as Mh, LineChart as Lh, PieChart as Vh, RadarChart as Ah, ScatterChart as $h, SunburstChart as Ph } from "echarts/charts";
+import { CalendarComponent as Rh, DataZoomComponent as Eh, GridComponent as Oh, LegendComponent as qh, TooltipComponent as Fh, MarkLineComponent as Bh, MarkAreaComponent as Nh, VisualMapComponent as jh } from "echarts/components";
+import { CanvasRenderer as Qh } from "echarts/renderers";
+import { constrainedEditor as Gh } from "constrained-editor-plugin";
+import { showNotification as gn, updateNotification as Hh, notifications as Bl } from "@mantine/notifications";
 import { createStyles as $n, MantineEmotionProvider as Nl } from "@mantine/emotion";
 import * as Yt from "d3-regression";
 import { CodeHighlight as vt } from "@mantine/code-highlight";
-import { flexRender as Tn, createColumnHelper as qa, useReactTable as Fa, getCoreRowModel as Ba, getSortedRowModel as zp } from "@tanstack/react-table";
-import { useVirtualizer as Tp } from "@tanstack/react-virtual";
+import { flexRender as Tn, createColumnHelper as qa, useReactTable as Fa, getCoreRowModel as Ba, getSortedRowModel as Wh } from "@tanstack/react-table";
+import { useVirtualizer as Uh } from "@tanstack/react-virtual";
 import ot from "axios";
-import { useModals as wt, ModalsProvider as jl } from "@mantine/modals";
-import { encode as Dp, decode as Ip } from "js-base64";
-import { types as m, cast as Rt, getParent as we, destroy as Mp, getRoot as Le, addDisposer as Ue, detach as ur, isAlive as Yi, flow as Vt, toGenerator as It, clone as Lp, getSnapshot as Mt, applySnapshot as je, addMiddleware as Vp, getType as Ap, castToSnapshot as Ql } from "mobx-state-tree";
+import Kh from "dayjs/plugin/advancedFormat";
+import Yh from "dayjs/plugin/arraySupport";
+import Xh from "dayjs/plugin/buddhistEra";
+import Zh from "dayjs/plugin/calendar";
+import Jh from "dayjs/plugin/customParseFormat";
+import ep from "dayjs/plugin/dayOfYear";
+import tp from "dayjs/plugin/duration";
+import np from "dayjs/plugin/isBetween";
+import rp from "dayjs/plugin/isLeapYear";
+import ap from "dayjs/plugin/isMoment";
+import ip from "dayjs/plugin/isoWeek";
+import op from "dayjs/plugin/isoWeeksInYear";
+import lp from "dayjs/plugin/isSameOrAfter";
+import sp from "dayjs/plugin/isSameOrBefore";
+import cp from "dayjs/plugin/isToday";
+import dp from "dayjs/plugin/isTomorrow";
+import up from "dayjs/plugin/isYesterday";
+import hp from "dayjs/plugin/localeData";
+import pp from "dayjs/plugin/localizedFormat";
+import mp from "dayjs/plugin/minMax";
+import gp from "dayjs/plugin/objectSupport";
+import fp from "dayjs/plugin/pluralGetSet";
+import bp from "dayjs/plugin/preParsePostFormat";
+import yp from "dayjs/plugin/quarterOfYear";
+import _p from "dayjs/plugin/relativeTime";
+import xp from "dayjs/plugin/timezone";
+import vp from "dayjs/plugin/toArray";
+import wp from "dayjs/plugin/toObject";
+import Sp from "dayjs/plugin/updateLocale";
+import Cp from "dayjs/plugin/utc";
+import kp from "dayjs/plugin/weekday";
+import zp from "dayjs/plugin/weekOfYear";
+import Tp from "dayjs/plugin/weekYear";
+import { types as m, cast as Rt, getParent as we, destroy as Dp, getRoot as Le, addDisposer as Ue, detach as ur, isAlive as Yi, flow as Vt, toGenerator as It, clone as Ip, getSnapshot as Mt, applySnapshot as je, addMiddleware as Mp, getType as Lp, castToSnapshot as jl } from "mobx-state-tree";
 import { saveAs as Lr } from "file-saver";
-import Gl from "dom-to-image-more";
-import Hl from "jszip";
-import { AsyncParser as $p } from "@json2csv/whatwg";
-import Wl, { SHOW_PARENT as Pp } from "rc-tree-select";
+import Ql from "dom-to-image-more";
+import Gl from "jszip";
+import { AsyncParser as Vp } from "@json2csv/whatwg";
+import { encode as Ap, decode as $p } from "js-base64";
+import Hl, { SHOW_PARENT as Pp } from "rc-tree-select";
 import { arrayToTree as Rp } from "performant-array-to-tree";
 import Ep, { Option as Op } from "rc-select";
-import { WidthProvider as Ul, Responsive as Kl } from "react-grid-layout";
+import { useModals as wt, ModalsProvider as Wl } from "@mantine/modals";
 import { createPortal as qp } from "react-dom";
+import { WidthProvider as Ul, Responsive as Kl } from "react-grid-layout";
 import { Spotlight as zn, spotlight as Fp } from "@mantine/spotlight";
 import "@mantine/spotlight/styles.css";
 import Bp, { Position as _t, Handle as Xi, MiniMap as Np, Controls as jp, Background as Qp } from "reactflow";
 import "reactflow/dist/style.css";
-E.extend(iu);
-E.extend(ou);
-E.extend(lu);
-E.extend(su);
-E.extend(cu);
-E.extend(du);
-E.extend(uu);
-E.extend(hu);
-E.extend(pu);
-E.extend(mu);
-E.extend(bu);
-E.extend(yu);
-E.extend(_u);
-E.extend(xu);
-E.extend(vu);
-E.extend(gu);
-E.extend(fu);
-E.extend(wu);
-E.extend(Su);
-E.extend(Cu);
-E.extend(ku);
-E.extend(zu);
-E.extend(Tu);
-E.extend(Du);
-E.extend(Iu);
-E.extend(Mu);
-E.extend(Lu);
-E.extend(Vu);
-E.extend(Au);
-E.extend($u);
-E.extend(Ru);
-E.extend(Eu);
-E.extend(Pu);
-E.tz.setDefault("UTC");
-E.updateLocale("en", {
-  weekStart: 1
-});
 const Gp = {
   translation: {
     filter: {
@@ -2195,7 +2158,7 @@ class Vr {
   }
   async deleteItem(t) {
     Nn(() => {
-      Nu(this.rootRef.current, [t]);
+      cu(this.rootRef.current, [t]);
     });
   }
   getItem(t) {
@@ -2406,7 +2369,7 @@ class Na {
   dispose() {
     this.instanceRegistry.forEach((t) => {
       const n = le(t, "dispose");
-      ju(n) && n.bind(t)();
+      du(n) && n.bind(t)();
     }), this.instanceRegistry.clear(), this.factoryRegistry.clear();
   }
 }
@@ -2428,7 +2391,7 @@ const Zl = $.createContext({
 function Jl({
   children: e
 }) {
-  const t = `panel-addon-slot-${Zu()}`;
+  const t = `panel-addon-slot-${_u()}`;
   return /* @__PURE__ */ u(Zl.Provider, { value: {
     addonSlotId: t
   }, children: [
@@ -2446,7 +2409,7 @@ function im() {
   } = $.useContext(Zl);
   return e ? document.getElementById(e) : null;
 }
-const es = "14.17.0", om = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const es = "14.17.2", om = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   version: es
 }, Symbol.toStringTag, { value: "Module" }));
@@ -2530,7 +2493,7 @@ class cm {
       return n;
     if (t.from > t.to)
       throw new Error(`Can not downgrade from version '${t.from}' to (${t.to})`);
-    const i = this.migrations.filter((s) => s.version > t.from && s.version <= t.to), o = Qu(i, "version", "asc");
+    const i = this.migrations.filter((s) => s.version > t.from && s.version <= t.to), o = uu(i, "version", "asc");
     if (((l = Zo(o)) == null ? void 0 : l.version) !== t.to)
       throw new Error(`Migration to version ${t.to} not found`);
     return o.reduce((s, c) => c.handler(s, a), n);
@@ -2672,14 +2635,14 @@ function or(e, t) {
   return e[a];
 }
 const kt = {
-  CryptoJS: xh,
+  CryptoJS: Bu,
   d3Array: hl,
   dayjs: E,
   lodash: C,
   numbro: pn,
   mathjs: kn,
-  faker: yh,
-  popmotion: bh
+  faker: qu,
+  popmotion: Ou
 }, gm = [{
   name: "CryptoJS",
   url: "https://github.com/brix/crypto-js",
@@ -2870,7 +2833,7 @@ function hs({
     const a = t.language;
     return Im[a] ?? "en";
   }, [t.language]);
-  return /* @__PURE__ */ r(ep, { settings: {
+  return /* @__PURE__ */ r(vh, { settings: {
     locale: n,
     firstDayOfWeek: 1
   }, children: e });
@@ -2969,7 +2932,7 @@ function Vm(e, t, n) {
     if (e.length < 2)
       throw new Error("[getColorMappingFunc] expected at least 2 colors");
     const a = (n - t) / (e.length - 1), i = hl.range(t, n + a, a);
-    return rp.scaleLinear(i, e);
+    return Ch.scaleLinear(i, e);
   } catch (a) {
     return console.error(a), () => "inherit";
   }
@@ -3189,7 +3152,7 @@ function Rm(e) {
     } = n, {
       hovered: s,
       ref: c
-    } = mh();
+    } = Pu();
     return /* @__PURE__ */ r(V, { ref: c, ...a, children: /* @__PURE__ */ u(_, { wrap: "nowrap", justify: "space-between", children: [
       /* @__PURE__ */ r(k, { size: "sm", sx: {
         flexGrow: 1
@@ -3516,7 +3479,7 @@ const jm = Nm(), Qm = ({
           backgroundImage: i,
           borderRadius: 4
         } }),
-        /* @__PURE__ */ r(vh, { size: 14, color: "rgb(134, 142, 150)" })
+        /* @__PURE__ */ r(Nu, { size: 14, color: "rgb(134, 142, 150)" })
       ] })
     ] }) }),
     /* @__PURE__ */ u(W.Dropdown, { children: [
@@ -3685,7 +3648,7 @@ const jm = Nm(), Qm = ({
     /* @__PURE__ */ u(_, { justify: "space-between", px: "1rem", pb: "0.75rem", children: [
       /* @__PURE__ */ u(_, { justify: "flex-start", children: [
         /* @__PURE__ */ r(L, { color: "red", size: "xs", onClick: n, leftSection: /* @__PURE__ */ r($e, { size: 18 }), children: a("common.actions.clear") }),
-        /* @__PURE__ */ r(L, { color: "orange", size: "xs", onClick: c, leftSection: /* @__PURE__ */ r(wh, { size: 18 }), children: a("common.actions.revert") })
+        /* @__PURE__ */ r(L, { color: "orange", size: "xs", onClick: c, leftSection: /* @__PURE__ */ r(ju, { size: 18 }), children: a("common.actions.revert") })
       ] }),
       /* @__PURE__ */ r(L, { color: "green", size: "xs", onClick: l(t), leftSection: /* @__PURE__ */ r(me, { size: 18 }), children: a("common.actions.save_changes") })
     ] })
@@ -3920,7 +3883,7 @@ const Bn = "data-value", rg = Bn, zs = "dynamicColor", Ts = ql.create({
   const g = ae((v, I) => {
     if (i.length === 0)
       return;
-    const M = Cp(I), R = v.getModel();
+    const M = Gh(I), R = v.getModel();
     if (M.initializeIn(v), M.addRestrictionsTo(R, i), !!R && !R._hasHighlight) {
       M.toggleDevMode(), R.toggleHighlightOfEditableAreas();
       const q = R.getCurrentEditableRanges(), X = R.getValueInEditableRanges();
@@ -4016,9 +3979,9 @@ const Bn = "data-value", rg = Bn, zs = "dynamicColor", Ts = ql.create({
       lineHeight: "26px",
       borderColor: "#ced4da !important",
       color: "#000"
-    }, disabled: !n, onClick: () => e.chain().focus().unsetDynamicColor().run(), children: /* @__PURE__ */ r(Sh, { stroke: 1.5, size: 16 }) }) })
+    }, disabled: !n, onClick: () => e.chain().focus().unsetDynamicColor().run(), children: /* @__PURE__ */ r(Qu, { stroke: 1.5, size: 16 }) }) })
   ] });
-}, Ds = np.create({
+}, Ds = Sh.create({
   name: "fontSize",
   addOptions() {
     return {
@@ -4146,7 +4109,7 @@ const no = ({
     flexGrow: 1
   }, children: /* @__PURE__ */ u(_, { justify: "space-between", wrap: "nowrap", children: [
     /* @__PURE__ */ u(_, { justify: "flex-start", gap: "0.5em", children: [
-      t && /* @__PURE__ */ r(Ch, { size: 16, color: "green" }),
+      t && /* @__PURE__ */ r(Gu, { size: 16, color: "green" }),
       /* @__PURE__ */ r(k, { size: "sm", sx: {
         flexGrow: 1
       }, children: a })
@@ -4220,12 +4183,12 @@ const no = ({
 function mg() {
   const {
     editor: e
-  } = Jh();
+  } = xh();
   return /* @__PURE__ */ r(oe.Control, { onClick: () => e == null ? void 0 : e.commands.insertTable({
     rows: 3,
     cols: 3,
     withHeaderRow: !0
-  }), "aria-label": "Insert table", title: "Insert table", children: /* @__PURE__ */ r(kh, { stroke: 1.5, size: 16 }) });
+  }), "aria-label": "Insert table", title: "Insert table", children: /* @__PURE__ */ r(Hu, { stroke: 1.5, size: 16 }) });
 }
 const Zt = J(({
   value: e,
@@ -4639,7 +4602,7 @@ function ro(e, t, n) {
   return e ? new Function(`return ${e}`)()(t, kt, n) : t;
 }
 function Es() {
-  eh([Sp, ip, op, lp, sp, cp, dp, up, hp, pp, mp, gp, fp, bp, yp, _p, xp, vp, wp]);
+  vu([Qh, zh, Th, Dh, Ih, Mh, Lh, Vh, Ah, $h, Ph, Rh, Eh, Oh, qh, Fh, Bh, Nh, jh]);
 }
 const Gt = (e) => Jo(e, (t, n) => {
   if (n !== void 0 && t)
@@ -4782,7 +4745,7 @@ function Lg({
     min: I,
     max: M
   } = z(() => {
-    const Q = Gu(g, (Z) => Z[v.columnKey]), ue = Hu(g, (Z) => Z[v.columnKey]);
+    const Q = hu(g, (Z) => Z[v.columnKey]), ue = pu(g, (Z) => Z[v.columnKey]);
     return {
       min: le(Q, v.columnKey),
       max: le(ue, v.columnKey)
@@ -5315,7 +5278,7 @@ const st = (e, t) => {
   return B(() => e.watchTriggerSnapshotList((i) => a(i.filter((o) => o.schemaRef === t))), []), n;
 }, da = il(null);
 function qr(e) {
-  const t = $.useContext(da), n = Pt(() => e.configure(t || new Na()), [e.configure]), a = th(n);
+  const t = $.useContext(da), n = Pt(() => e.configure(t || new Na()), [e.configure]), a = wu(n);
   return a && a !== n && a.dispose(), /* @__PURE__ */ r(da.Provider, { value: n, children: e.children });
 }
 function Fr() {
@@ -5327,13 +5290,13 @@ const ct = ({}) => Fr().getRequired(ye.instanceScope.interactionManager), Fs = (
   } = x(), {
     title: n = "Variables",
     variables: a
-  } = e, i = gh(), o = (l) => {
+  } = e, i = Ru(), o = (l) => {
     i.copy(l), gn({
       color: "green",
       message: t("common.copied")
     });
   };
-  return /* @__PURE__ */ u(nh, { withBorder: !0, p: "sm", children: [
+  return /* @__PURE__ */ u(Su, { withBorder: !0, p: "sm", children: [
     /* @__PURE__ */ r(k, { size: "xs", c: "dimmed", mb: "sm", children: n }),
     /* @__PURE__ */ r(T, { style: {
       maxHeight: "500px"
@@ -6114,7 +6077,7 @@ const Lf = D(({
   return B(() => o.instanceData.watchItem(
     null,
     // avoid too many updates
-    Wu((s) => {
+    mu((s) => {
       e.viz.setConf(s);
     }, 100, {
       leading: !1,
@@ -6939,7 +6902,7 @@ const hb = D(({
 }) => {
   const {
     classes: t
-  } = Ws(), n = Uu(0, 13, 1).map((a) => 100 / 12 * a).map((a) => [e.interpolation.getColor(a), a]);
+  } = Ws(), n = gu(0, 13, 1).map((a) => 100 / 12 * a).map((a) => [e.interpolation.getColor(a), a]);
   return /* @__PURE__ */ r("div", { className: t.palette, children: n.map(([a, i], o) => /* @__PURE__ */ r(ub, { index: o, color: a, value: e.getStepFromValue(i), onChange: (l) => e.changeStep(l, i) }, a)) });
 }), pb = D(function(t) {
   const n = Pt(() => new db(), []);
@@ -7086,7 +7049,7 @@ const hb = D(({
     id: e,
     index: t
   });
-  return /* @__PURE__ */ r(S.Tab, { ref: l, value: e, leftSection: /* @__PURE__ */ r(zh, { size: 14, color: a || t === 0 ? "rgb(34, 139, 230)" : "transparent" }), onMouseEnter: i, onMouseLeave: o, children: n });
+  return /* @__PURE__ */ r(S.Tab, { ref: l, value: e, leftSection: /* @__PURE__ */ r(Wu, { size: 14, color: a || t === 0 ? "rgb(34, 139, 230)" : "transparent" }), onMouseEnter: i, onMouseLeave: o, children: n });
 }, _b = ({
   fieldArray: e,
   add: t,
@@ -7419,7 +7382,7 @@ function Ib({
     toggle: a
   }] = nn(!1);
   return /* @__PURE__ */ u(V, { children: [
-    /* @__PURE__ */ r(L, { variant: "subtle", w: "100%", size: "compact-sm", onClick: a, leftSection: n ? /* @__PURE__ */ r(Th, { size: 14 }) : /* @__PURE__ */ r(fl, { size: 14 }), children: t(n ? "numbro.format.preview.close" : "numbro.format.preview.open") }),
+    /* @__PURE__ */ r(L, { variant: "subtle", w: "100%", size: "compact-sm", onClick: a, leftSection: n ? /* @__PURE__ */ r(Uu, { size: 14 }) : /* @__PURE__ */ r(fl, { size: 14 }), children: t(n ? "numbro.format.preview.close" : "numbro.format.preview.open") }),
     /* @__PURE__ */ r(Kn, { in: n, children: n && /* @__PURE__ */ u(w, { highlightOnHover: !0, sx: {
       tableLayout: "fixed"
     }, children: [
@@ -7913,7 +7876,7 @@ const li = {
       const s = a.colors[l][6];
       return /* @__PURE__ */ r(dr, { color: s, onClick: i(l), radius: 4, size: 26, sx: {
         cursor: "pointer"
-      }, children: o(l) && /* @__PURE__ */ r(rh, { width: 10, color: "white" }) }, l);
+      }, children: o(l) && /* @__PURE__ */ r(Cu, { width: 10, color: "white" }) }, l);
     }) })
   ] });
 }, Yb = ["xs", "sm", "md", "lg", "xl"], pa = J(({
@@ -8126,7 +8089,7 @@ const ry = {
   };
   return /* @__PURE__ */ u(T, { ref: n, children: [
     /* @__PURE__ */ r(P, { mt: 10, mb: -10, variant: "dashed", label: /* @__PURE__ */ u(_, { gap: 6, children: [
-      /* @__PURE__ */ r(Dh, { size: 14, style: {
+      /* @__PURE__ */ r(Ku, { size: 14, style: {
         color: "#999"
       } }),
       a("chart.series.line.area_style.label")
@@ -9094,7 +9057,7 @@ function Wy({
   } = t, {
     queryID: l,
     columnKey: s
-  } = N(a), c = Ku($r(n, l), s);
+  } = N(a), c = fu($r(n, l), s);
   return (d, h) => {
     let p;
     h.name ? p = c[h.name] : p = n[h.dataIndex];
@@ -13598,7 +13561,7 @@ const jv = J(({
   }, [n]);
   return /* @__PURE__ */ u(T, { gap: 4, mt: 2, mb: "1rem", children: [
     /* @__PURE__ */ r("label", { className: "form-field-label required", children: e }),
-    /* @__PURE__ */ r(ah, { value: i, onChange: o, onChangeEnd: l, label: (s) => `${s}%` })
+    /* @__PURE__ */ r(ku, { value: i, onChange: o, onChangeEnd: l, label: (s) => `${s}%` })
   ] });
 }), Qv = ({
   row: e,
@@ -13640,7 +13603,7 @@ const jv = J(({
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", style: {
       flex: 1
     }, children: [
-      /* @__PURE__ */ r(ih, { size: "xs", value: e.name, placeholder: o("viz.pie_chart.color.map.name"), onChange: y, onClick: s, error: l && !e.name, data: i, maxDropdownHeight: 500 }),
+      /* @__PURE__ */ r(zu, { size: "xs", value: e.name, placeholder: o("viz.pie_chart.color.map.name"), onChange: y, onClick: s, error: l && !e.name, data: i, maxDropdownHeight: 500 }),
       /* @__PURE__ */ r(Jt, { styles: {
         root: {
           flexGrow: 1
@@ -17759,9 +17722,9 @@ const mc = ["function text({ value, row_data }, utils) {", "    return value", "
 }) => {
   switch (e) {
     case "asc":
-      return /* @__PURE__ */ r(Mh, { size: 16 });
+      return /* @__PURE__ */ r(Xu, { size: 16 });
     case "desc":
-      return /* @__PURE__ */ r(Ih, { size: "1em" });
+      return /* @__PURE__ */ r(Yu, { size: "1em" });
     default:
       return null;
   }
@@ -17956,7 +17919,7 @@ function vS({
   rows: t
 }) {
   var s, c;
-  const n = Tp({
+  const n = Uh({
     getScrollElement: () => e.current,
     count: t.length,
     estimateSize: ae(() => 28, []),
@@ -18058,7 +18021,7 @@ function CS(e, t, n) {
   } = x();
   if (!e)
     return a("viz.table.click_cell.click_cell_content");
-  if (Yu(e.column)) {
+  if (bu(e.column)) {
     if (n)
       return a("viz.table.click_cell.click_cell_of_x_th", {
         x: e.column + 1
@@ -18098,7 +18061,7 @@ class zS {
     return (o) => a * o + i;
   }
   getStepFunctionForValue(t) {
-    let n = Xu(this.steps, (a) => a.from <= t);
+    let n = yu(this.steps, (a) => a.from <= t);
     return n = fo(n, 0, this.steps.length - 2), this.getLinearFunction(this.steps[n], this.steps[n + 1]);
   }
   mapValue(t) {
@@ -18213,7 +18176,7 @@ function bo({
     columns: v,
     columnResizeMode: "onChange",
     getCoreRowModel: Ba(),
-    getSortedRowModel: zp()
+    getSortedRowModel: Wh()
   }), {
     rows: q
   } = R.getRowModel(), X = $.useRef(null), Q = q.length, ue = Q > 0, Z = ue ? n - 22 : n, Oe = ue ? 22 : 0;
@@ -18879,7 +18842,7 @@ function JS({
     s && n(s.label);
   }, [i]), /* @__PURE__ */ u(T, { gap: 0, mt: "sm", mb: "lg", children: [
     /* @__PURE__ */ r(k, { size: "sm", children: e }),
-    /* @__PURE__ */ r(V, { px: "1.5em", children: /* @__PURE__ */ r(oh, { label: null, marks: nr, value: i, onChange: o, step: 25, ref: a }) })
+    /* @__PURE__ */ r(V, { px: "1.5em", children: /* @__PURE__ */ r(Tu, { label: null, marks: nr, value: i, onChange: o, step: 25, ref: a }) })
   ] });
 }
 const eC = $.forwardRef(JS), tC = ({
@@ -22793,7 +22756,7 @@ try {
   wn.install(zc());
 } catch {
 }
-const yr = Ou({
+const yr = iu({
   debug: !1,
   fallbackLng: "en",
   interpolation: {
@@ -22803,7 +22766,7 @@ const yr = Ou({
     en: Gp,
     zh: Hp
   }
-}).use(Bu).use(qu);
+}).use(su).use(ou);
 yr.init();
 Di.forEach((e) => {
   var t;
@@ -22819,8 +22782,45 @@ function Tc({
 }) {
   return B(() => {
     yr.changeLanguage(e);
-  }, [e]), /* @__PURE__ */ r(Fu, { i18n: yr, children: t });
-}
+  }, [e]), /* @__PURE__ */ r(lu, { i18n: yr, children: t });
+}
+E.extend(Kh);
+E.extend(Yh);
+E.extend(Xh);
+E.extend(Zh);
+E.extend(Jh);
+E.extend(ep);
+E.extend(tp);
+E.extend(np);
+E.extend(rp);
+E.extend(ap);
+E.extend(lp);
+E.extend(sp);
+E.extend(cp);
+E.extend(dp);
+E.extend(up);
+E.extend(ip);
+E.extend(op);
+E.extend(hp);
+E.extend(pp);
+E.extend(mp);
+E.extend(gp);
+E.extend(fp);
+E.extend(bp);
+E.extend(yp);
+E.extend(_p);
+E.extend(xp);
+E.extend(vp);
+E.extend(wp);
+E.extend(Sp);
+E.extend(Cp);
+E.extend(zp);
+E.extend(Tp);
+E.extend(kp);
+E.tz.setDefault("UTC");
+E.updateLocale("en", {
+  weekStart: 1
+});
 function o5(e) {
   e = e || {};
   const t = Object.keys(e).sort(), n = [];
@@ -22840,7 +22840,7 @@ function o5(e) {
 }
 function l5(e, t) {
   let n = o5(e);
-  return n += "&key=" + t, _h.MD5(n).toString().toUpperCase();
+  return n += "&key=" + t, Fu.MD5(n).toString().toUpperCase();
 }
 class s5 {
   constructor() {
@@ -22985,126 +22985,7 @@ const Sn = new c5();
 function Dc(e) {
   Sn.baseURL !== e.apiBaseURL && (Sn.baseURL = e.apiBaseURL), e.app_id && (Sn.app_id = e.app_id), e.app_secret && (Sn.app_secret = e.app_secret), e.makeQueryENV && (Sn.makeQueryENV = e.makeQueryENV);
 }
-const u5 = new d5(Sn), dt = u5;
-function h5(e, t) {
-  const n = Ip(t);
-  n !== e && (console.error("Inconsistent sql"), console.groupCollapsed("Inconsistent sql"), console.table({
-    before: e,
-    after: t,
-    v: n
-  }), console.groupEnd());
-}
-async function p5({
-  query: e,
-  name: t,
-  payload: n,
-  additionals: a
-}, i) {
-  if (!e.sql)
-    return [];
-  const {
-    type: o,
-    key: l,
-    sql: s,
-    pre_process: c,
-    post_process: d
-  } = e, h = Ja(s, n), p = zg({
-    sql: h,
-    pre_process: c
-  }), g = Dp(p);
-  h5(p, g);
-  let y = await dt.query(i)({
-    type: o,
-    key: l,
-    query: g,
-    ...a
-  }, {
-    params: {
-      name: t
-    }
-  });
-  return y = Tg(d, y, Za(n)), y;
-}
-async function m5({
-  type: e,
-  key: t,
-  configString: n,
-  name: a,
-  additionals: i
-}, o) {
-  try {
-    return await dt.httpDataSourceQuery(o)({
-      type: e,
-      key: t,
-      query: n,
-      ...i
-    }, {
-      params: {
-        name: a
-      }
-    });
-  } catch (l) {
-    if (ot.isCancel(l))
-      throw l;
-    return console.error(l), l;
-  }
-}
-async function g5({
-  key: e,
-  configString: t,
-  name: n,
-  additionals: a
-}, i) {
-  try {
-    return await dt.mericoMetricQuery(i)({
-      type: "merico_metric_system",
-      key: e,
-      query: t,
-      ...a
-    }, {
-      params: {
-        name: n
-      }
-    });
-  } catch (o) {
-    throw o;
-  }
-}
-async function Mi() {
-  try {
-    return (await dt.post()("/datasource/list", {
-      filter: {},
-      sort: [{
-        field: "create_time",
-        order: "ASC"
-      }],
-      pagination: {
-        page: 1,
-        pagesize: 100
-      }
-    }, {})).data;
-  } catch (e) {
-    return console.error(e), [];
-  }
-}
-async function Ic() {
-  try {
-    return (await dt.post()("/sql_snippet/list", {
-      filter: {},
-      sort: [{
-        field: "id",
-        order: "ASC"
-      }],
-      pagination: {
-        page: 1,
-        pagesize: 1e3
-      }
-    }, {})).data;
-  } catch (e) {
-    return console.error(e), [];
-  }
-}
-const Mc = m.model("MockContextMeta", {
+const u5 = new d5(Sn), dt = u5, Ic = m.model("MockContextMeta", {
   current: m.optional(m.frozen(), {})
 }).views((e) => ({
   get keys() {
@@ -23133,12 +23014,12 @@ const Mc = m.model("MockContextMeta", {
     e.current[t] = n;
   }
 }));
-function Lc(e) {
+function Mc(e) {
   return {
     current: e
   };
 }
-const f5 = m.model("PanelStyleBorderMeta", {
+const h5 = m.model("PanelStyleBorderMeta", {
   enabled: m.boolean
 }).views((e) => ({
   get json() {
@@ -23153,8 +23034,8 @@ const f5 = m.model("PanelStyleBorderMeta", {
   setEnabled(t) {
     e.enabled = t;
   }
-})), b5 = m.model("PanelStyleMeta", {
-  border: f5
+})), p5 = m.model("PanelStyleMeta", {
+  border: h5
 }).views((e) => ({
   get json() {
     const {
@@ -23164,7 +23045,7 @@ const f5 = m.model("PanelStyleBorderMeta", {
       border: t.json
     };
   }
-})).actions((e) => ({})), y5 = m.model("PanelTitleMeta", {
+})).actions((e) => ({})), m5 = m.model("PanelTitleMeta", {
   show: m.optional(m.boolean, !0)
 }).views((e) => ({
   get json() {
@@ -23179,7 +23060,7 @@ const f5 = m.model("PanelStyleBorderMeta", {
   setShow(t) {
     e.show = t;
   }
-})), _5 = m.model("VariableMeta", {
+})), g5 = m.model("VariableMeta", {
   name: m.string,
   size: m.string,
   weight: m.string,
@@ -23246,7 +23127,7 @@ const f5 = m.model("PanelStyleBorderMeta", {
       aggregation: s
     });
   }
-})), x5 = m.model("PanelVizMeta", {
+})), f5 = m.model("PanelVizMeta", {
   type: m.string,
   conf: m.frozen()
 }).views((e) => ({
@@ -23263,15 +23144,15 @@ const f5 = m.model("PanelStyleBorderMeta", {
   setConf(t) {
     Fe(e.conf, t) || (e.conf = t);
   }
-})), v5 = m.model({
+})), b5 = m.model({
   id: m.string,
   name: m.optional(m.string, ""),
-  title: y5,
+  title: m5,
   description: m.string,
   queryIDs: m.array(m.string),
-  viz: x5,
-  style: b5,
-  variables: m.optional(m.array(_5), [])
+  viz: f5,
+  style: p5,
+  variables: m.optional(m.array(g5), [])
 }).views((e) => ({
   get json() {
     const {
@@ -23325,7 +23206,7 @@ const f5 = m.model("PanelStyleBorderMeta", {
   }
 }));
 var ie = /* @__PURE__ */ ((e) => (e.Postgresql = "postgresql", e.MySQL = "mysql", e.HTTP = "http", e.Transform = "transform", e.MericoMetricSystem = "merico_metric_system", e))(ie || {});
-const Vc = m.model("DBQueryMeta", {
+const Lc = m.model("DBQueryMeta", {
   _type: m.enumeration([ie.MySQL, ie.Postgresql]),
   sql: m.string
 }).views((e) => ({
@@ -23349,10 +23230,10 @@ const Vc = m.model("DBQueryMeta", {
   setSQL(t) {
     e.sql = t;
   }
-})), w5 = (e) => Vc.create({
+})), y5 = (e) => Lc.create({
   _type: e,
   sql: ""
-}), Ac = m.model("HTTPQueryMeta", {
+}), Vc = m.model("HTTPQueryMeta", {
   _type: m.literal(ie.HTTP),
   react_to: m.optional(m.array(m.string), [])
 }).views((e) => ({
@@ -23373,10 +23254,10 @@ const Vc = m.model("DBQueryMeta", {
   setReactTo(t) {
     e.react_to.length = 0, e.react_to.push(...t);
   }
-})), S5 = () => Ac.create({
+})), _5 = () => Vc.create({
   _type: ie.HTTP,
   react_to: []
-}), $c = m.model("TransformQueryMeta", {
+}), Ac = m.model("TransformQueryMeta", {
   _type: m.literal(ie.Transform),
   dep_query_ids: m.optional(m.array(m.string), [])
 }).views((e) => ({
@@ -23397,7 +23278,7 @@ const Vc = m.model("DBQueryMeta", {
   setDependantQueryIDs(t) {
     e.dep_query_ids.length = 0, e.dep_query_ids.push(...t);
   }
-})), C5 = () => $c.create({
+})), x5 = () => Ac.create({
   _type: ie.Transform,
   dep_query_ids: []
 }), Co = m.model("MetricFilterColMeta", {
@@ -23427,7 +23308,7 @@ const Vc = m.model("DBQueryMeta", {
   setVariable(t) {
     e.variable = t ?? "", e.allEmpty && this.removeSelf();
   }
-})), Pc = m.model("MericoMetricQueryMeta", {
+})), $c = m.model("MericoMetricQueryMeta", {
   _type: m.literal(ie.MericoMetricSystem),
   id: m.optional(m.string, ""),
   type: m.optional(m.enumeration("MetricType", ["derived", "combined"]), "derived"),
@@ -23495,7 +23376,7 @@ const Vc = m.model("DBQueryMeta", {
     }));
   },
   removeFilter(t) {
-    Mp(t);
+    Dp(t);
   },
   setGroupBys(t) {
     e.groupBys.length = 0, e.groupBys.push(...t);
@@ -23509,7 +23390,7 @@ const Vc = m.model("DBQueryMeta", {
   setTimeQueryEnabled(t) {
     e.timeQuery.enabled = t, t ? e.groupBys.length > 1 && (e.groupBys.length = 0) : (e.timeQuery.range_variable = "", e.timeQuery.unit_variable = "");
   }
-})), k5 = () => Pc.create({
+})), v5 = () => $c.create({
   _type: ie.MericoMetricSystem,
   id: "",
   type: "derived",
@@ -23521,12 +23402,12 @@ const Vc = m.model("DBQueryMeta", {
     timezone: "PRC",
     stepKeyFormat: "YYYY-MM-DD"
   }
-}), z5 = m.model("QueryMeta", {
+}), w5 = m.model("QueryMeta", {
   id: m.string,
   name: m.string,
   key: m.string,
   type: m.enumeration("DataSourceType", [ie.Postgresql, ie.MySQL, ie.HTTP, ie.Transform, ie.MericoMetricSystem]),
-  config: m.union(Vc, Ac, $c, Pc),
+  config: m.union(Lc, Vc, Ac, $c),
   pre_process: m.optional(m.string, ""),
   post_process: m.optional(m.string, ""),
   run_by: m.optional(m.array(m.string), [])
@@ -23573,17 +23454,17 @@ const Vc = m.model("DBQueryMeta", {
   setType(t) {
     switch (e.type = t, t) {
       case ie.HTTP:
-        e.config = S5();
+        e.config = _5();
         break;
       case ie.MySQL:
       case ie.Postgresql:
-        e.config = w5(t);
+        e.config = y5(t);
         break;
       case ie.Transform:
-        e.config = C5();
+        e.config = x5();
         break;
       case ie.MericoMetricSystem:
-        e.config = k5();
+        e.config = v5();
         break;
       default:
         throw new Error(`Unexpected query type[${t}]`);
@@ -23598,7 +23479,7 @@ const Vc = m.model("DBQueryMeta", {
   setPostProcess(t) {
     e.post_process = t;
   }
-})), T5 = m.model("LayoutItemMeta", {
+})), S5 = m.model("LayoutItemMeta", {
   id: m.identifier,
   panelID: m.string,
   x: m.number,
@@ -23677,11 +23558,11 @@ const Vc = m.model("DBQueryMeta", {
   setHeight(t) {
     e.h = t;
   }
-})), D5 = m.model("LayoutSetMeta", {
+})), C5 = m.model("LayoutSetMeta", {
   id: m.identifier,
   name: m.string,
   breakpoint: m.number,
-  list: m.optional(m.array(T5), [])
+  list: m.optional(m.array(S5), [])
 }).views((e) => ({
   get contentModel() {
     return Le(e).content;
@@ -23786,13 +23667,13 @@ const Vc = m.model("DBQueryMeta", {
         color: "red",
         autoClose: !1
       };
-      gn(i), kp(i);
+      gn(i), Hh(i);
     }, {
       fireImmediately: !0,
       delay: 0
     }));
   }
-})), I5 = m.model("SQLSnippetMeta", {
+})), k5 = m.model("SQLSnippetMeta", {
   key: m.string,
   value: m.string
 }).views((e) => ({
@@ -23815,7 +23696,7 @@ const Vc = m.model("DBQueryMeta", {
   }
 }));
 var H = /* @__PURE__ */ ((e) => (e.Select = "select", e.MultiSelect = "multi-select", e.TreeSelect = "tree-select", e.TreeSingleSelect = "tree-single-select", e.TextInput = "text-input", e.Checkbox = "checkbox", e.DateRange = "date-range", e))(H || {});
-const Rc = m.model("FilterCheckboxConfigMeta", {
+const Pc = m.model("FilterCheckboxConfigMeta", {
   _name: m.literal("checkbox"),
   description: m.optional(m.string, ""),
   default_value: m.boolean
@@ -23845,11 +23726,11 @@ const Rc = m.model("FilterCheckboxConfigMeta", {
   setDescription(t) {
     e.description = t;
   }
-})), M5 = () => Rc.create({
+})), z5 = () => Pc.create({
   _name: "checkbox",
   description: "",
   default_value: !1
-}), Ec = () => [{
+}), Rc = () => [{
   key: "d",
   value: "yesterday",
   group: "last",
@@ -24059,19 +23940,19 @@ const Rc = m.model("FilterCheckboxConfigMeta", {
     };
   }
 }];
-function Li(e) {
+function Mi(e) {
   if (!e)
     return null;
-  const n = Ec().find((a) => a.value === e);
+  const n = Rc().find((a) => a.value === e);
   return n ? n.getRange() : null;
 }
-function Oc() {
-  return C.groupBy(Ec(), "group");
+function Ec() {
+  return C.groupBy(Rc(), "group");
 }
-function L5(e) {
+function T5(e) {
   try {
     if (e.default_shortcut) {
-      const n = Li(e.default_shortcut);
+      const n = Mi(e.default_shortcut);
       if (n)
         return {
           value: n.value.map((a) => E(a).toDate()),
@@ -24089,7 +23970,7 @@ function L5(e) {
     };
   }
 }
-function qc(e, t) {
+function Oc(e, t) {
   return e.map((n) => {
     try {
       return n ? E.tz(n, "UTC").toISOString() : null;
@@ -24098,7 +23979,7 @@ function qc(e, t) {
     }
   });
 }
-const V5 = m.model("FilterDateRangeConfigMeta", {
+const D5 = m.model("FilterDateRangeConfigMeta", {
   _name: m.literal("date-range"),
   required: m.boolean,
   inputFormat: m.enumeration("DateRangeInputFormat", ["YYYY", "YYYYMM", "YYYYMMDD", "YYYY-MM", "YYYY-MM-DD"]),
@@ -24126,7 +24007,7 @@ const V5 = m.model("FilterDateRangeConfigMeta", {
       required: a,
       clearable: i,
       inputFormat: o,
-      default_value: qc(l),
+      default_value: Oc(l),
       default_shortcut: s,
       allowSingleDateInRange: c
     };
@@ -24176,7 +24057,7 @@ const V5 = m.model("FilterDateRangeConfigMeta", {
   setDefaultShortcut(t) {
     if (e.default_shortcut = t ?? "", !t)
       return;
-    const n = Li(e.default_shortcut);
+    const n = Mi(e.default_shortcut);
     n && e.setFilterValue(n);
   },
   setMaxDays(t) {
@@ -24186,7 +24067,7 @@ const V5 = m.model("FilterDateRangeConfigMeta", {
   setAllowSingleDateInRange(t) {
     e.allowSingleDateInRange = t;
   }
-})), Fc = m.snapshotProcessor(V5, {
+})), qc = m.snapshotProcessor(D5, {
   preProcessor({
     default_value: e,
     ...t
@@ -24203,10 +24084,10 @@ const V5 = m.model("FilterDateRangeConfigMeta", {
     } = e;
     return {
       ...n,
-      default_value: qc(t, n.inputFormat)
+      default_value: Oc(t, n.inputFormat)
     };
   }
-}), A5 = () => Fc.create({
+}), I5 = () => qc.create({
   _name: "date-range",
   required: !1,
   inputFormat: "YYYY-MM-DD",
@@ -24222,7 +24103,7 @@ const V5 = m.model("FilterDateRangeConfigMeta", {
   setValue(t) {
     e.value = t;
   }
-})), Vi = m.model("FilterConfigModel_BaseSelect", {
+})), Li = m.model("FilterConfigModel_BaseSelect", {
   static_options: m.optional(m.array(ko), []),
   options_query_id: m.optional(m.string, ""),
   default_selection_count: m.optional(m.number, 0),
@@ -24280,11 +24161,11 @@ const V5 = m.model("FilterDateRangeConfigMeta", {
   setOptionsQueryID(t) {
     e.options_query_id = t ?? "";
   }
-})), Bc = m.compose("FilterMultiSelectConfigMeta", m.model({
+})), Fc = m.compose("FilterMultiSelectConfigMeta", m.model({
   _name: m.literal("multi-select"),
   min_width: m.optional(m.string, ""),
   default_value: m.optional(m.array(m.string), [])
-}), Vi).views((e) => ({
+}), Li).views((e) => ({
   get json() {
     const {
       _name: t,
@@ -24335,18 +24216,18 @@ const V5 = m.model("FilterDateRangeConfigMeta", {
       delay: 0
     }));
   }
-})), $5 = () => Bc.create({
+})), M5 = () => Fc.create({
   _name: "multi-select",
   default_value: [],
   static_options: [],
   options_query_id: "",
   default_selection_count: 0
-}), Nc = m.compose("FilterConfigModel_Select", m.model({
+}), Bc = m.compose("FilterConfigModel_Select", m.model({
   _name: m.literal("select"),
   default_value: m.string,
   width: m.optional(m.string, ""),
   clearable: m.optional(m.boolean, !1)
-}), Vi).views((e) => ({
+}), Li).views((e) => ({
   get json() {
     const {
       _name: t,
@@ -24400,14 +24281,14 @@ const V5 = m.model("FilterDateRangeConfigMeta", {
       delay: 0
     }));
   }
-})), P5 = () => Nc.create({
+})), L5 = () => Bc.create({
   _name: "select",
   required: !1,
   default_value: "",
   static_options: [],
   options_query_id: "",
   default_selection_count: 0
-}), jc = m.model("FilterTextInputConfigMeta", {
+}), Nc = m.model("FilterTextInputConfigMeta", {
   _name: m.literal("text-input"),
   required: m.boolean,
   default_value: m.string
@@ -24434,11 +24315,11 @@ const V5 = m.model("FilterDateRangeConfigMeta", {
   setDefaultValue(t) {
     e.default_value = t;
   }
-})), Qc = () => jc.create({
+})), jc = () => Nc.create({
   _name: "text-input",
   required: !1,
   default_value: ""
-}), R5 = `
+}), V5 = `
 // row
 {
   label: string;
@@ -24447,15 +24328,15 @@ const V5 = m.model("FilterDateRangeConfigMeta", {
   description?: string;
   disabled?: boolean;
 }
-`, Gc = () => {
+`, Qc = () => {
   const {
     t: e
   } = x(), [t, n] = G(!1);
   return /* @__PURE__ */ u(F, { children: [
     /* @__PURE__ */ r(L, { variant: "subtle", size: "compact-sm", onClick: () => n((a) => !a), children: e(t ? "common.actions.close" : "filter.widget.common.see_data_structure") }),
-    /* @__PURE__ */ r(Kn, { in: t, children: /* @__PURE__ */ r(vt, { language: "typescript", withCopyButton: !1, code: R5 }) })
+    /* @__PURE__ */ r(Kn, { in: t, children: /* @__PURE__ */ r(vt, { language: "typescript", withCopyButton: !1, code: V5 }) })
   ] });
-}, E5 = {
+}, A5 = {
   [H.Checkbox]: "true",
   [H.DateRange]: "[new Date('2023-01-01 00:00:00'), new Date('2024-01-01 00:00:00')]",
   [H.MultiSelect]: "[]",
@@ -24463,14 +24344,14 @@ const V5 = m.model("FilterDateRangeConfigMeta", {
   [H.TreeSelect]: "[]",
   [H.TreeSingleSelect]: '""',
   [H.TextInput]: '""'
-}, O5 = (e) => ["function getDefaultValue(filter, utils, context) {", `    return ${E5[e]};`, "}"].join(`
+}, $5 = (e) => ["function getDefaultValue(filter, utils, context) {", `    return ${A5[e]};`, "}"].join(`
 `), xn = D(({
   filter: e
 }) => {
   const {
     t
   } = x();
-  return /* @__PURE__ */ r(Ya, { 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: O5(e.type), triggerButtonProps: {
+  return /* @__PURE__ */ r(Ya, { 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: $5(e.type), triggerButtonProps: {
     size: "xs",
     color: "grape",
     sx: {
@@ -24501,7 +24382,7 @@ const V5 = m.model("FilterDateRangeConfigMeta", {
       display: "block"
     }
   } });
-}), q5 = D(function({
+}), P5 = D(function({
   filter: t
 }) {
   const {
@@ -24517,19 +24398,19 @@ const V5 = m.model("FilterDateRangeConfigMeta", {
     /* @__PURE__ */ r(te, { checked: a.treeCheckStrictly, onChange: (i) => a.setTreeCheckStrictly(i.currentTarget.checked), label: n("filter.widget.tree_select.strictly") }),
     /* @__PURE__ */ r(ne, { value: a.default_selection_count, onChange: a.setDefaultSelectionCount, label: n("filter.widget.common.default_selection_count") }),
     /* @__PURE__ */ r(Kr, { value: a.options_query_id, onChange: a.setOptionsQueryID }),
-    /* @__PURE__ */ r(Gc, {})
+    /* @__PURE__ */ r(Qc, {})
   ] });
-}), Ai = ({
+}), Vi = ({
   errorMessage: e
 }) => {
   const {
     t
   } = x();
   return e ? /* @__PURE__ */ r(k, { c: "red", size: "12px", children: e }) : /* @__PURE__ */ r(k, { c: "dimmed", size: "12px", children: t("filter.widget.common.selector_option_empty") });
-}, F5 = ({
+}, R5 = ({
   rotate: e,
   onClick: t
-}) => /* @__PURE__ */ r("svg", { onClick: t, className: "caret-icon", viewBox: "0 0 1024 1024", focusable: "false", "data-icon": "caret-down", width: "14px", height: "14px", fill: "currentColor", "aria-hidden": "true", transform: `rotate(${e})`, children: /* @__PURE__ */ r("path", { d: "M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z" }) }), Hc = ({
+}) => /* @__PURE__ */ r("svg", { onClick: t, className: "caret-icon", viewBox: "0 0 1024 1024", focusable: "false", "data-icon": "caret-down", width: "14px", height: "14px", fill: "currentColor", "aria-hidden": "true", transform: `rotate(${e})`, children: /* @__PURE__ */ r("path", { d: "M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z" }) }), Gc = ({
   expanded: e,
   isLeaf: t,
   value: n,
@@ -24538,17 +24419,17 @@ const V5 = m.model("FilterDateRangeConfigMeta", {
 }) => t ? /* @__PURE__ */ r("span", { style: {
   width: "14px",
   display: "inline-block"
-} }) : /* @__PURE__ */ r(F5, { rotate: e ? "0" : "-90", onClick: a, ...i }), B5 = ({
+} }) : /* @__PURE__ */ r(R5, { rotate: e ? "0" : "-90", onClick: a, ...i }), E5 = ({
   onClick: e
 }) => /* @__PURE__ */ u("svg", { onClick: e, className: "checkbox-icon", width: "16", height: "16", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: "2", fill: "none", strokeLinecap: "round", strokeLinejoin: "round", children: [
   /* @__PURE__ */ r("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
   /* @__PURE__ */ r("rect", { className: "border", x: "4", y: "4", width: "16", height: "16", rx: "2" }),
   /* @__PURE__ */ r("rect", { className: "checkmark-indeterminate", x: "8", y: "8", width: "8", height: "8", rx: "2", stroke: "none" }),
   /* @__PURE__ */ r("path", { className: "checkmark-checked", d: "M9 12l2 2l4 -4" })
-] }), Wc = ({
+] }), Hc = ({
   onClick: e,
   ...t
-}) => /* @__PURE__ */ r(B5, { onClick: e, ...t }), N5 = $n((e, {
+}) => /* @__PURE__ */ r(E5, { onClick: e, ...t }), O5 = $n((e, {
   radius: t = 4,
   width: n,
   name: a
@@ -24809,7 +24690,7 @@ const V5 = m.model("FilterDateRangeConfigMeta", {
       }
     }
   }
-})), j5 = ({
+})), q5 = ({
   disabled: e,
   // styling props
   radius: t,
@@ -24828,7 +24709,7 @@ const V5 = m.model("FilterDateRangeConfigMeta", {
   } = x(), {
     classes: p,
     cx: g
-  } = N5({
+  } = O5({
     radius: t,
     width: n.width,
     name: "FilterTreeSelectWidget"
@@ -24846,7 +24727,7 @@ const V5 = m.model("FilterDateRangeConfigMeta", {
       }), children: /* @__PURE__ */ r(jt, { variant: "light", children: i.length }) })
     ] }),
     /* @__PURE__ */ r(
-      Wl,
+      Hl,
       {
         disabled: e,
         allowClear: {
@@ -24862,12 +24743,12 @@ const V5 = m.model("FilterDateRangeConfigMeta", {
         style: n,
         listHeight: 510,
         treeLine: !0,
-        switcherIcon: Hc,
-        treeIcon: Wc,
+        switcherIcon: Gc,
+        treeIcon: Hc,
         maxTagTextLength: 10,
         value: i,
         treeData: l,
-        notFoundContent: /* @__PURE__ */ r(Ai, { errorMessage: s }),
+        notFoundContent: /* @__PURE__ */ r(Vi, { errorMessage: s }),
         treeNodeFilterProp: "filterBasis",
         treeCheckable: !0,
         showCheckedStrategy: Pp,
@@ -24880,7 +24761,7 @@ const V5 = m.model("FilterDateRangeConfigMeta", {
       }
     )
   ] });
-}, Q5 = D(({
+}, F5 = D(({
   label: e,
   config: t,
   value: n,
@@ -24894,13 +24775,13 @@ const V5 = m.model("FilterDateRangeConfigMeta", {
     const y = g.map((b) => b.value);
     a(y, !1);
   }, c = z(() => t.initialSelection(n), [n, t.initialSelection, o]), d = t.min_width ? t.min_width : "200px", p = !!t.options_query_id ? o : !1;
-  return /* @__PURE__ */ r(j5, { disabled: p, style: {
+  return /* @__PURE__ */ r(q5, { disabled: p, style: {
     minWidth: "160px",
     width: d,
     maxWidth: p ? d : "unset",
     borderColor: "#e9ecef"
   }, value: [...c], onChange: s, treeData: i, errorMessage: l, label: e, required: t.required, treeCheckStrictly: t.treeCheckStrictly });
-}), G5 = D(({
+}), B5 = D(({
   filter: e
 }) => {
   const {
@@ -24915,9 +24796,9 @@ const V5 = m.model("FilterDateRangeConfigMeta", {
     /* @__PURE__ */ r(P, { label: t("filter.widget.common.fetch_options_from_datasource"), labelPosition: "center" }),
     /* @__PURE__ */ r(te, { checked: n.default_selection_count === 1, onChange: (a) => n.setDefaultSelectionCount(a.currentTarget.checked ? 1 : 0), label: t("filter.widget.tree_single_select.select_first_option_by_default") }),
     /* @__PURE__ */ r(Kr, { value: n.options_query_id, onChange: n.setOptionsQueryID }),
-    /* @__PURE__ */ r(Gc, {})
+    /* @__PURE__ */ r(Qc, {})
   ] });
-}), H5 = $n((e, {
+}), N5 = $n((e, {
   radius: t = 4,
   width: n,
   name: a
@@ -25162,7 +25043,7 @@ const V5 = m.model("FilterDateRangeConfigMeta", {
       }
     }
   }
-})), W5 = ({
+})), j5 = ({
   disabled: e,
   // styling props
   radius: t,
@@ -25179,7 +25060,7 @@ const V5 = m.model("FilterDateRangeConfigMeta", {
   const {
     classes: d,
     cx: h
-  } = H5({
+  } = N5({
     radius: t,
     width: n.width,
     name: "FilterTreeSelectWidget"
@@ -25190,7 +25071,7 @@ const V5 = m.model("FilterDateRangeConfigMeta", {
       c && /* @__PURE__ */ r("span", { className: d.required, "aria-hidden": "true", children: "*" })
     ] }) }),
     /* @__PURE__ */ r(
-      Wl,
+      Hl,
       {
         disabled: e,
         allowClear: {
@@ -25205,11 +25086,11 @@ const V5 = m.model("FilterDateRangeConfigMeta", {
         style: n,
         listHeight: 510,
         treeLine: !0,
-        switcherIcon: Hc,
-        treeIcon: Wc,
+        switcherIcon: Gc,
+        treeIcon: Hc,
         value: i,
         treeData: l,
-        notFoundContent: /* @__PURE__ */ r(Ai, { errorMessage: s }),
+        notFoundContent: /* @__PURE__ */ r(Vi, { errorMessage: s }),
         treeNodeFilterProp: "filterBasis",
         treeCheckable: !1,
         onChange: o,
@@ -25218,7 +25099,7 @@ const V5 = m.model("FilterDateRangeConfigMeta", {
       }
     )
   ] });
-}, U5 = D(({
+}, Q5 = D(({
   label: e,
   config: t,
   value: n,
@@ -25231,13 +25112,13 @@ const V5 = m.model("FilterDateRangeConfigMeta", {
   } = t, s = (g) => {
     a(g ? g.value : null, !1);
   }, c = z(() => t.initialSelection(n), [n, t.initialSelection, t.treeDataLoading]), d = t.min_width ? t.min_width : "200px", p = !!t.options_query_id ? o : !1;
-  return /* @__PURE__ */ r(W5, { disabled: p, style: {
+  return /* @__PURE__ */ r(j5, { disabled: p, style: {
     width: d,
     maxWidth: p ? d : "unset",
     borderColor: "#e9ecef"
   }, value: c, onChange: s, treeData: i, errorMessage: l, label: e, required: t.required });
 });
-function K5(e) {
+function G5(e) {
   return Rp(e, {
     id: "value",
     parentId: "parent_value",
@@ -25245,7 +25126,7 @@ function K5(e) {
     dataField: null
   });
 }
-function Y5(e) {
+function H5(e) {
   return e.map((t) => {
     const {
       label: n,
@@ -25268,9 +25149,9 @@ function Y5(e) {
     }, t.description)])), o;
   });
 }
-const Uc = m.compose("FilterConfigModel_BaseTreeSelect", m.model({
+const Wc = m.compose("FilterConfigModel_BaseTreeSelect", m.model({
   min_width: m.optional(m.string, "")
-}), Vi).views((e) => ({
+}), Li).views((e) => ({
   get plainData() {
     const {
       data: t
@@ -25278,8 +25159,8 @@ const Uc = m.compose("FilterConfigModel_BaseTreeSelect", m.model({
     return t;
   },
   get treeData() {
-    const t = this.plainData, n = Y5(t);
-    return K5(n);
+    const t = this.plainData, n = H5(t);
+    return G5(n);
   },
   get errorMessage() {
     const {
@@ -25297,11 +25178,11 @@ const Uc = m.compose("FilterConfigModel_BaseTreeSelect", m.model({
   setMinWidth(t) {
     e.min_width = t;
   }
-})), Kc = m.compose("FilterTreeSelectConfigMeta", m.model({
+})), Uc = m.compose("FilterTreeSelectConfigMeta", m.model({
   _name: m.literal("tree-select"),
   default_value: m.optional(m.array(m.string), []),
   treeCheckStrictly: m.optional(m.boolean, !1)
-}), Uc).views((e) => ({
+}), Wc).views((e) => ({
   get json() {
     const {
       _name: t,
@@ -25362,16 +25243,16 @@ const Uc = m.compose("FilterConfigModel_BaseTreeSelect", m.model({
       delay: 0
     }));
   }
-})), X5 = () => Kc.create({
+})), W5 = () => Uc.create({
   _name: "tree-select",
   default_value: [],
   static_options: [],
   options_query_id: "",
   default_selection_count: 0
-}), Yc = m.compose("FilterTreeSingleSelectConfigMeta", m.model({
+}), Kc = m.compose("FilterTreeSingleSelectConfigMeta", m.model({
   _name: m.literal("tree-single-select"),
   default_value: m.optional(m.string, "")
-}), Uc).views((e) => ({
+}), Wc).views((e) => ({
   get json() {
     const {
       _name: t,
@@ -25428,13 +25309,13 @@ const Uc = m.compose("FilterConfigModel_BaseTreeSelect", m.model({
       delay: 0
     }));
   }
-})), Z5 = () => Yc.create({
+})), U5 = () => Kc.create({
   _name: "tree-single-select",
   default_value: "",
   static_options: [],
   options_query_id: "",
   default_selection_count: 0
-}), Xc = m.model("FilterMeta", {
+}), Yc = m.model("FilterMeta", {
   id: m.identifier,
   key: m.string,
   label: m.string,
@@ -25443,7 +25324,7 @@ const Uc = m.compose("FilterConfigModel_BaseTreeSelect", m.model({
   auto_submit: m.optional(m.boolean, !1),
   default_value_func: m.optional(m.string, ""),
   type: m.enumeration("DashboardFilterType", [H.Select, H.MultiSelect, H.TreeSelect, H.TreeSingleSelect, H.TextInput, H.Checkbox, H.DateRange]),
-  config: m.union(Nc, Bc, Kc, Yc, jc, Rc, Fc)
+  config: m.union(Bc, Fc, Uc, Kc, Nc, Pc, qc)
 }).views((e) => ({
   get contentModel() {
     return Le(e).content;
@@ -25522,25 +25403,25 @@ const Uc = m.compose("FilterConfigModel_BaseTreeSelect", m.model({
   setType(t) {
     switch (t) {
       case H.Select:
-        e.config = P5();
+        e.config = L5();
         break;
       case H.MultiSelect:
-        e.config = $5();
+        e.config = M5();
         break;
       case H.TreeSelect:
-        e.config = X5();
+        e.config = W5();
         break;
       case H.TreeSingleSelect:
-        e.config = Z5();
+        e.config = U5();
         break;
       case H.TextInput:
-        e.config = Qc();
+        e.config = jc();
         break;
       case H.Checkbox:
-        e.config = M5();
+        e.config = z5();
         break;
       case H.DateRange:
-        e.config = A5();
+        e.config = I5();
         break;
       default:
         return;
@@ -25558,7 +25439,7 @@ const Uc = m.compose("FilterConfigModel_BaseTreeSelect", m.model({
   }
 }));
 var U = /* @__PURE__ */ ((e) => (e.Division = "div", e.Modal = "modal", e.Tabs = "tabs", e))(U || {});
-const Zc = m.model("ViewDivisionConfig", {
+const Xc = m.model("ViewDivisionConfig", {
   _name: m.literal(U.Division)
 }).views((e) => ({
   get json() {
@@ -25569,9 +25450,9 @@ const Zc = m.model("ViewDivisionConfig", {
       _name: t
     };
   }
-})), J5 = () => Zc.create({
+})), K5 = () => Xc.create({
   _name: U.Division
-}), e3 = m.model("CustomModalTitleModel", {
+}), Y5 = m.model("CustomModalTitleModel", {
   enabled: m.optional(m.boolean, !1),
   func_content: m.optional(m.string, "")
 }).views((e) => ({
@@ -25619,11 +25500,11 @@ const Zc = m.model("ViewDivisionConfig", {
   enabled: !1,
   func_content: ["function text({ filters, context}) {", "    // your code goes here", '    return "text"', "}"].join(`
 `)
-}, Jc = m.model("ViewModalConfig", {
+}, Zc = m.model("ViewModalConfig", {
   _name: m.literal(U.Modal),
   width: m.string,
   height: m.string,
-  custom_modal_title: m.optional(e3, ba)
+  custom_modal_title: m.optional(Y5, ba)
 }).views((e) => ({
   get json() {
     const {
@@ -25646,11 +25527,11 @@ const Zc = m.model("ViewDivisionConfig", {
   setHeight(t) {
     e.height = t;
   }
-})), t3 = () => Jc.create({
+})), X5 = () => Zc.create({
   _name: U.Modal,
   width: "90vw",
   height: "90vh"
-}), n3 = m.model("ViewTabsTabModel", {
+}), Z5 = m.model("ViewTabsTabModel", {
   id: m.identifier,
   name: m.string,
   view_id: m.string,
@@ -25686,9 +25567,9 @@ const Zc = m.model("ViewDivisionConfig", {
   setOrder(t) {
     typeof t != "string" && (e.order = t);
   }
-})), ed = m.model("ViewTabsConfig", {
+})), Jc = m.model("ViewTabsConfig", {
   _name: m.literal(U.Modal),
-  tabs: m.optional(m.array(n3), []),
+  tabs: m.optional(m.array(Z5), []),
   variant: m.optional(m.enumeration("variant", ["default", "outline", "pills"]), "default"),
   orientation: m.optional(m.enumeration("orientation", ["horizontal", "vertical"]), "horizontal"),
   grow: m.optional(m.boolean, !1)
@@ -25736,14 +25617,14 @@ const Zc = m.model("ViewDivisionConfig", {
   removeTab(t) {
     e.tabs.splice(t, 1);
   }
-})), r3 = () => ed.create({
+})), J5 = () => Jc.create({
   _name: U.Modal,
   tabs: []
-}), a3 = m.model({
+}), e3 = m.model({
   id: m.identifier,
   name: m.string,
   type: m.enumeration("EViewComponentType", [U.Division, U.Modal, U.Tabs]),
-  config: m.union(Zc, Jc, ed),
+  config: m.union(Xc, Zc, Jc),
   panelIDs: m.optional(m.array(m.string), [])
 }).views((e) => ({
   get json() {
@@ -25769,13 +25650,13 @@ const Zc = m.model("ViewDivisionConfig", {
     if (e.type !== t) {
       switch (t) {
         case U.Division:
-          e.config = J5();
+          e.config = K5();
           break;
         case U.Modal:
-          e.config = t3();
+          e.config = X5();
           break;
         case U.Tabs:
-          e.config = r3();
+          e.config = J5();
           break;
         default:
           return;
@@ -25815,13 +25696,13 @@ const Zc = m.model("ViewDivisionConfig", {
     list: [],
     breakpoint: 0
   }]
-}, td = m.model("DataSourceMetaModel", {
+}, ed = m.model("DataSourceMetaModel", {
   id: m.string,
   type: m.enumeration("DataSourceType", [ie.HTTP, ie.MySQL, ie.Postgresql, ie.MericoMetricSystem]),
   key: m.string,
   config: m.frozen()
-}), i3 = m.model("DataSourcesMetaModel", {
-  list: m.optional(m.array(td), [])
+}), t3 = m.model("DataSourcesMetaModel", {
+  list: m.optional(m.array(ed), [])
 }).views((e) => ({
   find({
     type: t,
@@ -25839,14 +25720,14 @@ const Zc = m.model("ViewDivisionConfig", {
   replace(t) {
     e.list.length = 0, e.list.push(...t);
   }
-})), o3 = m.model({
+})), n3 = m.model({
   id: m.string,
   content: m.string,
   create_time: m.string,
   update_time: m.string,
   is_preset: m.boolean
-}), nd = m.model("GlobalSQLSnippetsMeta", {
-  list: m.optional(m.array(o3), [])
+}), td = m.model("GlobalSQLSnippetsMeta", {
+  list: m.optional(m.array(n3), [])
 }).views((e) => ({
   find(t) {
     return e.list.find((n) => n.id === t);
@@ -25861,7 +25742,7 @@ const Zc = m.model("ViewDivisionConfig", {
   replace(t) {
     e.list.length = 0, e.list.push(...t);
   }
-})), $i = m.model("ContextMeta", {
+})), Ai = m.model("ContextMeta", {
   current: m.optional(m.frozen(), {})
 }).views((e) => ({
   get keys() {
@@ -25881,12 +25762,12 @@ const Zc = m.model("ViewDivisionConfig", {
     e.current[t] = n;
   }
 }));
-function rd(e) {
-  return $i.create({
+function nd(e) {
+  return Ai.create({
     current: e
   });
 }
-const ad = m.compose("ViewRenderModel", a3, m.model({
+const rd = m.compose("ViewRenderModel", e3, m.model({
   tab: m.optional(m.string, "")
   // FIXME: manage this state in a better way
 })).views((e) => ({
@@ -25920,7 +25801,7 @@ const ad = m.compose("ViewRenderModel", a3, m.model({
     return e.type === U.Tabs && t.push(this.tabViewID), t;
   },
   async downloadScreenshot(t) {
-    const n = t.offsetWidth * 2 + 10, a = t.offsetHeight * 2 + 10, i = new Hl(), o = (/* @__PURE__ */ new Date()).getTime(), l = await Gl.toBlob(t, {
+    const n = t.offsetWidth * 2 + 10, a = t.offsetHeight * 2 + 10, i = new Gl(), o = (/* @__PURE__ */ new Date()).getTime(), l = await Ql.toBlob(t, {
       bgcolor: "white",
       width: n,
       height: a,
@@ -25948,8 +25829,8 @@ const ad = m.compose("ViewRenderModel", a3, m.model({
   setTabByTabInfo(t) {
     e.tab = t.id ?? "";
   }
-})), id = m.model("ViewsRenderModel", {
-  current: m.optional(m.array(ad), []),
+})), ad = m.model("ViewsRenderModel", {
+  current: m.optional(m.array(rd), []),
   visibleViewIDs: m.array(m.string)
 }).views((e) => ({
   get json() {
@@ -26001,7 +25882,7 @@ const ad = m.compose("ViewRenderModel", a3, m.model({
     n == null || n.setTabByTabInfo(t);
   }
 }));
-function l3(e, t) {
+function r3(e, t) {
   const n = e.length > 0 ? [e[0].id] : [], a = e.map((i) => {
     const {
       _name: o = i.type
@@ -26025,24 +25906,24 @@ function l3(e, t) {
     visibleViewIDs: n
   };
 }
-const s3 = new $p({
+const a3 = new Vp({
   withBOM: !0
 });
-async function od(e) {
-  return !Array.isArray(e) || e.length === 0 ? "" : await s3.parse(e).promise();
+async function id(e) {
+  return !Array.isArray(e) || e.length === 0 ? "" : await a3.parse(e).promise();
 }
-async function ld(e, t) {
-  const n = await od(t), a = new Blob([n], {
+async function od(e, t) {
+  const n = await id(t), a = new Blob([n], {
     type: "text/csv"
   });
   Lr(a, `${e}.csv`);
 }
 function zo(e, t) {
-  const n = new Hl(), a = t.map(async ({
+  const n = new Gl(), a = t.map(async ({
     id: i,
     data: o
   }) => {
-    const l = await od(o);
+    const l = await id(o);
     n.file(`${i}.csv`, l);
   });
   Promise.all(a).then(() => {
@@ -26065,7 +25946,7 @@ function qn(e, t) {
   });
   Lr(n, `${e}.json`);
 }
-const sd = v5.views((e) => ({
+const ld = b5.views((e) => ({
   get contentModel() {
     return Le(e).content;
   }
@@ -26165,7 +26046,7 @@ const sd = v5.views((e) => ({
     qn(l, o);
   }
 }));
-function c3(e) {
+function i3(e) {
   return {
     id: e,
     name: "Panel",
@@ -26185,8 +26066,8 @@ function c3(e) {
     }
   };
 }
-const cd = m.model("PanelsRenderModel", {
-  list: m.optional(m.array(sd), [])
+const sd = m.model("PanelsRenderModel", {
+  list: m.optional(m.array(ld), [])
 }).views((e) => ({
   get json() {
     return e.list.map((t) => t.json);
@@ -26209,11 +26090,11 @@ const cd = m.model("PanelsRenderModel", {
     }), n;
   }
 }));
-function dd(e) {
+function cd(e) {
   const t = e.config, n = t == null ? void 0 : t.default_value;
-  return n === void 0 ? n : t._name === "date-range" ? L5(t) : n;
+  return n === void 0 ? n : t._name === "date-range" ? T5(t) : n;
 }
-function d3(e, t) {
+function o3(e, t) {
   const n = e.default_value_func;
   try {
     const a = new Function(`return ${n}`)()(e, kt, t);
@@ -26222,17 +26103,17 @@ function d3(e, t) {
       shortcut: null
     } : a;
   } catch (a) {
-    return console.error(a), dd(e);
+    return console.error(a), cd(e);
   }
 }
-function ud(e, t) {
+function dd(e, t) {
   var n;
-  return (n = e.default_value_func) != null && n.trim() ? d3(e, t) : dd(e);
+  return (n = e.default_value_func) != null && n.trim() ? o3(e, t) : cd(e);
 }
-function hd(e, t) {
-  return e.reduce((n, a) => (n[a.key] = ud(a, t), n), {});
+function ud(e, t) {
+  return e.reduce((n, a) => (n[a.key] = dd(a, t), n), {});
 }
-function pd(e, t) {
+function hd(e, t) {
   const n = {};
   return Object.entries(t).forEach(([a, i]) => {
     const o = e[a];
@@ -26242,8 +26123,8 @@ function pd(e, t) {
     } : n[a] = o ?? i, n;
   }), n;
 }
-const md = m.model("FiltersRenderModel", {
-  current: m.optional(m.array(Xc), []),
+const pd = m.model("FiltersRenderModel", {
+  current: m.optional(m.array(Yc), []),
   values: m.optional(m.frozen(), {})
 }).views((e) => ({
   get json() {
@@ -26282,7 +26163,7 @@ const md = m.model("FiltersRenderModel", {
     });
   },
   get formattedDefaultValues() {
-    return hd(this.json, this.contentModel.context);
+    return ud(this.json, this.contentModel.context);
   },
   get firstID() {
     if (e.current.length !== 0)
@@ -26327,7 +26208,7 @@ const md = m.model("FiltersRenderModel", {
     console.debug("⚪️ setting filter values: ", JSON.stringify(t)), e.values = t;
   },
   patchValues(t) {
-    console.debug("⚪️ patching filter values: ", JSON.stringify(t)), e.values = pd(t, e.values);
+    console.debug("⚪️ patching filter values: ", JSON.stringify(t)), e.values = hd(t, e.values);
   },
   setValueByKey(t, n) {
     console.debug(`⚪️ setting filter[${t}] to value: `, JSON.stringify(n)), e.values = {
@@ -26358,17 +26239,135 @@ const md = m.model("FiltersRenderModel", {
     qn("Filters", n);
   }
 }));
-function gd(e, t, n, a) {
+function md(e, t, n, a) {
   const i = {
     ...n,
     ...t
-  }, o = hd(e, i), l = pd(a, o);
+  }, o = ud(e, i), l = hd(a, o);
   return {
     current: e,
     values: l
   };
 }
-const u3 = z5.views((e) => ({
+function l3(e, t) {
+  const n = $p(t);
+  n !== e && (console.error("Inconsistent sql"), console.groupCollapsed("Inconsistent sql"), console.table({
+    before: e,
+    after: t,
+    v: n
+  }), console.groupEnd());
+}
+async function s3({
+  query: e,
+  name: t,
+  payload: n,
+  additionals: a
+}, i) {
+  if (!e.sql)
+    return [];
+  const {
+    type: o,
+    key: l,
+    sql: s,
+    pre_process: c,
+    post_process: d
+  } = e, h = Ja(s, n), p = zg({
+    sql: h,
+    pre_process: c
+  }), g = Ap(p);
+  l3(p, g);
+  let y = await dt.query(i)({
+    type: o,
+    key: l,
+    query: g,
+    ...a
+  }, {
+    params: {
+      name: t
+    }
+  });
+  return y = Tg(d, y, Za(n)), y;
+}
+async function c3({
+  type: e,
+  key: t,
+  configString: n,
+  name: a,
+  additionals: i
+}, o) {
+  try {
+    return await dt.httpDataSourceQuery(o)({
+      type: e,
+      key: t,
+      query: n,
+      ...i
+    }, {
+      params: {
+        name: a
+      }
+    });
+  } catch (l) {
+    if (ot.isCancel(l))
+      throw l;
+    return console.error(l), l;
+  }
+}
+async function d3({
+  key: e,
+  configString: t,
+  name: n,
+  additionals: a
+}, i) {
+  try {
+    return await dt.mericoMetricQuery(i)({
+      type: "merico_metric_system",
+      key: e,
+      query: t,
+      ...a
+    }, {
+      params: {
+        name: n
+      }
+    });
+  } catch (o) {
+    throw o;
+  }
+}
+async function $i() {
+  try {
+    return (await dt.post()("/datasource/list", {
+      filter: {},
+      sort: [{
+        field: "create_time",
+        order: "ASC"
+      }],
+      pagination: {
+        page: 1,
+        pagesize: 100
+      }
+    }, {})).data;
+  } catch (e) {
+    return console.error(e), [];
+  }
+}
+async function gd() {
+  try {
+    return (await dt.post()("/sql_snippet/list", {
+      filter: {},
+      sort: [{
+        field: "id",
+        order: "ASC"
+      }],
+      pagination: {
+        page: 1,
+        pagesize: 1e3
+      }
+    }, {})).data;
+  } catch (e) {
+    return console.error(e), [];
+  }
+}
+const u3 = w5.views((e) => ({
   get rootModel() {
     return Le(e);
   },
@@ -26662,7 +26661,7 @@ const u3 = z5.views((e) => ({
       e.controller = new AbortController(), e.state = "loading";
       try {
         const n = e.payload, a = e.config;
-        e.data = yield* It(p5({
+        e.data = yield* It(s3({
           payload: n,
           name: e.name,
           query: {
@@ -26697,7 +26696,7 @@ const u3 = z5.views((e) => ({
         } = e.json;
         let o = JSON.parse(e.httpConfigString);
         o = pr(e.datasource, o);
-        const l = yield* It(m5({
+        const l = yield* It(c3({
           type: n,
           key: a,
           configString: JSON.stringify(o),
@@ -26732,7 +26731,7 @@ const u3 = z5.views((e) => ({
           data: e.metricQueryPayload
         };
         o = pr(e.datasource, o);
-        const l = yield* It(g5({
+        const l = yield* It(d3({
           key: a,
           configString: JSON.stringify(o),
           name: e.name,
@@ -26904,7 +26903,7 @@ const u3 = z5.views((e) => ({
     const {
       data: i
     } = a, o = t ?? a.name;
-    ld(o, i);
+    od(o, i);
   },
   refetchDataByQueryID(t) {
     const n = e.findByID(t);
@@ -26956,7 +26955,7 @@ function To({
   return `[${n}, ${a})`;
 }
 const yd = m.model("LayoutsRenderModel", {
-  list: m.array(D5),
+  list: m.array(C5),
   currentBreakpoint: m.string
 }).views((e) => ({
   get json() {
@@ -27058,7 +27057,7 @@ const yd = m.model("LayoutsRenderModel", {
       delay: 0
     }));
   }
-})), p3 = I5.views((e) => ({
+})), p3 = k5.views((e) => ({
   isADuplicatedKey(t) {
     return !t || t === e.key ? !1 : !!we(e, 2).findByKey(t);
   }
@@ -27117,7 +27116,7 @@ class g3 {
   constructor(t) {
     j(this, "origin");
     j(this, "copy");
-    this.origin = t, this.copy = Lp(t), Wn(this, {}, {
+    this.origin = t, this.copy = Ip(t), Wn(this, {}, {
       autoBind: !0,
       deep: !1
     });
@@ -27189,7 +27188,7 @@ const f3 = (e) => new g3(e), b3 = ({
     if (l && !s && a > 0)
       return E(l).add(a - 1, "days").toDate();
   }, [l, s, a]);
-  return /* @__PURE__ */ r(tp, { defaultDate: c, numberOfColumns: 2, type: "range", value: o, onChange: (g) => {
+  return /* @__PURE__ */ r(wh, { defaultDate: c, numberOfColumns: 2, type: "range", value: o, onChange: (g) => {
     const [y, b] = g;
     t({
       value: g,
@@ -27234,7 +27233,7 @@ const f3 = (e) => new g3(e), b3 = ({
   } = x(), a = (l) => () => {
     const s = l();
     e(s);
-  }, i = z(() => Oc(), []), o = n.language === "zh";
+  }, i = z(() => Ec(), []), o = n.language === "zh";
   return /* @__PURE__ */ u(F, { children: [
     /* @__PURE__ */ r(P, { variant: "dashed", my: 10 }),
     /* @__PURE__ */ r(w, { withTableBorder: !1, sx: {
@@ -27293,7 +27292,7 @@ const f3 = (e) => new g3(e), b3 = ({
     }, children: [
       /* @__PURE__ */ r(ut.Target, { children: /* @__PURE__ */ r(A, { label: e, labelProps: {
         title: e
-      }, required: t, leftSection: /* @__PURE__ */ r(Lh, { size: 16 }), placeholder: c("filter.widget.date_range.start_date"), readOnly: !0, disabled: s, value: b, onFocus: h, styles: Do(d), sx: {
+      }, required: t, leftSection: /* @__PURE__ */ r(Zu, { size: 16 }), placeholder: c("filter.widget.date_range.start_date"), readOnly: !0, disabled: s, value: b, onFocus: h, styles: Do(d), sx: {
         ".mantine-TextInput-label": {
           textOverflow: "ellipsis",
           overflow: "hidden",
@@ -27316,7 +27315,7 @@ const f3 = (e) => new g3(e), b3 = ({
           opacity: 0.6
         }
       } }) }),
-      /* @__PURE__ */ r(A, { label: /* @__PURE__ */ r(_, { justify: "flex-end", children: /* @__PURE__ */ r(x3, { begin: g, end: y }) }), leftSection: /* @__PURE__ */ r(Vh, { size: 16 }), placeholder: c("filter.widget.date_range.end_date"), readOnly: !0, disabled: !g || s, value: v, onFocus: h, styles: Do(d), sx: {
+      /* @__PURE__ */ r(A, { label: /* @__PURE__ */ r(_, { justify: "flex-end", children: /* @__PURE__ */ r(x3, { begin: g, end: y }) }), leftSection: /* @__PURE__ */ r(Ju, { size: 16 }), placeholder: c("filter.widget.date_range.end_date"), readOnly: !0, disabled: !g || s, value: v, onFocus: h, styles: Do(d), sx: {
         ".mantine-Input-section": {
           transform: "translateX(-18px)"
         },
@@ -27345,7 +27344,7 @@ const f3 = (e) => new g3(e), b3 = ({
   value: [null, null],
   shortcut: null
 }, vd = (e) => {
-  const t = Li(e.shortcut);
+  const t = Mi(e.shortcut);
   return t || (Array.isArray(e.value) ? e : xd);
 }, C3 = (e) => z(() => vd(e), [e]), wd = D(({
   label: e,
@@ -27603,7 +27602,7 @@ const f3 = (e) => new g3(e), b3 = ({
         count: i.length
       }), children: /* @__PURE__ */ r(jt, { variant: "light", children: i.length }) })
     ] }),
-    /* @__PURE__ */ r(Ep, { disabled: e, allowClear: !0, className: p(h.root, "check-select"), dropdownClassName: p(h.dropdown, ""), onDropdownVisibleChange: b, transitionName: "rc-select-dropdown-slide-up", choiceTransitionName: "rc-select-selection__choice-zoom", style: n, clearIcon: () => /* @__PURE__ */ r(xt, { size: "sm" }), value: i, onChange: o, onSelect: console.log, mode: "multiple", maxTagCount: 0, notFoundContent: /* @__PURE__ */ r(Ai, { errorMessage: s }), maxTagTextLength: 10, maxTagPlaceholder: (Z) => d("filter.widget.common.x_selected", {
+    /* @__PURE__ */ r(Ep, { disabled: e, allowClear: !0, className: p(h.root, "check-select"), dropdownClassName: p(h.dropdown, ""), onDropdownVisibleChange: b, transitionName: "rc-select-dropdown-slide-up", choiceTransitionName: "rc-select-selection__choice-zoom", style: n, clearIcon: () => /* @__PURE__ */ r(xt, { size: "sm" }), value: i, onChange: o, onSelect: console.log, mode: "multiple", maxTagCount: 0, notFoundContent: /* @__PURE__ */ r(Vi, { errorMessage: s }), maxTagTextLength: 10, maxTagPlaceholder: (Z) => d("filter.widget.common.x_selected", {
       count: Z.length
     }), searchValue: I, onSearch: M, filterOption: !1, dropdownRender: (Z) => /* @__PURE__ */ u(F, { children: [
       q.size > 0 && !I && /* @__PURE__ */ r(_, { px: "xs", py: "xs", onClick: ue, styles: z3, children: /* @__PURE__ */ r(te, { size: "xs", checked: Q, onChange: C.noop, label: d("common.actions.select_all") }) }),
@@ -27717,9 +27716,9 @@ const V3 = D(({
     case H.MultiSelect:
       return /* @__PURE__ */ r(D3, { ...a, ...i, config: t });
     case H.TreeSelect:
-      return /* @__PURE__ */ r(Q5, { ...a, ...i, config: t });
+      return /* @__PURE__ */ r(F5, { ...a, ...i, config: t });
     case H.TreeSingleSelect:
-      return /* @__PURE__ */ r(U5, { ...a, ...i, config: t });
+      return /* @__PURE__ */ r(Q5, { ...a, ...i, config: t });
     case H.TextInput:
       return /* @__PURE__ */ r(L3, { ...a, ...i, config: t });
     case H.DateRange:
@@ -27821,7 +27820,7 @@ const F3 = ({
   const {
     t: n
   } = x();
-  return /* @__PURE__ */ r(_, { justify: "flex-end", ml: -4, mt: -4, mb: e ? 4 : 0, children: /* @__PURE__ */ r(L, { size: "compact-xs", variant: "subtle", color: e ? "gray" : "blue", leftSection: e ? /* @__PURE__ */ r(Ah, { size: 14 }) : /* @__PURE__ */ r($h, { size: 14 }), onClick: t, children: n(e ? "filter.hide_filters" : "filter.show_filters") }) });
+  return /* @__PURE__ */ r(_, { justify: "flex-end", ml: -4, mt: -4, mb: e ? 4 : 0, children: /* @__PURE__ */ r(L, { size: "compact-xs", variant: "subtle", color: e ? "gray" : "blue", leftSection: e ? /* @__PURE__ */ r(eh, { size: 14 }) : /* @__PURE__ */ r(th, { size: 14 }), onClick: t, children: n(e ? "filter.hide_filters" : "filter.show_filters") }) });
 }, Cd = D(function({
   view: t
 }) {
@@ -27835,7 +27834,7 @@ const F3 = ({
     defaultValues: i.filters.values,
     // make sure the preview value is updated when filters are changed
     reValidateMode: "onBlur"
-  }), c = ap({
+  }), c = kh({
     control: o
   });
   B(() => {
@@ -27848,7 +27847,7 @@ const F3 = ({
     I(M), (v.should_auto_submit || R) && i.filters.setValueByKey(v.key, M);
   }, b = ae((v) => {
     const I = C.get(v, "force", !1);
-    l(i.filters.setValues), I && i.queries.forceReloadVisibleQueries();
+    l(i.filters.setValues)(), I && i.queries.forceReloadVisibleQueries();
   }, [l, i.filters.setValues]);
   return /* @__PURE__ */ u("form", { children: [
     /* @__PURE__ */ r(F3, { opened: n, toggle: a }),
@@ -28005,7 +28004,7 @@ function W3(e) {
       if (!a)
         return;
       const i = a.offsetWidth * 2, o = a.offsetHeight * 2;
-      Gl.toBlob(t.current, {
+      Ql.toBlob(t.current, {
         bgcolor: "white",
         width: i,
         height: o,
@@ -28457,7 +28456,7 @@ const fz = $.forwardRef(({
   "&:hover": {
     color: "#228be6"
   }
-}, variant: "transparent", children: /* @__PURE__ */ r(Ph, { size: 16 }) })), bz = $.forwardRef(({
+}, variant: "transparent", children: /* @__PURE__ */ r(nh, { size: 16 }) })), bz = $.forwardRef(({
   handleAxis: e,
   ...t
 }, n) => /* @__PURE__ */ r(ee, { ref: n, className: "react-grid-customResizeHandle", sx: {
@@ -28470,7 +28469,7 @@ const fz = $.forwardRef(({
   "&:hover": {
     color: "#228be6"
   }
-}, variant: "transparent", ...t, children: /* @__PURE__ */ r(Rh, { size: 16 }) })), yz = Ul(Kl), _z = D(({
+}, variant: "transparent", ...t, children: /* @__PURE__ */ r(rh, { size: 16 }) })), yz = Ul(Kl), _z = D(({
   view: e,
   className: t = "layout"
 }) => {
@@ -28524,7 +28523,7 @@ const wz = D(({
     qn(d, c);
   };
   return /* @__PURE__ */ u(W, { shadow: "md", width: 200, trigger: "hover", openDelay: 200, closeDelay: 400, withinPortal: !0, position: "bottom-end", children: [
-    /* @__PURE__ */ r(W.Target, { children: /* @__PURE__ */ r(lh, { position: {
+    /* @__PURE__ */ r(W.Target, { children: /* @__PURE__ */ r(Du, { position: {
       bottom: "20px",
       right: "10px"
     }, zIndex: 1, children: /* @__PURE__ */ r(ee, { size: "md", variant: "gradient", gradient: {
@@ -28535,7 +28534,7 @@ const wz = D(({
       transform: `translateX(${n ? 0 : "2px"})`,
       transition: "all ease 300ms",
       borderRadius: "50%"
-    }, children: /* @__PURE__ */ r(Eh, { size: "1rem" }) }) }) }),
+    }, children: /* @__PURE__ */ r(ah, { size: "1rem" }) }) }) }),
     /* @__PURE__ */ u(W.Dropdown, { children: [
       /* @__PURE__ */ r(W.Item, { leftSection: /* @__PURE__ */ r(Dr, { size: 14 }), onClick: e, children: t("common.actions.download_screenshot") }),
       /* @__PURE__ */ r(W.Divider, {}),
@@ -28646,7 +28645,7 @@ const wz = D(({
   children: e,
   view: t
 }) => {
-  const a = ce().layouts, [i, o] = fh();
+  const a = ce().layouts, [i, o] = Eu();
   return B(() => {
     a.setCurrentLayoutWrapperWidth(o.width);
   }, [o.width]), /* @__PURE__ */ r(V, { sx: {
@@ -28810,7 +28809,7 @@ const Dz = D(({
             /* @__PURE__ */ r(O, { label: t("view.label"), value: d.view_id, onChange: d.setViewID, data: i }),
             /* @__PURE__ */ r(ne, { label: t("view.component.tabs.tab.order"), required: !0, value: d.order, onChange: (g) => d.setOrder(g || 0), min: 0, max: 1e3, step: 1 }),
             /* @__PURE__ */ r(Jt, { label: t("view.component.tabs.tab.color"), value: d.color, onChange: d.setColor, disabled: o.variant !== "default" }),
-            p && /* @__PURE__ */ r(L, { mt: 20, variant: "gradient", leftSection: /* @__PURE__ */ r(Oh, { size: 18 }), gradient: {
+            p && /* @__PURE__ */ r(L, { mt: 20, variant: "gradient", leftSection: /* @__PURE__ */ r(ih, { size: 18 }), gradient: {
               from: "cyan",
               to: "indigo"
             }, onClick: () => a.views.setIDOfVIE(p.id), children: t("view.component.tabs.tab.switch_to_view", {
@@ -28899,13 +28898,13 @@ const f9 = {
   [U.Tabs]: "#ffad18"
 };
 function Rz(e, t, n) {
-  Ue(e, Vp(e, (a, i) => {
+  Ue(e, Mp(e, (a, i) => {
     i(a, () => {
-      Ap(a.context) === t && a.type === "action" && n(a.name, a.context);
+      Lp(a.context) === t && a.type === "action" && n(a.name, a.context);
     });
   }));
 }
-const Ez = m.compose("FiltersModel", md, m.model("FiltersModel", {
+const Ez = m.compose("FiltersModel", pd, m.model("FiltersModel", {
   // values to be displayed in preview content, e.g. Data Settings
   previewValues: m.optional(m.frozen(), {})
 })).views((e) => ({
@@ -28963,9 +28962,9 @@ const Ez = m.compose("FiltersModel", md, m.model("FiltersModel", {
   }
 })).actions((e) => {
   function t() {
-    Rz(e.current, Xc, (n, a) => {
+    Rz(e.current, Yc, (n, a) => {
       if (n === "setType") {
-        const i = ud(a.config.default_value, a.config);
+        const i = dd(a.config.default_value, a.config);
         e.setValueByKey(a.key, i), e.updatePreviewValues({
           ...e.previewValues,
           [a.key]: i
@@ -29652,7 +29651,7 @@ const Yz = m.model({
   selectMetric(t) {
     e.metricID = t;
   }
-})), Jz = m.compose("DataSourceModel", td, m.model({
+})), Jz = m.compose("DataSourceModel", ed, m.model({
   dbInfo: m.optional(Gz, {}),
   mericoMetricInfo: m.optional(Zz, {})
 })), eT = m.model("DataSourcesModel", {
@@ -30019,7 +30018,7 @@ const uT = m.model("EditorModel", {
       this.removeByID(n);
     });
   }
-})), pT = sd.views((e) => ({
+})), pT = ld.views((e) => ({
   get realDataFieldOptions() {
     return e.queryIDs.length === 0 ? [] : e.queries.map((t) => {
       const n = t.data;
@@ -30132,7 +30131,7 @@ const uT = m.model("EditorModel", {
   moveToView(t, n) {
     Le(e).content.views.findByID(t).removePanelID(e.id), Le(e).content.views.findByID(n).appendPanelID(e.id), Le(e).editor.setPath(["_VIEWS_", n, "_PANELS_", e.id]);
   }
-})), mT = m.compose("PanelsModel", cd, m.model({
+})), mT = m.compose("PanelsModel", sd, m.model({
   list: m.optional(m.array(pT), [])
 })).views((e) => ({
   get contentModel() {
@@ -30160,7 +30159,7 @@ const uT = m.model("EditorModel", {
   }
 })).actions((e) => ({
   replace(t) {
-    e.list = Ql(t);
+    e.list = jl(t);
   },
   append(t) {
     e.list.push(t);
@@ -30198,7 +30197,7 @@ const uT = m.model("EditorModel", {
   replaceByIndex(t, n) {
     e.list.splice(t, 1, n);
   }
-})), gT = ad.actions((e) => ({
+})), gT = rd.actions((e) => ({
   getSchema() {
     const t = e.json, n = [], a = [];
     e.panels.forEach((l) => {
@@ -30224,7 +30223,7 @@ const uT = m.model("EditorModel", {
     const t = JSON.stringify(this.getSchema(), null, 2), n = e.name;
     qn(n, t);
   }
-})), fT = m.compose("ViewsModel", id, m.model({
+})), fT = m.compose("ViewsModel", ad, m.model({
   current: m.optional(m.array(gT), []),
   idOfVIE: m.string
   // VIE: view in edit
@@ -30338,7 +30337,7 @@ const bT = m.model({
   views: fT,
   panels: mT,
   layouts: hT,
-  mock_context: Mc,
+  mock_context: Ic,
   /**
    * this field should be excluded from snapshot
    */
@@ -30563,7 +30562,7 @@ const bT = m.model({
   addANewPanel(t) {
     var a;
     const n = Lt();
-    e.panels.append(c3(n)), (a = e.views.findByID(t)) == null || a.appendPanelID(n), e.layouts.addALayoutItem(n);
+    e.panels.append(i3(n)), (a = e.views.findByID(t)) == null || a.appendPanelID(n), e.layouts.addALayoutItem(n);
   },
   applyJSONSchema(t) {
     var p;
@@ -30667,7 +30666,7 @@ const bT = m.model({
   },
   postProcessor(e) {
     delete e.origin;
-    const t = Ql(e.queries.current.map((n) => rl(n, ["id", "key", "type", "sql"])));
+    const t = jl(e.queries.current.map((n) => rl(n, ["id", "key", "type", "sql"])));
     return he({}, {
       queries: {
         current: t
@@ -30707,14 +30706,14 @@ function yT({
     create_time: a,
     update_time: i,
     version: c,
-    filters: gd(d, l, v, s),
+    filters: md(d, l, v, s),
     queries: {
       current: y
     },
     sqlSnippets: {
       current: b
     },
-    mock_context: Lc(v),
+    mock_context: Mc(v),
     views: Ed(h),
     panels: {
       list: p
@@ -30732,8 +30731,8 @@ const _T = m.model({
   content: Od,
   content_id: m.string,
   datasources: eT,
-  globalSQLSnippets: nd,
-  context: $i,
+  globalSQLSnippets: td,
+  context: Ai,
   editor: uT
 }).views((e) => ({
   get json() {
@@ -30788,7 +30787,7 @@ function xT({
     globalSQLSnippets: {
       list: l
     },
-    context: rd(s),
+    context: nd(s),
     editor: {}
   });
 }
@@ -30920,7 +30919,7 @@ const vT = D(({
           fill: "rgb(173, 181, 189)",
           stroke: "none"
         }
-      }, children: /* @__PURE__ */ r(qh, { size: 18 }) }) }),
+      }, children: /* @__PURE__ */ r(oh, { size: 18 }) }) }),
       /* @__PURE__ */ r(W.Dropdown, { children: /* @__PURE__ */ r(W.Item, { leftSection: /* @__PURE__ */ r(mt, { size: 14, color: "red" }), disabled: !o, onClick: i, children: t("common.actions.revert_changes") }) })
     ] })
   ] });
@@ -31090,7 +31089,7 @@ const vT = D(({
   return /* @__PURE__ */ u(F, { children: [
     /* @__PURE__ */ u(_, { children: [
       /* @__PURE__ */ u(W, { withArrow: !0, withinPortal: !0, zIndex: 320, trigger: "hover", children: [
-        /* @__PURE__ */ r(W.Target, { children: /* @__PURE__ */ r(L, { size: "xs", variant: "subtle", leftSection: /* @__PURE__ */ r(Fh, { size: 16 }), sx: {
+        /* @__PURE__ */ r(W.Target, { children: /* @__PURE__ */ r(L, { size: "xs", variant: "subtle", leftSection: /* @__PURE__ */ r(lh, { size: 16 }), sx: {
           borderRadius: 0
         }, children: /* @__PURE__ */ u(_, { gap: 6, children: [
           /* @__PURE__ */ r(k, { size: "xs", fw: "normal", children: l.name }),
@@ -31344,7 +31343,7 @@ const PT = D(({
   }, [b, I]), /* @__PURE__ */ r(V, { mx: "auto", sx: {
     position: "relative"
   }, children: /* @__PURE__ */ u("form", { onSubmit: o(p), children: [
-    /* @__PURE__ */ r(sh, { label: a("import.json_file"), required: !0, value: g, onChange: y, error: (R = l == null ? void 0 : l.content) == null ? void 0 : R.message, sx: {
+    /* @__PURE__ */ r(Iu, { label: a("import.json_file"), required: !0, value: g, onChange: y, error: (R = l == null ? void 0 : l.content) == null ? void 0 : R.message, sx: {
       maxWidth: 500
     } }),
     I ? /* @__PURE__ */ r(w, { fz: 12, mt: 10, children: /* @__PURE__ */ u(w.Tbody, { children: [
@@ -31436,7 +31435,7 @@ const PT = D(({
     /* @__PURE__ */ u("div", { style: {
       flex: 1
     }, children: [
-      /* @__PURE__ */ r(ch, { highlight: t, size: "sm", children: e.title ? n(e.title) : "" }),
+      /* @__PURE__ */ r(Mu, { highlight: t, size: "sm", children: e.title ? n(e.title) : "" }),
       /* @__PURE__ */ r(OT, { action: e })
     ] })
   ] }) });
@@ -31825,8 +31824,8 @@ function c6(e) {
   return s6(s);
 }
 const ra = {
-  "builtin:op:open-link": /* @__PURE__ */ r(ar, { color: "blue", size: 20, radius: "xl", children: /* @__PURE__ */ r(Bh, { size: 14 }) }),
-  "builtin:op:set_filter_values": /* @__PURE__ */ r(ar, { color: "orange", size: 20, radius: "xl", children: /* @__PURE__ */ r(Nh, { size: 14 }) }),
+  "builtin:op:open-link": /* @__PURE__ */ r(ar, { color: "blue", size: 20, radius: "xl", children: /* @__PURE__ */ r(sh, { size: 14 }) }),
+  "builtin:op:set_filter_values": /* @__PURE__ */ r(ar, { color: "orange", size: 20, radius: "xl", children: /* @__PURE__ */ r(ch, { size: 14 }) }),
   "builtin:op:clear_filter_values": /* @__PURE__ */ r(ar, { color: "orange", size: 20, radius: "xl", children: /* @__PURE__ */ r(gl, { size: 14 }) })
 };
 function d6(e) {
@@ -31876,7 +31875,7 @@ function d6(e) {
     }
   }), t;
 }
-const u6 = Ju(({
+const u6 = xu(({
   data: e,
   isConnectable: t,
   sourcePosition: n = _t.Right,
@@ -31890,7 +31889,7 @@ const u6 = Ju(({
       position: "absolute",
       top: 0,
       right: 0
-    }, children: /* @__PURE__ */ r(jh, { size: 12 }) }),
+    }, children: /* @__PURE__ */ r(dh, { size: 12 }) }),
     /* @__PURE__ */ u(_e, { shadow: "xl", withinPortal: !0, children: [
       /* @__PURE__ */ r(_e.Target, { children: /* @__PURE__ */ r(k, { size: "sm", children: e.label }) }),
       /* @__PURE__ */ r(_e.Dropdown, { children: /* @__PURE__ */ r(We, { spacing: "xs", size: "sm", center: !0, children: o.map((l) => /* @__PURE__ */ r(We.Item, { icon: l.icon, children: l.text }, l.key)) }) })
@@ -31993,7 +31992,7 @@ function f6({
       right: 0,
       zIndex: 0,
       borderRadius: 0
-    }, children: /* @__PURE__ */ r(Qh, { size: 16 }) }) })
+    }, children: /* @__PURE__ */ r(uh, { size: 16 }) }) })
   ] });
 }
 const b6 = D(() => {
@@ -32106,7 +32105,7 @@ const b6 = D(() => {
   const {
     t: n
   } = x(), a = t.config, i = z(() => {
-    const l = Oc();
+    const l = Ec();
     return Object.entries(l).map(([s, c]) => ({
       group: n(`filter.widget.date_range.shortcut.${s}.label`),
       items: c.map(({
@@ -32391,8 +32390,8 @@ const b6 = D(() => {
 }), D6 = {
   [H.Select]: k6,
   [H.MultiSelect]: S6,
-  [H.TreeSelect]: q5,
-  [H.TreeSingleSelect]: G5,
+  [H.TreeSelect]: P5,
+  [H.TreeSingleSelect]: B5,
   [H.TextInput]: z6,
   [H.Checkbox]: _6,
   [H.DateRange]: v6
@@ -32933,9 +32932,9 @@ const F6 = [{
     n.editor.setPath(["_QUERIES_", d]);
   }, c = i.queryIDs.length;
   return /* @__PURE__ */ u(F, { children: [
-    /* @__PURE__ */ r(dh, { opened: o, onClose: () => l(!1), title: t("panel.settings.choose_queries"), padding: "xl", size: 500, zIndex: 320, children: /* @__PURE__ */ r(te.Group, { value: [...i.queryIDs], onChange: i.setQueryIDs, children: /* @__PURE__ */ r(T, { gap: "lg", children: a.queries.options.map((d) => /* @__PURE__ */ r(te, { label: d.label, value: d.value }, d.value)) }) }) }),
+    /* @__PURE__ */ r(Lu, { opened: o, onClose: () => l(!1), title: t("panel.settings.choose_queries"), padding: "xl", size: 500, zIndex: 320, children: /* @__PURE__ */ r(te.Group, { value: [...i.queryIDs], onChange: i.setQueryIDs, children: /* @__PURE__ */ r(T, { gap: "lg", children: a.queries.options.map((d) => /* @__PURE__ */ r(te, { label: d.label, value: d.value }, d.value)) }) }) }),
     /* @__PURE__ */ u(T, { gap: 6, children: [
-      /* @__PURE__ */ r(_, { justify: "flex-start", children: /* @__PURE__ */ r(L, { variant: "light", size: "sm", leftSection: /* @__PURE__ */ r(Gh, { size: 16 }), onClick: () => l(!0), children: t(c === 0 ? "panel.settings.need_to_choose_queries" : "panel.settings.choose_queries") }) }),
+      /* @__PURE__ */ r(_, { justify: "flex-start", children: /* @__PURE__ */ r(L, { variant: "light", size: "sm", leftSection: /* @__PURE__ */ r(hh, { size: 16 }), onClick: () => l(!0), children: t(c === 0 ? "panel.settings.need_to_choose_queries" : "panel.settings.choose_queries") }) }),
       c === 1 && /* @__PURE__ */ r(xa, { id: i.queryIDs[0], moreActions: /* @__PURE__ */ r(re, { label: t("query.open"), children: /* @__PURE__ */ r(ee, { variant: "subtle", color: "blue", onClick: () => s(i.queryIDs[0]), children: /* @__PURE__ */ r(sa, { size: 16 }) }) }) }),
       c > 1 && /* @__PURE__ */ u(S, { defaultValue: i.queryIDs[0], children: [
         /* @__PURE__ */ r(S.List, { children: i.queries.map((d) => /* @__PURE__ */ r(S.Tab, { value: d.id, children: d.name }, d.id)) }),
@@ -33760,7 +33759,7 @@ const c4 = D(({
 function x4({
   table_type: e
 }) {
-  return e === "VIEW" ? /* @__PURE__ */ r(Sl, { size: 14 }) : e === "BASE TABLE" ? /* @__PURE__ */ r(Hh, { size: 14 }) : null;
+  return e === "VIEW" ? /* @__PURE__ */ r(Sl, { size: 14 }) : e === "BASE TABLE" ? /* @__PURE__ */ r(ph, { size: 14 }) : null;
 }
 const v4 = D(({
   dataSource: e
@@ -33876,7 +33875,7 @@ const v4 = D(({
     }, children: /* @__PURE__ */ r(ze, { children: /* @__PURE__ */ r(v4, { dataSource: e }) }) }),
     /* @__PURE__ */ u(S, { defaultValue: "structure", styles: T4, children: [
       /* @__PURE__ */ u(S.List, { children: [
-        /* @__PURE__ */ r(S.Tab, { value: "structure", leftSection: /* @__PURE__ */ r(Wh, { size: 14 }), children: t("data_source.table_structure_short") }),
+        /* @__PURE__ */ r(S.Tab, { value: "structure", leftSection: /* @__PURE__ */ r(mh, { size: 14 }), children: t("data_source.table_structure_short") }),
         /* @__PURE__ */ r(S.Tab, { value: "data", leftSection: /* @__PURE__ */ r(Xt, { size: 14 }), children: t("data.label") })
       ] }),
       /* @__PURE__ */ r(S.Panel, { value: "structure", children: /* @__PURE__ */ r(_4, { dataSource: e }) }),
@@ -33961,7 +33960,7 @@ const v4 = D(({
       }
     }
   }, children: [
-    /* @__PURE__ */ r(Uh, { size: 14, color: "#228be6" }),
+    /* @__PURE__ */ r(gh, { size: 14, color: "#228be6" }),
     /* @__PURE__ */ r(k, { size: "sm", c: "blue", children: n })
   ] }) : /* @__PURE__ */ u(_, { justify: "space-between", ...t, sx: {
     flexGrow: 1
@@ -33978,7 +33977,7 @@ const v4 = D(({
   } = x(), a = de(), {
     data: i = [],
     loading: o
-  } = dn(Mi, {
+  } = dn($i, {
     refreshDeps: []
   }, []), l = z(() => {
     const h = i.map((p) => ({
@@ -34110,7 +34109,7 @@ WHERE
     /* @__PURE__ */ u(S.List, { grow: !0, children: [
       /* @__PURE__ */ r(S.Tab, { value: "guide", leftSection: /* @__PURE__ */ r(Gn, { size: 14 }), children: a("query_variable.guide.tabs.guide") }),
       /* @__PURE__ */ r(S.Tab, { value: "local_query_vars", leftSection: /* @__PURE__ */ r(Vn, { size: 14 }), children: a("query_variable.guide.tabs.variables_in_this_dashboard") }),
-      /* @__PURE__ */ r(S.Tab, { value: "global_sql_snippets", leftSection: /* @__PURE__ */ r(Kh, { size: 14 }), children: a("query_variable.guide.tabs.global_sql_snippets") })
+      /* @__PURE__ */ r(S.Tab, { value: "global_sql_snippets", leftSection: /* @__PURE__ */ r(fh, { size: 14 }), children: a("query_variable.guide.tabs.global_sql_snippets") })
     ] }),
     /* @__PURE__ */ r(S.Panel, { value: "guide", pt: "xs", children: /* @__PURE__ */ r(vt, { language: "sql", sx: {
       width: "100%"
@@ -34207,7 +34206,7 @@ WHERE
     t
   } = x(), n = z(() => C.groupBy(e.dependencies, "type"), [e.dependencies]), a = z(() => e.dependencies.some((o) => !o.valid), [e.dependencies]), i = e.dependencies.length > 0;
   return i ? /* @__PURE__ */ u(_e, { withinPortal: !0, zIndex: 340, shadow: "md", disabled: !i, children: [
-    /* @__PURE__ */ r(_e.Target, { children: /* @__PURE__ */ r(L, { size: "xs", variant: "subtle", color: a ? "red" : "green", disabled: !i, leftSection: a ? /* @__PURE__ */ r(vl, { size: 16 }) : /* @__PURE__ */ r(Xh, { size: 16 }), children: t("query.dependency.label") }) }),
+    /* @__PURE__ */ r(_e.Target, { children: /* @__PURE__ */ r(L, { size: "xs", variant: "subtle", color: a ? "red" : "green", disabled: !i, leftSection: a ? /* @__PURE__ */ r(vl, { size: 16 }) : /* @__PURE__ */ r(yh, { size: 16 }), children: t("query.dependency.label") }) }),
     /* @__PURE__ */ r(_e.Dropdown, { children: /* @__PURE__ */ r(We, { spacing: "md", size: "sm", listStyleType: "none", children: Object.entries(n).map(([o, l]) => /* @__PURE__ */ u(We.Item, { children: [
       /* @__PURE__ */ r(k, { size: "sm", fw: "bold", ff: "monospace", children: t(`${o}.label`) }),
       /* @__PURE__ */ r(We, { withPadding: !0, size: "sm", sx: {
@@ -34221,7 +34220,7 @@ WHERE
         }
       }, children: /* @__PURE__ */ r(Ir, { size: 12 }) }), children: s.key }, s.key)) })
     ] }, o)) }) })
-  ] }) : /* @__PURE__ */ r(re, { label: t("query.dependency.has_none"), children: /* @__PURE__ */ r(L, { size: "xs", variant: "subtle", color: "gray", leftSection: /* @__PURE__ */ r(Yh, { size: 16, style: {
+  ] }) : /* @__PURE__ */ r(re, { label: t("query.dependency.has_none"), children: /* @__PURE__ */ r(L, { size: "xs", variant: "subtle", color: "gray", leftSection: /* @__PURE__ */ r(bh, { size: 16, style: {
     transform: "rotate(180deg)"
   } }), sx: {
     transform: "none !important"
@@ -34625,7 +34624,7 @@ const X4 = [{
   } = e, a = n === "loading", i = ae(() => {
     e.fetchData(!0);
   }, [e.fetchData]), o = () => {
-    ld(e.name, e.data);
+    od(e.name, e.data);
   };
   B(() => {
     i();
@@ -34791,9 +34790,9 @@ const X4 = [{
   onChange: n,
   usedKeys: a
 }) => {
-  const i = e.metricDetail, o = e.metrics.loading || i.loading, l = i.error, s = i.filterColOptions, c = uh({
+  const i = e.metricDetail, o = e.metrics.loading || i.loading, l = i.error, s = i.filterColOptions, c = Vu({
     onDropdownClose: () => c.resetSelectedOption()
-  }), d = z(() => o ? /* @__PURE__ */ r(Da, { size: "xs" }) : t ? /* @__PURE__ */ r(xt, { size: "xs", onClick: () => n(null) }) : /* @__PURE__ */ r(Bt.Chevron, { size: "xs" }), [o, t]), h = /* @__PURE__ */ r(hh, { component: "button", type: "button", variant: "unstyled", size: "xs", pointer: !0, rightSection: d, rightSectionPointerEvents: !o && t ? "all" : "none", onClick: () => c.toggleDropdown(), disabled: o || s.length === 0, styles: dD, error: !!l, children: t || /* @__PURE__ */ r(ph.Placeholder, { children: "选择维度" }) });
+  }), d = z(() => o ? /* @__PURE__ */ r(Da, { size: "xs" }) : t ? /* @__PURE__ */ r(xt, { size: "xs", onClick: () => n(null) }) : /* @__PURE__ */ r(Bt.Chevron, { size: "xs" }), [o, t]), h = /* @__PURE__ */ r(Au, { component: "button", type: "button", variant: "unstyled", size: "xs", pointer: !0, rightSection: d, rightSectionPointerEvents: !o && t ? "all" : "none", onClick: () => c.toggleDropdown(), disabled: o || s.length === 0, styles: dD, error: !!l, children: t || /* @__PURE__ */ r($u.Placeholder, { children: "选择维度" }) });
   return /* @__PURE__ */ u(Bt, { store: c, onOptionSubmit: (p) => {
     n(p), c.closeDropdown();
   }, styles: cD, children: [
@@ -35179,7 +35178,7 @@ const X4 = [{
     }
   }, ...t, children: [
     /* @__PURE__ */ u(_, { flex: "1", gap: 4, children: [
-      /* @__PURE__ */ r(Zh, { size: 12 }),
+      /* @__PURE__ */ r(_h, { size: 12 }),
       /* @__PURE__ */ r(k, { size: "xs", children: n.label })
     ] }),
     /* @__PURE__ */ r(k, { ml: 16, size: "xs", c: t.checked ? "rgba(255,255,255,.8)" : "dimmed", children: n.description })
@@ -35675,7 +35674,7 @@ const X4 = [{
       label: a,
       order: t.content.filters.current.length + 1,
       type: H.TextInput,
-      config: Qc(),
+      config: jc(),
       visibleInViewsIDs: ["Main"],
       auto_submit: !1
     };
@@ -35941,9 +35940,9 @@ const oI = {
   iI(o.monacoPath), Dc(o);
   const {
     data: y = []
-  } = dn(Mi), {
+  } = dn($i), {
     data: b = []
-  } = dn(Ic), v = $.useMemo(() => xT(t, n, y, b, e, c ?? {}), [t, n]);
+  } = dn(gd), v = $.useMemo(() => xT(t, n, y, b, e, c ?? {}), [t, n]);
   $.useImperativeHandle(g, () => v, [v]), qd(v.content, !0), $.useEffect(() => {
     v.context.replace(e);
   }, [e]), $.useEffect(() => {
@@ -35973,7 +35972,7 @@ const oI = {
     onFilterValuesChange: d,
     onExit: h,
     lang: p
-  }), /* @__PURE__ */ r(Nl, { children: /* @__PURE__ */ r(Tc, { lang: p, children: /* @__PURE__ */ r(jl, { children: /* @__PURE__ */ r(hs, { children: /* @__PURE__ */ r(as, { value: {
+  }), /* @__PURE__ */ r(Nl, { children: /* @__PURE__ */ r(Tc, { lang: p, children: /* @__PURE__ */ r(Wl, { children: /* @__PURE__ */ r(hs, { children: /* @__PURE__ */ r(as, { value: {
     renderSearchButton: o.renderSearchButton
   }, children: /* @__PURE__ */ r(ns, { value: v, children: /* @__PURE__ */ r(os, { value: v.content, children: /* @__PURE__ */ u(Rr.Provider, { value: {
     inEditMode: !0
@@ -36010,13 +36009,13 @@ const tu = m.model({
   update_time: m.string,
   version: m.string,
   // schema version
-  filters: md,
+  filters: pd,
   queries: bd,
   sqlSnippets: _d,
-  views: id,
-  panels: cd,
+  views: ad,
+  panels: sd,
   layouts: yd,
-  mock_context: Mc
+  mock_context: Ic
 }).views((e) => ({
   get json() {
     return {
@@ -36134,11 +36133,11 @@ function sI({
     create_time: a,
     update_time: i,
     version: d,
-    filters: gd(h, l, I, s),
+    filters: md(h, l, I, s),
     queries: h3(b),
     sqlSnippets: m3(v),
-    mock_context: Lc(I),
-    views: l3(p, c),
+    mock_context: Mc(I),
+    views: r3(p, c),
     panels: {
       list: g
     },
@@ -36154,9 +36153,9 @@ const cI = m.model({
   group: m.string,
   content: tu,
   content_id: m.string,
-  datasources: i3,
-  globalSQLSnippets: nd,
-  context: $i
+  datasources: t3,
+  globalSQLSnippets: td,
+  context: Ai
 });
 function dI({
   id: e,
@@ -36176,7 +36175,7 @@ function dI({
     globalSQLSnippets: {
       list: l
     },
-    context: rd(s)
+    context: nd(s)
   });
 }
 fs();
@@ -36198,9 +36197,9 @@ const uI = ({
   Dc(i);
   const {
     data: g = []
-  } = dn(Mi), {
+  } = dn($i), {
     data: y = []
-  } = dn(Ic), b = $.useMemo(() => dI(t, n, g, y, e, s ?? {}, d ?? null), [t, n]);
+  } = dn(gd), b = $.useMemo(() => dI(t, n, g, y, e, s ?? {}, d ?? null), [t, n]);
   qd(b.content, !1), $.useEffect(() => {
     b.context.replace(e);
   }, [e]), $.useEffect(() => {
@@ -36230,7 +36229,7 @@ const uI = ({
     activeTab: d,
     onActiveTabChange: h,
     lang: p
-  }), /* @__PURE__ */ r(Nl, { children: /* @__PURE__ */ r(Tc, { lang: p, children: /* @__PURE__ */ r(jl, { children: /* @__PURE__ */ r(hs, { children: /* @__PURE__ */ r(as, { value: {
+  }), /* @__PURE__ */ r(Nl, { children: /* @__PURE__ */ r(Tc, { lang: p, children: /* @__PURE__ */ r(Wl, { children: /* @__PURE__ */ r(hs, { children: /* @__PURE__ */ r(as, { value: {
     renderSearchButton: i.renderSearchButton
   }, children: /* @__PURE__ */ r(ns, { value: b, children: /* @__PURE__ */ r(os, { value: b.content, children: /* @__PURE__ */ r(us.Provider, { value: {
     fullScreenPanelID: o,
@@ -36248,7 +36247,7 @@ export {
   Od as ContentModel,
   os as ContentModelContextProvider,
   tu as ContentRenderModel,
-  $i as ContextMeta,
+  Ai as ContextMeta,
   ba as DEFAULT_CUSTOM_MODAL_TITLE,
   c5 as DashboardApiClient,
   d5 as DashboardApiFacadeClient,
@@ -36261,101 +36260,101 @@ export {
   as as DashboardThemeContextProvider,
   Az as DashboardViewEditor,
   Oi as DashboardViewRender,
-  td as DataSourceMetaModel,
+  ed as DataSourceMetaModel,
   ie as DataSourceType,
-  i3 as DataSourcesMetaModel,
+  t3 as DataSourcesMetaModel,
   hs as DatesProvider,
   s5 as DefaultApiClient,
   kd as DescriptionPopover,
   g3 as DraftModel,
   U as EViewComponentType,
   h9 as FacadeApiClient,
-  Rc as FilterCheckboxConfigMeta,
-  Fc as FilterDateRangeConfigMeta,
-  Xc as FilterMeta,
-  Bc as FilterMultiSelectConfigMeta,
-  Nc as FilterSelectConfigMeta,
-  jc as FilterTextInputConfigMeta,
-  Kc as FilterTreeSelectConfigMeta,
-  Yc as FilterTreeSingleSelectConfigMeta,
+  Pc as FilterCheckboxConfigMeta,
+  qc as FilterDateRangeConfigMeta,
+  Yc as FilterMeta,
+  Fc as FilterMultiSelectConfigMeta,
+  Bc as FilterSelectConfigMeta,
+  Nc as FilterTextInputConfigMeta,
+  Uc as FilterTreeSelectConfigMeta,
+  Kc as FilterTreeSingleSelectConfigMeta,
   Ez as FiltersModel,
-  md as FiltersRenderModel,
+  pd as FiltersRenderModel,
   mz as FullScreenPanel,
   us as FullScreenPanelContext,
-  o3 as GlobalSQLSnippetMeta,
-  nd as GlobalSQLSnippetsMeta,
-  T5 as LayoutItemMeta,
-  D5 as LayoutSetMeta,
+  n3 as GlobalSQLSnippetMeta,
+  td as GlobalSQLSnippetsMeta,
+  S5 as LayoutItemMeta,
+  C5 as LayoutSetMeta,
   Rr as LayoutStateContext,
   yd as LayoutsRenderModel,
-  Pc as MericoMetricQueryMeta,
-  Mc as MockContextMeta,
+  $c as MericoMetricQueryMeta,
+  Ic as MockContextMeta,
   u3 as MuteQueryModel,
   cz as Panel,
   cs as PanelContextProvider,
   iz as PanelErrorOrStateMessage,
-  v5 as PanelMeta,
+  b5 as PanelMeta,
   pT as PanelModel,
   Ad as PanelRender,
-  sd as PanelRenderModel,
-  b5 as PanelStyleMeta,
-  y5 as PanelTitleMeta,
+  ld as PanelRenderModel,
+  p5 as PanelStyleMeta,
+  m5 as PanelTitleMeta,
   az as PanelVizAddons,
-  x5 as PanelVizMeta,
+  f5 as PanelVizMeta,
   Vd as PanelVizSection,
   mT as PanelsModel,
-  cd as PanelsRenderModel,
+  sd as PanelsRenderModel,
   qz as QueriesModel,
   bd as QueriesRenderModel,
-  z5 as QueryMeta,
+  w5 as QueryMeta,
   Oz as QueryModel,
   fd as QueryRenderModel,
   x9 as ReadOnlyDashboard,
-  I5 as SQLSnippetMeta,
+  k5 as SQLSnippetMeta,
   p3 as SQLSnippetRenderModel,
   Fz as SQLSnippetsModel,
   _d as SQLSnippetsRenderModel,
-  _5 as VariableMeta,
+  g5 as VariableMeta,
   Pz as ViewComponentTypeBackground,
   b9 as ViewComponentTypeColor,
   f9 as ViewComponentTypeName,
-  Zc as ViewDivisionConfig,
-  a3 as ViewMeta,
-  Jc as ViewModalConfig,
-  ad as ViewRenderModel,
-  ed as ViewTabsConfig,
+  Xc as ViewDivisionConfig,
+  e3 as ViewMeta,
+  Zc as ViewModalConfig,
+  rd as ViewRenderModel,
+  Jc as ViewTabsConfig,
   fT as ViewsModel,
-  id as ViewsRenderModel,
+  ad as ViewsRenderModel,
   rz as Viz,
   y9 as applyPartialDashboard,
   Dc as configureAPIClient,
   yT as createContentModel,
   sI as createContentRenderModel,
-  rd as createContextMeta,
+  nd as createContextMeta,
   xT as createDashboardModel,
   dI as createDashboardRenderModel,
   f3 as createDraft,
-  M5 as createFilterCheckboxConfig,
-  A5 as createFilterDateRangeConfig,
-  $5 as createFilterMultiSelectConfig,
-  P5 as createFilterSelectConfig,
-  Qc as createFilterTextInputConfig,
-  X5 as createFilterTreeSelectConfig,
-  Z5 as createFilterTreeSingleSelectConfig,
-  k5 as createMericoMetricQueryMetaConfig,
-  J5 as createViewDivisionConfig,
-  t3 as createViewModalConfig,
-  r3 as createViewTabsConfig,
+  z5 as createFilterCheckboxConfig,
+  I5 as createFilterDateRangeConfig,
+  M5 as createFilterMultiSelectConfig,
+  L5 as createFilterSelectConfig,
+  jc as createFilterTextInputConfig,
+  W5 as createFilterTreeSelectConfig,
+  U5 as createFilterTreeSingleSelectConfig,
+  v5 as createMericoMetricQueryMetaConfig,
+  K5 as createViewDivisionConfig,
+  X5 as createViewModalConfig,
+  J5 as createViewTabsConfig,
   u5 as facadeApiClient,
   _r as formatSQLSnippet,
   Ed as getInitialDashboardViewsModel,
-  gd as getInitialFiltersConfig,
-  Lc as getInitialMockContextMeta,
+  md as getInitialFiltersConfig,
+  Mc as getInitialMockContextMeta,
   h3 as getInitialQueriesRenderModel,
   m3 as getInitialSQLSnippetsRenderModel,
-  l3 as getInitialViewsRenderModel,
-  c3 as getNewPanel,
-  L5 as getStaticDateRangeDefaultValue,
+  r3 as getInitialViewsRenderModel,
+  i3 as getNewPanel,
+  T5 as getStaticDateRangeDefaultValue,
   v9 as getVersion,
   p9 as initialDashboardContent,
   Ye as notifyVizRendered,