@devtable/settings-form 13.43.13 → 13.44.0

package/dist/settings-form.es.js

@@ -1,19 +1,19 @@
-import G, { forwardRef as ct, useEffect as Me, Suspense as Rn, useState as Ut } from "react";
+import G, { forwardRef as ct, useEffect as Me, Suspense as An, useState as Ut } from "react";
 import { Box as M, Alert as Ht, Button as O, Loader as On, TextInput as I, Divider as Fe, Group as D, NumberInput as $n, PasswordInput as Le, Modal as ne, Stack as Ce, SegmentedControl as kn, ActionIcon as Yt, Text as ie, Tooltip as at, LoadingOverlay as qe, Table as h, Select as In, Switch as Mn, HoverCard as tt } from "@mantine/core";
 import { showNotification as Y, updateNotification as E } from "@mantine/notifications";
-import { IconAlertCircle as Fn, IconDeviceFloppy as Vt, IconMathFunction as Ln, IconRecycle as qn, IconPlaylistAdd as Ne, IconNetwork as Nn, IconBrandMysql as Un, IconDatabase as Hn, IconLock as Wt, IconTrash as Ue, IconEdit as $e, IconEye as Yn } from "@tabler/icons-react";
-import { Trans as Vn, useTranslation as C, initReactI18next as Wn, I18nextProvider as Bn } from "react-i18next";
-import * as Kn from "crypto-js";
-import Gn from "lodash";
+import { IconAlertCircle as Fn, IconDeviceFloppy as Vt, IconMathFunction as Ln, IconRecycle as qn, IconPlaylistAdd as Ne, IconNetwork as Nn, IconBrandMysql as Un, IconDatabase as Hn, IconTopologyRing3 as Yn, IconLock as Wt, IconTrash as Ue, IconEdit as $e, IconEye as Vn } from "@tabler/icons-react";
+import { Trans as Wn, useTranslation as C, initReactI18next as Bn, I18nextProvider as Kn } from "react-i18next";
+import * as Gn from "crypto-js";
+import Jn from "lodash";
 import It from "axios";
-import { useForm as J, Controller as y } from "react-hook-form";
+import { useForm as J, Controller as w } from "react-hook-form";
 import Bt, { loader as nt } from "@monaco-editor/react";
-import { createInstance as Jn } from "i18next";
-import Qn from "i18next-browser-languagedetector";
+import { createInstance as Qn } from "i18next";
+import Xn from "i18next-browser-languagedetector";
 import "intl-pluralrules";
