@devtable/dashboard 13.43.11 → 13.43.13

package/dist/dashboard.es.js

@@ -2,7 +2,7 @@ var gg = Object.defineProperty;
 var fg = (e, t, n) => t in e ? gg(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var K = (e, t, n) => (fg(e, typeof t != "symbol" ? t + "" : t, n), n);
 import N, { forwardRef as oe, useMemo as z, useRef as Rn, useEffect as Q, useLayoutEffect as bg, useState as X, useCallback as ye, createElement as Ur, useContext as tr, createContext as Id, memo as yg } from "react";
-import { TextInput as A, Box as $, Group as y, Text as k, Select as B, Button as M, Modal as He, Stack as T, Divider as R, NumberInput as le, SimpleGrid as et, Menu as se, UnstyledButton as ro, Tooltip as _e, Flex as Zt, ColorInput as _r, Center as nr, ActionIcon as ue, Badge as Jn, CloseButton as On, Overlay as vr, NativeSelect as io, useMantineTheme as Da, ColorSwatch as la, Popover as Yt, ColorPicker as dc, HoverCard as Ye, Checkbox as he, Switch as at, Table as j, MultiSelect as Br, Paper as _g, Code as uc, Tabs as v, LoadingOverlay as jr, Alert as Ii, Collapse as Li, CheckIcon as vg, SegmentedControl as Ld, Anchor as ca, Pagination as ao, Textarea as Md, RangeSlider as jg, Mark as Ed, Slider as wg, List as Ht, getRadius as so, Affix as Sg, AppShell as At, FileInput as Cg, Highlight as kg, rem as hc, ThemeIcon as hs, JsonInput as Ad, Drawer as Tg, Radio as pc, Skeleton as mc, NavLink as zs } from "@mantine/core";
+import { TextInput as A, Box as $, Group as y, Text as k, Select as B, Button as M, Modal as He, Stack as T, Divider as R, NumberInput as le, SimpleGrid as Ue, Menu as se, UnstyledButton as ro, Tooltip as _e, Flex as Zt, ColorInput as _r, Center as nr, ActionIcon as ue, Badge as Jn, CloseButton as On, Overlay as vr, NativeSelect as io, useMantineTheme as Da, ColorSwatch as la, Popover as Yt, ColorPicker as dc, HoverCard as Xe, Checkbox as he, Switch as at, Table as j, MultiSelect as Br, Paper as _g, Code as uc, Tabs as v, LoadingOverlay as jr, Alert as Ii, Collapse as Li, CheckIcon as vg, SegmentedControl as Ld, Anchor as ca, Pagination as ao, Textarea as Md, RangeSlider as jg, Mark as Ed, Slider as wg, List as Ht, getRadius as so, Affix as Sg, AppShell as At, FileInput as Cg, Highlight as kg, rem as hc, ThemeIcon as hs, JsonInput as Ad, Drawer as Tg, Radio as pc, Skeleton as mc, NavLink as zs } from "@mantine/core";
 import { useModals as Tn, ModalsProvider as Pd } from "@mantine/modals";
 import { useBoolean as st, useCreation as hn, useAsyncEffect as Mi, useRequest as mr, useLatest as xc, usePrevious as zg, useWhyDidYouUpdate as $d } from "ahooks";
 import { toJS as zn, observable as Rd, runInAction as ji, reaction as zt, makeAutoObservable as Ei } from "mobx";
@@ -370,18 +370,18 @@ function iy() {
         if (Lt && ae && typeof Lt.stack == "string") {
           for (var ge = Lt.stack.split(`
 `), kt = ae.stack.split(`
-`), Ke = ge.length - 1, Xe = kt.length - 1; Ke >= 1 && Xe >= 0 && ge[Ke] !== kt[Xe]; )
-            Xe--;
-          for (; Ke >= 1 && Xe >= 0; Ke--, Xe--)
-            if (ge[Ke] !== kt[Xe]) {
-              if (Ke !== 1 || Xe !== 1)
+`), Ye = ge.length - 1, Je = kt.length - 1; Ye >= 1 && Je >= 0 && ge[Ye] !== kt[Je]; )
+            Je--;
+          for (; Ye >= 1 && Je >= 0; Ye--, Je--)
+            if (ge[Ye] !== kt[Je]) {
+              if (Ye !== 1 || Je !== 1)
                 do
-                  if (Ke--, Xe--, Xe < 0 || ge[Ke] !== kt[Xe]) {
+                  if (Ye--, Je--, Je < 0 || ge[Ye] !== kt[Je]) {
                     var Ut = `
-` + ge[Ke].replace(" at new ", " at ");
+` + ge[Ye].replace(" at new ", " at ");
                     return w.displayName && Ut.includes("<anonymous>") && (Ut = Ut.replace("<anonymous>", w.displayName)), typeof w == "function" && It.set(w, Ut), Ut;
                   }
-                while (Ke >= 1 && Xe >= 0);
+                while (Ye >= 1 && Je >= 0);
               break;
             }
         }
@@ -447,8 +447,8 @@ function iy() {
                 throw kt.name = "Invariant Violation", kt;
               }
               ge = w[je](O, je, ae, U, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (Ke) {
-              ge = Ke;
+            } catch (Ye) {
+              ge = Ye;
             }
             ge && !(ge instanceof Error) && (Qi(De), I("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", ae || "React class", U, je, typeof ge), Qi(null)), ge instanceof Error && !(ge.message in Xl) && (Xl[ge.message] = !0, Qi(De), I("Failed %s type: %s", U, ge.message), Qi(null));
           }
@@ -565,13 +565,13 @@ function iy() {
         for ($e in O)
           li.call(O, $e) && !Jx.hasOwnProperty($e) && (je[$e] = O[$e]);
         if (w && w.defaultProps) {
-          var Ke = w.defaultProps;
-          for ($e in Ke)
-            je[$e] === void 0 && (je[$e] = Ke[$e]);
+          var Ye = w.defaultProps;
+          for ($e in Ye)
+            je[$e] === void 0 && (je[$e] = Ye[$e]);
         }
         if (ge || kt) {
-          var Xe = typeof w == "function" ? w.displayName || w.name || "Unknown" : w;
-          ge && ng(je, Xe), kt && rg(je, Xe);
+          var Je = typeof w == "function" ? w.displayName || w.name || "Unknown" : w;
+          ge && ng(je, Je), kt && rg(je, Je);
         }
         return ig(w, ge, kt, De, ae, ci.current, je);
       }
@@ -703,12 +703,12 @@ Check the top-level render call using <` + U + ">.");
           (w === void 0 || typeof w == "object" && w !== null && Object.keys(w).length === 0) && (ge += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
           var kt = sg(De);
           kt ? ge += kt : ge += ic();
-          var Ke;
-          w === null ? Ke = "null" : ss(w) ? Ke = "array" : w !== void 0 && w.$$typeof === t ? (Ke = "<" + (J(w.type) || "Unknown") + " />", ge = " Did you accidentally export a JSX literal instead of a component?") : Ke = typeof w, I("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", Ke, ge);
+          var Ye;
+          w === null ? Ye = "null" : ss(w) ? Ye = "array" : w !== void 0 && w.$$typeof === t ? (Ye = "<" + (J(w.type) || "Unknown") + " />", ge = " Did you accidentally export a JSX literal instead of a component?") : Ye = typeof w, I("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", Ye, ge);
         }
-        var Xe = ag(w, O, U, De, $e);
-        if (Xe == null)
-          return Xe;
+        var Je = ag(w, O, U, De, $e);
+        if (Je == null)
+          return Je;
         if (je) {
           var Ut = O.children;
           if (Ut !== void 0)
@@ -736,7 +736,7 @@ React keys must be passed directly to JSX without using spread:
   <%s key={someKey} {...props} />`, us, dr, mg, dr), lc[dr + us] = !0;
           }
         }
-        return w === i ? cg(Xe) : lg(Xe), Xe;
+        return w === i ? cg(Je) : lg(Je), Je;
       }
     }
     function dg(w, O, U) {
@@ -1168,7 +1168,7 @@ function Fu() {
     throw new Error("Please use ContentModelContextProvider");
   return e;
 }
-const ve = () => Fu(), Ue = () => Fu(), Ty = {
+const ve = () => Fu(), Ke = () => Fu(), Ty = {
   inEditMode: !1
 }, wo = N.createContext(Ty), qu = N.createContext({
   panel: null,
@@ -4353,7 +4353,7 @@ const jp = {
     label: a("chart.number_or_dynamic_value.type.dynamic"),
     value: "dynamic"
   }], [s.language]);
-  return /* @__PURE__ */ r.jsxs(et, { cols: 2, children: [
+  return /* @__PURE__ */ r.jsxs(Ue, { cols: 2, children: [
     /* @__PURE__ */ r.jsx(B, { ref: i, label: e, data: l, value: t.type, onChange: o, sx: {
       flexGrow: 1
     } }),
@@ -5937,7 +5937,7 @@ const Op = ({
         /* @__PURE__ */ r.jsx(ue, { variant: "default", onClick: D, title: a("common.actions.clear"), children: /* @__PURE__ */ r.jsx(Kd, { stroke: 1.5, size: "1rem" }) }),
         /* @__PURE__ */ r.jsx(ue, { variant: "default", onClick: c, title: a("common.actions.close"), children: /* @__PURE__ */ r.jsx(uo, { stroke: 1.5, size: "1rem" }) })
       ] }),
-      /* @__PURE__ */ r.jsxs(et, { cols: 2, children: [
+      /* @__PURE__ */ r.jsxs(Ue, { cols: 2, children: [
         /* @__PURE__ */ r.jsx(dc, { format: "hex", swatches: p, value: t, onChange: _, size: "sm", withPicker: !1, styles: {
           swatches: {
             marginTop: "0 !important"
@@ -6512,7 +6512,7 @@ class hl {
     }), this.instanceRegistry.clear(), this.factoryRegistry.clear();
   }
 }
-const Wp = "13.43.11", Uj = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Wp = "13.43.13", Uj = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   version: Wp
 }, Symbol.toStringTag, { value: "Module" }));
@@ -6768,9 +6768,9 @@ const te = L(oe(({
   } = ht(), h = N.useMemo(() => u.dataFieldOptionGroups(i, o, s), [i, o, s]);
   if (h.length === 0) {
     const p = u.explainDataKey(i);
-    return /* @__PURE__ */ r.jsxs(Ye, { shadow: "md", position: "bottom-start", withinPortal: !0, zIndex: 320, children: [
-      /* @__PURE__ */ r.jsx(Ye.Target, { children: /* @__PURE__ */ r.jsx($, { children: /* @__PURE__ */ r.jsx(A, { label: e, required: t, defaultValue: p.columnKey, readOnly: !0, disabled: !0 }) }) }),
-      /* @__PURE__ */ r.jsx(Ye.Dropdown, { children: /* @__PURE__ */ r.jsxs(y, { justify: "flex-start", gap: 0, children: [
+    return /* @__PURE__ */ r.jsxs(Xe, { shadow: "md", position: "bottom-start", withinPortal: !0, zIndex: 320, children: [
+      /* @__PURE__ */ r.jsx(Xe.Target, { children: /* @__PURE__ */ r.jsx($, { children: /* @__PURE__ */ r.jsx(A, { label: e, required: t, defaultValue: p.columnKey, readOnly: !0, disabled: !0 }) }) }),
+      /* @__PURE__ */ r.jsx(Xe.Dropdown, { children: /* @__PURE__ */ r.jsxs(y, { justify: "flex-start", gap: 0, children: [
         /* @__PURE__ */ r.jsx(k, { size: "xs", c: p.queryName ? "black" : "red", ff: "monospace", children: p.queryName ?? p.queryID }),
         /* @__PURE__ */ r.jsx(k, { size: "xs", c: "black", ff: "monospace", children: "." }),
         /* @__PURE__ */ r.jsx(k, { size: "xs", c: "red", ff: "monospace", children: p.columnKey })
@@ -9281,6 +9281,7 @@ const Nn = oe(({
       paddingRight: "6px"
     }
   }, value: t, onChange: (o) => {
+    typeof o != "string" && n(o);
   } });
 }), Q0 = ({
   control: e,
@@ -9498,7 +9499,7 @@ function J0({
       /* @__PURE__ */ r.jsx(v.Panel, { value: "Y Axis", children: /* @__PURE__ */ r.jsx(X0, { control: o, watch: c }) }),
       /* @__PURE__ */ r.jsx(v.Panel, { value: "Legend", children: /* @__PURE__ */ r.jsx(q0, { control: o, watch: c }) }),
       /* @__PURE__ */ r.jsx(v.Panel, { value: "Tooltip", children: /* @__PURE__ */ r.jsx(W0, { control: o, watch: c }) }),
-      /* @__PURE__ */ r.jsx(v.Panel, { value: "Style", children: /* @__PURE__ */ r.jsx(et, { cols: 2, children: /* @__PURE__ */ r.jsx(f, { name: "color", control: o, render: ({
+      /* @__PURE__ */ r.jsx(v.Panel, { value: "Style", children: /* @__PURE__ */ r.jsx(Ue, { cols: 2, children: /* @__PURE__ */ r.jsx(f, { name: "color", control: o, render: ({
         field: h
       }) => /* @__PURE__ */ r.jsx(Dt, { label: t("chart.color.label"), ...h }) }) }) }),
       /* @__PURE__ */ r.jsx(v.Panel, { value: "Reference Lines", children: /* @__PURE__ */ r.jsx(B0, { variables: a, control: o, watch: c }) }),
@@ -9796,7 +9797,7 @@ const yl = {
   const n = Qt({
     vizManager: e.vizManager,
     instance: t
-  }), i = Wt(n.triggerManager, nm.id), a = Ue(), {
+  }), i = Wt(n.triggerManager, nm.id), a = Ke(), {
     value: s
   } = ne(e.instanceData, "config"), o = z(() => jt({}, s, yl), [s]), {
     content: l,
@@ -9899,7 +9900,7 @@ function bS({
         field: u
       }) => /* @__PURE__ */ r.jsx(A, { label: "Content Template", description: "Filter values & context entries are supported", ...u, required: !0 }) }),
       /* @__PURE__ */ r.jsx(R, { mt: "xs", mb: 0, label: "Styles", labelPosition: "center", variant: "dashed" }),
-      /* @__PURE__ */ r.jsxs(et, { cols: 2, children: [
+      /* @__PURE__ */ r.jsxs(Ue, { cols: 2, children: [
         /* @__PURE__ */ r.jsx(f, { control: s, name: "variant", render: ({
           field: u
         }) => /* @__PURE__ */ r.jsx(B, { label: "Variant", data: fS, ...u }) }),
@@ -9907,7 +9908,7 @@ function bS({
           field: u
         }) => /* @__PURE__ */ r.jsx(xS, { label: "Theme", ...u }) })
       ] }),
-      /* @__PURE__ */ r.jsxs(et, { cols: 2, children: [
+      /* @__PURE__ */ r.jsxs(Ue, { cols: 2, children: [
         /* @__PURE__ */ r.jsx(f, { control: s, name: "size", render: ({
           field: u
         }) => /* @__PURE__ */ r.jsx(Ks, { label: "Size", ...u }) }),
@@ -9915,7 +9916,7 @@ function bS({
           field: u
         }) => /* @__PURE__ */ r.jsx(he, { label: "Compact", checked: u.value, onChange: (h) => u.onChange(h.currentTarget.checked), mt: 26 }) })
       ] }),
-      /* @__PURE__ */ r.jsxs(et, { cols: 2, children: [
+      /* @__PURE__ */ r.jsxs(Ue, { cols: 2, children: [
         /* @__PURE__ */ r.jsx(f, { control: s, name: "horizontal_align", render: ({
           field: u
         }) => /* @__PURE__ */ r.jsx(bl, { ...u }) }),
@@ -10647,7 +10648,7 @@ const im = {
   var h;
   const {
     ref: i
-  } = Wd(), a = Ue(), {
+  } = Wd(), a = Ke(), {
     panel: s
   } = Vt(), {
     variables: o,
@@ -11455,7 +11456,7 @@ function D1({
         flexGrow: 1
       }, ...l }) })
     ] }),
-    /* @__PURE__ */ r.jsx(et, { cols: 2, children: /* @__PURE__ */ r.jsx(f, { name: `reference_lines.${t}.lineStyle.color`, control: e, render: ({
+    /* @__PURE__ */ r.jsx(Ue, { cols: 2, children: /* @__PURE__ */ r.jsx(f, { name: `reference_lines.${t}.lineStyle.color`, control: e, render: ({
       field: l
     }) => /* @__PURE__ */ r.jsx(Dt, { label: s("chart.color.label"), ...l }) }) }),
     /* @__PURE__ */ r.jsx(R, { mb: -10, mt: 10, variant: "dashed", label: s("chart.behavior.label"), labelPosition: "center" }),
@@ -11584,7 +11585,7 @@ function L1({
         flexGrow: 1
       }, ...c }) })
     ] }),
-    /* @__PURE__ */ r.jsx(et, { cols: 2, children: /* @__PURE__ */ r.jsx(f, { name: `regressions.${n}.plot.color`, control: e, render: ({
+    /* @__PURE__ */ r.jsx(Ue, { cols: 2, children: /* @__PURE__ */ r.jsx(f, { name: `regressions.${n}.plot.color`, control: e, render: ({
       field: c
     }) => /* @__PURE__ */ r.jsx(Dt, { label: a("chart.color.label"), ...c }) }) })
   ] });
@@ -11734,7 +11735,7 @@ const E1 = ({
       ...wl[c]
     });
   };
-  return /* @__PURE__ */ r.jsxs(et, { cols: 2, children: [
+  return /* @__PURE__ */ r.jsxs(Ue, { cols: 2, children: [
     /* @__PURE__ */ r.jsx(B, { ref: i, label: e ?? a("chart.symbol_size.label"), data: o, value: t.type, onChange: l, sx: {
       flexGrow: 1
     } }),
@@ -12122,7 +12123,7 @@ function q1({
         flex: 1
       } }) })
     ] }),
-    /* @__PURE__ */ r.jsxs(y, { grow: !0, wrap: "nowrap", children: [
+    /* @__PURE__ */ r.jsxs(Ue, { cols: 2, children: [
       /* @__PURE__ */ r.jsx(f, { name: `series.${t}.y_axis_data_key`, control: e, render: ({
         field: o
       }) => /* @__PURE__ */ r.jsx(te, { label: a("chart.series.data_field"), required: !0, sx: {
@@ -12144,7 +12145,7 @@ function q1({
     /* @__PURE__ */ r.jsx(f, { name: `series.${t}.label_position`, control: e, render: ({
       field: o
     }) => /* @__PURE__ */ r.jsx(si, { label: a("chart.label_position.label"), withOffOption: !0, ...o }) }),
-    /* @__PURE__ */ r.jsx(et, { cols: 2, children: /* @__PURE__ */ r.jsx(f, { name: `series.${t}.color`, control: e, render: ({
+    /* @__PURE__ */ r.jsx(Ue, { cols: 2, children: /* @__PURE__ */ r.jsx(f, { name: `series.${t}.color`, control: e, render: ({
       field: o
     }) => /* @__PURE__ */ r.jsx(Dt, { label: a("chart.color.label"), ...o }) }) }),
     /* @__PURE__ */ r.jsx(R, { mb: -10, mt: 10, variant: "dashed", label: a("chart.behavior.label"), labelPosition: "center" }),
@@ -12285,11 +12286,11 @@ const Q1 = () => {
     display: "inline-flex"
   }, gap: 6, mr: 14, children: [
     /* @__PURE__ */ r.jsx(k, { size: "sm", children: e("chart.x_axis.x_axis_type") }),
-    /* @__PURE__ */ r.jsxs(Ye, { width: 340, shadow: "md", position: "top", children: [
-      /* @__PURE__ */ r.jsx(Ye.Target, { children: /* @__PURE__ */ r.jsx(ue, { size: "xs", variant: "subtle", sx: {
+    /* @__PURE__ */ r.jsxs(Xe, { width: 340, shadow: "md", position: "top", children: [
+      /* @__PURE__ */ r.jsx(Xe.Target, { children: /* @__PURE__ */ r.jsx(ue, { size: "xs", variant: "subtle", sx: {
         transform: "none !important"
       }, children: /* @__PURE__ */ r.jsx(wt, {}) }) }),
-      /* @__PURE__ */ r.jsx(Ye.Dropdown, { children: /* @__PURE__ */ r.jsx(k, { size: "sm", children: /* @__PURE__ */ r.jsxs(Ma, { i18nKey: "chart.axis.type.click_to_learn_more", children: [
+      /* @__PURE__ */ r.jsx(Xe.Dropdown, { children: /* @__PURE__ */ r.jsx(k, { size: "sm", children: /* @__PURE__ */ r.jsxs(Ma, { i18nKey: "chart.axis.type.click_to_learn_more", children: [
         "Click",
         /* @__PURE__ */ r.jsx(ca, { href: "https://echarts.apache.org/en/option.html#xAxis.type", target: "_blank", mx: 3, children: "here" }),
         "to learn more about these options"
@@ -14668,7 +14669,7 @@ function Ik({
         flex: 1
       }, ...i }) })
     ] }),
-    /* @__PURE__ */ r.jsx(et, { cols: 2, children: /* @__PURE__ */ r.jsx(f, { name: "bar.color", control: e, render: ({
+    /* @__PURE__ */ r.jsx(Ue, { cols: 2, children: /* @__PURE__ */ r.jsx(f, { name: "bar.color", control: e, render: ({
       field: i
     }) => /* @__PURE__ */ r.jsx(Dt, { label: n("chart.color.label"), ...i }) }) }),
     /* @__PURE__ */ r.jsxs(T, { children: [
@@ -14699,7 +14700,7 @@ function Lk({
         flex: 1
       }, ...i }) })
     ] }),
-    /* @__PURE__ */ r.jsx(et, { cols: 2, children: /* @__PURE__ */ r.jsx(f, { name: "line.color", control: e, render: ({
+    /* @__PURE__ */ r.jsx(Ue, { cols: 2, children: /* @__PURE__ */ r.jsx(f, { name: "line.color", control: e, render: ({
       field: i
     }) => /* @__PURE__ */ r.jsx(Dt, { label: n("chart.color.label"), ...i }) }) })
   ] });
@@ -14745,7 +14746,7 @@ function Ak({
     t: n
   } = b();
   return t(["markLine"]), /* @__PURE__ */ r.jsxs(T, { children: [
-    /* @__PURE__ */ r.jsx(et, { cols: 2, children: /* @__PURE__ */ r.jsx(f, { name: "markLine.color", control: e, render: ({
+    /* @__PURE__ */ r.jsx(Ue, { cols: 2, children: /* @__PURE__ */ r.jsx(f, { name: "markLine.color", control: e, render: ({
       field: i
     }) => /* @__PURE__ */ r.jsx(Dt, { label: n("chart.color.label"), ...i }) }) }),
     /* @__PURE__ */ r.jsxs(T, { gap: 4, children: [
@@ -14823,7 +14824,7 @@ function Pk({
         flexGrow: 1
       }, ...l }) })
     ] }),
-    /* @__PURE__ */ r.jsx(et, { cols: 2, children: /* @__PURE__ */ r.jsx(f, { name: `reference_lines.${t}.lineStyle.color`, control: e, render: ({
+    /* @__PURE__ */ r.jsx(Ue, { cols: 2, children: /* @__PURE__ */ r.jsx(f, { name: `reference_lines.${t}.lineStyle.color`, control: e, render: ({
       field: l
     }) => /* @__PURE__ */ r.jsx(Dt, { label: s("chart.color.label"), ...l }) }) })
   ] });
@@ -16537,9 +16538,9 @@ function az({
   const {
     t: n
   } = b();
-  return /* @__PURE__ */ r.jsxs(Ye, { shadow: "md", withinPortal: !0, zIndex: 320, children: [
-    /* @__PURE__ */ r.jsx(Ye.Target, { children: /* @__PURE__ */ r.jsx(M, { variant: "subtle", size: "compact-xs", leftSection: /* @__PURE__ */ r.jsx(wt, { size: 14 }), children: n("viz.regression_chart.regression_info") }) }),
-    /* @__PURE__ */ r.jsx(Ye.Dropdown, { children: /* @__PURE__ */ r.jsx(dt, { children: /* @__PURE__ */ r.jsx(iz, { conf: e, queryData: t }) }) })
+  return /* @__PURE__ */ r.jsxs(Xe, { shadow: "md", withinPortal: !0, zIndex: 320, children: [
+    /* @__PURE__ */ r.jsx(Xe.Target, { children: /* @__PURE__ */ r.jsx(M, { variant: "subtle", size: "compact-xs", leftSection: /* @__PURE__ */ r.jsx(wt, { size: 14 }), children: n("viz.regression_chart.regression_info") }) }),
+    /* @__PURE__ */ r.jsx(Xe.Dropdown, { children: /* @__PURE__ */ r.jsx(dt, { children: /* @__PURE__ */ r.jsx(iz, { conf: e, queryData: t }) }) })
   ] });
 }
 function sz(e) {
@@ -16660,7 +16661,7 @@ function lz({
         flex: 1
       }, ...l }) })
     ] }),
-    !s && /* @__PURE__ */ r.jsx(et, { cols: 2, children: /* @__PURE__ */ r.jsx(f, { name: "regression.plot.color", control: e, render: ({
+    !s && /* @__PURE__ */ r.jsx(Ue, { cols: 2, children: /* @__PURE__ */ r.jsx(f, { name: "regression.plot.color", control: e, render: ({
       field: l
     }) => /* @__PURE__ */ r.jsx(Dt, { label: n("chart.color.label"), ...l }) }) })
   ] });
@@ -16870,7 +16871,7 @@ const bz = {
 }, yz = L(({
   context: e
 }) => {
-  const t = Ue(), {
+  const t = Ke(), {
     panel: n
   } = Vt(), {
     value: i
@@ -17790,7 +17791,7 @@ const iD = oe(({
       ] })
     ] }),
     /* @__PURE__ */ r.jsx(R, { mb: -15, variant: "dashed", label: o("chart.style.label"), labelPosition: "right" }),
-    /* @__PURE__ */ r.jsxs(et, { cols: 2, children: [
+    /* @__PURE__ */ r.jsxs(Ue, { cols: 2, children: [
       /* @__PURE__ */ r.jsx(Dt, { label: o("chart.color.background_color"), value: e.itemStyle.color, onChange: (d) => c("itemStyle.color", d) }),
       /* @__PURE__ */ r.jsx(Dt, { label: o("chart.color.text_color"), value: e.label.color, onChange: (d) => c("label.color", d) })
     ] })
@@ -17913,7 +17914,7 @@ function oD({
         flexGrow: 1
       }, ...l }) })
     ] }),
-    /* @__PURE__ */ r.jsx(et, { cols: 2, children: /* @__PURE__ */ r.jsx(f, { name: `reference_lines.${t}.lineStyle.color`, control: e, render: ({
+    /* @__PURE__ */ r.jsx(Ue, { cols: 2, children: /* @__PURE__ */ r.jsx(f, { name: `reference_lines.${t}.lineStyle.color`, control: e, render: ({
       field: l
     }) => /* @__PURE__ */ r.jsx(Dt, { label: s("chart.color.label"), ...l }) }) })
   ] });
@@ -18047,7 +18048,7 @@ const cD = ({
       ...Gi[c]
     });
   };
-  return /* @__PURE__ */ r.jsxs(et, { cols: 2, children: [
+  return /* @__PURE__ */ r.jsxs(Ue, { cols: 2, children: [
     /* @__PURE__ */ r.jsx(B, { ref: i, label: e, data: o, value: t.type, onChange: l, sx: {
       flexGrow: 1
     } }),
@@ -18580,7 +18581,7 @@ const VD = L(({
   const n = Rn(null), i = Qt({
     vizManager: e.vizManager,
     instance: t
-  }), a = Wt(i.triggerManager, _m.id), s = Ue(), {
+  }), a = Wt(i.triggerManager, _m.id), s = Ke(), {
     panel: o
   } = Vt(), l = o.viz.conf.config, {
     data: c,
@@ -20282,7 +20283,7 @@ const Ys = {
 }, aL = L(({
   context: e
 }) => {
-  const t = Ue(), {
+  const t = Ke(), {
     value: n = El
   } = ne(e.instanceData, "config"), {
     variables: i
@@ -21792,7 +21793,7 @@ function kM({
         flexGrow: 1
       }, ...l }) })
     ] }),
-    /* @__PURE__ */ r.jsx(et, { cols: 2, children: /* @__PURE__ */ r.jsx(f, { name: `reference_lines.${t}.lineStyle.color`, control: e, render: ({
+    /* @__PURE__ */ r.jsx(Ue, { cols: 2, children: /* @__PURE__ */ r.jsx(f, { name: `reference_lines.${t}.lineStyle.color`, control: e, render: ({
       field: l
     }) => /* @__PURE__ */ r.jsx(Dt, { label: s("chart.color.label"), ...l }) }) }),
     /* @__PURE__ */ r.jsx(R, { mb: -10, mt: 10, variant: "dashed", label: s("chart.behavior.label"), labelPosition: "center" }),
@@ -21896,7 +21897,7 @@ function DM({
         flex: 1
       }, ...s }) })
     ] }),
-    /* @__PURE__ */ r.jsxs(y, { grow: !0, wrap: "nowrap", children: [
+    /* @__PURE__ */ r.jsxs(Ue, { cols: 2, children: [
       /* @__PURE__ */ r.jsx(f, { name: `series.${t}.data_key`, control: e, render: ({
         field: s
       }) => /* @__PURE__ */ r.jsx(te, { label: a("common.data_field"), required: !0, sx: {
@@ -21918,7 +21919,7 @@ function DM({
     }) => /* @__PURE__ */ r.jsx(si, { label: a("chart.label_position.label"), ...s, withOffOption: !0, onChange: (o) => {
       o && s.onChange(o);
     } }) }),
-    /* @__PURE__ */ r.jsx(et, { cols: 2, children: /* @__PURE__ */ r.jsx(f, { name: `series.${t}.color`, control: e, render: ({
+    /* @__PURE__ */ r.jsx(Ue, { cols: 2, children: /* @__PURE__ */ r.jsx(f, { name: `series.${t}.color`, control: e, render: ({
       field: s
     }) => /* @__PURE__ */ r.jsx(Dt, { label: a("chart.color.label"), ...s }) }) }),
     /* @__PURE__ */ r.jsx(R, { mb: -10, mt: 10, variant: "dashed", label: a("chart.behavior.label"), labelPosition: "center" }),
@@ -22826,9 +22827,9 @@ const a2 = {
   }
 };
 function l2() {
-  return /* @__PURE__ */ r.jsxs(Ye, { width: 400, shadow: "md", children: [
-    /* @__PURE__ */ r.jsx(Ye.Target, { children: /* @__PURE__ */ r.jsx(M, { variant: "subtle", size: "compact-xs", leftSection: /* @__PURE__ */ r.jsx(wt, { size: 14 }), children: "指标说明" }) }),
-    /* @__PURE__ */ r.jsx(Ye.Dropdown, { children: /* @__PURE__ */ r.jsx(j, { fz: 14, sx: o2, children: /* @__PURE__ */ r.jsxs(j.Tbody, { children: [
+  return /* @__PURE__ */ r.jsxs(Xe, { width: 400, shadow: "md", children: [
+    /* @__PURE__ */ r.jsx(Xe.Target, { children: /* @__PURE__ */ r.jsx(M, { variant: "subtle", size: "compact-xs", leftSection: /* @__PURE__ */ r.jsx(wt, { size: 14 }), children: "指标说明" }) }),
+    /* @__PURE__ */ r.jsx(Xe.Dropdown, { children: /* @__PURE__ */ r.jsx(j, { fz: 14, sx: o2, children: /* @__PURE__ */ r.jsxs(j.Tbody, { children: [
       /* @__PURE__ */ r.jsxs(j.Tr, { children: [
         /* @__PURE__ */ r.jsx(j.Th, { children: "估算偏差" }),
         /* @__PURE__ */ r.jsx(j.Td, { children: "使用斐波那契数列（1，2，3，5，8，13）估算故事点，每个数位为一个档位，计算issue实际故事点与估算故事点的档位偏差，即为估算偏差。如估算故事点为5，实际故事点为8，则估算偏差为-1。" })
@@ -23156,7 +23157,7 @@ const xd = ({
     data_keys: i,
     formatter: a,
     postfix: s
-  } = e, o = Ue(), l = z(() => {
+  } = e, o = Ke(), l = z(() => {
     if (s.type === "text" && s.value)
       return s.value;
     if (s.type === "filter-option-label" && s.value) {
@@ -24192,7 +24193,7 @@ const cE = {
     viz: Fl,
     color: [...dE, ...uE]
   }
-}), vi = new Yj(), Je = {
+}), vi = new Yj(), Ze = {
   pluginManager: Ln("pluginManager"),
   vizManager: Ln("vizManager"),
   colorManager: Ln("colorManager"),
@@ -24448,11 +24449,11 @@ const pE = x.model("PanelStyleBorderMeta", {
     e.variables.remove(t);
   }
 }));
-var Ze = /* @__PURE__ */ ((e) => (e.Postgresql = "postgresql", e.MySQL = "mysql", e.HTTP = "http", e.Transform = "transform", e))(Ze || {});
+var et = /* @__PURE__ */ ((e) => (e.Postgresql = "postgresql", e.MySQL = "mysql", e.HTTP = "http", e.Transform = "transform", e))(et || {});
 const yE = x.model("QueryMeta", {
   id: x.string,
   name: x.string,
-  type: x.enumeration("DataSourceType", [Ze.Postgresql, Ze.MySQL, Ze.HTTP, Ze.Transform]),
+  type: x.enumeration("DataSourceType", [et.Postgresql, et.MySQL, et.HTTP, et.Transform]),
   key: x.string,
   sql: x.string,
   pre_process: x.optional(x.string, ""),
@@ -24462,7 +24463,7 @@ const yE = x.model("QueryMeta", {
   dep_query_ids: x.optional(x.array(x.string), [])
 }).views((e) => ({
   get valid() {
-    return e.id && e.type && e.key && e.name ? e.type === Ze.HTTP ? !!e.pre_process : !!e.sql : !1;
+    return e.id && e.type && e.key && e.name ? e.type === et.HTTP ? !!e.pre_process : !!e.sql : !1;
   },
   get json() {
     const {
@@ -26732,7 +26733,7 @@ const Zm = x.model("ViewDivisionConfig", {
   }]
 }, nx = x.model("DataSourceMetaModel", {
   id: x.string,
-  type: x.enumeration("DataSourceType", [Ze.HTTP, Ze.MySQL, Ze.Postgresql]),
+  type: x.enumeration("DataSourceType", [et.HTTP, et.MySQL, et.Postgresql]),
   key: x.string,
   config: x.frozen()
 }), ZE = x.model("DataSourcesMetaModel", {
@@ -27358,13 +27359,13 @@ const sA = yE.views((e) => ({
     return console.groupCollapsed(`Request config for: ${i}`), console.log(s), console.groupEnd(), JSON.stringify(s);
   },
   get typedAsSQL() {
-    return [Ze.Postgresql, Ze.MySQL].includes(e.type);
+    return [et.Postgresql, et.MySQL].includes(e.type);
   },
   get typedAsHTTP() {
-    return [Ze.HTTP].includes(e.type);
+    return [et.HTTP].includes(e.type);
   },
   get isTransform() {
-    return e.type === Ze.Transform;
+    return e.type === et.Transform;
   },
   get reQueryKey() {
     const {
@@ -28315,7 +28316,7 @@ const uA = (e) => new dA(e), hA = ({
   value: n,
   onChange: i
 }) => {
-  const a = Ue(), s = !!t.options_query_id, {
+  const a = Ke(), s = !!t.options_query_id, {
     state: o,
     error: l
   } = a.getDataStuffByID(t.options_query_id), c = o === "loading", d = t.min_width ? t.min_width : "200px", u = s ? c : !1, h = z(() => t.initialSelection(n), [n, t.initialSelection]), p = (g) => i(g, !1);
@@ -28345,7 +28346,7 @@ const uA = (e) => new dA(e), hA = ({
 }) => {
   const {
     t: a
-  } = b(), s = Ue(), o = !!t.options_query_id, {
+  } = b(), s = Ke(), o = !!t.options_query_id, {
     state: l,
     error: c
   } = s.getDataStuffByID(t.options_query_id), d = l === "loading", u = ye((h, p) => {
@@ -28458,7 +28459,7 @@ const DA = ({
 }) {
   const [n, {
     toggle: i
-  }] = rr(!0), a = Ue(), {
+  }] = rr(!0), a = Ke(), {
     control: s,
     handleSubmit: o,
     reset: l
@@ -28584,7 +28585,7 @@ function EA(e) {
   return e ? ["<p><br></p>", "<p></p>"].includes(e) : !0;
 }
 const AA = L(() => {
-  const e = Ue(), {
+  const e = Ke(), {
     panel: t
   } = Vt(), n = z(() => Wa(t.description, t.json.variables, e.payloadForViz, t.data), [t.data, t.description, t.json.variables, e.payloadForViz]);
   return /* @__PURE__ */ r.jsx(ii, { value: n, styles: {
@@ -28659,7 +28660,7 @@ class RA {
     K(this, "runningMigration");
     K(this, "panelModel");
     K(this, "status", "notStarted");
-    this.panelModel = t.getRequired(Je.instanceScope.panelModel), this.vizInstance = t.getRequired(Je.instanceScope.vizInstance), this.operationManager = t.getRequired(Je.instanceScope.operationManager), this.triggerManager = t.getRequired(Je.instanceScope.triggerManager), this.vizManager = t.getRequired(Je.vizManager);
+    this.panelModel = t.getRequired(Ze.instanceScope.panelModel), this.vizInstance = t.getRequired(Ze.instanceScope.vizInstance), this.operationManager = t.getRequired(Ze.instanceScope.operationManager), this.triggerManager = t.getRequired(Ze.instanceScope.triggerManager), this.vizManager = t.getRequired(Ze.vizManager);
   }
   async createMigrationTask() {
     const t = [];
@@ -28704,15 +28705,15 @@ function Sx(e) {
     panel: t
   } = Vt();
   return ye((n) => {
-    const i = n.getRequired(Je.vizManager), a = i.resolveComponent(e.viz.type);
-    return n.createScoped().provideFactory(Je.instanceScope.vizInstance, () => i.getOrCreateInstance(e)).provideFactory(Je.instanceScope.interactionManager, (s) => {
-      const o = s.getRequired(Je.instanceScope.vizInstance);
+    const i = n.getRequired(Ze.vizManager), a = i.resolveComponent(e.viz.type);
+    return n.createScoped().provideFactory(Ze.instanceScope.vizInstance, () => i.getOrCreateInstance(e)).provideFactory(Ze.instanceScope.interactionManager, (s) => {
+      const o = s.getRequired(Ze.instanceScope.vizInstance);
       return new gl(o, a, Ua);
-    }).provideFactory(Je.instanceScope.operationManager, (s) => s.getRequired(Je.instanceScope.interactionManager).operationManager).provideFactory(Je.instanceScope.triggerManager, (s) => s.getRequired(Je.instanceScope.interactionManager).triggerManager).provideValue(Je.instanceScope.panelModel, t).provideFactory(Je.instanceScope.migrator, (s) => new RA(s));
+    }).provideFactory(Ze.instanceScope.operationManager, (s) => s.getRequired(Ze.instanceScope.interactionManager).operationManager).provideFactory(Ze.instanceScope.triggerManager, (s) => s.getRequired(Ze.instanceScope.interactionManager).triggerManager).provideValue(Ze.instanceScope.panelModel, t).provideFactory(Ze.instanceScope.migrator, (s) => new RA(s));
   }, [e.viz.type, e.viz.conf]);
 }
 function Cx(e) {
-  const [t, n] = X(!1), i = Am().getRequired(Je.instanceScope.migrator);
+  const [t, n] = X(!1), i = Am().getRequired(Ze.instanceScope.migrator);
   return Mi(async () => {
     const a = i.status === sa.notStarted;
     n(i.status === sa.done), i.status === sa.notStarted && i.runMigration().then((s) => {
@@ -28723,7 +28724,7 @@ function Cx(e) {
   }, [i]), t;
 }
 function kx(e, t) {
-  const n = Am().getRequired(Je.instanceScope.vizInstance);
+  const n = Am().getRequired(Ze.instanceScope.vizInstance);
   return Q(() => (n.instanceData.setItem(null, t.viz.conf), n.instanceData.watchItem(null, (i) => {
     e(i);
   })), [e, t.viz.type]), n;
@@ -28932,7 +28933,7 @@ const Dx = L(({
 function JA(e, t, n) {
   const {
     panels: i
-  } = Ue(), a = e.id === "Main", [s, o] = N.useState(() => a && i.findByID(t) ? t : null), l = N.useCallback((h) => {
+  } = Ke(), a = e.id === "Main", [s, o] = N.useState(() => a && i.findByID(t) ? t : null), l = N.useCallback((h) => {
     o(h), a && n(h);
   }, [a, n]), c = N.useCallback(() => {
     o(null), a && n("");
@@ -28996,7 +28997,7 @@ const ZA = N.forwardRef(({
   view: e,
   className: t = "layout"
 }) => {
-  const n = Ue(), i = n.layouts.items(e.panelIDs), a = n.layouts.gridLayouts(e.panelIDs);
+  const n = Ke(), i = n.layouts.items(e.panelIDs), a = n.layouts.gridLayouts(e.panelIDs);
   return /* @__PURE__ */ r.jsx(rP, { className: `dashboard-layout ${t}`, rowHeight: 1, margin: [0, 0], isDraggable: !1, isResizable: !1, cols: n.layouts.cols, layouts: a, breakpoints: n.layouts.breakpoints, onBreakpointChange: n.layouts.setCurrentBreakpoint, children: i.map((s) => /* @__PURE__ */ r.jsx("div", { "data-grid": s.layoutProperies, className: "panel-grid-item", children: /* @__PURE__ */ r.jsx(Dx, { view: e, panel: s.panel }) }, s.id)) });
 });
 function Wl(e) {
@@ -29018,7 +29019,7 @@ const aP = L(({
   } = b(), [n, {
     setTrue: i,
     setFalse: a
-  }] = st(!1), s = Cy(), o = Ue(), l = () => {
+  }] = st(!1), s = Cy(), o = Ke(), l = () => {
     const c = JSON.stringify(o.contentJSON, null, 2), d = `${s.name}__${o.name}`;
     oi(d, c);
   };
@@ -29061,7 +29062,7 @@ const aP = L(({
   children: e,
   view: t
 }) => {
-  const n = Ue(), i = t.config, a = n.views.visibleViewIDs.includes(t.id), s = () => n.views.rmVisibleViewID(t.id), {
+  const n = Ke(), i = t.config, a = n.views.visibleViewIDs.includes(t.id), s = () => n.views.rmVisibleViewID(t.id), {
     ref: o,
     downloadScreenshot: l
   } = Wl(t);
@@ -29110,7 +29111,7 @@ const aP = L(({
 } : {}, lP = L(({
   view: e
 }) => {
-  const t = Ue(), n = e.config;
+  const t = Ke(), n = e.config;
   return /* @__PURE__ */ r.jsxs(v, { className: "render-view-tabs", variant: n.variant, orientation: n.orientation, value: e.tab, onChange: e.setTab, styles: {
     root: {
       height: "100%",
@@ -29495,7 +29496,7 @@ const _P = x.compose("FiltersModel", mx, x.model("FiltersModel", {
     return S.sortBy(t, (n) => n.label.toLowerCase());
   },
   get optionsWithoutTransform() {
-    const t = e.current.filter((n) => n.type !== Ze.Transform).map((n) => ({
+    const t = e.current.filter((n) => n.type !== et.Transform).map((n) => ({
       value: n.id,
       label: n.name,
       _type: "query"
@@ -33091,7 +33092,7 @@ function Px(e, t) {
   }, [e]);
 }
 function $x(e) {
-  return N.useCallback((t) => t.provideValue(Je.pluginManager, e.pluginManager).provideValue(Je.vizManager, e.vizManager).provideValue(Je.colorManager, e.colorManager), []);
+  return N.useCallback((t) => t.provideValue(Ze.pluginManager, e.pluginManager).provideValue(Ze.vizManager, e.vizManager).provideValue(Ze.colorManager, e.colorManager), []);
 }
 const JP = L(({
   saveDashboardChanges: e
@@ -34105,9 +34106,9 @@ const N$ = yg(({
       top: 0,
       right: 0
     }, children: /* @__PURE__ */ r.jsx(ff, { size: 12 }) }),
-    /* @__PURE__ */ r.jsxs(Ye, { shadow: "xl", withinPortal: !0, children: [
-      /* @__PURE__ */ r.jsx(Ye.Target, { children: /* @__PURE__ */ r.jsx(k, { size: "sm", children: e.label }) }),
-      /* @__PURE__ */ r.jsx(Ye.Dropdown, { children: /* @__PURE__ */ r.jsx(Ht, { spacing: "xs", size: "sm", center: !0, children: s.map((o) => /* @__PURE__ */ r.jsx(Ht.Item, { icon: o.icon, children: o.text }, o.key)) }) })
+    /* @__PURE__ */ r.jsxs(Xe, { shadow: "xl", withinPortal: !0, children: [
+      /* @__PURE__ */ r.jsx(Xe.Target, { children: /* @__PURE__ */ r.jsx(k, { size: "sm", children: e.label }) }),
+      /* @__PURE__ */ r.jsx(Xe.Dropdown, { children: /* @__PURE__ */ r.jsx(Ht, { spacing: "xs", size: "sm", center: !0, children: s.map((o) => /* @__PURE__ */ r.jsx(Ht.Item, { icon: o.icon, children: o.text }, o.key)) }) })
     ] }),
     /* @__PURE__ */ r.jsx(yc, { type: "source", position: n, isConnectable: t })
   ] });
@@ -34115,7 +34116,7 @@ const N$ = yg(({
 const B$ = {
   interaction: N$
 }, H$ = L(() => {
-  const e = Ue(), {
+  const e = Ke(), {
     edges: t,
     nodes: n
   } = F$(e);
@@ -34790,7 +34791,7 @@ const U$ = L(() => {
     t: e
   } = b(), {
     panel: t
-  } = ht(), n = Ue().layouts.findItemByPanelID(t.id), {
+  } = ht(), n = Ke().layouts.findItemByPanelID(t.id), {
     style: i
   } = t;
   return /* @__PURE__ */ r.jsx(r.Fragment, { children: /* @__PURE__ */ r.jsxs(T, { gap: 20, children: [
@@ -35019,7 +35020,7 @@ const gR = [{
 }), _R = ({
   queryID: e
 }) => {
-  const t = Ue(), {
+  const t = Ke(), {
     state: n,
     error: i
   } = t.getDataStuffByID(e), a = N.useMemo(() => t.queries.findByID(e), [t, e]);
@@ -35031,7 +35032,7 @@ const gR = [{
 }) => {
   const {
     t: i
-  } = b(), a = Ue(), {
+  } = b(), a = Ke(), {
     data: s,
     state: o
   } = a.getDataStuffByID(e), l = o === "loading", c = ye(() => {
@@ -35138,7 +35139,11 @@ const CR = L(({
     a(e);
   }, [e]);
   const s = SR(), o = e !== i;
-  return /* @__PURE__ */ r.jsx(B, { label: n("visualization.component"), value: i, searchable: !0, onChange: a, data: s, rightSection: /* @__PURE__ */ r.jsx(ue, { variant: "filled", color: "green", disabled: !o, onClick: () => t(i), children: /* @__PURE__ */ r.jsx(Re, { size: 20 }) }), maxDropdownHeight: 600 });
+  return /* @__PURE__ */ r.jsx(B, { label: n("visualization.component"), value: i, searchable: !0, onChange: a, data: s, rightSection: /* @__PURE__ */ r.jsx(ue, { variant: "filled", color: "green", disabled: !o, onClick: () => t(i), styles: {
+    root: {
+      pointerEvents: "all"
+    }
+  }, children: /* @__PURE__ */ r.jsx(Re, { size: 20 }) }), maxDropdownHeight: 600 });
 }), Td = [];
 function kR(e, t) {
   try {
@@ -35257,7 +35262,7 @@ const zR = L(() => {
 }) => {
   const {
     t
-  } = b(), n = Ue(), {
+  } = b(), n = Ke(), {
     panel: i
   } = Vt(), a = n.dashboardState, s = (() => {
     const o = {
@@ -35885,7 +35890,7 @@ const VR = L(({
   const {
     indexes: t
   } = e;
-  return t.loading || t.empty ? null : e.type === Ze.MySQL ? /* @__PURE__ */ r.jsx(WR, { dataSource: e }) : e.type === Ze.Postgresql ? /* @__PURE__ */ r.jsx(QR, { dataSource: e }) : null;
+  return t.loading || t.empty ? null : e.type === et.MySQL ? /* @__PURE__ */ r.jsx(WR, { dataSource: e }) : e.type === et.Postgresql ? /* @__PURE__ */ r.jsx(QR, { dataSource: e }) : null;
 }), KR = L(({
   dataSource: e
 }) => /* @__PURE__ */ r.jsxs(T, { gap: 40, pt: 10, sx: {
@@ -36080,7 +36085,7 @@ const XR = L(({
     label: n,
     type: i
   } = e;
-  return i === Ze.Transform ? /* @__PURE__ */ r.jsxs(y, { className: "transform-query-option", justify: "flex-start", ...t, sx: {
+  return i === et.Transform ? /* @__PURE__ */ r.jsxs(y, { className: "transform-query-option", justify: "flex-start", ...t, sx: {
     '&[data-selected="true"]': {
       ".mantine-Text-root": {
         color: "white"
@@ -36115,8 +36120,8 @@ const XR = L(({
     }));
     return u.push({
       label: n("query.transform.data_source"),
-      value: Ze.Transform,
-      type: Ze.Transform
+      value: et.Transform,
+      type: et.Transform
     }), u;
   }, [a]), l = z(() => o.reduce((u, h) => (u[h.value] = h.type, u), {}), [o]), c = (u) => {
     u !== null && t({
@@ -36186,9 +36191,9 @@ const XR = L(({
 function cO({
   content: e
 }) {
-  return /* @__PURE__ */ r.jsxs(Ye, { width: "60vw", shadow: "md", zIndex: 340, children: [
-    /* @__PURE__ */ r.jsx(Ye.Target, { children: /* @__PURE__ */ r.jsx(ue, { size: 16, color: "blue", variant: "subtle", children: /* @__PURE__ */ r.jsx(ru, {}) }) }),
-    /* @__PURE__ */ r.jsx(Ye.Dropdown, { children: /* @__PURE__ */ r.jsx(Vn, { language: "sql", withCopyButton: !1, code: e }) })
+  return /* @__PURE__ */ r.jsxs(Xe, { width: "60vw", shadow: "md", zIndex: 340, children: [
+    /* @__PURE__ */ r.jsx(Xe.Target, { children: /* @__PURE__ */ r.jsx(ue, { size: 16, color: "blue", variant: "subtle", children: /* @__PURE__ */ r.jsx(ru, {}) }) }),
+    /* @__PURE__ */ r.jsx(Xe.Dropdown, { children: /* @__PURE__ */ r.jsx(Vn, { language: "sql", withCopyButton: !1, code: e }) })
   ] });
 }
 const dO = L(() => {
@@ -36340,9 +36345,9 @@ WHERE
   const {
     t
   } = b(), n = z(() => S.groupBy(e.dependencies, "type"), [e.dependencies]), i = z(() => e.dependencies.some((s) => !s.valid), [e.dependencies]), a = e.dependencies.length > 0;
-  return a ? /* @__PURE__ */ r.jsxs(Ye, { withinPortal: !0, zIndex: 340, shadow: "md", disabled: !a, children: [
-    /* @__PURE__ */ r.jsx(Ye.Target, { children: /* @__PURE__ */ r.jsx(M, { size: "xs", variant: "subtle", color: i ? "red" : "green", disabled: !a, leftSection: i ? /* @__PURE__ */ r.jsx(tu, { size: 16 }) : /* @__PURE__ */ r.jsx(Cf, { size: 16 }), children: t("query.dependency.label") }) }),
-    /* @__PURE__ */ r.jsx(Ye.Dropdown, { children: /* @__PURE__ */ r.jsx(Ht, { spacing: "md", size: "sm", listStyleType: "none", children: Object.entries(n).map(([s, o]) => /* @__PURE__ */ r.jsxs(Ht.Item, { children: [
+  return a ? /* @__PURE__ */ r.jsxs(Xe, { withinPortal: !0, zIndex: 340, shadow: "md", disabled: !a, children: [
+    /* @__PURE__ */ r.jsx(Xe.Target, { children: /* @__PURE__ */ r.jsx(M, { size: "xs", variant: "subtle", color: i ? "red" : "green", disabled: !a, leftSection: i ? /* @__PURE__ */ r.jsx(tu, { size: 16 }) : /* @__PURE__ */ r.jsx(Cf, { size: 16 }), children: t("query.dependency.label") }) }),
+    /* @__PURE__ */ r.jsx(Xe.Dropdown, { children: /* @__PURE__ */ r.jsx(Ht, { spacing: "md", size: "sm", listStyleType: "none", children: Object.entries(n).map(([s, o]) => /* @__PURE__ */ r.jsxs(Ht.Item, { children: [
       /* @__PURE__ */ r.jsx(k, { size: "sm", fw: "bold", ff: "monospace", children: t(`${s}.label`) }),
       /* @__PURE__ */ r.jsx(Ht, { withPadding: !0, size: "sm", sx: {
         fontFamily: "monospace",
@@ -36408,7 +36413,7 @@ WHERE
 } }), bO = L(({
   value: e
 }) => {
-  const n = Ue().payloadForSQL, i = N.useMemo(() => _o(e, n), [e, n]);
+  const n = Ke().payloadForSQL, i = N.useMemo(() => _o(e, n), [e, n]);
   return /* @__PURE__ */ r.jsx(fO, { height: "100%", value: i });
 }), Dd = {
   pre: ["function process_request({ context, filters, sql }, utils) {", "    // modify and return sql", "    return sql", "}"].join(`
@@ -36519,7 +36524,7 @@ WHERE
 }), SO = L(({
   value: e
 }) => {
-  const n = Ue().payloadForSQL, i = z(() => _o(e, n), [e, n]);
+  const n = Ke().payloadForSQL, i = z(() => _o(e, n), [e, n]);
   return /* @__PURE__ */ r.jsx(cl, { height: "100%", value: i });
 }), CO = L(({
   item: e,
@@ -36960,7 +36965,7 @@ WHERE
     const i = (/* @__PURE__ */ new Date()).getTime().toString(), a = {
       id: i,
       name: i,
-      type: Ze.Postgresql,
+      type: et.Postgresql,
       key: "",
       sql: ""
     };
@@ -37543,7 +37548,7 @@ export {
   gP as DashboardViewEditor,
   Ql as DashboardViewRender,
   nx as DataSourceMetaModel,
-  Ze as DataSourceType,
+  et as DataSourceType,
   ZE as DataSourcesMetaModel,
   Gu as DatesProvider,
   hy as DefaultApiClient,
@@ -37645,7 +37650,7 @@ export {
   Dy as useIsInEditPanelContext,
   zy as useIsInRenderPanelContext,
   JA as usePanelFullScreen,
-  Ue as useRenderContentModelContext,
+  Ke as useRenderContentModelContext,
   Cy as useRenderDashboardContext,
   Vt as useRenderPanelContext
 };