-import { useBoolean as Xn, useRequest as ce } from "ahooks";
-import { useModals as Te, closeAllModals as Zn } from "@mantine/modals";
-import { CodeHighlight as er } from "@mantine/code-highlight";
+import { useBoolean as Zn, useRequest as ce } from "ahooks";
+import { useModals as Te, closeAllModals as er } from "@mantine/modals";
+import { CodeHighlight as tr } from "@mantine/code-highlight";
 var st = { exports: {} }, _e = {};
 /**
  * @license React
@@ -25,7 +25,7 @@ var st = { exports: {} }, _e = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Mt;
-function tr() {
+function nr() {
   if (Mt)
     return _e;
   Mt = 1;
@@ -53,7 +53,7 @@ var Se = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Ft;
-function nr() {
+function rr() {
   return Ft || (Ft = 1, process.env.NODE_ENV !== "production" && function() {
     var a = G, t = Symbol.for("react.element"), s = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), l = Symbol.for("react.provider"), c = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), m = Symbol.for("react.suspense_list"), x = Symbol.for("react.memo"), j = Symbol.for("react.lazy"), S = Symbol.for("react.offscreen"), L = Symbol.iterator, V = "@@iterator";
     function X(r) {
@@ -63,7 +63,7 @@ function nr() {
       return typeof u == "function" ? u : null;
     }
     var q = a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function w(r) {
+    function y(r) {
       {
         for (var u = arguments.length, p = new Array(u > 1 ? u - 1 : 0), g = 1; g < u; g++)
           p[g - 1] = arguments[g];
@@ -102,7 +102,7 @@ function nr() {
     function B(r) {
       if (r == null)
         return null;
-      if (typeof r.tag == "number" && w("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof r == "function")
+      if (typeof r.tag == "number" && y("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof r == "function")
         return r.displayName || r.name || null;
       if (typeof r == "string")
         return r;
@@ -203,7 +203,7 @@ function nr() {
             })
           });
         }
-        je < 0 && w("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        je < 0 && y("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
     var We = q.ReactCurrentDispatcher, Be;
@@ -275,18 +275,18 @@ function nr() {
         if (U && g && typeof U.stack == "string") {
           for (var v = U.stack.split(`
 `), N = g.stack.split(`
-`), P = v.length - 1, R = N.length - 1; P >= 1 && R >= 0 && v[P] !== N[R]; )
-            R--;
-          for (; P >= 1 && R >= 0; P--, R--)
-            if (v[P] !== N[R]) {
-              if (P !== 1 || R !== 1)
+`), P = v.length - 1, A = N.length - 1; P >= 1 && A >= 0 && v[P] !== N[A]; )
+            A--;
+          for (; P >= 1 && A >= 0; P--, A--)
+            if (v[P] !== N[A]) {
+              if (P !== 1 || A !== 1)
                 do
-                  if (P--, R--, R < 0 || v[P] !== N[R]) {
+                  if (P--, A--, A < 0 || v[P] !== N[A]) {
                     var H = `
 ` + v[P].replace(" at new ", " at ");
                     return r.displayName && H.includes("<anonymous>") && (H = H.replace("<anonymous>", r.displayName)), typeof r == "function" && Ee.set(r, H), H;
                   }
-                while (P >= 1 && R >= 0);
+                while (P >= 1 && A >= 0);
               break;
             }
         }
@@ -332,13 +332,13 @@ function nr() {
         }
       return "";
     }
-    var ve = Object.prototype.hasOwnProperty, wt = {}, yt = q.ReactDebugCurrentFrame;
-    function Ae(r) {
+    var ve = Object.prototype.hasOwnProperty, yt = {}, wt = q.ReactDebugCurrentFrame;
+    function Re(r) {
       if (r) {
         var u = r._owner, p = Pe(r.type, r._source, u ? u.type : null);
-        yt.setExtraStackFrame(p);
+        wt.setExtraStackFrame(p);
       } else
-        yt.setExtraStackFrame(null);
+        wt.setExtraStackFrame(null);
     }
     function dn(r, u, p, g, _) {
       {
@@ -355,7 +355,7 @@ function nr() {
             } catch (P) {
               v = P;
             }
-            v && !(v instanceof Error) && (Ae(_), w("%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).", g || "React class", p, b, typeof v), Ae(null)), v instanceof Error && !(v.message in wt) && (wt[v.message] = !0, Ae(_), w("Failed %s type: %s", p, v.message), Ae(null));
+            v && !(v instanceof Error) && (Re(_), y("%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).", g || "React class", p, b, typeof v), Re(null)), v instanceof Error && !(v.message in yt) && (yt[v.message] = !0, Re(_), y("Failed %s type: %s", p, v.message), Re(null));
           }
       }
     }
@@ -381,7 +381,7 @@ function nr() {
     }
     function Tt(r) {
       if (pn(r))
-        return w("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", fn(r)), Ct(r);
+        return y("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", fn(r)), Ct(r);
     }
     var be = q.ReactCurrentOwner, mn = {
       key: !0,
@@ -409,13 +409,13 @@ function nr() {
     function xn(r, u) {
       if (typeof r.ref == "string" && be.current && u && be.current.stateNode !== u) {
         var p = B(be.current.type);
-        Je[p] || (w('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', B(be.current.type), r.ref), Je[p] = !0);
+        Je[p] || (y('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', B(be.current.type), r.ref), Je[p] = !0);
       }
     }
     function jn(r, u) {
       {
         var p = function() {
-          zt || (zt = !0, w("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", u));
+          zt || (zt = !0, y("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", u));
         };
         p.isReactWarning = !0, Object.defineProperty(r, "key", {
           get: p,
@@ -426,7 +426,7 @@ function nr() {
     function vn(r, u) {
       {
         var p = function() {
-          Dt || (Dt = !0, w("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", u));
+          Dt || (Dt = !0, y("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", u));
         };
         p.isReactWarning = !0, Object.defineProperty(r, "ref", {
           get: p,
@@ -475,8 +475,8 @@ function nr() {
             b[z] === void 0 && (b[z] = P[z]);
         }
         if (v || N) {
-          var R = typeof r == "function" ? r.displayName || r.name || "Unknown" : r;
-          v && jn(b, R), N && vn(b, R);
+          var A = typeof r == "function" ? r.displayName || r.name || "Unknown" : r;
+          v && jn(b, A), N && vn(b, A);
         }
         return bn(r, v, N, _, g, be.current, b);
       }
@@ -517,8 +517,8 @@ Check your code at ` + u + ":" + p + ".";
         return "";
       }
     }
-    var At = {};
-    function wn(r) {
+    var Rt = {};
+    function yn(r) {
       {
         var u = Pt();
         if (!u) {
@@ -530,17 +530,17 @@ Check the top-level render call using <` + p + ">.");
         return u;
       }
     }
-    function Rt(r, u) {
+    function At(r, u) {
       {
         if (!r._store || r._store.validated || r.key != null)
           return;
         r._store.validated = !0;
-        var p = wn(u);
-        if (At[p])
+        var p = yn(u);
+        if (Rt[p])
           return;
-        At[p] = !0;
+        Rt[p] = !0;
         var g = "";
-        r && r._owner && r._owner !== Qe.current && (g = " It was passed a child from " + B(r._owner.type) + "."), de(r), w('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', p, g), de(null);
+        r && r._owner && r._owner !== Qe.current && (g = " It was passed a child from " + B(r._owner.type) + "."), de(r), y('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', p, g), de(null);
       }
     }
     function Ot(r, u) {
@@ -550,7 +550,7 @@ Check the top-level render call using <` + p + ">.");
         if (Ge(r))
           for (var p = 0; p < r.length; p++) {
             var g = r[p];
-            Ze(g) && Rt(g, u);
+            Ze(g) && At(g, u);
           }
         else if (Ze(r))
           r._store && (r._store.validated = !0);
@@ -558,11 +558,11 @@ Check the top-level render call using <` + p + ">.");
           var _ = X(r);
           if (typeof _ == "function" && _ !== r.entries)
             for (var z = _.call(r), b; !(b = z.next()).done; )
-              Ze(b.value) && Rt(b.value, u);
+              Ze(b.value) && At(b.value, u);
         }
       }
     }
-    function yn(r) {
+    function wn(r) {
       {
         var u = r.type;
         if (u == null || typeof u == "string")
@@ -582,9 +582,9 @@ Check the top-level render call using <` + p + ">.");
         } else if (u.PropTypes !== void 0 && !Xe) {
           Xe = !0;
           var _ = B(u);
-          w("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", _ || "Unknown");
+          y("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", _ || "Unknown");
         }
-        typeof u.getDefaultProps == "function" && !u.getDefaultProps.isReactClassApproved && w("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof u.getDefaultProps == "function" && !u.getDefaultProps.isReactClassApproved && y("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function Cn(r) {
@@ -592,11 +592,11 @@ Check the top-level render call using <` + p + ">.");
         for (var u = Object.keys(r.props), p = 0; p < u.length; p++) {
           var g = u[p];
           if (g !== "children" && g !== "key") {
-            de(r), w("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", g), de(null);
+            de(r), y("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", g), de(null);
             break;
           }
         }
-        r.ref !== null && (de(r), w("Invalid attribute `ref` supplied to `React.Fragment`."), de(null));
+        r.ref !== null && (de(r), y("Invalid attribute `ref` supplied to `React.Fragment`."), de(null));
       }
     }
     var $t = {};
@@ -609,11 +609,11 @@ Check the top-level render call using <` + p + ">.");
           var N = Sn(_);
           N ? v += N : v += Pt();
           var P;
-          r === null ? P = "null" : Ge(r) ? P = "array" : r !== void 0 && r.$$typeof === t ? (P = "<" + (B(r.type) || "Unknown") + " />", v = " Did you accidentally export a JSX literal instead of a component?") : P = typeof r, w("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", P, v);
+          r === null ? P = "null" : Ge(r) ? P = "array" : r !== void 0 && r.$$typeof === t ? (P = "<" + (B(r.type) || "Unknown") + " />", v = " Did you accidentally export a JSX literal instead of a component?") : P = typeof r, y("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", P, v);
         }
-        var R = _n(r, u, p, _, z);
-        if (R == null)
-          return R;
+        var A = _n(r, u, p, _, z);
+        if (A == null)
+          return A;
         if (b) {
           var H = u.children;
           if (H !== void 0)
@@ -623,17 +623,17 @@ Check the top-level render call using <` + p + ">.");
                   Ot(H[ue], r);
                 Object.freeze && Object.freeze(H);
               } else
-                w("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                y("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
               Ot(H, r);
         }
         if (ve.call(u, "key")) {
-          var se = B(r), U = Object.keys(u).filter(function(An) {
-            return An !== "key";
+          var se = B(r), U = Object.keys(u).filter(function(Rn) {
+            return Rn !== "key";
           }), et = U.length > 0 ? "{key: someKey, " + U.join(": ..., ") + ": ...}" : "{key: someKey}";
           if (!$t[se + et]) {
             var Pn = U.length > 0 ? "{" + U.join(": ..., ") + ": ...}" : "{}";
-            w(`A props object containing a "key" prop is being spread into JSX:
+            y(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
@@ -641,7 +641,7 @@ React keys must be passed directly to JSX without using spread:
   <%s key={someKey} {...props} />`, et, se, Pn, se), $t[se + et] = !0;
           }
         }
-        return r === n ? Cn(R) : yn(R), R;
+        return r === n ? Cn(A) : wn(A), A;
       }
     }
     function Tn(r, u, p) {
@@ -654,9 +654,9 @@ React keys must be passed directly to JSX without using spread:
     Se.Fragment = n, Se.jsx = Dn, Se.jsxs = En;
   }()), Se;
 }
-process.env.NODE_ENV === "production" ? st.exports = tr() : st.exports = nr();
+process.env.NODE_ENV === "production" ? st.exports = nr() : st.exports = rr();
 var e = st.exports;
-function rr(a) {
+function ar(a) {
   a = a || {};
   const t = Object.keys(a).sort(), s = [];
   for (let n = 0; n < t.length; n++) {
@@ -673,11 +673,11 @@ function rr(a) {
   }
   return s.sort().join("&");
 }
-function ar(a, t) {
-  let s = rr(a);
-  return s += "&key=" + t, Kn.MD5(s).toString().toUpperCase();
+function sr(a, t) {
+  let s = ar(a);
+  return s += "&key=" + t, Gn.MD5(s).toString().toUpperCase();
 }
-class sr {
+class or {
   constructor() {
     this.type = "default_api_client", this.baseURL = "http://localhost:31200", this.app_id = "", this.app_secret = "";
   }
@@ -688,7 +688,7 @@ class sr {
     return {
       app_id: this.app_id,
       nonce_str: s,
-      sign: ar({
+      sign: sr({
         app_id: this.app_id,
         nonce_str: s,
         ...t
@@ -701,7 +701,7 @@ class sr {
       return It(d).then((f) => l ? f : f.data).catch((f) => {
         if (It.isCancel(f))
           return Promise.reject(f);
-        const m = f, x = Gn.get(m, "response.data.detail.message", m.message);
+        const m = f, x = Jn.get(m, "response.data.detail.message", m.message);
         return Promise.reject(new Error(x));
       });
     };
@@ -736,7 +736,7 @@ class sr {
     };
   }
 }
-class or {
+class ir {
   constructor(t) {
     this.implementation = t;
   }
@@ -753,19 +753,19 @@ class or {
     return this.getRequest("PUT", t);
   }
 }
-const we = new sr(), ir = new or(we), A = ir;
-function cr(a) {
-  we.baseURL !== a.apiBaseURL && (we.baseURL = a.apiBaseURL), a.app_id && (we.app_id = a.app_id), a.app_secret && (we.app_secret = a.app_secret);
+const ye = new or(), cr = new ir(ye), R = cr;
+function lr(a) {
+  ye.baseURL !== a.apiBaseURL && (ye.baseURL = a.apiBaseURL), a.app_id && (ye.app_id = a.app_id), a.app_secret && (ye.app_secret = a.app_secret);
 }
-const lr = {
+const dr = {
   login: async (a, t) => {
     const s = {
       name: a,
       password: t
     };
-    return await A.post()("/account/login", s, {});
+    return await R.post()("/account/login", s, {});
   },
-  list: async () => await A.post()("/account/list", {
+  list: async () => await R.post()("/account/list", {
     filter: {},
     sort: [{
       field: "name",
@@ -779,7 +779,7 @@ const lr = {
   /**
    * get current account
    */
-  get: async () => await A.get()("/account/get", {}, {}),
+  get: async () => await R.get()("/account/get", {}, {}),
   /**
    * update current account
    */
@@ -788,7 +788,7 @@ const lr = {
       name: a.trim(),
       email: t.trim()
     };
-    return await A.put()("/account/update", s, {});
+    return await R.put()("/account/update", s, {});
   },
   /**
    * change current account's password
@@ -798,23 +798,23 @@ const lr = {
       old_password: a.trim(),
       new_password: t.trim()
     };
-    return await A.post()("/account/changepassword", s, {});
+    return await R.post()("/account/changepassword", s, {});
   },
-  create: async (a, t, s, n) => await A.post()("/account/create", {
+  create: async (a, t, s, n) => await R.post()("/account/create", {
     name: a.trim(),
     email: t.trim(),
     password: s.trim(),
     role_id: n
   }, {}),
-  edit: async (a) => (a.reset_password || (a.new_password = void 0), await A.put()("/account/edit", a, {})),
+  edit: async (a) => (a.reset_password || (a.new_password = void 0), await R.put()("/account/edit", a, {})),
   delete: async (a) => {
     if (a)
-      return A.post()("/account/delete", {
+      return R.post()("/account/delete", {
         id: a
       }, {});
   }
-}, dr = {
-  list: async () => await A.post()("/api/key/list", {
+}, ur = {
+  list: async () => await R.post()("/api/key/list", {
     filter: {
       search: ""
     },
@@ -827,18 +827,18 @@ const lr = {
       pagesize: 100
     }
   }, {}),
-  create: async (a, t) => A.post()("/api/key/create", {
+  create: async (a, t) => R.post()("/api/key/create", {
     name: a,
     role_id: t
   }, {}),
   delete: async (a) => {
     if (a)
-      return A.post()("/api/key/delete", {
+      return R.post()("/api/key/delete", {
         id: a
       }, {});
   }
-}, ur = {
-  list: async () => await A.post()("/datasource/list", {
+}, fr = {
+  list: async () => await R.post()("/datasource/list", {
     filter: {},
     sort: [{
       field: "create_time",
@@ -849,25 +849,25 @@ const lr = {
       pagesize: 100
     }
   }, {}),
-  create: async (a, t, s) => await A.post()("/datasource/create", {
+  create: async (a, t, s) => await R.post()("/datasource/create", {
     type: a,
     key: t,
     config: s
   }, {}),
-  update: async (a, t) => await A.put()("/datasource/update", {
+  update: async (a, t) => await R.put()("/datasource/update", {
     id: a,
     config: t
   }, {}),
   delete: async (a) => {
-    await A.post()("/datasource/delete", {
+    await R.post()("/datasource/delete", {
       id: a
     }, {});
   }
-}, fr = {
-  list: async () => await A.get()("/role/list", {}, {})
+}, pr = {
+  list: async () => await R.get()("/role/list", {}, {})
 };
-var Kt = 60, Gt = Kt * 60, Jt = Gt * 24, pr = Jt * 7, ge = 1e3, rt = Kt * ge, Lt = Gt * ge, mr = Jt * ge, hr = pr * ge, lt = "millisecond", fe = "second", pe = "minute", me = "hour", ee = "day", Oe = "week", W = "month", Qt = "quarter", te = "year", he = "date", gr = "YYYY-MM-DDTHH:mm:ssZ", qt = "Invalid Date", xr = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, jr = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g;
-const vr = {
+var Kt = 60, Gt = Kt * 60, Jt = Gt * 24, mr = Jt * 7, ge = 1e3, rt = Kt * ge, Lt = Gt * ge, hr = Jt * ge, gr = mr * ge, lt = "millisecond", fe = "second", pe = "minute", me = "hour", ee = "day", Oe = "week", W = "month", Qt = "quarter", te = "year", he = "date", xr = "YYYY-MM-DDTHH:mm:ssZ", qt = "Invalid Date", jr = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, vr = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g;
+const br = {
   name: "en",
   weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),
   months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"),
@@ -879,15 +879,15 @@ const vr = {
 var ot = function(t, s, n) {
   var o = String(t);
   return !o || o.length >= s ? t : "" + Array(s + 1 - o.length).join(n) + t;
-}, br = function(t) {
+}, _r = function(t) {
   var s = -t.utcOffset(), n = Math.abs(s), o = Math.floor(n / 60), i = n % 60;
   return (s <= 0 ? "+" : "-") + ot(o, 2, "0") + ":" + ot(i, 2, "0");
-}, _r = function a(t, s) {
+}, Sr = function a(t, s) {
   if (t.date() < s.date())
     return -a(s, t);
   var n = (s.year() - t.year()) * 12 + (s.month() - t.month()), o = t.clone().add(n, W), i = s - o < 0, l = t.clone().add(n + (i ? -1 : 1), W);
   return +(-(n + (s - o) / (i ? o - l : l - o)) || 0);
-}, Sr = function(t) {
+}, yr = function(t) {
   return t < 0 ? Math.ceil(t) || 0 : Math.floor(t);
 }, wr = function(t) {
   var s = {
@@ -903,25 +903,25 @@ var ot = function(t, s, n) {
     Q: Qt
   };
   return s[t] || String(t || "").toLowerCase().replace(/s$/, "");
-}, yr = function(t) {
+}, Cr = function(t) {
   return t === void 0;
 };
-const Cr = {
+const Tr = {
   s: ot,
-  z: br,
-  m: _r,
-  a: Sr,
+  z: _r,
+  m: Sr,
+  a: yr,
   p: wr,
-  u: yr
+  u: Cr
 };
-var ye = "en", oe = {};
-oe[ye] = vr;
+var we = "en", oe = {};
+oe[we] = br;
 var dt = function(t) {
   return t instanceof He;
 }, ke = function a(t, s, n) {
   var o;
   if (!t)
-    return ye;
+    return we;
   if (typeof t == "string") {
     var i = t.toLowerCase();
     oe[i] && (o = i), s && (oe[i] = s, o = i);
@@ -932,13 +932,13 @@ var dt = function(t) {
     var c = t.name;
     oe[c] = t, o = c;
   }
-  return !n && o && (ye = o), o || !n && ye;
+  return !n && o && (we = o), o || !n && we;
 }, $ = function(t, s) {
   if (dt(t))
     return t.clone();
   var n = typeof s == "object" ? s : {};
   return n.date = t, n.args = arguments, new He(n);
-}, Tr = function(t, s) {
+}, zr = function(t, s) {
   return $(t, {
     locale: s.$L,
     utc: s.$u,
@@ -946,11 +946,11 @@ var dt = function(t) {
     $offset: s.$offset
     // todo: refactor; do not use this.$offset in you code
   });
-}, T = Cr;
+}, T = Tr;
 T.l = ke;
 T.i = dt;
-T.w = Tr;
-var zr = function(t) {
+T.w = zr;
+var Dr = function(t) {
   var s = t.date, n = t.utc;
   if (s === null)
     return /* @__PURE__ */ new Date(NaN);
@@ -959,7 +959,7 @@ var zr = function(t) {
   if (s instanceof Date)
     return new Date(s);
   if (typeof s == "string" && !/Z$/i.test(s)) {
-    var o = s.match(xr);
+    var o = s.match(jr);
     if (o) {
       var i = o[2] - 1 || 0, l = (o[7] || "0").substring(0, 3);
       return n ? new Date(Date.UTC(o[1], i, o[3] || 1, o[4] || 0, o[5] || 0, o[6] || 0, l)) : new Date(o[1], i, o[3] || 1, o[4] || 0, o[5] || 0, o[6] || 0, l);
@@ -972,7 +972,7 @@ var zr = function(t) {
   }
   var t = a.prototype;
   return t.parse = function(n) {
-    this.$d = zr(n), this.$x = n.x || {}, this.init();
+    this.$d = Dr(n), this.$x = n.x || {}, this.init();
   }, t.init = function() {
     var n = this.$d;
     this.$y = n.getFullYear(), this.$M = n.getMonth(), this.$D = n.getDate(), this.$W = n.getDay(), this.$H = n.getHours(), this.$m = n.getMinutes(), this.$s = n.getSeconds(), this.$ms = n.getMilliseconds();
@@ -994,15 +994,15 @@ var zr = function(t) {
   }, t.valueOf = function() {
     return this.$d.getTime();
   }, t.startOf = function(n, o) {
-    var i = this, l = T.u(o) ? !0 : o, c = T.p(n), d = function(q, w) {
-      var F = T.w(i.$u ? Date.UTC(i.$y, w, q) : new Date(i.$y, w, q), i);
+    var i = this, l = T.u(o) ? !0 : o, c = T.p(n), d = function(q, y) {
+      var F = T.w(i.$u ? Date.UTC(i.$y, y, q) : new Date(i.$y, y, q), i);
       return l ? F : F.endOf(ee);
-    }, f = function(q, w) {
+    }, f = function(q, y) {
       var F = [0, 0, 0, 0], Z = [23, 59, 59, 999];
       return T.w(i.toDate()[q].apply(
         // eslint-disable-line prefer-spread
         i.toDate("s"),
-        (l ? F : Z).slice(w)
+        (l ? F : Z).slice(y)
       ), i);
     }, m = this.$W, x = this.$M, j = this.$D, S = "set" + (this.$u ? "UTC" : "");
     switch (c) {
@@ -1063,12 +1063,12 @@ var zr = function(t) {
     var o = this, i = this.$locale();
     if (!this.isValid())
       return i.invalidDate || qt;
-    var l = n || gr, c = T.z(this), d = this.$H, f = this.$m, m = this.$M, x = i.weekdays, j = i.months, S = i.meridiem, L = function(F, Z, le, Ve) {
+    var l = n || xr, c = T.z(this), d = this.$H, f = this.$m, m = this.$M, x = i.weekdays, j = i.months, S = i.meridiem, L = function(F, Z, le, Ve) {
       return F && (F[Z] || F(o, l)) || le[Z].slice(0, Ve);
     }, V = function(F) {
       return T.s(d % 12 || 12, F, "0");
-    }, X = S || function(w, F, Z) {
-      var le = w < 12 ? "AM" : "PM";
+    }, X = S || function(y, F, Z) {
+      var le = y < 12 ? "AM" : "PM";
       return Z ? le.toLowerCase() : le;
     }, q = function(F) {
       switch (F) {
@@ -1123,8 +1123,8 @@ var zr = function(t) {
       }
       return null;
     };
-    return l.replace(jr, function(w, F) {
-      return F || q(w) || c.replace(":", "");
+    return l.replace(vr, function(y, F) {
+      return F || q(y) || c.replace(":", "");
     });
   }, t.utcOffset = function() {
     return -Math.round(this.$d.getTimezoneOffset() / 15) * 15;
@@ -1143,10 +1143,10 @@ var zr = function(t) {
         j = x() / 3;
         break;
       case Oe:
-        j = (m - f) / hr;
+        j = (m - f) / gr;
         break;
       case ee:
-        j = (m - f) / mr;
+        j = (m - f) / hr;
         break;
       case me:
         j = m / Lt;
@@ -1197,14 +1197,14 @@ $.isDayjs = dt;
 $.unix = function(a) {
   return $(a * 1e3);
 };
-$.en = oe[ye];
+$.en = oe[we];
 $.Ls = oe;
 $.p = {};
-const Dr = {
+const Er = {
   list: async ({
     pagination: a
   }, t) => {
-    const s = await A.post(t)("/sql_snippet/list", {
+    const s = await R.post(t)("/sql_snippet/list", {
       sort: [{
         field: "update_time",
         order: "DESC"
@@ -1215,20 +1215,20 @@ const Dr = {
       n.create_time = $(n.create_time).format("YYYY-MM-DD HH:mm:ss"), n.update_time = $(n.update_time).format("YYYY-MM-DD HH:mm:ss");
     }), s;
   },
-  get: async (a, t) => await A.post(t)("/sql_snippet/get", {
+  get: async (a, t) => await R.post(t)("/sql_snippet/get", {
     id: a
   }, {}),
-  create: async (a, t) => await A.post(t)("/sql_snippet/create", a, {}),
-  update: async (a, t) => await A.put(t)("/sql_snippet/update", a, {}),
-  delete: async (a, t) => A.post(t)("/sql_snippet/delete", {
+  create: async (a, t) => await R.post(t)("/sql_snippet/create", a, {}),
+  update: async (a, t) => await R.put(t)("/sql_snippet/update", a, {}),
+  delete: async (a, t) => R.post(t)("/sql_snippet/delete", {
     id: a
   }, {})
 }, k = {
-  datasource: ur,
-  account: lr,
-  role: fr,
-  api_key: dr,
-  sql_snippet: Dr
+  datasource: fr,
+  account: dr,
+  role: pr,
+  api_key: ur,
+  sql_snippet: Er
 }, K = {
   size: "sm",
   spacing: "md",
@@ -1236,10 +1236,10 @@ const Dr = {
     size: "xs"
   }
 };
-function Er({
+function Pr({
   styles: a = K
 }) {
-  return /* @__PURE__ */ e.jsx(M, { mx: "auto", children: /* @__PURE__ */ e.jsx(Ht, { mt: a.spacing, icon: /* @__PURE__ */ e.jsx(Fn, { size: 16 }), children: /* @__PURE__ */ e.jsxs(Vn, { i18nKey: "datasource.db.permission_tip", children: [
+  return /* @__PURE__ */ e.jsx(M, { mx: "auto", children: /* @__PURE__ */ e.jsx(Ht, { mt: a.spacing, icon: /* @__PURE__ */ e.jsx(Fn, { size: 16 }), children: /* @__PURE__ */ e.jsxs(Wn, { i18nKey: "datasource.db.permission_tip", children: [
     "Only ",
     /* @__PURE__ */ e.jsx("b", { children: "SELECT" }),
     " privilege is needed."
@@ -1275,7 +1275,7 @@ function Q({
   } = C();
   return /* @__PURE__ */ e.jsx(O, { type: "submit", color: "green", leftSection: /* @__PURE__ */ e.jsx(Vt, { size: 16 }), size: a, disabled: t, children: s("common.actions.submit") });
 }
-const Pr = {
+const Rr = {
   translation: {
     datasource: {
       label: "Data Source",
@@ -1539,33 +1539,33 @@ const Pr = {
       }
     }
   }
-}, it = Jn({
+}, it = Qn({
   debug: !1,
   fallbackLng: "en",
   interpolation: {
     escapeValue: !1
   },
   resources: {
-    en: Pr,
+    en: Rr,
     zh: Ar
   }
-}).use(Qn).use(Wn);
+}).use(Xn).use(Bn);
 it.init();
-function Rr({
+function Or({
   lang: a,
   children: t
 }) {
   return Me(() => {
     it.changeLanguage(a);
-  }, [a]), /* @__PURE__ */ e.jsx(Bn, { i18n: it, children: t });
+  }, [a]), /* @__PURE__ */ e.jsx(Kn, { i18n: it, children: t });
 }
-const Or = (a) => a.replace(/([^:])(\/\/+)/g, "$1/");
-function $r(a) {
+const $r = (a) => a.replace(/([^:])(\/\/+)/g, "$1/");
+function kr(a) {
   Me(() => {
     if (nt.__getMonacoInstance())
       return;
     console.log("loading monaco for @devtable/settings-form");
-    const s = Or(a);
+    const s = $r(a);
     nt.config({
       paths: {
         vs: s
@@ -1580,11 +1580,11 @@ function ze(a, t) {
       config: i,
       ...l
     } = n;
-    return cr(i), $r(i.monacoPath), /* @__PURE__ */ e.jsx(Rn, { fallback: /* @__PURE__ */ e.jsx(On, { color: "gray" }), children: /* @__PURE__ */ e.jsx(Rr, { lang: o, children: /* @__PURE__ */ e.jsx(t, { ...l }) }) });
+    return lr(i), kr(i.monacoPath), /* @__PURE__ */ e.jsx(An, { fallback: /* @__PURE__ */ e.jsx(On, { color: "gray" }), children: /* @__PURE__ */ e.jsx(Or, { lang: o, children: /* @__PURE__ */ e.jsx(t, { ...l }) }) });
   };
   return s.displayName = `withEntry(${a})`, s;
 }
-function kr({
+function Ir({
   submit: a,
   styles: t = K,
   type: s
@@ -1611,35 +1611,35 @@ function kr({
   return Me(() => {
     i("type", s);
   }, [i, s]), /* @__PURE__ */ e.jsx(M, { mx: "auto", children: /* @__PURE__ */ e.jsxs("form", { onSubmit: l(a), children: [
-    /* @__PURE__ */ e.jsx(y, { name: "key", control: o, render: ({
+    /* @__PURE__ */ e.jsx(w, { name: "key", control: o, render: ({
       field: c
     }) => /* @__PURE__ */ e.jsx(I, { mb: t.spacing, size: t.size, required: !0, label: n("common.name"), placeholder: n("common.name_placeholder"), ...c }) }),
     /* @__PURE__ */ e.jsx(Fe, { label: n("datasource.connection_info"), labelPosition: "center" }),
     /* @__PURE__ */ e.jsxs(D, { grow: !0, children: [
-      /* @__PURE__ */ e.jsx(y, { name: "config.host", control: o, render: ({
+      /* @__PURE__ */ e.jsx(w, { name: "config.host", control: o, render: ({
         field: c
       }) => /* @__PURE__ */ e.jsx(I, { mb: t.spacing, size: t.size, required: !0, label: n("datasource.db.host"), sx: {
         flexGrow: 1
       }, ...c }) }),
-      /* @__PURE__ */ e.jsx(y, { name: "config.port", control: o, render: ({
+      /* @__PURE__ */ e.jsx(w, { name: "config.port", control: o, render: ({
         field: c
       }) => /* @__PURE__ */ e.jsx($n, { mb: t.spacing, size: t.size, required: !0, label: n("datasource.db.port"), hideControls: !0, sx: {
         width: "8em"
       }, ...c }) })
     ] }),
-    /* @__PURE__ */ e.jsx(y, { name: "config.username", control: o, render: ({
+    /* @__PURE__ */ e.jsx(w, { name: "config.username", control: o, render: ({
       field: c
     }) => /* @__PURE__ */ e.jsx(I, { mb: t.spacing, size: t.size, required: !0, label: n("datasource.db.username"), ...c }) }),
-    /* @__PURE__ */ e.jsx(y, { name: "config.password", control: o, render: ({
+    /* @__PURE__ */ e.jsx(w, { name: "config.password", control: o, render: ({
       field: c
     }) => /* @__PURE__ */ e.jsx(Le, { mb: t.spacing, size: t.size, required: !0, label: n("datasource.db.password"), ...c }) }),
-    /* @__PURE__ */ e.jsx(y, { name: "config.database", control: o, render: ({
+    /* @__PURE__ */ e.jsx(w, { name: "config.database", control: o, render: ({
       field: c
     }) => /* @__PURE__ */ e.jsx(I, { mb: t.spacing, size: t.size, required: !0, label: n("datasource.db.database"), ...c }) }),
     /* @__PURE__ */ e.jsx(D, { justify: "flex-end", mt: t.spacing, children: /* @__PURE__ */ e.jsx(Q, { size: t.button.size }) })
   ] }) });
 }
-const Ir = ({
+const Mr = ({
   value: a,
   onChange: t
 }) => {
@@ -1666,7 +1666,7 @@ const Ir = ({
   } = C(), [d, {
     setTrue: f,
     setFalse: m
-  }] = Xn(), [x, j] = Ut(a), S = () => {
+  }] = Zn(), [x, j] = Ut(a), S = () => {
     m(), t(x);
   }, L = () => {
     m(), j(a);
@@ -1680,7 +1680,7 @@ const Ir = ({
       flexGrow: 1
     }, children: s }),
     /* @__PURE__ */ e.jsx(ne, { size: 800, title: n, opened: d, onClose: m, closeOnClickOutside: !1, withCloseButton: !1, children: d && /* @__PURE__ */ e.jsxs(Ce, { children: [
-      /* @__PURE__ */ e.jsx(Ir, { value: x, onChange: j }),
+      /* @__PURE__ */ e.jsx(Mr, { value: x, onChange: j }),
       /* @__PURE__ */ e.jsxs(D, { justify: "space-between", children: [
         /* @__PURE__ */ e.jsx(O, { size: i.button.size, onClick: V, color: "red", leftSection: /* @__PURE__ */ e.jsx(qn, { size: 20 }), children: c("common.actions.reset_to_default") }),
         /* @__PURE__ */ e.jsxs(D, { justify: "flex-end", children: [
@@ -1690,13 +1690,13 @@ const Ir = ({
       ] })
     ] }) })
   ] });
-}), Re = {
+}), Ae = {
   pre: ["function pre_process({ method, url, params, headers, data }, utils) {", "    // your code goes here", "    return { method, url, params, headers, data }", "}"].join(`
 `),
   post: ["function post_process(res, utils) {", "    // your code goes here", "    return data", "}"].join(`
 `)
 };
-function Mr({
+function Fr({
   submit: a,
   styles: t = K
 }) {
@@ -1713,34 +1713,34 @@ function Mr({
       config: {
         host: "",
         processing: {
-          pre: Re.pre,
-          post: Re.post
+          pre: Ae.pre,
+          post: Ae.post
         }
       }
     }
   });
   return /* @__PURE__ */ e.jsx(M, { mx: "auto", children: /* @__PURE__ */ e.jsxs("form", { onSubmit: i(a), children: [
-    /* @__PURE__ */ e.jsx(y, { name: "key", control: n, render: ({
+    /* @__PURE__ */ e.jsx(w, { name: "key", control: n, render: ({
       field: l
     }) => /* @__PURE__ */ e.jsx(I, { mb: t.spacing, size: t.size, required: !0, label: s("common.name"), placeholder: s("common.name_placeholder"), ...l }) }),
     /* @__PURE__ */ e.jsx(Fe, { label: s("datasource.connection_info"), labelPosition: "center" }),
-    /* @__PURE__ */ e.jsx(y, { name: "config.host", control: n, render: ({
+    /* @__PURE__ */ e.jsx(w, { name: "config.host", control: n, render: ({
       field: l
     }) => /* @__PURE__ */ e.jsx(I, { mb: t.spacing, size: t.size, label: s("datasource.http.base_url"), sx: {
       flexGrow: 1
     }, ...l }) }),
     /* @__PURE__ */ e.jsxs(D, { grow: !0, children: [
-      /* @__PURE__ */ e.jsx(y, { name: "config.processing.pre", control: n, render: ({
+      /* @__PURE__ */ e.jsx(w, { name: "config.processing.pre", control: n, render: ({
         field: l
-      }) => /* @__PURE__ */ e.jsx(Ie, { label: s("datasource.http.processing.pre.label"), modalTitle: s("datasource.http.processing.pre.description"), defaultValue: Re.pre, ...l, styles: t }) }),
-      /* @__PURE__ */ e.jsx(y, { name: "config.processing.post", control: n, render: ({
+      }) => /* @__PURE__ */ e.jsx(Ie, { label: s("datasource.http.processing.pre.label"), modalTitle: s("datasource.http.processing.pre.description"), defaultValue: Ae.pre, ...l, styles: t }) }),
+      /* @__PURE__ */ e.jsx(w, { name: "config.processing.post", control: n, render: ({
         field: l
-      }) => /* @__PURE__ */ e.jsx(Ie, { label: s("datasource.http.processing.post.label"), modalTitle: s("datasource.http.processing.post.description"), defaultValue: Re.post, ...l, styles: t }) })
+      }) => /* @__PURE__ */ e.jsx(Ie, { label: s("datasource.http.processing.post.label"), modalTitle: s("datasource.http.processing.post.description"), defaultValue: Ae.post, ...l, styles: t }) })
     ] }),
     /* @__PURE__ */ e.jsx(D, { justify: "flex-end", mt: t.spacing, children: /* @__PURE__ */ e.jsx(Q, { size: t.button.size }) })
   ] }) });
 }
-function Fr({
+function Lr({
   postSubmit: a,
   styles: t = K
 }) {
@@ -1793,12 +1793,12 @@ function Fr({
       label: "HTTP",
       value: "http"
     }], value: n, onChange: l }),
-    c && /* @__PURE__ */ e.jsx(Er, { styles: t }),
-    c && /* @__PURE__ */ e.jsx(kr, { submit: i, styles: t, type: n }),
-    d && /* @__PURE__ */ e.jsx(Mr, { submit: i, styles: t })
+    c && /* @__PURE__ */ e.jsx(Pr, { styles: t }),
+    c && /* @__PURE__ */ e.jsx(Ir, { submit: i, styles: t, type: n }),
+    d && /* @__PURE__ */ e.jsx(Fr, { submit: i, styles: t })
   ] });
 }
-function Lr({
+function qr({
   onSuccess: a,
   styles: t = K
 }) {
@@ -1810,33 +1810,35 @@ function Lr({
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(ne, { opened: n, onClose: () => o(!1), title: s("datasource.add"), trapFocus: !0, onDragStart: (d) => {
       d.stopPropagation();
-    }, children: /* @__PURE__ */ e.jsx(Fr, { postSubmit: c, styles: t }) }),
+    }, children: /* @__PURE__ */ e.jsx(Lr, { postSubmit: c, styles: t }) }),
     /* @__PURE__ */ e.jsx(O, { size: t.button.size, onClick: i, leftSection: /* @__PURE__ */ e.jsx(Ne, { size: 20 }), children: s("datasource.add") })
   ] });
 }
-const qr = {
+const Nr = {
   http: "HTTP",
   mysql: "MySQL",
-  postgresql: "PostgreSQL"
-}, Nr = {
+  postgresql: "PostgreSQL",
+  merico_metric_system: "Merico Metric System"
+}, Ur = {
   http: /* @__PURE__ */ e.jsx(Nn, {}),
   mysql: /* @__PURE__ */ e.jsx(Un, {}),
-  postgresql: /* @__PURE__ */ e.jsx(Hn, {})
+  postgresql: /* @__PURE__ */ e.jsx(Hn, {}),
+  merico_metric_system: /* @__PURE__ */ e.jsx(Yn, {})
 };
-function Ur({
+function Hr({
   type: a
 }) {
   return /* @__PURE__ */ e.jsxs(D, { children: [
     /* @__PURE__ */ e.jsx(Yt, { variant: "subtle", size: "xs", sx: {
       transform: "none !important"
-    }, children: Nr[a] }),
+    }, children: Ur[a] }),
     /* @__PURE__ */ e.jsx(ie, { sx: {
       cusor: "default",
       userSelect: "none"
-    }, children: qr[a] })
+    }, children: Nr[a] })
   ] });
 }
-function Hr({
+function Yr({
   id: a,
   name: t,
   isProtected: s,
@@ -1892,7 +1894,7 @@ const Nt = {
   post: ["function post_process(resp, utils) {", "    return resp.data", "}"].join(`
 `)
 };
-function Yr({
+function Vr({
   name: a,
   config: t,
   submit: s,
@@ -1911,23 +1913,23 @@ function Yr({
   return /* @__PURE__ */ e.jsx(M, { mx: "auto", children: /* @__PURE__ */ e.jsxs("form", { onSubmit: l(s), children: [
     /* @__PURE__ */ e.jsx(I, { mb: n.spacing, size: n.size, required: !0, label: o("common.name"), value: a, readOnly: !0 }),
     /* @__PURE__ */ e.jsx(Fe, { label: o("datasource.connection_info"), labelPosition: "center" }),
-    /* @__PURE__ */ e.jsx(y, { name: "config.host", control: i, render: ({
+    /* @__PURE__ */ e.jsx(w, { name: "config.host", control: i, render: ({
       field: c
     }) => /* @__PURE__ */ e.jsx(I, { mb: n.spacing, size: n.size, label: o("datasource.http.base_url"), sx: {
       flexGrow: 1
     }, ...c }) }),
     /* @__PURE__ */ e.jsxs(D, { grow: !0, children: [
-      /* @__PURE__ */ e.jsx(y, { name: "config.processing.pre", control: i, render: ({
+      /* @__PURE__ */ e.jsx(w, { name: "config.processing.pre", control: i, render: ({
         field: c
       }) => /* @__PURE__ */ e.jsx(Ie, { label: o("datasource.http.processing.pre.label"), modalTitle: o("datasource.http.processing.pre.description"), defaultValue: Nt.pre, ...c, styles: n }) }),
-      /* @__PURE__ */ e.jsx(y, { name: "config.processing.post", control: i, render: ({
+      /* @__PURE__ */ e.jsx(w, { name: "config.processing.post", control: i, render: ({
         field: c
       }) => /* @__PURE__ */ e.jsx(Ie, { label: o("datasource.http.processing.post.label"), modalTitle: o("datasource.http.processing.post.description"), defaultValue: Nt.post, ...c, styles: n }) })
     ] }),
     /* @__PURE__ */ e.jsx(D, { justify: "flex-end", mt: n.spacing, children: /* @__PURE__ */ e.jsx(Q, { size: n.button.size }) })
   ] }) });
 }
-function Vr({
+function Wr({
   dataSource: a,
   postSubmit: t,
   styles: s = K
@@ -1964,9 +1966,9 @@ function Vr({
       });
     }
   };
-  return a.config ? /* @__PURE__ */ e.jsx(M, { mx: "auto", children: /* @__PURE__ */ e.jsx(Yr, { name: a.key, config: a.config, submit: o, styles: s }) }) : (console.error(new Error("unexpected empty config of a http datasource")), null);
+  return a.config ? /* @__PURE__ */ e.jsx(M, { mx: "auto", children: /* @__PURE__ */ e.jsx(Vr, { name: a.key, config: a.config, submit: o, styles: s }) }) : (console.error(new Error("unexpected empty config of a http datasource")), null);
 }
-function Wr({
+function Br({
   dataSource: a,
   onSuccess: t,
   styles: s = K
@@ -1991,11 +1993,11 @@ function Wr({
   }, children: n("common.actions.edit") }) }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(ne, { opened: o, onClose: () => i(!1), title: n("datasource.edit"), trapFocus: !0, onDragStart: (f) => {
       f.stopPropagation();
-    }, children: /* @__PURE__ */ e.jsx(Vr, { dataSource: a, postSubmit: d, styles: s }) }),
+    }, children: /* @__PURE__ */ e.jsx(Wr, { dataSource: a, postSubmit: d, styles: s }) }),
     /* @__PURE__ */ e.jsx(O, { size: s.button.size, color: "blue", onClick: l, leftSection: /* @__PURE__ */ e.jsx($e, { size: 16 }), children: n("common.actions.edit") })
   ] });
 }
-const ya = ze("DataSourceList", ({
+const Ca = ze("DataSourceList", ({
   styles: a = K
 }) => {
   const {
@@ -2013,7 +2015,7 @@ const ya = ze("DataSourceList", ({
     refreshDeps: []
   });
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(D, { pt: a.spacing, justify: "flex-end", children: /* @__PURE__ */ e.jsx(Lr, { onSuccess: o }) }),
+    /* @__PURE__ */ e.jsx(D, { pt: a.spacing, justify: "flex-end", children: /* @__PURE__ */ e.jsx(qr, { onSuccess: o }) }),
     /* @__PURE__ */ e.jsxs(M, { mt: a.spacing, sx: {
       position: "relative"
     }, children: [
@@ -2030,20 +2032,20 @@ const ya = ze("DataSourceList", ({
             key: c,
             type: d,
             is_preset: f
-          } = i;
+          } = i, m = d === "merico_metric_system";
           return /* @__PURE__ */ e.jsxs(h.Tr, { children: [
-            /* @__PURE__ */ e.jsx(h.Td, { width: 200, children: /* @__PURE__ */ e.jsx(Ur, { type: d }) }),
+            /* @__PURE__ */ e.jsx(h.Td, { width: 230, children: /* @__PURE__ */ e.jsx(Hr, { type: d }) }),
             /* @__PURE__ */ e.jsx(h.Td, { children: c }),
             /* @__PURE__ */ e.jsx(h.Td, { width: 400, children: /* @__PURE__ */ e.jsxs(D, { justify: "flex-start", children: [
-              /* @__PURE__ */ e.jsx(Wr, { dataSource: i, onSuccess: o, styles: a }),
-              /* @__PURE__ */ e.jsx(Hr, { isProtected: f, id: l, name: c, onSuccess: o, styles: a })
+              /* @__PURE__ */ e.jsx(Br, { dataSource: i, onSuccess: o, styles: a }),
+              /* @__PURE__ */ e.jsx(Yr, { isProtected: f || m, id: l, name: c, onSuccess: o, styles: a })
             ] }) })
           ] }, c);
         }) })
       ] })
     ] })
   ] });
-}), Br = ({
+}), Kr = ({
   option: a,
   ...t
 }) => {
@@ -2074,7 +2076,7 @@ const ya = ze("DataSourceList", ({
   })), {
     refreshDeps: []
   });
-  return /* @__PURE__ */ e.jsx(In, { ref: n, mb: a.spacing, size: a.size, required: !0, label: o("role.label"), renderOption: Br, data: i, disabled: l, styles: () => ({
+  return /* @__PURE__ */ e.jsx(In, { ref: n, mb: a.spacing, size: a.size, required: !0, label: o("role.label"), renderOption: Kr, data: i, disabled: l, styles: () => ({
     item: {
       "&[data-selected]": {
         "&, &:hover": {
@@ -2094,7 +2096,7 @@ const ya = ze("DataSourceList", ({
     size: "xs"
   }
 };
-function Kr({
+function Gr({
   postSubmit: a,
   styles: t = re,
   initialRoleID: s
@@ -2142,22 +2144,22 @@ function Kr({
     }
   };
   return /* @__PURE__ */ e.jsx(M, { mx: "auto", mb: 10, children: /* @__PURE__ */ e.jsxs("form", { onSubmit: i(l), children: [
-    /* @__PURE__ */ e.jsx(y, { name: "name", control: o, render: ({
+    /* @__PURE__ */ e.jsx(w, { name: "name", control: o, render: ({
       field: c
     }) => /* @__PURE__ */ e.jsx(I, { mb: t.spacing, size: t.size, required: !0, label: n("account.username"), ...c }) }),
-    /* @__PURE__ */ e.jsx(y, { name: "email", control: o, render: ({
+    /* @__PURE__ */ e.jsx(w, { name: "email", control: o, render: ({
       field: c
     }) => /* @__PURE__ */ e.jsx(I, { mb: t.spacing, size: t.size, required: !0, label: n("account.email"), ...c }) }),
-    /* @__PURE__ */ e.jsx(y, { name: "password", control: o, render: ({
+    /* @__PURE__ */ e.jsx(w, { name: "password", control: o, render: ({
       field: c
     }) => /* @__PURE__ */ e.jsx(Le, { mb: t.spacing, size: t.size, required: !0, label: n("account.password"), description: n("account.password_hint"), ...c }) }),
-    /* @__PURE__ */ e.jsx(y, { name: "role_id", control: o, render: ({
+    /* @__PURE__ */ e.jsx(w, { name: "role_id", control: o, render: ({
       field: c
     }) => /* @__PURE__ */ e.jsx(ut, { styles: t, ...c }) }),
     /* @__PURE__ */ e.jsx(D, { justify: "flex-end", mt: t.spacing, children: /* @__PURE__ */ e.jsx(Q, { size: t.button.size }) })
   ] }) });
 }
-function Gr({
+function Jr({
   onSuccess: a,
   styles: t = re,
   initialRoleID: s
@@ -2170,11 +2172,11 @@ function Gr({
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(ne, { opened: o, onClose: () => i(!1), title: n("account.add"), trapFocus: !0, onDragStart: (f) => {
       f.stopPropagation();
-    }, children: /* @__PURE__ */ e.jsx(Kr, { postSubmit: d, styles: t, initialRoleID: s }) }),
+    }, children: /* @__PURE__ */ e.jsx(Gr, { postSubmit: d, styles: t, initialRoleID: s }) }),
     /* @__PURE__ */ e.jsx(O, { size: t.button.size, onClick: l, leftSection: /* @__PURE__ */ e.jsx(Ne, { size: 20 }), children: n("account.add") })
   ] });
 }
-function Jr({
+function Qr({
   id: a,
   name: t,
   onSuccess: s,
@@ -2229,7 +2231,7 @@ function Jr({
   });
   return /* @__PURE__ */ e.jsx(O, { size: n.button.size, color: "red", onClick: c, leftSection: /* @__PURE__ */ e.jsx(Ue, { size: 20 }), children: o("common.actions.delete") });
 }
-function Qr({
+function Xr({
   id: a,
   name: t,
   email: s,
@@ -2279,28 +2281,28 @@ function Qr({
         color: "green",
         autoClose: !0
       }), o();
-    } catch (w) {
+    } catch (y) {
       E({
         id: "for-updating",
         title: l("common.state.failed"),
-        message: w.message,
+        message: y.message,
         color: "red",
         autoClose: !0
       });
     }
   }, [x, j] = f(["reset_password", "new_password"]);
   return /* @__PURE__ */ e.jsx(M, { mx: "auto", mb: 10, children: /* @__PURE__ */ e.jsxs("form", { onSubmit: d(m), children: [
-    /* @__PURE__ */ e.jsx(y, { name: "name", control: c, render: ({
+    /* @__PURE__ */ e.jsx(w, { name: "name", control: c, render: ({
       field: S
     }) => /* @__PURE__ */ e.jsx(I, { mb: i.spacing, size: i.size, required: !0, label: l("account.username"), ...S }) }),
-    /* @__PURE__ */ e.jsx(y, { name: "email", control: c, render: ({
+    /* @__PURE__ */ e.jsx(w, { name: "email", control: c, render: ({
       field: S
     }) => /* @__PURE__ */ e.jsx(I, { mb: i.spacing, size: i.size, required: !0, label: l("account.email"), ...S }) }),
-    /* @__PURE__ */ e.jsx(y, { name: "role_id", control: c, render: ({
+    /* @__PURE__ */ e.jsx(w, { name: "role_id", control: c, render: ({
       field: S
     }) => /* @__PURE__ */ e.jsx(ut, { styles: i, ...S }) }),
     /* @__PURE__ */ e.jsx(Fe, { my: 20, variant: "dashed", label: "", labelPosition: "center" }),
-    /* @__PURE__ */ e.jsx(y, { name: "reset_password", control: c, render: ({
+    /* @__PURE__ */ e.jsx(w, { name: "reset_password", control: c, render: ({
       field: S
     }) => /* @__PURE__ */ e.jsx(Mn, { mb: i.spacing, size: i.size, label: l("account.reset_password"), checked: S.value, onChange: (L) => S.onChange(L.currentTarget.checked), styles: {
       label: {
@@ -2308,7 +2310,7 @@ function Qr({
       }
     } }) }),
     x && /* @__PURE__ */ e.jsx(
-      y,
+      w,
       {
         name: "new_password",
         control: c,
@@ -2320,7 +2322,7 @@ function Qr({
     /* @__PURE__ */ e.jsx(D, { justify: "flex-end", mt: i.spacing, children: /* @__PURE__ */ e.jsx(Q, { size: i.button.size }) })
   ] }) });
 }
-function Xr({
+function Zr({
   account: a,
   onSuccess: t,
   styles: s = re
@@ -2335,11 +2337,11 @@ function Xr({
       name: a.name
     }), trapFocus: !0, onDragStart: (f) => {
       f.stopPropagation();
-    }, children: /* @__PURE__ */ e.jsx(Qr, { ...a, postSubmit: d, styles: s }) }),
+    }, children: /* @__PURE__ */ e.jsx(Xr, { ...a, postSubmit: d, styles: s }) }),
     /* @__PURE__ */ e.jsx(O, { size: s.button.size, onClick: l, leftSection: /* @__PURE__ */ e.jsx($e, { size: 20 }), children: n("common.actions.edit") })
   ] });
 }
-const Ca = ze("AccountList", ({
+const Ta = ze("AccountList", ({
   styles: a = re
 }) => {
   var c;
@@ -2368,7 +2370,7 @@ const Ca = ze("AccountList", ({
     refreshDeps: []
   });
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(D, { pt: a.spacing, justify: "flex-end", children: /* @__PURE__ */ e.jsx(Gr, { onSuccess: o, initialRoleID: ((c = i == null ? void 0 : i[0]) == null ? void 0 : c.value) ?? "INACTIVE" }) }),
+    /* @__PURE__ */ e.jsx(D, { pt: a.spacing, justify: "flex-end", children: /* @__PURE__ */ e.jsx(Jr, { onSuccess: o, initialRoleID: ((c = i == null ? void 0 : i[0]) == null ? void 0 : c.value) ?? "INACTIVE" }) }),
     /* @__PURE__ */ e.jsxs(M, { mt: a.spacing, sx: {
       position: "relative"
     }, children: [
@@ -2392,8 +2394,8 @@ const Ca = ze("AccountList", ({
             /* @__PURE__ */ e.jsx(h.Td, { width: 200, children: x }),
             /* @__PURE__ */ e.jsx(h.Td, { width: 200, children: j }),
             /* @__PURE__ */ e.jsx(h.Td, { width: 200, children: /* @__PURE__ */ e.jsxs(D, { justify: "flex-start", children: [
-              /* @__PURE__ */ e.jsx(Xr, { account: d, onSuccess: o }),
-              /* @__PURE__ */ e.jsx(Jr, { id: f, name: m, onSuccess: o })
+              /* @__PURE__ */ e.jsx(Zr, { account: d, onSuccess: o }),
+              /* @__PURE__ */ e.jsx(Qr, { id: f, name: m, onSuccess: o })
             ] }) })
           ] }, f);
         }) })
@@ -2401,7 +2403,7 @@ const Ca = ze("AccountList", ({
     ] })
   ] });
 });
-function Zr({
+function ea({
   postSubmit: a,
   styles: t = re
 }) {
@@ -2446,28 +2448,28 @@ function Zr({
     }
   };
   return /* @__PURE__ */ e.jsx(M, { mx: "auto", children: /* @__PURE__ */ e.jsxs("form", { onSubmit: o(i), children: [
-    /* @__PURE__ */ e.jsx(y, { name: "name", control: n, render: ({
+    /* @__PURE__ */ e.jsx(w, { name: "name", control: n, render: ({
       field: l
     }) => /* @__PURE__ */ e.jsx(I, { mb: t.spacing, size: t.size, required: !0, label: s("account.username"), ...l }) }),
-    /* @__PURE__ */ e.jsx(y, { name: "password", control: n, render: ({
+    /* @__PURE__ */ e.jsx(w, { name: "password", control: n, render: ({
       field: l
     }) => /* @__PURE__ */ e.jsx(Le, { mb: t.spacing, size: t.size, required: !0, label: s("account.password"), ...l }) }),
     /* @__PURE__ */ e.jsx(D, { justify: "flex-end", mt: t.spacing, children: /* @__PURE__ */ e.jsx(Q, { size: t.button.size }) })
   ] }) });
 }
-const Ta = ze("Login", ({
+const za = ze("Login", ({
   styles: a = re,
   onSuccess: t
 }) => /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx(M, { mt: a.spacing, sx: {
   position: "relative"
-}, children: /* @__PURE__ */ e.jsx(Zr, { styles: a, postSubmit: t }) }) })), Ye = {
+}, children: /* @__PURE__ */ e.jsx(ea, { styles: a, postSubmit: t }) }) })), Ye = {
   size: "sm",
   spacing: "md",
   button: {
     size: "xs"
   }
 };
-function ea({
+function ta({
   postSubmit: a,
   styles: t = Ye,
   initialRoleID: s
@@ -2516,16 +2518,16 @@ function ea({
     }
   };
   return /* @__PURE__ */ e.jsx(M, { mx: "auto", mb: 10, children: /* @__PURE__ */ e.jsxs("form", { onSubmit: i(l), children: [
-    /* @__PURE__ */ e.jsx(y, { name: "name", control: o, render: ({
+    /* @__PURE__ */ e.jsx(w, { name: "name", control: o, render: ({
       field: c
     }) => /* @__PURE__ */ e.jsx(I, { mb: t.spacing, size: t.size, required: !0, label: n("common.name"), ...c }) }),
-    /* @__PURE__ */ e.jsx(y, { name: "role_id", control: o, render: ({
+    /* @__PURE__ */ e.jsx(w, { name: "role_id", control: o, render: ({
       field: c
     }) => /* @__PURE__ */ e.jsx(ut, { styles: t, ...c }) }),
     /* @__PURE__ */ e.jsx(D, { justify: "flex-end", mt: t.spacing, children: /* @__PURE__ */ e.jsx(Q, { size: t.button.size }) })
   ] }) });
 }
-function ta({
+function na({
   onSuccess: a,
   styles: t = Ye,
   initialRoleID: s
@@ -2548,7 +2550,7 @@ function ta({
           }
         } }),
         /* @__PURE__ */ e.jsx(O, { size: "sm", onClick: () => {
-          Zn();
+          er();
         }, children: n("api_key.save.saved") })
       ] }),
       onClose: () => {
@@ -2559,11 +2561,11 @@ function ta({
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(ne, { opened: i, onClose: () => l(!1), title: n("api_key.add"), trapFocus: !0, onDragStart: (m) => {
       m.stopPropagation();
-    }, children: /* @__PURE__ */ e.jsx(ea, { postSubmit: f, styles: t, initialRoleID: s }) }),
+    }, children: /* @__PURE__ */ e.jsx(ta, { postSubmit: f, styles: t, initialRoleID: s }) }),
     /* @__PURE__ */ e.jsx(O, { size: t.button.size, onClick: c, leftSection: /* @__PURE__ */ e.jsx(Ne, { size: 20 }), children: n("api_key.add") })
   ] });
 }
-function na({
+function ra({
   id: a,
   name: t,
   onSuccess: s,
@@ -2618,7 +2620,7 @@ function na({
   });
   return /* @__PURE__ */ e.jsx(O, { size: n.button.size, color: "red", onClick: c, leftSection: /* @__PURE__ */ e.jsx(Ue, { size: 20 }), children: o("common.actions.delete") });
 }
-const za = ze("APIKeyList", ({
+const Da = ze("APIKeyList", ({
   styles: a = Ye
 }) => {
   var c;
@@ -2647,7 +2649,7 @@ const za = ze("APIKeyList", ({
     refreshDeps: []
   });
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(D, { pt: a.spacing, justify: "flex-end", children: /* @__PURE__ */ e.jsx(ta, { onSuccess: o, initialRoleID: ((c = i == null ? void 0 : i[0]) == null ? void 0 : c.value) ?? "INACTIVE" }) }),
+    /* @__PURE__ */ e.jsx(D, { pt: a.spacing, justify: "flex-end", children: /* @__PURE__ */ e.jsx(na, { onSuccess: o, initialRoleID: ((c = i == null ? void 0 : i[0]) == null ? void 0 : c.value) ?? "INACTIVE" }) }),
     /* @__PURE__ */ e.jsxs(M, { mt: a.spacing, sx: {
       position: "relative"
     }, children: [
@@ -2670,7 +2672,7 @@ const za = ze("APIKeyList", ({
             /* @__PURE__ */ e.jsx(h.Td, { width: 200, children: m }),
             /* @__PURE__ */ e.jsx(h.Td, { width: 200, children: x }),
             /* @__PURE__ */ e.jsx(h.Td, { width: 200, children: j }),
-            /* @__PURE__ */ e.jsx(h.Td, { width: 200, children: /* @__PURE__ */ e.jsx(D, { justify: "flex-start", children: /* @__PURE__ */ e.jsx(na, { id: f, name: m, onSuccess: o }) }) })
+            /* @__PURE__ */ e.jsx(h.Td, { width: 200, children: /* @__PURE__ */ e.jsx(D, { justify: "flex-start", children: /* @__PURE__ */ e.jsx(ra, { id: f, name: m, onSuccess: o }) }) })
           ] }, f);
         }) })
       ] })
@@ -2683,7 +2685,7 @@ const za = ze("APIKeyList", ({
     size: "xs"
   }
 };
-function ra({
+function aa({
   postSubmit: a,
   styles: t = xe
 }) {
@@ -2723,10 +2725,10 @@ function ra({
     }
   };
   return /* @__PURE__ */ e.jsx(M, { mx: "auto", children: /* @__PURE__ */ e.jsxs("form", { onSubmit: o(i), children: [
-    /* @__PURE__ */ e.jsx(y, { name: "id", control: n, render: ({
+    /* @__PURE__ */ e.jsx(w, { name: "id", control: n, render: ({
       field: l
     }) => /* @__PURE__ */ e.jsx(I, { mb: t.spacing, size: t.size, required: !0, label: s("common.name"), placeholder: s("common.name_placeholder"), ...l }) }),
-    /* @__PURE__ */ e.jsx(y, { name: "content", control: n, render: ({
+    /* @__PURE__ */ e.jsx(w, { name: "content", control: n, render: ({
       field: l
     }) => /* @__PURE__ */ e.jsxs(Ce, { gap: 4, children: [
       /* @__PURE__ */ e.jsx(ie, { size: "14px", fw: 500, c: "#212529", sx: {
@@ -2737,7 +2739,7 @@ function ra({
     /* @__PURE__ */ e.jsx(D, { justify: "flex-end", mt: t.spacing, children: /* @__PURE__ */ e.jsx(Q, { size: t.button.size }) })
   ] }) });
 }
-function aa({
+function sa({
   onSuccess: a,
   styles: t = xe
 }) {
@@ -2749,11 +2751,11 @@ function aa({
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(ne, { opened: n, onClose: () => o(!1), title: s("global_sql_snippet.add"), trapFocus: !0, onDragStart: (d) => {
       d.stopPropagation();
-    }, size: "80vw", children: /* @__PURE__ */ e.jsx(ra, { postSubmit: c, styles: t }) }),
+    }, size: "80vw", children: /* @__PURE__ */ e.jsx(aa, { postSubmit: c, styles: t }) }),
     /* @__PURE__ */ e.jsx(O, { size: t.button.size, onClick: i, leftSection: /* @__PURE__ */ e.jsx(Ne, { size: 18 }), children: s("global_sql_snippet.add") })
   ] });
 }
-function sa({
+function oa({
   postSubmit: a,
   styles: t = xe,
   id: s,
@@ -2795,10 +2797,10 @@ function sa({
     }
   };
   return /* @__PURE__ */ e.jsx(M, { mx: "auto", children: /* @__PURE__ */ e.jsxs("form", { onSubmit: l(c), children: [
-    /* @__PURE__ */ e.jsx(y, { name: "id", control: i, render: ({
+    /* @__PURE__ */ e.jsx(w, { name: "id", control: i, render: ({
       field: d
     }) => /* @__PURE__ */ e.jsx(I, { mb: t.spacing, size: t.size, required: !0, label: o("common.name"), placeholder: o("common.name_placeholder"), ...d }) }),
-    /* @__PURE__ */ e.jsx(y, { name: "content", control: i, render: ({
+    /* @__PURE__ */ e.jsx(w, { name: "content", control: i, render: ({
       field: d
     }) => /* @__PURE__ */ e.jsxs(Ce, { gap: 4, children: [
       /* @__PURE__ */ e.jsx(ie, { size: "14px", fw: 500, c: "#212529", sx: {
@@ -2809,7 +2811,7 @@ function sa({
     /* @__PURE__ */ e.jsx(D, { justify: "flex-end", mt: t.spacing, children: /* @__PURE__ */ e.jsx(Q, { size: t.button.size }) })
   ] }) });
 }
-function oa({
+function ia({
   onSuccess: a,
   styles: t = xe,
   ...s
@@ -2822,11 +2824,11 @@ function oa({
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(ne, { opened: o, onClose: () => i(!1), title: n("global_sql_snippet.edit"), trapFocus: !0, onDragStart: (f) => {
       f.stopPropagation();
-    }, size: "80vw", children: /* @__PURE__ */ e.jsx(sa, { postSubmit: d, styles: t, ...s }) }),
+    }, size: "80vw", children: /* @__PURE__ */ e.jsx(oa, { postSubmit: d, styles: t, ...s }) }),
     /* @__PURE__ */ e.jsx(O, { size: t.button.size, onClick: l, leftSection: /* @__PURE__ */ e.jsx($e, { size: 18 }), children: n("common.actions.edit") })
   ] });
 }
-function ia({
+function ca({
   id: a,
   onSuccess: t,
   styles: s = xe
@@ -2880,15 +2882,15 @@ function ia({
   });
   return /* @__PURE__ */ e.jsx(O, { size: s.button.size, color: "red", onClick: l, leftSection: /* @__PURE__ */ e.jsx(Ue, { size: 20 }), children: n("common.actions.edit") });
 }
-function ca({
+function la({
   content: a
 }) {
   return /* @__PURE__ */ e.jsxs(tt, { width: "60vw", shadow: "md", children: [
-    /* @__PURE__ */ e.jsx(tt.Target, { children: /* @__PURE__ */ e.jsx(Yt, { variant: "subtle", size: 16, children: /* @__PURE__ */ e.jsx(Yn, {}) }) }),
-    /* @__PURE__ */ e.jsx(tt.Dropdown, { children: /* @__PURE__ */ e.jsx(er, { code: a, language: "sql", withCopyButton: !1 }) })
+    /* @__PURE__ */ e.jsx(tt.Target, { children: /* @__PURE__ */ e.jsx(Yt, { variant: "subtle", size: 16, children: /* @__PURE__ */ e.jsx(Vn, {}) }) }),
+    /* @__PURE__ */ e.jsx(tt.Dropdown, { children: /* @__PURE__ */ e.jsx(tr, { code: a, language: "sql", withCopyButton: !1 }) })
   ] });
 }
-const Da = ze("DataSourceList", ({
+const Ea = ze("DataSourceList", ({
   styles: a = xe
 }) => {
   const {
@@ -2913,7 +2915,7 @@ const Da = ze("DataSourceList", ({
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsxs(D, { pt: a.spacing, justify: "space-between", children: [
       /* @__PURE__ */ e.jsx(Ht, { children: t("global_sql_snippet.description") }),
-      /* @__PURE__ */ e.jsx(aa, { onSuccess: o })
+      /* @__PURE__ */ e.jsx(sa, { onSuccess: o })
     ] }),
     /* @__PURE__ */ e.jsxs(M, { mt: a.spacing, sx: {
       position: "relative"
@@ -2936,40 +2938,40 @@ const Da = ze("DataSourceList", ({
           } = i;
           return /* @__PURE__ */ e.jsxs(h.Tr, { children: [
             /* @__PURE__ */ e.jsx(h.Td, { children: l }),
-            /* @__PURE__ */ e.jsx(h.Td, { width: 50, children: /* @__PURE__ */ e.jsx(ca, { content: c }) }),
+            /* @__PURE__ */ e.jsx(h.Td, { width: 50, children: /* @__PURE__ */ e.jsx(la, { content: c }) }),
             /* @__PURE__ */ e.jsx(h.Td, { width: 200, children: d }),
             /* @__PURE__ */ e.jsx(h.Td, { width: 200, children: f }),
             /* @__PURE__ */ e.jsx(h.Td, { width: 400, children: /* @__PURE__ */ e.jsxs(D, { justify: "flex-start", children: [
-              /* @__PURE__ */ e.jsx(oa, { ...i, onSuccess: o }),
-              /* @__PURE__ */ e.jsx(ia, { id: l, onSuccess: o })
+              /* @__PURE__ */ e.jsx(ia, { ...i, onSuccess: o }),
+              /* @__PURE__ */ e.jsx(ca, { id: l, onSuccess: o })
             ] }) })
           ] }, l);
         }) })
       ] })
     ] })
   ] });
-}), Ea = () => import("./package-d3b231ff.mjs").then(({
+}), Pa = () => import("./package-4ee5af7e.mjs").then(({
   version: a
 }) => (console.log(`[@devtable/settings-form] version: ${a}`), a));
 export {
-  A as APIClient,
-  za as APIKeyList,
-  Ca as AccountList,
-  ta as AddAPIKey,
-  Gr as AddAccount,
-  Lr as AddDataSource,
-  aa as AddSQLSnippet,
-  ya as DataSourceList,
-  sr as DefaultApiClient,
-  na as DeleteAPIKey,
-  Jr as DeleteAccount,
-  Hr as DeleteDataSource,
-  ia as DeleteSQLSnippet,
-  or as FacadeApiClient,
-  Ta as Login,
-  Da as SQLSnippetList,
-  oa as UpdateSQLSnippet,
-  cr as configureAPIClient,
-  ir as facadeApiClient,
-  Ea as getVersion
+  R as APIClient,
+  Da as APIKeyList,
+  Ta as AccountList,
+  na as AddAPIKey,
+  Jr as AddAccount,
+  qr as AddDataSource,
+  sa as AddSQLSnippet,
+  Ca as DataSourceList,
+  or as DefaultApiClient,
+  ra as DeleteAPIKey,
+  Qr as DeleteAccount,
+  Yr as DeleteDataSource,
+  ca as DeleteSQLSnippet,
+  ir as FacadeApiClient,
+  za as Login,
+  Ea as SQLSnippetList,
+  ia as UpdateSQLSnippet,
+  lr as configureAPIClient,
+  cr as facadeApiClient,
+  Pa as getVersion
 };