@devtable/settings-form 10.37.3 → 10.39.0

package/dist/settings-form.es.js

@@ -1,22 +1,21 @@
-import K, { useEffect as bt, forwardRef as Qe, useState as Gt, Component as Ar } from "react";
-import { Box as se, TextInput as ue, Divider as Je, Group as J, NumberInput as kr, PasswordInput as et, Button as V, Modal as Ae, Stack as Be, Alert as Tr, SegmentedControl as Rr, Tooltip as We, Text as Re, ActionIcon as yt, LoadingOverlay as tt, Table as rt, Select as Or, Switch as xr, createStyles as qt, rem as ze, useComponentDefaultProps as Cr, useMantineTheme as Ir, ScrollArea as Ht, Tabs as nt, HoverCard as pt } from "@mantine/core";
-import { showNotification as be, updateNotification as ee } from "@mantine/notifications";
-import { Recycle as Dr, AlertCircle as Lr, PlaylistAdd as at, Trash as it, Edit as Fr } from "tabler-icons-react";
-import Nr from "axios";
-import $r from "crypto-js";
-import Pr from "lodash";
-import { useForm as Ee, Controller as H } from "react-hook-form";
-import { useBoolean as zr, useRequest as Oe } from "ahooks";
-import Yt, { loader as gt } from "@monaco-editor/react";
-import { useModals as je, closeAllModals as Mr } from "@mantine/modals";
-import { IconLock as Vt, IconEdit as ft, IconNetwork as Br, IconBrandMysql as jr, IconDatabase as Ur, IconEye as Gr } from "@tabler/icons-react";
-import { useClipboard as qr } from "@mantine/hooks";
-var Hr = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, Me = {}, Yr = {
+import K, { useEffect as yt, forwardRef as Je, useState as Ht, Component as kr } from "react";
+import { Box as se, TextInput as ue, Divider as et, Group as Q, NumberInput as Tr, PasswordInput as tt, Button as V, Modal as Ae, Stack as je, Alert as Rr, SegmentedControl as xr, Tooltip as Ke, Text as Re, ActionIcon as vt, LoadingOverlay as rt, Table as nt, Select as Or, Switch as Cr, createStyles as qt, rem as Me, useComponentDefaultProps as Ir, useMantineTheme as Dr, ScrollArea as Yt, Tabs as at, HoverCard as gt } from "@mantine/core";
+import { showNotification as be, updateNotification as J } from "@mantine/notifications";
+import { Recycle as Lr, AlertCircle as Fr, PlaylistAdd as it, Trash as ot, Edit as Nr } from "tabler-icons-react";
+import * as $r from "crypto-js";
+import zr from "axios";
+import { useForm as Ee, Controller as q } from "react-hook-form";
+import { useBoolean as Pr, useRequest as xe } from "ahooks";
+import Vt, { loader as ft } from "@monaco-editor/react";
+import { useModals as Ge, closeAllModals as Mr } from "@mantine/modals";
+import { IconLock as Wt, IconEdit as ht, IconNetwork as Br, IconBrandMysql as jr, IconDatabase as Gr, IconEye as Ur } from "@tabler/icons-react";
+import { useClipboard as Hr } from "@mantine/hooks";
+var qr = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, Be = {}, Yr = {
   get exports() {
-    return Me;
+    return Be;
   },
   set exports(e) {
-    Me = e;
+    Be = e;
   }
 }, Fe = {};
 /**
@@ -28,11 +27,11 @@ var Hr = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Ft;
+var Nt;
 function Vr() {
-  if (Ft)
+  if (Nt)
     return Fe;
-  Ft = 1;
+  Nt = 1;
   var e = K, t = Symbol.for("react.element"), r = Symbol.for("react.fragment"), n = Object.prototype.hasOwnProperty, s = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, o = { key: !0, ref: !0, __self: !0, __source: !0 };
   function l(p, d, f) {
     var b, u = {}, c = null, g = null;
@@ -56,9 +55,9 @@ var Ne = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Nt;
+var $t;
 function Wr() {
-  return Nt || (Nt = 1, process.env.NODE_ENV !== "production" && function() {
+  return $t || ($t = 1, process.env.NODE_ENV !== "production" && function() {
     var e = K, t = Symbol.for("react.element"), r = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), s = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), l = Symbol.for("react.provider"), p = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), b = Symbol.for("react.suspense_list"), u = Symbol.for("react.memo"), c = Symbol.for("react.lazy"), g = Symbol.for("react.offscreen"), y = Symbol.iterator, h = "@@iterator";
     function _(i) {
       if (i === null || typeof i != "object")
@@ -76,18 +75,18 @@ function Wr() {
     }
     function $(i, v, T) {
       {
-        var D = A.ReactDebugCurrentFrame, G = D.getStackAddendum();
-        G !== "" && (v += "%s", T = T.concat([G]));
-        var W = T.map(function(z) {
-          return String(z);
+        var D = A.ReactDebugCurrentFrame, U = D.getStackAddendum();
+        U !== "" && (v += "%s", T = T.concat([U]));
+        var W = T.map(function(P) {
+          return String(P);
         });
         W.unshift("Warning: " + v), Function.prototype.apply.call(console[i], console, W);
       }
     }
-    var M = !1, re = !1, Q = !1, Y = !1, Z = !1, F;
+    var M = !1, te = !1, X = !1, Y = !1, Z = !1, F;
     F = Symbol.for("react.module.reference");
     function L(i) {
-      return !!(typeof i == "string" || typeof i == "function" || i === n || i === o || Z || i === s || i === f || i === b || Y || i === g || M || re || Q || typeof i == "object" && i !== null && (i.$$typeof === c || i.$$typeof === u || i.$$typeof === l || i.$$typeof === p || i.$$typeof === d || // This needs to include all possible module reference object
+      return !!(typeof i == "string" || typeof i == "function" || i === n || i === o || Z || i === s || i === f || i === b || Y || i === g || M || te || X || typeof i == "object" && i !== null && (i.$$typeof === c || i.$$typeof === u || i.$$typeof === l || i.$$typeof === p || i.$$typeof === d || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
@@ -97,10 +96,10 @@ function Wr() {
       var D = i.displayName;
       if (D)
         return D;
-      var G = v.displayName || v.name || "";
-      return G !== "" ? T + "(" + G + ")" : T;
+      var U = v.displayName || v.name || "";
+      return U !== "" ? T + "(" + U + ")" : T;
     }
-    function te(i) {
+    function ee(i) {
       return i.displayName || "Context";
     }
     function R(i) {
@@ -128,19 +127,19 @@ function Wr() {
         switch (i.$$typeof) {
           case p:
             var v = i;
-            return te(v) + ".Consumer";
+            return ee(v) + ".Consumer";
           case l:
             var T = i;
-            return te(T._context) + ".Provider";
+            return ee(T._context) + ".Provider";
           case d:
             return B(i, i.render, "ForwardRef");
           case u:
             var D = i.displayName || null;
             return D !== null ? D : R(i.type) || "Memo";
           case c: {
-            var G = i, W = G._payload, z = G._init;
+            var U = i, W = U._payload, P = U._init;
             try {
-              return R(z(W));
+              return R(P(W));
             } catch {
               return null;
             }
@@ -148,18 +147,18 @@ function Wr() {
         }
       return null;
     }
-    var E = Object.assign, S = 0, O, w, x, I, N, q, j;
-    function U() {
+    var E = Object.assign, S = 0, x, w, O, I, N, H, j;
+    function G() {
     }
-    U.__reactDisabledLog = !0;
+    G.__reactDisabledLog = !0;
     function le() {
       {
         if (S === 0) {
-          O = console.log, w = console.info, x = console.warn, I = console.error, N = console.group, q = console.groupCollapsed, j = console.groupEnd;
+          x = console.log, w = console.info, O = console.warn, I = console.error, N = console.group, H = console.groupCollapsed, j = console.groupEnd;
           var i = {
             configurable: !0,
             enumerable: !0,
-            value: U,
+            value: G,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -185,13 +184,13 @@ function Wr() {
           };
           Object.defineProperties(console, {
             log: E({}, i, {
-              value: O
+              value: x
             }),
             info: E({}, i, {
               value: w
             }),
             warn: E({}, i, {
-              value: x
+              value: O
             }),
             error: E({}, i, {
               value: I
@@ -200,7 +199,7 @@ function Wr() {
               value: N
             }),
             groupCollapsed: E({}, i, {
-              value: q
+              value: H
             }),
             groupEnd: E({}, i, {
               value: j
@@ -216,21 +215,21 @@ function Wr() {
         if (ye === void 0)
           try {
             throw Error();
-          } catch (G) {
-            var D = G.stack.trim().match(/\n( *(at )?)/);
+          } catch (U) {
+            var D = U.stack.trim().match(/\n( *(at )?)/);
             ye = D && D[1] || "";
           }
         return `
 ` + ye + i;
       }
     }
-    var ne = !1, de;
+    var re = !1, de;
     {
       var ve = typeof WeakMap == "function" ? WeakMap : Map;
       de = new ve();
     }
     function Te(i, v) {
-      if (!i || ne)
+      if (!i || re)
         return "";
       {
         var T = de.get(i);
@@ -238,34 +237,34 @@ function Wr() {
           return T;
       }
       var D;
-      ne = !0;
-      var G = Error.prepareStackTrace;
+      re = !0;
+      var U = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var W;
       W = pe.current, pe.current = null, le();
       try {
         if (v) {
-          var z = function() {
+          var P = function() {
             throw Error();
           };
-          if (Object.defineProperty(z.prototype, "props", {
+          if (Object.defineProperty(P.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(z, []);
+              Reflect.construct(P, []);
             } catch (we) {
               D = we;
             }
-            Reflect.construct(i, [], z);
+            Reflect.construct(i, [], P);
           } else {
             try {
-              z.call();
+              P.call();
             } catch (we) {
               D = we;
             }
-            i.call(z.prototype);
+            i.call(P.prototype);
           }
         } else {
           try {
@@ -277,33 +276,33 @@ function Wr() {
         }
       } catch (we) {
         if (we && D && typeof we.stack == "string") {
-          for (var P = we.stack.split(`
+          for (var z = we.stack.split(`
 `), ge = D.stack.split(`
-`), ae = P.length - 1, ie = ge.length - 1; ae >= 1 && ie >= 0 && P[ae] !== ge[ie]; )
+`), ne = z.length - 1, ie = ge.length - 1; ne >= 1 && ie >= 0 && z[ne] !== ge[ie]; )
             ie--;
-          for (; ae >= 1 && ie >= 0; ae--, ie--)
-            if (P[ae] !== ge[ie]) {
-              if (ae !== 1 || ie !== 1)
+          for (; ne >= 1 && ie >= 0; ne--, ie--)
+            if (z[ne] !== ge[ie]) {
+              if (ne !== 1 || ie !== 1)
                 do
-                  if (ae--, ie--, ie < 0 || P[ae] !== ge[ie]) {
+                  if (ne--, ie--, ie < 0 || z[ne] !== ge[ie]) {
                     var me = `
-` + P[ae].replace(" at new ", " at ");
+` + z[ne].replace(" at new ", " at ");
                     return i.displayName && me.includes("<anonymous>") && (me = me.replace("<anonymous>", i.displayName)), typeof i == "function" && de.set(i, me), me;
                   }
-                while (ae >= 1 && ie >= 0);
+                while (ne >= 1 && ie >= 0);
               break;
             }
         }
       } finally {
-        ne = !1, pe.current = W, ce(), Error.prepareStackTrace = G;
+        re = !1, pe.current = W, ce(), Error.prepareStackTrace = U;
       }
-      var Ce = i ? i.displayName || i.name : "", Lt = Ce ? fe(Ce) : "";
-      return typeof i == "function" && de.set(i, Lt), Lt;
+      var Ce = i ? i.displayName || i.name : "", Ft = Ce ? fe(Ce) : "";
+      return typeof i == "function" && de.set(i, Ft), Ft;
     }
-    function rr(i, v, T) {
+    function nr(i, v, T) {
       return Te(i, !1);
     }
-    function nr(i) {
+    function ar(i) {
       var v = i.prototype;
       return !!(v && v.isReactComponent);
     }
@@ -311,7 +310,7 @@ function Wr() {
       if (i == null)
         return "";
       if (typeof i == "function")
-        return Te(i, nr(i));
+        return Te(i, ar(i));
       if (typeof i == "string")
         return fe(i);
       switch (i) {
@@ -323,103 +322,103 @@ function Wr() {
       if (typeof i == "object")
         switch (i.$$typeof) {
           case d:
-            return rr(i.render);
+            return nr(i.render);
           case u:
             return qe(i.type, v, T);
           case c: {
-            var D = i, G = D._payload, W = D._init;
+            var D = i, U = D._payload, W = D._init;
             try {
-              return qe(W(G), v, T);
+              return qe(W(U), v, T);
             } catch {
             }
           }
         }
       return "";
     }
-    var He = Object.prototype.hasOwnProperty, wt = {}, Et = A.ReactDebugCurrentFrame;
-    function Ye(i) {
+    var Ye = Object.prototype.hasOwnProperty, Et = {}, _t = A.ReactDebugCurrentFrame;
+    function Ve(i) {
       if (i) {
         var v = i._owner, T = qe(i.type, i._source, v ? v.type : null);
-        Et.setExtraStackFrame(T);
+        _t.setExtraStackFrame(T);
       } else
-        Et.setExtraStackFrame(null);
+        _t.setExtraStackFrame(null);
     }
-    function ar(i, v, T, D, G) {
+    function ir(i, v, T, D, U) {
       {
-        var W = Function.call.bind(He);
-        for (var z in i)
-          if (W(i, z)) {
-            var P = void 0;
+        var W = Function.call.bind(Ye);
+        for (var P in i)
+          if (W(i, P)) {
+            var z = void 0;
             try {
-              if (typeof i[z] != "function") {
-                var ge = Error((D || "React class") + ": " + T + " type `" + z + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof i[z] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+              if (typeof i[P] != "function") {
+                var ge = Error((D || "React class") + ": " + T + " type `" + P + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof i[P] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw ge.name = "Invariant Violation", ge;
               }
-              P = i[z](v, z, D, T, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (ae) {
-              P = ae;
+              z = i[P](v, P, D, T, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (ne) {
+              z = ne;
             }
-            P && !(P instanceof Error) && (Ye(G), k("%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).", D || "React class", T, z, typeof P), Ye(null)), P instanceof Error && !(P.message in wt) && (wt[P.message] = !0, Ye(G), k("Failed %s type: %s", T, P.message), Ye(null));
+            z && !(z instanceof Error) && (Ve(U), k("%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).", D || "React class", T, P, typeof z), Ve(null)), z instanceof Error && !(z.message in Et) && (Et[z.message] = !0, Ve(U), k("Failed %s type: %s", T, z.message), Ve(null));
           }
       }
     }
-    var ir = Array.isArray;
-    function st(i) {
-      return ir(i);
+    var or = Array.isArray;
+    function lt(i) {
+      return or(i);
     }
-    function or(i) {
+    function sr(i) {
       {
         var v = typeof Symbol == "function" && Symbol.toStringTag, T = v && i[Symbol.toStringTag] || i.constructor.name || "Object";
         return T;
       }
     }
-    function sr(i) {
+    function lr(i) {
       try {
-        return _t(i), !1;
+        return At(i), !1;
       } catch {
         return !0;
       }
     }
-    function _t(i) {
+    function At(i) {
       return "" + i;
     }
-    function At(i) {
-      if (sr(i))
-        return k("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", or(i)), _t(i);
+    function kt(i) {
+      if (lr(i))
+        return k("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", sr(i)), At(i);
     }
-    var Le = A.ReactCurrentOwner, lr = {
+    var Le = A.ReactCurrentOwner, ur = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, kt, Tt, lt;
-    lt = {};
-    function ur(i) {
-      if (He.call(i, "ref")) {
+    }, Tt, Rt, ut;
+    ut = {};
+    function cr(i) {
+      if (Ye.call(i, "ref")) {
         var v = Object.getOwnPropertyDescriptor(i, "ref").get;
         if (v && v.isReactWarning)
           return !1;
       }
       return i.ref !== void 0;
     }
-    function cr(i) {
-      if (He.call(i, "key")) {
+    function dr(i) {
+      if (Ye.call(i, "key")) {
         var v = Object.getOwnPropertyDescriptor(i, "key").get;
         if (v && v.isReactWarning)
           return !1;
       }
       return i.key !== void 0;
     }
-    function dr(i, v) {
+    function pr(i, v) {
       if (typeof i.ref == "string" && Le.current && v && Le.current.stateNode !== v) {
         var T = R(Le.current.type);
-        lt[T] || (k('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', R(Le.current.type), i.ref), lt[T] = !0);
+        ut[T] || (k('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', R(Le.current.type), i.ref), ut[T] = !0);
       }
     }
-    function pr(i, v) {
+    function gr(i, v) {
       {
         var T = function() {
-          kt || (kt = !0, k("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", v));
+          Tt || (Tt = !0, k("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", v));
         };
         T.isReactWarning = !0, Object.defineProperty(i, "key", {
           get: T,
@@ -427,10 +426,10 @@ function Wr() {
         });
       }
     }
-    function gr(i, v) {
+    function fr(i, v) {
       {
         var T = function() {
-          Tt || (Tt = !0, k("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", v));
+          Rt || (Rt = !0, k("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", v));
         };
         T.isReactWarning = !0, Object.defineProperty(i, "ref", {
           get: T,
@@ -438,70 +437,70 @@ function Wr() {
         });
       }
     }
-    var fr = function(i, v, T, D, G, W, z) {
-      var P = {
+    var hr = function(i, v, T, D, U, W, P) {
+      var z = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
         // Built-in properties that belong on the element
         type: i,
         key: v,
         ref: T,
-        props: z,
+        props: P,
         // Record the component responsible for creating this element.
         _owner: W
       };
-      return P._store = {}, Object.defineProperty(P._store, "validated", {
+      return z._store = {}, Object.defineProperty(z._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(P, "_self", {
+      }), Object.defineProperty(z, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: D
-      }), Object.defineProperty(P, "_source", {
+      }), Object.defineProperty(z, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: G
-      }), Object.freeze && (Object.freeze(P.props), Object.freeze(P)), P;
+        value: U
+      }), Object.freeze && (Object.freeze(z.props), Object.freeze(z)), z;
     };
-    function hr(i, v, T, D, G) {
+    function mr(i, v, T, D, U) {
       {
-        var W, z = {}, P = null, ge = null;
-        T !== void 0 && (At(T), P = "" + T), cr(v) && (At(v.key), P = "" + v.key), ur(v) && (ge = v.ref, dr(v, G));
+        var W, P = {}, z = null, ge = null;
+        T !== void 0 && (kt(T), z = "" + T), dr(v) && (kt(v.key), z = "" + v.key), cr(v) && (ge = v.ref, pr(v, U));
         for (W in v)
-          He.call(v, W) && !lr.hasOwnProperty(W) && (z[W] = v[W]);
+          Ye.call(v, W) && !ur.hasOwnProperty(W) && (P[W] = v[W]);
         if (i && i.defaultProps) {
-          var ae = i.defaultProps;
-          for (W in ae)
-            z[W] === void 0 && (z[W] = ae[W]);
+          var ne = i.defaultProps;
+          for (W in ne)
+            P[W] === void 0 && (P[W] = ne[W]);
         }
-        if (P || ge) {
+        if (z || ge) {
           var ie = typeof i == "function" ? i.displayName || i.name || "Unknown" : i;
-          P && pr(z, ie), ge && gr(z, ie);
+          z && gr(P, ie), ge && fr(P, ie);
         }
-        return fr(i, P, ge, G, D, Le.current, z);
+        return hr(i, z, ge, U, D, Le.current, P);
       }
     }
-    var ut = A.ReactCurrentOwner, Rt = A.ReactDebugCurrentFrame;
-    function xe(i) {
+    var ct = A.ReactCurrentOwner, xt = A.ReactDebugCurrentFrame;
+    function Oe(i) {
       if (i) {
         var v = i._owner, T = qe(i.type, i._source, v ? v.type : null);
-        Rt.setExtraStackFrame(T);
+        xt.setExtraStackFrame(T);
       } else
-        Rt.setExtraStackFrame(null);
+        xt.setExtraStackFrame(null);
     }
-    var ct;
-    ct = !1;
-    function dt(i) {
+    var dt;
+    dt = !1;
+    function pt(i) {
       return typeof i == "object" && i !== null && i.$$typeof === t;
     }
     function Ot() {
       {
-        if (ut.current) {
-          var i = R(ut.current.type);
+        if (ct.current) {
+          var i = R(ct.current.type);
           if (i)
             return `
 
@@ -510,7 +509,7 @@ Check the render method of \`` + i + "`.";
         return "";
       }
     }
-    function mr(i) {
+    function br(i) {
       {
         if (i !== void 0) {
           var v = i.fileName.replace(/^.*[\\\/]/, ""), T = i.lineNumber;
@@ -521,8 +520,8 @@ Check your code at ` + v + ":" + T + ".";
         return "";
       }
     }
-    var xt = {};
-    function br(i) {
+    var Ct = {};
+    function yr(i) {
       {
         var v = Ot();
         if (!v) {
@@ -534,39 +533,39 @@ Check the top-level render call using <` + T + ">.");
         return v;
       }
     }
-    function Ct(i, v) {
+    function It(i, v) {
       {
         if (!i._store || i._store.validated || i.key != null)
           return;
         i._store.validated = !0;
-        var T = br(v);
-        if (xt[T])
+        var T = yr(v);
+        if (Ct[T])
           return;
-        xt[T] = !0;
+        Ct[T] = !0;
         var D = "";
-        i && i._owner && i._owner !== ut.current && (D = " It was passed a child from " + R(i._owner.type) + "."), xe(i), k('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', T, D), xe(null);
+        i && i._owner && i._owner !== ct.current && (D = " It was passed a child from " + R(i._owner.type) + "."), Oe(i), k('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', T, D), Oe(null);
       }
     }
-    function It(i, v) {
+    function Dt(i, v) {
       {
         if (typeof i != "object")
           return;
-        if (st(i))
+        if (lt(i))
           for (var T = 0; T < i.length; T++) {
             var D = i[T];
-            dt(D) && Ct(D, v);
+            pt(D) && It(D, v);
           }
-        else if (dt(i))
+        else if (pt(i))
           i._store && (i._store.validated = !0);
         else if (i) {
-          var G = _(i);
-          if (typeof G == "function" && G !== i.entries)
-            for (var W = G.call(i), z; !(z = W.next()).done; )
-              dt(z.value) && Ct(z.value, v);
+          var U = _(i);
+          if (typeof U == "function" && U !== i.entries)
+            for (var W = U.call(i), P; !(P = W.next()).done; )
+              pt(P.value) && It(P.value, v);
         }
       }
     }
-    function yr(i) {
+    function vr(i) {
       {
         var v = i.type;
         if (v == null || typeof v == "string")
@@ -582,71 +581,71 @@ Check the top-level render call using <` + T + ">.");
           return;
         if (T) {
           var D = R(v);
-          ar(T, i.props, "prop", D, i);
-        } else if (v.PropTypes !== void 0 && !ct) {
-          ct = !0;
-          var G = R(v);
-          k("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", G || "Unknown");
+          ir(T, i.props, "prop", D, i);
+        } else if (v.PropTypes !== void 0 && !dt) {
+          dt = !0;
+          var U = R(v);
+          k("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", U || "Unknown");
         }
         typeof v.getDefaultProps == "function" && !v.getDefaultProps.isReactClassApproved && k("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function vr(i) {
+    function Sr(i) {
       {
         for (var v = Object.keys(i.props), T = 0; T < v.length; T++) {
           var D = v[T];
           if (D !== "children" && D !== "key") {
-            xe(i), k("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", D), xe(null);
+            Oe(i), k("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", D), Oe(null);
             break;
           }
         }
-        i.ref !== null && (xe(i), k("Invalid attribute `ref` supplied to `React.Fragment`."), xe(null));
+        i.ref !== null && (Oe(i), k("Invalid attribute `ref` supplied to `React.Fragment`."), Oe(null));
       }
     }
-    function Dt(i, v, T, D, G, W) {
+    function Lt(i, v, T, D, U, W) {
       {
-        var z = L(i);
-        if (!z) {
-          var P = "";
-          (i === void 0 || typeof i == "object" && i !== null && Object.keys(i).length === 0) && (P += " 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 ge = mr(G);
-          ge ? P += ge : P += Ot();
-          var ae;
-          i === null ? ae = "null" : st(i) ? ae = "array" : i !== void 0 && i.$$typeof === t ? (ae = "<" + (R(i.type) || "Unknown") + " />", P = " Did you accidentally export a JSX literal instead of a component?") : ae = typeof i, k("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", ae, P);
+        var P = L(i);
+        if (!P) {
+          var z = "";
+          (i === void 0 || typeof i == "object" && i !== null && Object.keys(i).length === 0) && (z += " 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 ge = br(U);
+          ge ? z += ge : z += Ot();
+          var ne;
+          i === null ? ne = "null" : lt(i) ? ne = "array" : i !== void 0 && i.$$typeof === t ? (ne = "<" + (R(i.type) || "Unknown") + " />", z = " Did you accidentally export a JSX literal instead of a component?") : ne = typeof i, k("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", ne, z);
         }
-        var ie = hr(i, v, T, G, W);
+        var ie = mr(i, v, T, U, W);
         if (ie == null)
           return ie;
-        if (z) {
+        if (P) {
           var me = v.children;
           if (me !== void 0)
             if (D)
-              if (st(me)) {
+              if (lt(me)) {
                 for (var Ce = 0; Ce < me.length; Ce++)
-                  It(me[Ce], i);
+                  Dt(me[Ce], i);
                 Object.freeze && Object.freeze(me);
               } else
                 k("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
-              It(me, i);
+              Dt(me, i);
         }
-        return i === n ? vr(ie) : yr(ie), ie;
+        return i === n ? Sr(ie) : vr(ie), ie;
       }
     }
-    function Sr(i, v, T) {
-      return Dt(i, v, T, !0);
-    }
     function wr(i, v, T) {
-      return Dt(i, v, T, !1);
+      return Lt(i, v, T, !0);
     }
-    var Er = wr, _r = Sr;
-    Ne.Fragment = n, Ne.jsx = Er, Ne.jsxs = _r;
+    function Er(i, v, T) {
+      return Lt(i, v, T, !1);
+    }
+    var _r = Er, Ar = wr;
+    Ne.Fragment = n, Ne.jsx = _r, Ne.jsxs = Ar;
   }()), Ne;
 }
 (function(e) {
   process.env.NODE_ENV === "production" ? e.exports = Vr() : e.exports = Wr();
 })(Yr);
-const he = Me.Fragment, a = Me.jsx, C = Me.jsxs;
+const he = Be.Fragment, a = Be.jsx, C = Be.jsxs;
 function Kr(e) {
   e = e || {};
   const t = Object.keys(e).sort(), r = [];
@@ -658,7 +657,9 @@ function Kr(e) {
       const o = Object.keys(e[s]).sort();
       for (let l = 0; l < o.length; l++) {
         const p = o[l];
-        p != "sign" && e[s][p] && r.push(o[l] + "=" + (typeof e[s][p] == "object" ? JSON.stringify(e[s][p]) : e[s][p]));
+        p != "sign" && e[s][p] && r.push(
+          o[l] + "=" + (typeof e[s][p] == "object" ? JSON.stringify(e[s][p]) : e[s][p])
+        );
       }
     }
   }
@@ -668,55 +669,93 @@ function Zr(e, t) {
   let r = Kr(e);
   return r += "&key=" + t, $r.MD5(r).toString().toUpperCase();
 }
-const X = {
-  baseURL: "http://localhost:31200",
-  app_id: "",
-  app_secret: "",
-  getAuthentication(e) {
+class Xr {
+  constructor() {
+    this.type = "default_api_client", this.baseURL = "http://localhost:31200", this.app_id = "", this.app_secret = "";
+  }
+  getAuthentication(t) {
     if (!this.app_id || !this.app_secret)
       return;
-    const t = (/* @__PURE__ */ new Date()).getTime().toString();
+    const r = (/* @__PURE__ */ new Date()).getTime().toString();
     return {
       app_id: this.app_id,
-      nonce_str: t,
-      sign: Zr({
-        app_id: this.app_id,
-        nonce_str: t,
-        ...e
-      }, this.app_secret)
+      nonce_str: r,
+      sign: Zr(
+        {
+          app_id: this.app_id,
+          nonce_str: r,
+          ...t
+        },
+        this.app_secret
+      )
     };
-  },
-  getRequest(e, t) {
-    return (r, n, s = {}) => {
-      const o = window.localStorage.getItem("token"), l = {
-        "X-Requested-With": "XMLHttpRequest",
-        "Content-Type": s.string ? "application/x-www-form-urlencoded" : "application/json",
-        authorization: o ? `bearer ${o}` : "",
-        ...s.headers
-      }, p = {
-        baseURL: this.baseURL,
-        method: e,
-        url: r,
-        params: e === "GET" ? n : s.params,
-        headers: l,
-        signal: t
-      };
-      return ["POST", "PUT"].includes(e) && (p.data = s.string ? JSON.stringify(n) : n, p.data.authentication = this.getAuthentication(p.data)), Nr(p).then((d) => d.data).catch((d) => Pr.has(d, "response.data.detail.message") ? Promise.reject(new Error(d.response.data.detail.message)) : Promise.reject(d));
+  }
+  getRequest(t, r) {
+    return (n, s, o, l) => {
+      const p = this.buildHeader(o), d = this.buildAxiosConfig(t, n, s, o, p, r);
+      return zr(d).then((f) => l ? f : f.data).catch((f) => Promise.reject(f));
     };
   }
-};
+  get(t) {
+    return this.getRequest("GET", t);
+  }
+  post(t) {
+    return this.getRequest("POST", t);
+  }
+  put(t) {
+    return this.getRequest("PUT", t);
+  }
+  buildAxiosConfig(t, r, n, s, o, l) {
+    const p = {
+      baseURL: this.baseURL,
+      method: t,
+      url: r,
+      params: t === "GET" ? n : s.params,
+      headers: o,
+      signal: l
+    };
+    return ["POST", "PUT"].includes(t) && (p.data = s.string ? JSON.stringify(n) : n, p.data.authentication = this.getAuthentication(p.data)), p;
+  }
+  buildHeader(t) {
+    const r = window.localStorage.getItem("token");
+    return {
+      "X-Requested-With": "XMLHttpRequest",
+      "Content-Type": t.string ? "application/x-www-form-urlencoded" : "application/json",
+      authorization: r ? `bearer ${r}` : "",
+      ...t.headers
+    };
+  }
+}
+class Qr {
+  constructor(t) {
+    this.implementation = t;
+  }
+  getRequest(t, r) {
+    return this.implementation.getRequest(t, r);
+  }
+  get(t) {
+    return this.getRequest("GET", t);
+  }
+  post(t) {
+    return this.getRequest("POST", t);
+  }
+  put(t) {
+    return this.getRequest("PUT", t);
+  }
+}
+const Pe = new Xr(), Jr = new Qr(Pe), ae = Jr;
 function Ue(e) {
-  X.baseURL !== e.apiBaseURL && (X.baseURL = e.apiBaseURL), e.app_id && (X.app_id = e.app_id), e.app_secret && (X.app_secret = e.app_secret);
+  Pe.baseURL !== e.apiBaseURL && (Pe.baseURL = e.apiBaseURL), e.app_id && (Pe.app_id = e.app_id), e.app_secret && (Pe.app_secret = e.app_secret);
 }
-const Xr = {
+const en = {
   login: async (e, t) => {
     const r = {
       name: e,
       password: t
     };
-    return await X.getRequest("POST")("/account/login", r);
+    return await ae.post()("/account/login", r, {});
   },
-  list: async () => await X.getRequest("POST")("/account/list", {
+  list: async () => await ae.post()("/account/list", {
     filter: {},
     sort: [{
       field: "name",
@@ -726,11 +765,11 @@ const Xr = {
       page: 1,
       pagesize: 100
     }
-  }),
+  }, {}),
   /**
    * get current account
    */
-  get: async () => await X.getRequest("GET")("/account/get", {}),
+  get: async () => await ae.get()("/account/get", {}, {}),
   /**
    * update current account
    */
@@ -739,7 +778,7 @@ const Xr = {
       name: e.trim(),
       email: t.trim()
     };
-    return await X.getRequest("PUT")("/account/update", r);
+    return await ae.put()("/account/update", r, {});
   },
   /**
    * change current account's password
@@ -749,23 +788,23 @@ const Xr = {
       old_password: e.trim(),
       new_password: t.trim()
     };
-    return await X.getRequest("POST")("/account/changepassword", r);
+    return await ae.post()("/account/changepassword", r, {});
   },
-  create: async (e, t, r, n) => await X.getRequest("POST")("/account/create", {
+  create: async (e, t, r, n) => await ae.post()("/account/create", {
     name: e.trim(),
     email: t.trim(),
     password: r.trim(),
     role_id: n
-  }),
-  edit: async (e) => (e.reset_password || (e.new_password = void 0), await X.getRequest("PUT")("/account/edit", e)),
+  }, {}),
+  edit: async (e) => (e.reset_password || (e.new_password = void 0), await ae.put()("/account/edit", e, {})),
   delete: async (e) => {
     if (e)
-      return X.getRequest("POST")("/account/delete", {
+      return ae.post()("/account/delete", {
         id: e
-      });
+      }, {});
   }
-}, Qr = {
-  list: async () => await X.getRequest("POST")("/api/key/list", {
+}, tn = {
+  list: async () => await ae.post()("/api/key/list", {
     filter: {
       search: ""
     },
@@ -777,19 +816,19 @@ const Xr = {
       page: 1,
       pagesize: 100
     }
-  }),
-  create: async (e, t) => X.getRequest("POST")("/api/key/create", {
+  }, {}),
+  create: async (e, t) => ae.post()("/api/key/create", {
     name: e,
     role_id: t
-  }),
+  }, {}),
   delete: async (e) => {
     if (e)
-      return X.getRequest("POST")("/api/key/delete", {
+      return ae.post()("/api/key/delete", {
         id: e
-      });
+      }, {});
   }
-}, Jr = {
-  list: async () => await X.getRequest("POST")("/datasource/list", {
+}, rn = {
+  list: async () => await ae.post()("/datasource/list", {
     filter: {},
     sort: [{
       field: "create_time",
@@ -799,75 +838,75 @@ const Xr = {
       page: 1,
       pagesize: 100
     }
-  }),
-  create: async (e, t, r) => await X.getRequest("POST")("/datasource/create", {
+  }, {}),
+  create: async (e, t, r) => await ae.post()("/datasource/create", {
     type: e,
     key: t,
     config: r
-  }),
-  update: async (e, t) => await X.getRequest("PUT")("/datasource/update", {
+  }, {}),
+  update: async (e, t) => await ae.put()("/datasource/update", {
     id: e,
     config: t
-  }),
+  }, {}),
   delete: async (e) => {
-    await X.getRequest("POST")("/datasource/delete", {
+    await ae.post()("/datasource/delete", {
       id: e
-    });
+    }, {});
   }
-}, en = {
-  list: async () => await X.getRequest("GET")("/role/list", {})
+}, nn = {
+  list: async () => await ae.get()("/role/list", {}, {})
 };
-var ht = {}, tn = {
+var mt = {}, an = {
   get exports() {
-    return ht;
+    return mt;
   },
   set exports(e) {
-    ht = e;
+    mt = e;
   }
 };
 (function(e, t) {
   (function(r, n) {
     e.exports = n();
-  })(Hr, function() {
+  })(qr, function() {
     var r = 1e3, n = 6e4, s = 36e5, o = "millisecond", l = "second", p = "minute", d = "hour", f = "day", b = "week", u = "month", c = "quarter", g = "year", y = "date", h = "Invalid Date", _ = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, A = /\[([^\]]+)]|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, k = { 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("_"), ordinal: function(R) {
       var E = ["th", "st", "nd", "rd"], S = R % 100;
       return "[" + R + (E[(S - 20) % 10] || E[S] || E[0]) + "]";
     } }, $ = function(R, E, S) {
-      var O = String(R);
-      return !O || O.length >= E ? R : "" + Array(E + 1 - O.length).join(S) + R;
+      var x = String(R);
+      return !x || x.length >= E ? R : "" + Array(E + 1 - x.length).join(S) + R;
     }, M = { s: $, z: function(R) {
-      var E = -R.utcOffset(), S = Math.abs(E), O = Math.floor(S / 60), w = S % 60;
-      return (E <= 0 ? "+" : "-") + $(O, 2, "0") + ":" + $(w, 2, "0");
+      var E = -R.utcOffset(), S = Math.abs(E), x = Math.floor(S / 60), w = S % 60;
+      return (E <= 0 ? "+" : "-") + $(x, 2, "0") + ":" + $(w, 2, "0");
     }, m: function R(E, S) {
       if (E.date() < S.date())
         return -R(S, E);
-      var O = 12 * (S.year() - E.year()) + (S.month() - E.month()), w = E.clone().add(O, u), x = S - w < 0, I = E.clone().add(O + (x ? -1 : 1), u);
-      return +(-(O + (S - w) / (x ? w - I : I - w)) || 0);
+      var x = 12 * (S.year() - E.year()) + (S.month() - E.month()), w = E.clone().add(x, u), O = S - w < 0, I = E.clone().add(x + (O ? -1 : 1), u);
+      return +(-(x + (S - w) / (O ? w - I : I - w)) || 0);
     }, a: function(R) {
       return R < 0 ? Math.ceil(R) || 0 : Math.floor(R);
     }, p: function(R) {
       return { M: u, y: g, w: b, d: f, D: y, h: d, m: p, s: l, ms: o, Q: c }[R] || String(R || "").toLowerCase().replace(/s$/, "");
     }, u: function(R) {
       return R === void 0;
-    } }, re = "en", Q = {};
-    Q[re] = k;
+    } }, te = "en", X = {};
+    X[te] = k;
     var Y = function(R) {
       return R instanceof B;
-    }, Z = function R(E, S, O) {
+    }, Z = function R(E, S, x) {
       var w;
       if (!E)
-        return re;
+        return te;
       if (typeof E == "string") {
-        var x = E.toLowerCase();
-        Q[x] && (w = x), S && (Q[x] = S, w = x);
+        var O = E.toLowerCase();
+        X[O] && (w = O), S && (X[O] = S, w = O);
         var I = E.split("-");
         if (!w && I.length > 1)
           return R(I[0]);
       } else {
         var N = E.name;
-        Q[N] = E, w = N;
+        X[N] = E, w = N;
       }
-      return !O && w && (re = w), w || !O && re;
+      return !x && w && (te = w), w || !x && te;
     }, F = function(R, E) {
       if (Y(R))
         return R.clone();
@@ -883,8 +922,8 @@ var ht = {}, tn = {
       }
       var E = R.prototype;
       return E.parse = function(S) {
-        this.$d = function(O) {
-          var w = O.date, x = O.utc;
+        this.$d = function(x) {
+          var w = x.date, O = x.utc;
           if (w === null)
             return /* @__PURE__ */ new Date(NaN);
           if (L.u(w))
@@ -894,8 +933,8 @@ var ht = {}, tn = {
           if (typeof w == "string" && !/Z$/i.test(w)) {
             var I = w.match(_);
             if (I) {
-              var N = I[2] - 1 || 0, q = (I[7] || "0").substring(0, 3);
-              return x ? new Date(Date.UTC(I[1], N, I[3] || 1, I[4] || 0, I[5] || 0, I[6] || 0, q)) : new Date(I[1], N, I[3] || 1, I[4] || 0, I[5] || 0, I[6] || 0, q);
+              var N = I[2] - 1 || 0, H = (I[7] || "0").substring(0, 3);
+              return O ? new Date(Date.UTC(I[1], N, I[3] || 1, I[4] || 0, I[5] || 0, I[6] || 0, H)) : new Date(I[1], N, I[3] || 1, I[4] || 0, I[5] || 0, I[6] || 0, H);
             }
           }
           return new Date(w);
@@ -907,66 +946,66 @@ var ht = {}, tn = {
         return L;
       }, E.isValid = function() {
         return this.$d.toString() !== h;
-      }, E.isSame = function(S, O) {
+      }, E.isSame = function(S, x) {
         var w = F(S);
-        return this.startOf(O) <= w && w <= this.endOf(O);
-      }, E.isAfter = function(S, O) {
-        return F(S) < this.startOf(O);
-      }, E.isBefore = function(S, O) {
-        return this.endOf(O) < F(S);
-      }, E.$g = function(S, O, w) {
-        return L.u(S) ? this[O] : this.set(w, S);
+        return this.startOf(x) <= w && w <= this.endOf(x);
+      }, E.isAfter = function(S, x) {
+        return F(S) < this.startOf(x);
+      }, E.isBefore = function(S, x) {
+        return this.endOf(x) < F(S);
+      }, E.$g = function(S, x, w) {
+        return L.u(S) ? this[x] : this.set(w, S);
       }, E.unix = function() {
         return Math.floor(this.valueOf() / 1e3);
       }, E.valueOf = function() {
         return this.$d.getTime();
-      }, E.startOf = function(S, O) {
-        var w = this, x = !!L.u(O) || O, I = L.p(S), N = function(fe, ne) {
-          var de = L.w(w.$u ? Date.UTC(w.$y, ne, fe) : new Date(w.$y, ne, fe), w);
-          return x ? de : de.endOf(f);
-        }, q = function(fe, ne) {
-          return L.w(w.toDate()[fe].apply(w.toDate("s"), (x ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(ne)), w);
-        }, j = this.$W, U = this.$M, le = this.$D, ce = "set" + (this.$u ? "UTC" : "");
+      }, E.startOf = function(S, x) {
+        var w = this, O = !!L.u(x) || x, I = L.p(S), N = function(fe, re) {
+          var de = L.w(w.$u ? Date.UTC(w.$y, re, fe) : new Date(w.$y, re, fe), w);
+          return O ? de : de.endOf(f);
+        }, H = function(fe, re) {
+          return L.w(w.toDate()[fe].apply(w.toDate("s"), (O ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(re)), w);
+        }, j = this.$W, G = this.$M, le = this.$D, ce = "set" + (this.$u ? "UTC" : "");
         switch (I) {
           case g:
-            return x ? N(1, 0) : N(31, 11);
+            return O ? N(1, 0) : N(31, 11);
           case u:
-            return x ? N(1, U) : N(0, U + 1);
+            return O ? N(1, G) : N(0, G + 1);
           case b:
             var pe = this.$locale().weekStart || 0, ye = (j < pe ? j + 7 : j) - pe;
-            return N(x ? le - ye : le + (6 - ye), U);
+            return N(O ? le - ye : le + (6 - ye), G);
           case f:
           case y:
-            return q(ce + "Hours", 0);
+            return H(ce + "Hours", 0);
           case d:
-            return q(ce + "Minutes", 1);
+            return H(ce + "Minutes", 1);
           case p:
-            return q(ce + "Seconds", 2);
+            return H(ce + "Seconds", 2);
           case l:
-            return q(ce + "Milliseconds", 3);
+            return H(ce + "Milliseconds", 3);
           default:
             return this.clone();
         }
       }, E.endOf = function(S) {
         return this.startOf(S, !1);
-      }, E.$set = function(S, O) {
-        var w, x = L.p(S), I = "set" + (this.$u ? "UTC" : ""), N = (w = {}, w[f] = I + "Date", w[y] = I + "Date", w[u] = I + "Month", w[g] = I + "FullYear", w[d] = I + "Hours", w[p] = I + "Minutes", w[l] = I + "Seconds", w[o] = I + "Milliseconds", w)[x], q = x === f ? this.$D + (O - this.$W) : O;
-        if (x === u || x === g) {
+      }, E.$set = function(S, x) {
+        var w, O = L.p(S), I = "set" + (this.$u ? "UTC" : ""), N = (w = {}, w[f] = I + "Date", w[y] = I + "Date", w[u] = I + "Month", w[g] = I + "FullYear", w[d] = I + "Hours", w[p] = I + "Minutes", w[l] = I + "Seconds", w[o] = I + "Milliseconds", w)[O], H = O === f ? this.$D + (x - this.$W) : x;
+        if (O === u || O === g) {
           var j = this.clone().set(y, 1);
-          j.$d[N](q), j.init(), this.$d = j.set(y, Math.min(this.$D, j.daysInMonth())).$d;
+          j.$d[N](H), j.init(), this.$d = j.set(y, Math.min(this.$D, j.daysInMonth())).$d;
         } else
-          N && this.$d[N](q);
+          N && this.$d[N](H);
         return this.init(), this;
-      }, E.set = function(S, O) {
-        return this.clone().$set(S, O);
+      }, E.set = function(S, x) {
+        return this.clone().$set(S, x);
       }, E.get = function(S) {
         return this[L.p(S)]();
-      }, E.add = function(S, O) {
-        var w, x = this;
+      }, E.add = function(S, x) {
+        var w, O = this;
         S = Number(S);
-        var I = L.p(O), N = function(U) {
-          var le = F(x);
-          return L.w(le.date(le.date() + Math.round(U * S)), x);
+        var I = L.p(x), N = function(G) {
+          var le = F(O);
+          return L.w(le.date(le.date() + Math.round(G * S)), O);
         };
         if (I === u)
           return this.set(u, this.$M + S);
@@ -976,39 +1015,39 @@ var ht = {}, tn = {
           return N(1);
         if (I === b)
           return N(7);
-        var q = (w = {}, w[p] = n, w[d] = s, w[l] = r, w)[I] || 1, j = this.$d.getTime() + S * q;
+        var H = (w = {}, w[p] = n, w[d] = s, w[l] = r, w)[I] || 1, j = this.$d.getTime() + S * H;
         return L.w(j, this);
-      }, E.subtract = function(S, O) {
-        return this.add(-1 * S, O);
+      }, E.subtract = function(S, x) {
+        return this.add(-1 * S, x);
       }, E.format = function(S) {
-        var O = this, w = this.$locale();
+        var x = this, w = this.$locale();
         if (!this.isValid())
           return w.invalidDate || h;
-        var x = S || "YYYY-MM-DDTHH:mm:ssZ", I = L.z(this), N = this.$H, q = this.$m, j = this.$M, U = w.weekdays, le = w.months, ce = function(ne, de, ve, Te) {
-          return ne && (ne[de] || ne(O, x)) || ve[de].slice(0, Te);
-        }, pe = function(ne) {
-          return L.s(N % 12 || 12, ne, "0");
-        }, ye = w.meridiem || function(ne, de, ve) {
-          var Te = ne < 12 ? "AM" : "PM";
+        var O = S || "YYYY-MM-DDTHH:mm:ssZ", I = L.z(this), N = this.$H, H = this.$m, j = this.$M, G = w.weekdays, le = w.months, ce = function(re, de, ve, Te) {
+          return re && (re[de] || re(x, O)) || ve[de].slice(0, Te);
+        }, pe = function(re) {
+          return L.s(N % 12 || 12, re, "0");
+        }, ye = w.meridiem || function(re, de, ve) {
+          var Te = re < 12 ? "AM" : "PM";
           return ve ? Te.toLowerCase() : Te;
-        }, fe = { YY: String(this.$y).slice(-2), YYYY: this.$y, M: j + 1, MM: L.s(j + 1, 2, "0"), MMM: ce(w.monthsShort, j, le, 3), MMMM: ce(le, j), D: this.$D, DD: L.s(this.$D, 2, "0"), d: String(this.$W), dd: ce(w.weekdaysMin, this.$W, U, 2), ddd: ce(w.weekdaysShort, this.$W, U, 3), dddd: U[this.$W], H: String(N), HH: L.s(N, 2, "0"), h: pe(1), hh: pe(2), a: ye(N, q, !0), A: ye(N, q, !1), m: String(q), mm: L.s(q, 2, "0"), s: String(this.$s), ss: L.s(this.$s, 2, "0"), SSS: L.s(this.$ms, 3, "0"), Z: I };
-        return x.replace(A, function(ne, de) {
-          return de || fe[ne] || I.replace(":", "");
+        }, fe = { YY: String(this.$y).slice(-2), YYYY: this.$y, M: j + 1, MM: L.s(j + 1, 2, "0"), MMM: ce(w.monthsShort, j, le, 3), MMMM: ce(le, j), D: this.$D, DD: L.s(this.$D, 2, "0"), d: String(this.$W), dd: ce(w.weekdaysMin, this.$W, G, 2), ddd: ce(w.weekdaysShort, this.$W, G, 3), dddd: G[this.$W], H: String(N), HH: L.s(N, 2, "0"), h: pe(1), hh: pe(2), a: ye(N, H, !0), A: ye(N, H, !1), m: String(H), mm: L.s(H, 2, "0"), s: String(this.$s), ss: L.s(this.$s, 2, "0"), SSS: L.s(this.$ms, 3, "0"), Z: I };
+        return O.replace(A, function(re, de) {
+          return de || fe[re] || I.replace(":", "");
         });
       }, E.utcOffset = function() {
         return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
-      }, E.diff = function(S, O, w) {
-        var x, I = L.p(O), N = F(S), q = (N.utcOffset() - this.utcOffset()) * n, j = this - N, U = L.m(this, N);
-        return U = (x = {}, x[g] = U / 12, x[u] = U, x[c] = U / 3, x[b] = (j - q) / 6048e5, x[f] = (j - q) / 864e5, x[d] = j / s, x[p] = j / n, x[l] = j / r, x)[I] || j, w ? U : L.a(U);
+      }, E.diff = function(S, x, w) {
+        var O, I = L.p(x), N = F(S), H = (N.utcOffset() - this.utcOffset()) * n, j = this - N, G = L.m(this, N);
+        return G = (O = {}, O[g] = G / 12, O[u] = G, O[c] = G / 3, O[b] = (j - H) / 6048e5, O[f] = (j - H) / 864e5, O[d] = j / s, O[p] = j / n, O[l] = j / r, O)[I] || j, w ? G : L.a(G);
       }, E.daysInMonth = function() {
         return this.endOf(u).$D;
       }, E.$locale = function() {
-        return Q[this.$L];
-      }, E.locale = function(S, O) {
+        return X[this.$L];
+      }, E.locale = function(S, x) {
         if (!S)
           return this.$L;
-        var w = this.clone(), x = Z(S, O, !0);
-        return x && (w.$L = x), w;
+        var w = this.clone(), O = Z(S, x, !0);
+        return O && (w.$L = O), w;
       }, E.clone = function() {
         return L.w(this.$d, this);
       }, E.toDate = function() {
@@ -1020,47 +1059,47 @@ var ht = {}, tn = {
       }, E.toString = function() {
         return this.$d.toUTCString();
       }, R;
-    }(), te = B.prototype;
-    return F.prototype = te, [["$ms", o], ["$s", l], ["$m", p], ["$H", d], ["$W", f], ["$M", u], ["$y", g], ["$D", y]].forEach(function(R) {
-      te[R[1]] = function(E) {
+    }(), ee = B.prototype;
+    return F.prototype = ee, [["$ms", o], ["$s", l], ["$m", p], ["$H", d], ["$W", f], ["$M", u], ["$y", g], ["$D", y]].forEach(function(R) {
+      ee[R[1]] = function(E) {
         return this.$g(E, R[0], R[1]);
       };
     }), F.extend = function(R, E) {
       return R.$i || (R(E, B, F), R.$i = !0), F;
     }, F.locale = Z, F.isDayjs = Y, F.unix = function(R) {
       return F(1e3 * R);
-    }, F.en = Q[re], F.Ls = Q, F.p = {}, F;
+    }, F.en = X[te], F.Ls = X, F.p = {}, F;
   });
-})(tn);
-const $t = ht, rn = {
+})(an);
+const zt = mt, on = {
   list: async ({
     pagination: e
   }, t) => {
-    const r = await X.getRequest("POST", t)("/sql_snippet/list", {
+    const r = await ae.post(t)("/sql_snippet/list", {
       sort: [{
         field: "update_time",
         order: "DESC"
       }],
       pagination: e
-    });
+    }, {});
     return r.data.forEach((n) => {
-      n.create_time = $t(n.create_time).format("YYYY-MM-DD HH:mm:ss"), n.update_time = $t(n.update_time).format("YYYY-MM-DD HH:mm:ss");
+      n.create_time = zt(n.create_time).format("YYYY-MM-DD HH:mm:ss"), n.update_time = zt(n.update_time).format("YYYY-MM-DD HH:mm:ss");
     }), r;
   },
-  get: async (e, t) => await X.getRequest("POST", t)("/sql_snippet/get", {
+  get: async (e, t) => await ae.post(t)("/sql_snippet/get", {
     id: e
-  }),
-  create: async (e, t) => await X.getRequest("POST", t)("/sql_snippet/create", e),
-  update: async (e, t) => await X.getRequest("PUT", t)("/sql_snippet/update", e),
-  delete: async (e, t) => X.getRequest("POST", t)("/sql_snippet/delete", {
+  }, {}),
+  create: async (e, t) => await ae.post(t)("/sql_snippet/create", e, {}),
+  update: async (e, t) => await ae.put(t)("/sql_snippet/update", e, {}),
+  delete: async (e, t) => ae.post(t)("/sql_snippet/delete", {
     id: e
-  })
+  }, {})
 }, oe = {
-  datasource: Jr,
-  account: Xr,
-  role: en,
-  api_key: Qr,
-  sql_snippet: rn
+  datasource: rn,
+  account: en,
+  role: nn,
+  api_key: tn,
+  sql_snippet: on
 }, Se = {
   size: "sm",
   spacing: "md",
@@ -1068,7 +1107,7 @@ const $t = ht, rn = {
     size: "xs"
   }
 };
-function nn({
+function sn({
   submit: e,
   styles: t = Se,
   type: r
@@ -1090,52 +1129,52 @@ function nn({
       }
     }
   });
-  return bt(() => {
+  return yt(() => {
     s("type", r);
   }, [s, r]), /* @__PURE__ */ a(se, { mx: "auto", children: /* @__PURE__ */ C("form", { onSubmit: o(e), children: [
-    /* @__PURE__ */ a(H, { name: "key", control: n, render: ({
+    /* @__PURE__ */ a(q, { name: "key", control: n, render: ({
       field: l
     }) => /* @__PURE__ */ a(ue, { mb: t.spacing, size: t.size, required: !0, label: "Name", placeholder: "A unique name", ...l }) }),
-    /* @__PURE__ */ a(Je, { label: "Connection Info", labelPosition: "center" }),
-    /* @__PURE__ */ C(J, { grow: !0, children: [
-      /* @__PURE__ */ a(H, { name: "config.host", control: n, render: ({
+    /* @__PURE__ */ a(et, { label: "Connection Info", labelPosition: "center" }),
+    /* @__PURE__ */ C(Q, { grow: !0, children: [
+      /* @__PURE__ */ a(q, { name: "config.host", control: n, render: ({
         field: l
       }) => /* @__PURE__ */ a(ue, { mb: t.spacing, size: t.size, required: !0, label: "Host", sx: {
         flexGrow: 1
       }, ...l }) }),
-      /* @__PURE__ */ a(H, { name: "config.port", control: n, render: ({
+      /* @__PURE__ */ a(q, { name: "config.port", control: n, render: ({
         field: l
       }) => (
         // @ts-expect-error type of onChange
-        /* @__PURE__ */ a(kr, { mb: t.spacing, size: t.size, required: !0, label: "Port", hideControls: !0, sx: {
+        /* @__PURE__ */ a(Tr, { mb: t.spacing, size: t.size, required: !0, label: "Port", hideControls: !0, sx: {
           width: "8em"
         }, ...l })
       ) })
     ] }),
-    /* @__PURE__ */ a(H, { name: "config.username", control: n, render: ({
+    /* @__PURE__ */ a(q, { name: "config.username", control: n, render: ({
       field: l
     }) => /* @__PURE__ */ a(ue, { mb: t.spacing, size: t.size, required: !0, label: "Username", ...l }) }),
-    /* @__PURE__ */ a(H, { name: "config.password", control: n, render: ({
+    /* @__PURE__ */ a(q, { name: "config.password", control: n, render: ({
       field: l
-    }) => /* @__PURE__ */ a(et, { mb: t.spacing, size: t.size, required: !0, label: "Password", ...l }) }),
-    /* @__PURE__ */ a(H, { name: "config.database", control: n, render: ({
+    }) => /* @__PURE__ */ a(tt, { mb: t.spacing, size: t.size, required: !0, label: "Password", ...l }) }),
+    /* @__PURE__ */ a(q, { name: "config.database", control: n, render: ({
       field: l
     }) => /* @__PURE__ */ a(ue, { mb: t.spacing, size: t.size, required: !0, label: "Database", ...l }) }),
-    /* @__PURE__ */ a(J, { position: "right", mt: t.spacing, children: /* @__PURE__ */ a(V, { type: "submit", size: t.button.size, children: "Save" }) })
+    /* @__PURE__ */ a(Q, { position: "right", mt: t.spacing, children: /* @__PURE__ */ a(V, { type: "submit", size: t.button.size, children: "Save" }) })
   ] }) });
 }
-const an = ({
+const ln = ({
   value: e,
   onChange: t
 }) => /* @__PURE__ */ a(se, { sx: {
   position: "relative"
-}, children: /* @__PURE__ */ a(Yt, { height: "500px", defaultLanguage: "javascript", value: e, onChange: (n) => {
+}, children: /* @__PURE__ */ a(Vt, { height: "500px", defaultLanguage: "javascript", value: e, onChange: (n) => {
   n && t(n);
 }, theme: "vs-dark", options: {
   minimap: {
     enabled: !1
   }
-} }) }), Ke = Qe(({
+} }) }), Ze = Je(({
   value: e,
   onChange: t,
   label: r,
@@ -1146,37 +1185,37 @@ const an = ({
   const [p, {
     setTrue: d,
     setFalse: f
-  }] = zr(), [b, u] = Gt(e), c = () => {
+  }] = Pr(), [b, u] = Ht(e), c = () => {
     f(), t(b);
   }, g = () => {
     f(), u(e);
   }, y = () => {
     u(s);
   };
-  return bt(() => {
+  return yt(() => {
     u(e);
   }, [e]), /* @__PURE__ */ C(he, { children: [
     /* @__PURE__ */ a(V, { variant: "filled", size: o.button.size, onClick: d, sx: {
       flexGrow: 1
     }, children: r }),
-    /* @__PURE__ */ a(Ae, { size: 800, title: n, opened: p, onClose: f, closeOnClickOutside: !1, withCloseButton: !1, children: p && /* @__PURE__ */ C(Be, { children: [
-      /* @__PURE__ */ a(an, { value: b, onChange: u }),
-      /* @__PURE__ */ C(J, { position: "apart", children: [
-        /* @__PURE__ */ a(V, { onClick: y, color: "red", leftIcon: /* @__PURE__ */ a(Dr, { size: 20 }), children: "Reset" }),
-        /* @__PURE__ */ C(J, { position: "right", children: [
+    /* @__PURE__ */ a(Ae, { size: 800, title: n, opened: p, onClose: f, closeOnClickOutside: !1, withCloseButton: !1, children: p && /* @__PURE__ */ C(je, { children: [
+      /* @__PURE__ */ a(ln, { value: b, onChange: u }),
+      /* @__PURE__ */ C(Q, { position: "apart", children: [
+        /* @__PURE__ */ a(V, { onClick: y, color: "red", leftIcon: /* @__PURE__ */ a(Lr, { size: 20 }), children: "Reset" }),
+        /* @__PURE__ */ C(Q, { position: "right", children: [
           /* @__PURE__ */ a(V, { onClick: g, variant: "subtle", children: "Cancel" }),
           /* @__PURE__ */ a(V, { onClick: c, children: "OK" })
         ] })
       ] })
     ] }) })
   ] });
-}), Ve = {
+}), We = {
   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 on({
+function un({
   submit: e,
   styles: t = Se
 }) {
@@ -1191,47 +1230,47 @@ function on({
       config: {
         host: "",
         processing: {
-          pre: Ve.pre,
-          post: Ve.post
+          pre: We.pre,
+          post: We.post
         }
       }
     }
   });
   return /* @__PURE__ */ a(se, { mx: "auto", children: /* @__PURE__ */ C("form", { onSubmit: s(e), children: [
-    /* @__PURE__ */ a(H, { name: "key", control: r, render: ({
+    /* @__PURE__ */ a(q, { name: "key", control: r, render: ({
       field: o
     }) => /* @__PURE__ */ a(ue, { mb: t.spacing, size: t.size, required: !0, label: "Name", placeholder: "A unique name", ...o }) }),
-    /* @__PURE__ */ a(Je, { label: "Connection Info", labelPosition: "center" }),
-    /* @__PURE__ */ a(H, { name: "config.host", control: r, render: ({
+    /* @__PURE__ */ a(et, { label: "Connection Info", labelPosition: "center" }),
+    /* @__PURE__ */ a(q, { name: "config.host", control: r, render: ({
       field: o
-    }) => /* @__PURE__ */ a(ue, { mb: t.spacing, size: t.size, required: !0, label: "Base URL", sx: {
+    }) => /* @__PURE__ */ a(ue, { mb: t.spacing, size: t.size, label: "Base URL", sx: {
       flexGrow: 1
     }, ...o }) }),
-    /* @__PURE__ */ C(J, { grow: !0, children: [
-      /* @__PURE__ */ a(H, { name: "config.processing.pre", control: r, render: ({
+    /* @__PURE__ */ C(Q, { grow: !0, children: [
+      /* @__PURE__ */ a(q, { name: "config.processing.pre", control: r, render: ({
         field: o
-      }) => /* @__PURE__ */ a(Ke, { label: "Pre Processing", modalTitle: "This function will run before sending the request (for scenarios like encryption)", defaultValue: Ve.pre, ...o, styles: t }) }),
-      /* @__PURE__ */ a(H, { name: "config.processing.post", control: r, render: ({
+      }) => /* @__PURE__ */ a(Ze, { label: "Pre Processing", modalTitle: "This function will run before sending the request (for scenarios like encryption)", defaultValue: We.pre, ...o, styles: t }) }),
+      /* @__PURE__ */ a(q, { name: "config.processing.post", control: r, render: ({
         field: o
-      }) => /* @__PURE__ */ a(Ke, { label: "Post Processing", modalTitle: "This function will run after sending the request (for scenarios like decryption)", defaultValue: Ve.post, ...o, styles: t }) })
+      }) => /* @__PURE__ */ a(Ze, { label: "Post Processing", modalTitle: "This function will run after sending the request (for scenarios like decryption)", defaultValue: We.post, ...o, styles: t }) })
     ] }),
-    /* @__PURE__ */ a(J, { position: "right", mt: t.spacing, children: /* @__PURE__ */ a(V, { type: "submit", size: t.button.size, children: "Save" }) })
+    /* @__PURE__ */ a(Q, { position: "right", mt: t.spacing, children: /* @__PURE__ */ a(V, { type: "submit", size: t.button.size, children: "Save" }) })
   ] }) });
 }
-function sn({
+function cn({
   styles: e = Se
 }) {
-  return /* @__PURE__ */ a(se, { mx: "auto", children: /* @__PURE__ */ C(Tr, { mt: e.spacing, icon: /* @__PURE__ */ a(Lr, { size: 16 }), children: [
+  return /* @__PURE__ */ a(se, { mx: "auto", children: /* @__PURE__ */ C(Rr, { mt: e.spacing, icon: /* @__PURE__ */ a(Fr, { size: 16 }), children: [
     "Only ",
     /* @__PURE__ */ a("b", { children: "SELECT" }),
     " privilege is needed."
   ] }) });
 }
-function ln({
+function dn({
   postSubmit: e,
   styles: t = Se
 }) {
-  const [r, n] = Gt("postgresql"), s = async ({
+  const [r, n] = Ht("postgresql"), s = async ({
     type: p,
     key: d,
     config: f
@@ -1247,14 +1286,14 @@ function ln({
         type: p,
         key: d,
         config: f
-      }), await oe.datasource.create(p, d, f), ee({
+      }), await oe.datasource.create(p, d, f), J({
         id: "for-creating",
         title: "Successful",
         message: "Data source is added",
         color: "green"
       }), e();
     } catch (b) {
-      ee({
+      J({
         id: "for-creating",
         title: "Failed",
         message: b.message,
@@ -1263,7 +1302,7 @@ function ln({
     }
   }, o = r === "postgresql" || r === "mysql", l = r === "http";
   return /* @__PURE__ */ C(se, { mx: "auto", children: [
-    /* @__PURE__ */ a(Rr, { fullWidth: !0, mb: t.spacing, size: t.size, data: [{
+    /* @__PURE__ */ a(xr, { fullWidth: !0, mb: t.spacing, size: t.size, data: [{
       label: "PostgreSQL",
       value: "postgresql"
     }, {
@@ -1273,12 +1312,12 @@ function ln({
       label: "HTTP",
       value: "http"
     }], value: r, onChange: (p) => n(p) }),
-    o && /* @__PURE__ */ a(sn, { styles: t }),
-    o && /* @__PURE__ */ a(nn, { submit: s, styles: t, type: r }),
-    l && /* @__PURE__ */ a(on, { submit: s, styles: t })
+    o && /* @__PURE__ */ a(cn, { styles: t }),
+    o && /* @__PURE__ */ a(sn, { submit: s, styles: t, type: r }),
+    l && /* @__PURE__ */ a(un, { submit: s, styles: t })
   ] });
 }
-function un({
+function pn({
   onSuccess: e,
   styles: t = Se
 }) {
@@ -1286,40 +1325,40 @@ function un({
   return /* @__PURE__ */ C(he, { children: [
     /* @__PURE__ */ a(Ae, { opened: r, onClose: () => n(!1), title: "Add a data source", trapFocus: !0, onDragStart: (p) => {
       p.stopPropagation();
-    }, children: /* @__PURE__ */ a(ln, { postSubmit: () => {
+    }, children: /* @__PURE__ */ a(dn, { postSubmit: () => {
       e(), o();
     }, styles: t }) }),
-    /* @__PURE__ */ a(V, { size: t.button.size, onClick: s, leftIcon: /* @__PURE__ */ a(at, { size: 20 }), children: "Add a Data Source" })
+    /* @__PURE__ */ a(V, { size: t.button.size, onClick: s, leftIcon: /* @__PURE__ */ a(it, { size: 20 }), children: "Add a Data Source" })
   ] });
 }
-const cn = (e) => e.replace(/([^:])(\/\/+)/g, "$1/");
-function dn(e) {
-  bt(() => {
-    if (gt.__getMonacoInstance())
+const gn = (e) => e.replace(/([^:])(\/\/+)/g, "$1/");
+function fn(e) {
+  yt(() => {
+    if (ft.__getMonacoInstance())
       return;
     console.log("loading monaco for @devtable/settings-form");
-    const r = cn(e);
-    gt.config({
+    const r = gn(e);
+    ft.config({
       paths: {
         vs: r
       }
-    }), gt.init().then((n) => console.log("monaco instance:", n));
+    }), ft.init().then((n) => console.log("monaco instance:", n));
   }, []);
 }
-function pn({
+function hn({
   id: e,
   name: t,
   isProtected: r,
   onSuccess: n,
   styles: s = Se
 }) {
-  const o = je(), l = async () => {
+  const o = Ge(), l = async () => {
     e && (be({
       id: "for-deleting",
       title: "Pending",
       message: "Deleting data source...",
       loading: !0
-    }), await oe.datasource.delete(e), ee({
+    }), await oe.datasource.delete(e), J({
       id: "for-deleting",
       title: "Successful",
       message: `Data source [${t}] is deleted`,
@@ -1335,13 +1374,13 @@ function pn({
     onCancel: () => console.log("Cancel"),
     onConfirm: l
   });
-  return r ? /* @__PURE__ */ a(We, { withArrow: !0, events: {
+  return r ? /* @__PURE__ */ a(Ke, { withArrow: !0, events: {
     hover: !0,
     touch: !1,
     focus: !1
-  }, label: "This is a preset datasource, it can not be deleted", children: /* @__PURE__ */ a(V, { size: s.button.size, color: "gray", variant: "light", leftIcon: /* @__PURE__ */ a(Vt, { size: 16 }), sx: {
+  }, label: "This is a preset datasource, it can not be deleted", children: /* @__PURE__ */ a(V, { size: s.button.size, color: "gray", variant: "light", leftIcon: /* @__PURE__ */ a(Wt, { size: 16 }), sx: {
     transform: "none !important"
-  }, children: "Delete" }) }) : /* @__PURE__ */ a(V, { size: s.button.size, color: "red", onClick: p, leftIcon: /* @__PURE__ */ a(it, { size: 16 }), children: "Delete" });
+  }, children: "Delete" }) }) : /* @__PURE__ */ a(V, { size: s.button.size, color: "red", onClick: p, leftIcon: /* @__PURE__ */ a(ot, { size: 16 }), children: "Delete" });
 }
 const Pt = {
   pre: ["function pre_process({ method, url, params, headers, data }, utils) {", "    // your code goes here", "    return { method, url, params, headers, data }", "}"].join(`
@@ -1349,7 +1388,7 @@ const Pt = {
   post: ["function post_process(res, utils) {", "    // your code goes here", "    return data", "}"].join(`
 `)
 };
-function gn({
+function mn({
   name: e,
   config: t,
   submit: r,
@@ -1365,24 +1404,24 @@ function gn({
   });
   return /* @__PURE__ */ a(se, { mx: "auto", children: /* @__PURE__ */ C("form", { onSubmit: o(r), children: [
     /* @__PURE__ */ a(ue, { mb: n.spacing, size: n.size, required: !0, label: "Name", value: e, readOnly: !0 }),
-    /* @__PURE__ */ a(Je, { label: "Connection Info", labelPosition: "center" }),
-    /* @__PURE__ */ a(H, { name: "config.host", control: s, render: ({
+    /* @__PURE__ */ a(et, { label: "Connection Info", labelPosition: "center" }),
+    /* @__PURE__ */ a(q, { name: "config.host", control: s, render: ({
       field: l
     }) => /* @__PURE__ */ a(ue, { mb: n.spacing, size: n.size, label: "Base URL", sx: {
       flexGrow: 1
     }, ...l }) }),
-    /* @__PURE__ */ C(J, { grow: !0, children: [
-      /* @__PURE__ */ a(H, { name: "config.processing.pre", control: s, render: ({
+    /* @__PURE__ */ C(Q, { grow: !0, children: [
+      /* @__PURE__ */ a(q, { name: "config.processing.pre", control: s, render: ({
         field: l
-      }) => /* @__PURE__ */ a(Ke, { label: "Pre Processing", modalTitle: "This function will run before sending the request (for scenarios like encryption)", defaultValue: Pt.pre, ...l, styles: n }) }),
-      /* @__PURE__ */ a(H, { name: "config.processing.post", control: s, render: ({
+      }) => /* @__PURE__ */ a(Ze, { label: "Pre Processing", modalTitle: "This function will run before sending the request (for scenarios like encryption)", defaultValue: Pt.pre, ...l, styles: n }) }),
+      /* @__PURE__ */ a(q, { name: "config.processing.post", control: s, render: ({
         field: l
-      }) => /* @__PURE__ */ a(Ke, { label: "Post Processing", modalTitle: "This function will run after sending the request (for scenarios like decryption)", defaultValue: Pt.post, ...l, styles: n }) })
+      }) => /* @__PURE__ */ a(Ze, { label: "Post Processing", modalTitle: "This function will run after sending the request (for scenarios like decryption)", defaultValue: Pt.post, ...l, styles: n }) })
     ] }),
-    /* @__PURE__ */ a(J, { position: "right", mt: n.spacing, children: /* @__PURE__ */ a(V, { type: "submit", size: n.button.size, children: "Save" }) })
+    /* @__PURE__ */ a(Q, { position: "right", mt: n.spacing, children: /* @__PURE__ */ a(V, { type: "submit", size: n.button.size, children: "Save" }) })
   ] }) });
 }
-function fn({
+function bn({
   dataSource: e,
   postSubmit: t,
   styles: r = Se
@@ -1399,14 +1438,14 @@ function fn({
     try {
       console.log({
         config: s
-      }), await oe.datasource.update(e.id, s), ee({
+      }), await oe.datasource.update(e.id, s), J({
         id: "for-updating",
         title: "Successful",
         message: "Data source is updated",
         color: "green"
       }), t();
     } catch (o) {
-      ee({
+      J({
         id: "for-updating",
         title: "Failed",
         message: o.message,
@@ -1414,9 +1453,9 @@ function fn({
       });
     }
   };
-  return e.config ? /* @__PURE__ */ a(se, { mx: "auto", children: /* @__PURE__ */ a(gn, { name: e.key, config: e.config, submit: n, styles: r }) }) : (console.error(new Error("unexpected empty config of a http datasource")), null);
+  return e.config ? /* @__PURE__ */ a(se, { mx: "auto", children: /* @__PURE__ */ a(mn, { name: e.key, config: e.config, submit: n, styles: r }) }) : (console.error(new Error("unexpected empty config of a http datasource")), null);
 }
-function hn({
+function yn({
   dataSource: e,
   onSuccess: t,
   styles: r = Se
@@ -1424,57 +1463,57 @@ function hn({
   const [n, s] = K.useState(!1), o = () => s(!0), l = () => s(!1), p = () => {
     t(), l();
   };
-  return e.is_preset ? /* @__PURE__ */ a(We, { withArrow: !0, events: {
+  return e.is_preset ? /* @__PURE__ */ a(Ke, { withArrow: !0, events: {
     hover: !0,
     touch: !1,
     focus: !1
-  }, label: "This is a preset datasource, it can not be changed", children: /* @__PURE__ */ a(V, { size: r.button.size, color: "gray", variant: "light", leftIcon: /* @__PURE__ */ a(Vt, { size: 16 }), sx: {
+  }, label: "This is a preset datasource, it can not be changed", children: /* @__PURE__ */ a(V, { size: r.button.size, color: "gray", variant: "light", leftIcon: /* @__PURE__ */ a(Wt, { size: 16 }), sx: {
     transform: "none !important"
-  }, children: "Edit" }) }) : e.type !== "http" ? /* @__PURE__ */ a(We, { withArrow: !0, events: {
+  }, children: "Edit" }) }) : e.type !== "http" ? /* @__PURE__ */ a(Ke, { withArrow: !0, events: {
     hover: !0,
     touch: !1,
     focus: !1
-  }, label: "Only HTTP datasources can be edited", children: /* @__PURE__ */ a(V, { size: r.button.size, color: "gray", variant: "light", leftIcon: /* @__PURE__ */ a(ft, { size: 16 }), sx: {
+  }, label: "Only HTTP datasources can be edited", children: /* @__PURE__ */ a(V, { size: r.button.size, color: "gray", variant: "light", leftIcon: /* @__PURE__ */ a(ht, { size: 16 }), sx: {
     transform: "none !important"
   }, children: "Edit" }) }) : /* @__PURE__ */ C(he, { children: [
     /* @__PURE__ */ a(Ae, { opened: n, onClose: () => s(!1), title: "Add a data source", trapFocus: !0, onDragStart: (d) => {
       d.stopPropagation();
-    }, children: /* @__PURE__ */ a(fn, { dataSource: e, postSubmit: p, styles: r }) }),
-    /* @__PURE__ */ a(V, { size: r.button.size, color: "blue", onClick: o, leftIcon: /* @__PURE__ */ a(ft, { size: 16 }), children: "Edit" })
+    }, children: /* @__PURE__ */ a(bn, { dataSource: e, postSubmit: p, styles: r }) }),
+    /* @__PURE__ */ a(V, { size: r.button.size, color: "blue", onClick: o, leftIcon: /* @__PURE__ */ a(ht, { size: 16 }), children: "Edit" })
   ] });
 }
-const mn = {
+const vn = {
   http: "HTTP",
   mysql: "MySQL",
   postgresql: "PostgreSQL"
-}, bn = {
+}, Sn = {
   http: /* @__PURE__ */ a(Br, {}),
   mysql: /* @__PURE__ */ a(jr, {}),
-  postgresql: /* @__PURE__ */ a(Ur, {})
+  postgresql: /* @__PURE__ */ a(Gr, {})
 };
-function yn({
+function wn({
   type: e
 }) {
-  return /* @__PURE__ */ C(J, { children: [
-    /* @__PURE__ */ a(yt, { size: "xs", sx: {
+  return /* @__PURE__ */ C(Q, { children: [
+    /* @__PURE__ */ a(vt, { size: "xs", sx: {
       transform: "none !important"
-    }, children: bn[e] }),
+    }, children: Sn[e] }),
     /* @__PURE__ */ a(Re, { sx: {
       cusor: "default",
       userSelect: "none"
-    }, children: mn[e] })
+    }, children: vn[e] })
   ] });
 }
-function wa({
+function Ea({
   styles: e = Se,
   config: t
 }) {
-  dn(t.monacoPath), Ue(t);
+  fn(t.monacoPath), Ue(t);
   const {
     data: r = [],
     loading: n,
     refresh: s
-  } = Oe(async () => {
+  } = xe(async () => {
     const {
       data: o
     } = await oe.datasource.list();
@@ -1483,12 +1522,12 @@ function wa({
     refreshDeps: []
   });
   return /* @__PURE__ */ C(he, { children: [
-    /* @__PURE__ */ a(J, { pt: e.spacing, position: "right", children: /* @__PURE__ */ a(un, { onSuccess: s }) }),
+    /* @__PURE__ */ a(Q, { pt: e.spacing, position: "right", children: /* @__PURE__ */ a(pn, { onSuccess: s }) }),
     /* @__PURE__ */ C(se, { mt: e.spacing, sx: {
       position: "relative"
     }, children: [
-      /* @__PURE__ */ a(tt, { visible: n }),
-      /* @__PURE__ */ C(rt, { horizontalSpacing: e.spacing, verticalSpacing: e.spacing, fontSize: e.size, highlightOnHover: !0, children: [
+      /* @__PURE__ */ a(rt, { visible: n }),
+      /* @__PURE__ */ C(nt, { horizontalSpacing: e.spacing, verticalSpacing: e.spacing, fontSize: e.size, highlightOnHover: !0, children: [
         /* @__PURE__ */ a("thead", { children: /* @__PURE__ */ C("tr", { children: [
           /* @__PURE__ */ a("th", { children: "Type" }),
           /* @__PURE__ */ a("th", { children: "Name" }),
@@ -1502,11 +1541,11 @@ function wa({
             is_preset: f
           } = o;
           return /* @__PURE__ */ C("tr", { children: [
-            /* @__PURE__ */ a("td", { width: 200, children: /* @__PURE__ */ a(yn, { type: d }) }),
+            /* @__PURE__ */ a("td", { width: 200, children: /* @__PURE__ */ a(wn, { type: d }) }),
             /* @__PURE__ */ a("td", { children: p }),
-            /* @__PURE__ */ a("td", { width: 400, children: /* @__PURE__ */ C(J, { position: "left", children: [
-              /* @__PURE__ */ a(hn, { dataSource: o, onSuccess: s, styles: e }),
-              /* @__PURE__ */ a(pn, { isProtected: f, id: l, name: p, onSuccess: s, styles: e })
+            /* @__PURE__ */ a("td", { width: 400, children: /* @__PURE__ */ C(Q, { position: "left", children: [
+              /* @__PURE__ */ a(yn, { dataSource: o, onSuccess: s, styles: e }),
+              /* @__PURE__ */ a(hn, { isProtected: f, id: l, name: p, onSuccess: s, styles: e })
             ] }) })
           ] }, p);
         }) })
@@ -1514,15 +1553,15 @@ function wa({
     ] })
   ] });
 }
-const vn = Qe(({
+const En = Je(({
   label: e,
   value: t,
   description: r,
   ...n
-}, s) => /* @__PURE__ */ C(Be, { spacing: 2, ref: s, ...n, children: [
+}, s) => /* @__PURE__ */ C(je, { spacing: 2, ref: s, ...n, children: [
   /* @__PURE__ */ a(Re, { size: "sm", children: e }),
   /* @__PURE__ */ a(Re, { size: "xs", color: "dimmed", className: "role-description", children: r })
-] })), vt = Qe(({
+] })), St = Je(({
   styles: e,
   value: t,
   onChange: r
@@ -1530,7 +1569,7 @@ const vn = Qe(({
   const {
     data: s = [],
     loading: o
-  } = Oe(async () => (await oe.role.list()).map((p) => ({
+  } = xe(async () => (await oe.role.list()).map((p) => ({
     label: p.id,
     value: p.id,
     description: p.description,
@@ -1538,7 +1577,7 @@ const vn = Qe(({
   })), {
     refreshDeps: []
   });
-  return /* @__PURE__ */ a(Or, { ref: n, mb: e.spacing, size: e.size, required: !0, label: "Role", itemComponent: vn, data: s, disabled: o, styles: () => ({
+  return /* @__PURE__ */ a(Or, { ref: n, mb: e.spacing, size: e.size, required: !0, label: "Role", itemComponent: En, data: s, disabled: o, styles: () => ({
     item: {
       "&[data-selected]": {
         "&, &:hover": {
@@ -1556,7 +1595,7 @@ const vn = Qe(({
     size: "xs"
   }
 };
-function Sn({
+function _n({
   postSubmit: e,
   styles: t = ke,
   initialRoleID: r
@@ -1584,14 +1623,14 @@ function Sn({
         title: "Pending",
         message: "Adding account...",
         loading: !0
-      }), await oe.account.create(l, p, d, f), ee({
+      }), await oe.account.create(l, p, d, f), J({
         id: "for-creating",
         title: "Successful",
         message: "Account is added",
         color: "green"
       }), e();
     } catch (b) {
-      ee({
+      J({
         id: "for-creating",
         title: "Failed",
         message: b.message,
@@ -1599,22 +1638,22 @@ function Sn({
       });
     }
   }), children: [
-    /* @__PURE__ */ a(H, { name: "name", control: n, render: ({
+    /* @__PURE__ */ a(q, { name: "name", control: n, render: ({
       field: l
     }) => /* @__PURE__ */ a(ue, { mb: t.spacing, size: t.size, required: !0, label: "Username", ...l }) }),
-    /* @__PURE__ */ a(H, { name: "email", control: n, render: ({
+    /* @__PURE__ */ a(q, { name: "email", control: n, render: ({
       field: l
     }) => /* @__PURE__ */ a(ue, { mb: t.spacing, size: t.size, required: !0, label: "Email", ...l }) }),
-    /* @__PURE__ */ a(H, { name: "password", control: n, render: ({
+    /* @__PURE__ */ a(q, { name: "password", control: n, render: ({
       field: l
-    }) => /* @__PURE__ */ a(et, { mb: t.spacing, size: t.size, required: !0, label: "Password", description: "Password must be at least 8 characters long", ...l }) }),
-    /* @__PURE__ */ a(H, { name: "role_id", control: n, render: ({
+    }) => /* @__PURE__ */ a(tt, { mb: t.spacing, size: t.size, required: !0, label: "Password", description: "Password must be at least 8 characters long", ...l }) }),
+    /* @__PURE__ */ a(q, { name: "role_id", control: n, render: ({
       field: l
-    }) => /* @__PURE__ */ a(vt, { styles: t, ...l }) }),
-    /* @__PURE__ */ a(J, { position: "right", mt: t.spacing, children: /* @__PURE__ */ a(V, { type: "submit", size: t.button.size, children: "Save" }) })
+    }) => /* @__PURE__ */ a(St, { styles: t, ...l }) }),
+    /* @__PURE__ */ a(Q, { position: "right", mt: t.spacing, children: /* @__PURE__ */ a(V, { type: "submit", size: t.button.size, children: "Save" }) })
   ] }) });
 }
-function wn({
+function An({
   onSuccess: e,
   styles: t = ke,
   initialRoleID: r
@@ -1623,19 +1662,19 @@ function wn({
   return /* @__PURE__ */ C(he, { children: [
     /* @__PURE__ */ a(Ae, { opened: n, onClose: () => s(!1), title: "Add an Account", trapFocus: !0, onDragStart: (d) => {
       d.stopPropagation();
-    }, children: /* @__PURE__ */ a(Sn, { postSubmit: () => {
+    }, children: /* @__PURE__ */ a(_n, { postSubmit: () => {
       e(), l();
     }, styles: t, initialRoleID: r }) }),
-    /* @__PURE__ */ a(V, { size: t.button.size, onClick: o, leftIcon: /* @__PURE__ */ a(at, { size: 20 }), children: "Add an Account" })
+    /* @__PURE__ */ a(V, { size: t.button.size, onClick: o, leftIcon: /* @__PURE__ */ a(it, { size: 20 }), children: "Add an Account" })
   ] });
 }
-function En({
+function kn({
   id: e,
   name: t,
   onSuccess: r,
   styles: n = ke
 }) {
-  const s = je(), o = async () => {
+  const s = Ge(), o = async () => {
     if (e) {
       be({
         id: "for-deleting",
@@ -1644,14 +1683,14 @@ function En({
         loading: !0
       });
       try {
-        await oe.account.delete(e), ee({
+        await oe.account.delete(e), J({
           id: "for-deleting",
           title: "Successful",
           message: `Account [${t}] is deleted`,
           color: "green"
         }), r();
       } catch (p) {
-        ee({
+        J({
           id: "for-deleting",
           title: "Failed",
           message: p.message,
@@ -1668,9 +1707,9 @@ function En({
     onCancel: () => console.log("Cancel"),
     onConfirm: o
   });
-  return /* @__PURE__ */ a(V, { size: n.button.size, color: "red", onClick: l, leftIcon: /* @__PURE__ */ a(it, { size: 20 }), children: "Delete" });
+  return /* @__PURE__ */ a(V, { size: n.button.size, color: "red", onClick: l, leftIcon: /* @__PURE__ */ a(ot, { size: 20 }), children: "Delete" });
 }
-function _n({
+function Tn({
   id: e,
   name: t,
   email: r,
@@ -1710,14 +1749,14 @@ function _n({
         role_id: y,
         reset_password: h,
         new_password: _.trim()
-      }), ee({
+      }), J({
         id: "for-updating",
         title: "Successful",
         message: "Account is updated",
         color: "green"
       }), s();
     } catch (A) {
-      ee({
+      J({
         id: "for-updating",
         title: "Failed",
         message: A.message,
@@ -1726,37 +1765,37 @@ function _n({
     }
   }, [b, u] = d(["reset_password", "new_password"]);
   return /* @__PURE__ */ a(se, { mx: "auto", mb: 10, children: /* @__PURE__ */ C("form", { onSubmit: p(f), children: [
-    /* @__PURE__ */ a(H, { name: "name", control: l, render: ({
+    /* @__PURE__ */ a(q, { name: "name", control: l, render: ({
       field: c
     }) => /* @__PURE__ */ a(ue, { mb: o.spacing, size: o.size, required: !0, label: "Username", ...c }) }),
-    /* @__PURE__ */ a(H, { name: "email", control: l, render: ({
+    /* @__PURE__ */ a(q, { name: "email", control: l, render: ({
       field: c
     }) => /* @__PURE__ */ a(ue, { mb: o.spacing, size: o.size, required: !0, label: "Email", ...c }) }),
-    /* @__PURE__ */ a(H, { name: "role_id", control: l, render: ({
+    /* @__PURE__ */ a(q, { name: "role_id", control: l, render: ({
       field: c
-    }) => /* @__PURE__ */ a(vt, { styles: o, ...c }) }),
-    /* @__PURE__ */ a(Je, { my: 20, variant: "dashed", label: "", labelPosition: "center" }),
-    /* @__PURE__ */ a(H, { name: "reset_password", control: l, render: ({
+    }) => /* @__PURE__ */ a(St, { styles: o, ...c }) }),
+    /* @__PURE__ */ a(et, { my: 20, variant: "dashed", label: "", labelPosition: "center" }),
+    /* @__PURE__ */ a(q, { name: "reset_password", control: l, render: ({
       field: c
-    }) => /* @__PURE__ */ a(xr, { mb: o.spacing, size: o.size, label: "Reset password", checked: c.value, onChange: (g) => c.onChange(g.currentTarget.checked), styles: {
+    }) => /* @__PURE__ */ a(Cr, { mb: o.spacing, size: o.size, label: "Reset password", checked: c.value, onChange: (g) => c.onChange(g.currentTarget.checked), styles: {
       label: {
         verticalAlign: "middle"
       }
     } }) }),
     b && /* @__PURE__ */ a(
-      H,
+      q,
       {
         name: "new_password",
         control: l,
         render: ({
           field: c
-        }) => /* @__PURE__ */ a(et, { autoComplete: "off", mb: o.spacing, size: o.size, required: !0, description: "Password must be at least 8 characters long", label: "New Password", ...c })
+        }) => /* @__PURE__ */ a(tt, { autoComplete: "off", mb: o.spacing, size: o.size, required: !0, description: "Password must be at least 8 characters long", label: "New Password", ...c })
       }
     ),
-    /* @__PURE__ */ a(J, { position: "right", mt: o.spacing, children: /* @__PURE__ */ a(V, { type: "submit", size: o.button.size, children: "Submit" }) })
+    /* @__PURE__ */ a(Q, { position: "right", mt: o.spacing, children: /* @__PURE__ */ a(V, { type: "submit", size: o.button.size, children: "Submit" }) })
   ] }) });
 }
-function An({
+function Rn({
   account: e,
   onSuccess: t,
   styles: r = ke
@@ -1767,11 +1806,11 @@ function An({
   return /* @__PURE__ */ C(he, { children: [
     /* @__PURE__ */ a(Ae, { opened: n, onClose: () => s(!1), title: `Editing ${e.name}`, trapFocus: !0, onDragStart: (d) => {
       d.stopPropagation();
-    }, children: /* @__PURE__ */ a(_n, { ...e, postSubmit: p, styles: r }) }),
-    /* @__PURE__ */ a(V, { size: r.button.size, onClick: o, leftIcon: /* @__PURE__ */ a(Fr, { size: 20 }), children: "Edit" })
+    }, children: /* @__PURE__ */ a(Tn, { ...e, postSubmit: p, styles: r }) }),
+    /* @__PURE__ */ a(V, { size: r.button.size, onClick: o, leftIcon: /* @__PURE__ */ a(Nr, { size: 20 }), children: "Edit" })
   ] });
 }
-function Ea({
+function _a({
   styles: e = ke,
   config: t
 }) {
@@ -1781,7 +1820,7 @@ function Ea({
     data: r = [],
     loading: n,
     refresh: s
-  } = Oe(async () => {
+  } = xe(async () => {
     const {
       data: d
     } = await oe.account.list();
@@ -1791,7 +1830,7 @@ function Ea({
   }), {
     data: o = [],
     loading: l
-  } = Oe(async () => (await oe.role.list()).map((f) => ({
+  } = xe(async () => (await oe.role.list()).map((f) => ({
     label: f.id,
     value: f.id,
     description: f.description,
@@ -1800,12 +1839,12 @@ function Ea({
     refreshDeps: []
   });
   return /* @__PURE__ */ C(he, { children: [
-    /* @__PURE__ */ a(J, { pt: e.spacing, position: "right", children: /* @__PURE__ */ a(wn, { onSuccess: s, initialRoleID: ((p = o == null ? void 0 : o[0]) == null ? void 0 : p.value) ?? "INACTIVE" }) }),
+    /* @__PURE__ */ a(Q, { pt: e.spacing, position: "right", children: /* @__PURE__ */ a(An, { onSuccess: s, initialRoleID: ((p = o == null ? void 0 : o[0]) == null ? void 0 : p.value) ?? "INACTIVE" }) }),
     /* @__PURE__ */ C(se, { mt: e.spacing, sx: {
       position: "relative"
     }, children: [
-      /* @__PURE__ */ a(tt, { visible: n || l }),
-      /* @__PURE__ */ C(rt, { horizontalSpacing: e.spacing, verticalSpacing: e.spacing, fontSize: e.size, highlightOnHover: !0, children: [
+      /* @__PURE__ */ a(rt, { visible: n || l }),
+      /* @__PURE__ */ C(nt, { horizontalSpacing: e.spacing, verticalSpacing: e.spacing, fontSize: e.size, highlightOnHover: !0, children: [
         /* @__PURE__ */ a("thead", { children: /* @__PURE__ */ C("tr", { children: [
           /* @__PURE__ */ a("th", { children: "Username" }),
           /* @__PURE__ */ a("th", { children: "Email" }),
@@ -1823,9 +1862,9 @@ function Ea({
             /* @__PURE__ */ a("td", { width: 200, children: b }),
             /* @__PURE__ */ a("td", { width: 200, children: u }),
             /* @__PURE__ */ a("td", { width: 200, children: c }),
-            /* @__PURE__ */ a("td", { width: 200, children: /* @__PURE__ */ C(J, { position: "left", children: [
-              /* @__PURE__ */ a(An, { account: d, onSuccess: s }),
-              /* @__PURE__ */ a(En, { id: f, name: b, onSuccess: s })
+            /* @__PURE__ */ a("td", { width: 200, children: /* @__PURE__ */ C(Q, { position: "left", children: [
+              /* @__PURE__ */ a(Rn, { account: d, onSuccess: s }),
+              /* @__PURE__ */ a(kn, { id: f, name: b, onSuccess: s })
             ] }) })
           ] }, f);
         }) })
@@ -1833,7 +1872,7 @@ function Ea({
     ] })
   ] });
 }
-function kn({
+function xn({
   postSubmit: e,
   styles: t = ke
 }) {
@@ -1858,14 +1897,14 @@ function kn({
         loading: !0
       });
       const p = await oe.account.login(o.trim(), l.trim());
-      window.localStorage.setItem("token", p.token), ee({
+      window.localStorage.setItem("token", p.token), J({
         id: "for-login",
         title: "Successful",
         message: "Logged in",
         color: "green"
       }), e(p);
     } catch (p) {
-      ee({
+      J({
         id: "for-login",
         title: "Login Failed",
         message: p.message,
@@ -1873,34 +1912,34 @@ function kn({
       });
     }
   }), children: [
-    /* @__PURE__ */ a(H, { name: "name", control: r, render: ({
+    /* @__PURE__ */ a(q, { name: "name", control: r, render: ({
       field: o
     }) => /* @__PURE__ */ a(ue, { mb: t.spacing, size: t.size, required: !0, label: "Username", ...o }) }),
-    /* @__PURE__ */ a(H, { name: "password", control: r, render: ({
+    /* @__PURE__ */ a(q, { name: "password", control: r, render: ({
       field: o
-    }) => /* @__PURE__ */ a(et, { mb: t.spacing, size: t.size, required: !0, label: "Password", ...o }) }),
-    /* @__PURE__ */ a(J, { position: "right", mt: t.spacing, children: /* @__PURE__ */ a(V, { type: "submit", size: t.button.size, children: "Submit" }) })
+    }) => /* @__PURE__ */ a(tt, { mb: t.spacing, size: t.size, required: !0, label: "Password", ...o }) }),
+    /* @__PURE__ */ a(Q, { position: "right", mt: t.spacing, children: /* @__PURE__ */ a(V, { type: "submit", size: t.button.size, children: "Submit" }) })
   ] }) });
 }
-function _a({
+function Aa({
   styles: e = ke,
   config: t,
   onSuccess: r
 }) {
   return Ue(t), /* @__PURE__ */ a(he, { children: /* @__PURE__ */ a(se, { mt: e.spacing, sx: {
     position: "relative"
-  }, children: /* @__PURE__ */ a(kn, { styles: e, postSubmit: r }) }) });
+  }, children: /* @__PURE__ */ a(xn, { styles: e, postSubmit: r }) }) });
 }
-const ot = {
+const st = {
   size: "sm",
   spacing: "md",
   button: {
     size: "xs"
   }
 };
-function Tn({
+function On({
   postSubmit: e,
-  styles: t = ot,
+  styles: t = st,
   initialRoleID: r
 }) {
   const {
@@ -1927,14 +1966,14 @@ function Tn({
         app_id: d,
         app_secret: f
       } = await oe.api_key.create(l, p);
-      ee({
+      J({
         id: "for-creating",
         title: "Successful",
         message: "API Key is added",
         color: "green"
       }), e(d, f);
     } catch (d) {
-      ee({
+      J({
         id: "for-creating",
         title: "Failed",
         message: d.message,
@@ -1942,28 +1981,28 @@ function Tn({
       });
     }
   }), children: [
-    /* @__PURE__ */ a(H, { name: "name", control: n, render: ({
+    /* @__PURE__ */ a(q, { name: "name", control: n, render: ({
       field: l
     }) => /* @__PURE__ */ a(ue, { mb: t.spacing, size: t.size, required: !0, label: "Name", ...l }) }),
-    /* @__PURE__ */ a(H, { name: "role_id", control: n, render: ({
+    /* @__PURE__ */ a(q, { name: "role_id", control: n, render: ({
       field: l
-    }) => /* @__PURE__ */ a(vt, { styles: t, ...l }) }),
-    /* @__PURE__ */ a(J, { position: "right", mt: t.spacing, children: /* @__PURE__ */ a(V, { type: "submit", size: t.button.size, children: "Save" }) })
+    }) => /* @__PURE__ */ a(St, { styles: t, ...l }) }),
+    /* @__PURE__ */ a(Q, { position: "right", mt: t.spacing, children: /* @__PURE__ */ a(V, { type: "submit", size: t.button.size, children: "Save" }) })
   ] }) });
 }
-function Rn({
+function Cn({
   onSuccess: e,
-  styles: t = ot,
+  styles: t = st,
   initialRoleID: r
 }) {
-  const n = je(), [s, o] = K.useState(!1), l = () => o(!0), p = () => o(!1);
+  const n = Ge(), [s, o] = K.useState(!1), l = () => o(!0), p = () => o(!1);
   return /* @__PURE__ */ C(he, { children: [
     /* @__PURE__ */ a(Ae, { opened: s, onClose: () => o(!1), title: "Add an API Key", trapFocus: !0, onDragStart: (f) => {
       f.stopPropagation();
-    }, children: /* @__PURE__ */ a(Tn, { postSubmit: (f, b) => {
+    }, children: /* @__PURE__ */ a(On, { postSubmit: (f, b) => {
       p(), n.openModal({
         title: "API Key is generated",
-        children: /* @__PURE__ */ C(Be, { children: [
+        children: /* @__PURE__ */ C(je, { children: [
           /* @__PURE__ */ a(Re, { color: "dimmed", children: "Make sure you save it - you won't be able to access it again." }),
           /* @__PURE__ */ a(ue, { defaultValue: f, disabled: !0, label: "APP ID", styles: {
             input: {
@@ -1984,16 +2023,16 @@ function Rn({
         }
       });
     }, styles: t, initialRoleID: r }) }),
-    /* @__PURE__ */ a(V, { size: t.button.size, onClick: l, leftIcon: /* @__PURE__ */ a(at, { size: 20 }), children: "Add an API Key" })
+    /* @__PURE__ */ a(V, { size: t.button.size, onClick: l, leftIcon: /* @__PURE__ */ a(it, { size: 20 }), children: "Add an API Key" })
   ] });
 }
-function On({
+function In({
   id: e,
   name: t,
   onSuccess: r,
-  styles: n = ot
+  styles: n = st
 }) {
-  const s = je(), o = async () => {
+  const s = Ge(), o = async () => {
     if (e) {
       be({
         id: "for-deleting",
@@ -2002,14 +2041,14 @@ function On({
         loading: !0
       });
       try {
-        await oe.api_key.delete(e), ee({
+        await oe.api_key.delete(e), J({
           id: "for-deleting",
           title: "Successful",
           message: `API Key [${t}] is deleted`,
           color: "green"
         }), r();
       } catch (p) {
-        ee({
+        J({
           id: "for-deleting",
           title: "Failed",
           message: p.message,
@@ -2026,10 +2065,10 @@ function On({
     onCancel: () => console.log("Cancel"),
     onConfirm: o
   });
-  return /* @__PURE__ */ a(V, { size: n.button.size, color: "red", onClick: l, leftIcon: /* @__PURE__ */ a(it, { size: 20 }), children: "Delete" });
+  return /* @__PURE__ */ a(V, { size: n.button.size, color: "red", onClick: l, leftIcon: /* @__PURE__ */ a(ot, { size: 20 }), children: "Delete" });
 }
-function Aa({
-  styles: e = ot,
+function ka({
+  styles: e = st,
   config: t
 }) {
   var p;
@@ -2038,7 +2077,7 @@ function Aa({
     data: r = [],
     loading: n,
     refresh: s
-  } = Oe(async () => {
+  } = xe(async () => {
     const {
       data: d
     } = await oe.api_key.list();
@@ -2048,7 +2087,7 @@ function Aa({
   }), {
     data: o = [],
     loading: l
-  } = Oe(async () => (await oe.role.list()).map((f) => ({
+  } = xe(async () => (await oe.role.list()).map((f) => ({
     label: f.id,
     value: f.id,
     description: f.description,
@@ -2057,12 +2096,12 @@ function Aa({
     refreshDeps: []
   });
   return /* @__PURE__ */ C(he, { children: [
-    /* @__PURE__ */ a(J, { pt: e.spacing, position: "right", children: /* @__PURE__ */ a(Rn, { onSuccess: s, initialRoleID: ((p = o == null ? void 0 : o[0]) == null ? void 0 : p.value) ?? "INACTIVE" }) }),
+    /* @__PURE__ */ a(Q, { pt: e.spacing, position: "right", children: /* @__PURE__ */ a(Cn, { onSuccess: s, initialRoleID: ((p = o == null ? void 0 : o[0]) == null ? void 0 : p.value) ?? "INACTIVE" }) }),
     /* @__PURE__ */ C(se, { mt: e.spacing, sx: {
       position: "relative"
     }, children: [
-      /* @__PURE__ */ a(tt, { visible: n || l }),
-      /* @__PURE__ */ C(rt, { horizontalSpacing: e.spacing, verticalSpacing: e.spacing, fontSize: e.size, highlightOnHover: !0, children: [
+      /* @__PURE__ */ a(rt, { visible: n || l }),
+      /* @__PURE__ */ C(nt, { horizontalSpacing: e.spacing, verticalSpacing: e.spacing, fontSize: e.size, highlightOnHover: !0, children: [
         /* @__PURE__ */ a("thead", { children: /* @__PURE__ */ C("tr", { children: [
           /* @__PURE__ */ a("th", { children: "Name" }),
           /* @__PURE__ */ a("th", { children: "APP ID" }),
@@ -2080,14 +2119,14 @@ function Aa({
             /* @__PURE__ */ a("td", { width: 200, children: b }),
             /* @__PURE__ */ a("td", { width: 200, children: u }),
             /* @__PURE__ */ a("td", { width: 200, children: c }),
-            /* @__PURE__ */ a("td", { width: 200, children: /* @__PURE__ */ a(J, { position: "left", children: /* @__PURE__ */ a(On, { id: f, name: b, onSuccess: s }) }) })
+            /* @__PURE__ */ a("td", { width: 200, children: /* @__PURE__ */ a(Q, { position: "left", children: /* @__PURE__ */ a(In, { id: f, name: b, onSuccess: s }) }) })
           ] }, f);
         }) })
       ] })
     ] })
   ] });
 }
-const Wt = ({
+const Kt = ({
   value: e,
   onChange: t,
   height: r = "200px",
@@ -2096,7 +2135,7 @@ const Wt = ({
   const s = (l) => {
     console.log("changing"), t == null || t(l ?? "");
   }, o = !t;
-  return /* @__PURE__ */ a(Yt, { className: "minimal-monaco-editor", height: r, defaultLanguage: n, value: e, onChange: o ? void 0 : s, theme: "vs-dark", options: {
+  return /* @__PURE__ */ a(Vt, { className: "minimal-monaco-editor", height: r, defaultLanguage: n, value: e, onChange: o ? void 0 : s, theme: "vs-dark", options: {
     lineNumbers: "off",
     folding: !1,
     lineDecorationsWidth: 20,
@@ -2114,7 +2153,7 @@ const Wt = ({
     size: "xs"
   }
 };
-function xn({
+function Dn({
   postSubmit: e,
   styles: t = De
 }) {
@@ -2134,14 +2173,14 @@ function xn({
         title: "Pending",
         message: "Adding SQL Snippet...",
         loading: !0
-      }), await oe.sql_snippet.create(o), ee({
+      }), await oe.sql_snippet.create(o), J({
         id: "for-creating",
         title: "Successful",
         message: "SQL Snippet is added",
         color: "green"
       }), e();
     } catch (l) {
-      ee({
+      J({
         id: "for-creating",
         title: "Failed",
         message: l.message,
@@ -2149,21 +2188,21 @@ function xn({
       });
     }
   }), children: [
-    /* @__PURE__ */ a(H, { name: "id", control: r, render: ({
+    /* @__PURE__ */ a(q, { name: "id", control: r, render: ({
       field: o
     }) => /* @__PURE__ */ a(ue, { mb: t.spacing, size: t.size, required: !0, label: "Name", ...o }) }),
-    /* @__PURE__ */ a(H, { name: "content", control: r, render: ({
+    /* @__PURE__ */ a(q, { name: "content", control: r, render: ({
       field: o
-    }) => /* @__PURE__ */ C(Be, { spacing: 4, children: [
+    }) => /* @__PURE__ */ C(je, { spacing: 4, children: [
       /* @__PURE__ */ a(Re, { size: 14, fw: 500, color: "#212529", sx: {
         cursor: "default"
       }, children: "Content" }),
-      /* @__PURE__ */ a(Wt, { height: "600px", ...o })
+      /* @__PURE__ */ a(Kt, { height: "600px", ...o })
     ] }) }),
-    /* @__PURE__ */ a(J, { position: "right", mt: t.spacing, children: /* @__PURE__ */ a(V, { type: "submit", size: t.button.size, children: "Save" }) })
+    /* @__PURE__ */ a(Q, { position: "right", mt: t.spacing, children: /* @__PURE__ */ a(V, { type: "submit", size: t.button.size, children: "Save" }) })
   ] }) });
 }
-function Cn({
+function Ln({
   onSuccess: e,
   styles: t = De
 }) {
@@ -2171,13 +2210,13 @@ function Cn({
   return /* @__PURE__ */ C(he, { children: [
     /* @__PURE__ */ a(Ae, { opened: r, onClose: () => n(!1), title: "Add a SQL Snippet", trapFocus: !0, onDragStart: (p) => {
       p.stopPropagation();
-    }, size: "80vw", children: /* @__PURE__ */ a(xn, { postSubmit: () => {
+    }, size: "80vw", children: /* @__PURE__ */ a(Dn, { postSubmit: () => {
       o(), e();
     }, styles: t }) }),
-    /* @__PURE__ */ a(V, { size: t.button.size, onClick: s, leftIcon: /* @__PURE__ */ a(at, { size: 18 }), children: "Add a SQL Snippet" })
+    /* @__PURE__ */ a(V, { size: t.button.size, onClick: s, leftIcon: /* @__PURE__ */ a(it, { size: 18 }), children: "Add a SQL Snippet" })
   ] });
 }
-function In({
+function Fn({
   postSubmit: e,
   styles: t = De,
   id: r,
@@ -2199,14 +2238,14 @@ function In({
         title: "Pending",
         message: "Updating SQL Snippet...",
         loading: !0
-      }), await oe.sql_snippet.update(p), ee({
+      }), await oe.sql_snippet.update(p), J({
         id: "for-updating",
         title: "Successful",
         message: "SQL Snippet is updated",
         color: "green"
       }), e();
     } catch (d) {
-      ee({
+      J({
         id: "for-updating",
         title: "Failed",
         message: d.message,
@@ -2214,21 +2253,21 @@ function In({
       });
     }
   }), children: [
-    /* @__PURE__ */ a(H, { name: "id", control: s, render: ({
+    /* @__PURE__ */ a(q, { name: "id", control: s, render: ({
       field: p
     }) => /* @__PURE__ */ a(ue, { mb: t.spacing, size: t.size, required: !0, label: "Name", ...p }) }),
-    /* @__PURE__ */ a(H, { name: "content", control: s, render: ({
+    /* @__PURE__ */ a(q, { name: "content", control: s, render: ({
       field: p
-    }) => /* @__PURE__ */ C(Be, { spacing: 4, children: [
+    }) => /* @__PURE__ */ C(je, { spacing: 4, children: [
       /* @__PURE__ */ a(Re, { size: 14, fw: 500, color: "#212529", sx: {
         cursor: "default"
       }, children: "Content" }),
-      /* @__PURE__ */ a(Wt, { height: "600px", ...p })
+      /* @__PURE__ */ a(Kt, { height: "600px", ...p })
     ] }) }),
-    /* @__PURE__ */ a(J, { position: "right", mt: t.spacing, children: /* @__PURE__ */ a(V, { type: "submit", size: t.button.size, children: "Save" }) })
+    /* @__PURE__ */ a(Q, { position: "right", mt: t.spacing, children: /* @__PURE__ */ a(V, { type: "submit", size: t.button.size, children: "Save" }) })
   ] }) });
 }
-function Dn({
+function Nn({
   onSuccess: e,
   styles: t = De,
   ...r
@@ -2237,10 +2276,10 @@ function Dn({
   return /* @__PURE__ */ C(he, { children: [
     /* @__PURE__ */ a(Ae, { opened: n, onClose: () => s(!1), title: "Edit a SQL Snippet", trapFocus: !0, onDragStart: (d) => {
       d.stopPropagation();
-    }, size: "80vw", children: /* @__PURE__ */ a(In, { postSubmit: () => {
+    }, size: "80vw", children: /* @__PURE__ */ a(Fn, { postSubmit: () => {
       l(), e();
     }, styles: t, ...r }) }),
-    /* @__PURE__ */ a(V, { size: t.button.size, onClick: o, leftIcon: /* @__PURE__ */ a(ft, { size: 18 }), children: "Edit" })
+    /* @__PURE__ */ a(V, { size: t.button.size, onClick: o, leftIcon: /* @__PURE__ */ a(ht, { size: 18 }), children: "Edit" })
   ] });
 }
 /**
@@ -2251,7 +2290,7 @@ function Dn({
  * @namespace
  * @public
  */
-var mt = function() {
+var bt = function() {
   var e = /(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i, t = 0, r = {}, n = {
     /**
      * A namespace for utility methods.
@@ -2524,8 +2563,8 @@ var mt = function() {
             g.hasOwnProperty(A) || (_[A] = h[A]);
           }
         var $ = y[u];
-        return y[u] = _, n.languages.DFS(n.languages, function(M, re) {
-          re === $ && M != u && (this[M] = _);
+        return y[u] = _, n.languages.DFS(n.languages, function(M, te) {
+          te === $ && M != u && (this[M] = _);
         }), _;
       },
       // Traverse a language definition with Depth First Search
@@ -2687,41 +2726,41 @@ var mt = function() {
         for (var $ = 0; $ < k.length; ++$) {
           if (_ && _.cause == A + "," + $)
             return;
-          var M = k[$], re = M.inside, Q = !!M.lookbehind, Y = !!M.greedy, Z = M.alias;
+          var M = k[$], te = M.inside, X = !!M.lookbehind, Y = !!M.greedy, Z = M.alias;
           if (Y && !M.pattern.global) {
             var F = M.pattern.toString().match(/[imsuy]*$/)[0];
             M.pattern = RegExp(M.pattern.source, F + "g");
           }
-          for (var L = M.pattern || M, B = y.next, te = h; B !== c.tail && !(_ && te >= _.reach); te += B.value.length, B = B.next) {
+          for (var L = M.pattern || M, B = y.next, ee = h; B !== c.tail && !(_ && ee >= _.reach); ee += B.value.length, B = B.next) {
             var R = B.value;
             if (c.length > u.length)
               return;
             if (!(R instanceof s)) {
               var E = 1, S;
               if (Y) {
-                if (S = o(L, te, u, Q), !S || S.index >= u.length)
+                if (S = o(L, ee, u, X), !S || S.index >= u.length)
                   break;
-                var I = S.index, O = S.index + S[0].length, w = te;
+                var I = S.index, x = S.index + S[0].length, w = ee;
                 for (w += B.value.length; I >= w; )
                   B = B.next, w += B.value.length;
-                if (w -= B.value.length, te = w, B.value instanceof s)
+                if (w -= B.value.length, ee = w, B.value instanceof s)
                   continue;
-                for (var x = B; x !== c.tail && (w < O || typeof x.value == "string"); x = x.next)
-                  E++, w += x.value.length;
-                E--, R = u.slice(te, w), S.index -= te;
-              } else if (S = o(L, 0, R, Q), !S)
+                for (var O = B; O !== c.tail && (w < x || typeof O.value == "string"); O = O.next)
+                  E++, w += O.value.length;
+                E--, R = u.slice(ee, w), S.index -= ee;
+              } else if (S = o(L, 0, R, X), !S)
                 continue;
-              var I = S.index, N = S[0], q = R.slice(0, I), j = R.slice(I + N.length), U = te + R.length;
-              _ && U > _.reach && (_.reach = U);
+              var I = S.index, N = S[0], H = R.slice(0, I), j = R.slice(I + N.length), G = ee + R.length;
+              _ && G > _.reach && (_.reach = G);
               var le = B.prev;
-              q && (le = d(c, le, q), te += q.length), f(c, le, E);
-              var ce = new s(A, re ? n.tokenize(N, re) : N, Z, N);
+              H && (le = d(c, le, H), ee += H.length), f(c, le, E);
+              var ce = new s(A, te ? n.tokenize(N, te) : N, Z, N);
               if (B = d(c, le, ce), j && d(c, B, j), E > 1) {
                 var pe = {
                   cause: A + "," + $,
-                  reach: U
+                  reach: G
                 };
-                l(u, c, g, B.prev, te, pe), _ && pe.reach > _.reach && (_.reach = pe.reach);
+                l(u, c, g, B.prev, ee, pe), _ && pe.reach > _.reach && (_.reach = pe.reach);
               }
             }
           }
@@ -2747,8 +2786,8 @@ var mt = function() {
     return c;
   }
   return n;
-}(), m = mt;
-mt.default = mt;
+}(), m = bt;
+bt.default = bt;
 m.languages.markup = {
   comment: {
     pattern: /<!--(?:(?!<!--)[\s\S])*?-->/,
@@ -4205,34 +4244,34 @@ m.languages.sql = {
       for (var Z = Y.content, F; g.indexOf(F = p(A++, h)) !== -1; )
         ;
       return k[F] = Z, F;
-    }).join(""), M = d($, y, h), re = Object.keys(k);
+    }).join(""), M = d($, y, h), te = Object.keys(k);
     A = 0;
-    function Q(Y) {
+    function X(Y) {
       for (var Z = 0; Z < Y.length; Z++) {
-        if (A >= re.length)
+        if (A >= te.length)
           return;
         var F = Y[Z];
         if (typeof F == "string" || typeof F.content == "string") {
-          var L = re[A], B = typeof F == "string" ? F : (
+          var L = te[A], B = typeof F == "string" ? F : (
             /** @type {string} */
             F.content
-          ), te = B.indexOf(L);
-          if (te !== -1) {
+          ), ee = B.indexOf(L);
+          if (ee !== -1) {
             ++A;
-            var R = B.substring(0, te), E = f(k[L]), S = B.substring(te + L.length), O = [];
-            if (R && O.push(R), O.push(E), S) {
+            var R = B.substring(0, ee), E = f(k[L]), S = B.substring(ee + L.length), x = [];
+            if (R && x.push(R), x.push(E), S) {
               var w = [S];
-              Q(w), O.push.apply(O, w);
+              X(w), x.push.apply(x, w);
             }
-            typeof F == "string" ? (Y.splice.apply(Y, [Z, 1].concat(O)), Z += O.length - 1) : F.content = O;
+            typeof F == "string" ? (Y.splice.apply(Y, [Z, 1].concat(x)), Z += x.length - 1) : F.content = x;
           }
         } else {
-          var x = F.content;
-          Array.isArray(x) ? Q(x) : Q([x]);
+          var O = F.content;
+          Array.isArray(O) ? X(O) : X([O]);
         }
       }
     }
-    return Q(M), new e.Token(h, M, "language-" + h, g);
+    return X(M), new e.Token(h, M, "language-" + h, g);
   }
   var u = {
     javascript: !0,
@@ -4257,10 +4296,10 @@ m.languages.sql = {
           if (k.type === "template-string") {
             var M = $[1];
             if ($.length === 3 && typeof M != "string" && M.type === "embedded-code") {
-              var re = c(M), Q = M.alias, Y = Array.isArray(Q) ? Q[0] : Q, Z = e.languages[Y];
+              var te = c(M), X = M.alias, Y = Array.isArray(X) ? X[0] : X, Z = e.languages[Y];
               if (!Z)
                 continue;
-              $[1] = b(re, Z, Y);
+              $[1] = b(te, Z, Y);
             }
           } else
             y($);
@@ -5216,8 +5255,8 @@ m.languages.wasm = {
   number: /[+-]?\b(?:\d(?:_?\d)*(?:\.\d(?:_?\d)*)?(?:[eE][+-]?\d(?:_?\d)*)?|0x[\da-fA-F](?:_?[\da-fA-F])*(?:\.[\da-fA-F](?:_?[\da-fA-D])*)?(?:[pP][+-]?\d(?:_?\d)*)?)\b|\binf\b|\bnan(?::0x[\da-fA-F](?:_?[\da-fA-D])*)?\b/,
   punctuation: /[()]/
 };
-const Ln = m;
-var Fn = {
+const $n = m;
+var zn = {
   plain: {
     backgroundColor: "#2a2734",
     color: "#9a86fd"
@@ -5284,11 +5323,11 @@ var Fn = {
     }
   }]
 };
-const Nn = Fn;
-var $n = {
+const Pn = zn;
+var Mn = {
   // $FlowFixMe
-  Prism: Ln,
-  theme: Nn
+  Prism: $n,
+  theme: Pn
 };
 function $e(e, t, r) {
   return t in e ? Object.defineProperty(e, t, {
@@ -5308,7 +5347,7 @@ function _e() {
     return e;
   }, _e.apply(this, arguments);
 }
-var Pn = /\r\n|\r|\n/, zt = function(e) {
+var Bn = /\r\n|\r|\n/, Mt = function(e) {
   e.length === 0 ? e.push({
     types: ["plain"],
     content: `
@@ -5316,32 +5355,32 @@ var Pn = /\r\n|\r|\n/, zt = function(e) {
     empty: !0
   }) : e.length === 1 && e[0].content === "" && (e[0].content = `
 `, e[0].empty = !0);
-}, Mt = function(e, t) {
+}, Bt = function(e, t) {
   var r = e.length;
   return r > 0 && e[r - 1] === t ? e : e.concat(t);
-}, zn = function(e) {
+}, jn = function(e) {
   for (var t = [[]], r = [e], n = [0], s = [e.length], o = 0, l = 0, p = [], d = [p]; l > -1; ) {
     for (; (o = n[l]++) < s[l]; ) {
       var f = void 0, b = t[l], u = r[l], c = u[o];
-      if (typeof c == "string" ? (b = l > 0 ? b : ["plain"], f = c) : (b = Mt(b, c.type), c.alias && (b = Mt(b, c.alias)), f = c.content), typeof f != "string") {
+      if (typeof c == "string" ? (b = l > 0 ? b : ["plain"], f = c) : (b = Bt(b, c.type), c.alias && (b = Bt(b, c.alias)), f = c.content), typeof f != "string") {
         l++, t.push(b), r.push(f), n.push(0), s.push(f.length);
         continue;
       }
-      var g = f.split(Pn), y = g.length;
+      var g = f.split(Bn), y = g.length;
       p.push({
         types: b,
         content: g[0]
       });
       for (var h = 1; h < y; h++)
-        zt(p), d.push(p = []), p.push({
+        Mt(p), d.push(p = []), p.push({
           types: b,
           content: g[h]
         });
     }
     l--, t.pop(), r.pop(), n.pop(), s.pop();
   }
-  return zt(p), d;
-}, Mn = function(e, t) {
+  return Mt(p), d;
+}, Gn = function(e, t) {
   var r = e.plain, n = /* @__PURE__ */ Object.create(null), s = e.styles.reduce(function(o, l) {
     var p = l.languages, d = l.style;
     return p && !p.includes(t) || l.types.forEach(function(f) {
@@ -5353,13 +5392,13 @@ var Pn = /\r\n|\r|\n/, zt = function(e) {
     backgroundColor: null
   }), s;
 };
-function Bt(e, t) {
+function jt(e, t) {
   var r = {};
   for (var n in e)
     Object.prototype.hasOwnProperty.call(e, n) && t.indexOf(n) === -1 && (r[n] = e[n]);
   return r;
 }
-var Bn = /* @__PURE__ */ function(e) {
+var Un = /* @__PURE__ */ function(e) {
   function t() {
     for (var r = this, n = [], s = arguments.length; s--; )
       n[s] = arguments[s];
@@ -5367,10 +5406,10 @@ var Bn = /* @__PURE__ */ function(e) {
       if (r.themeDict !== void 0 && o.theme === r.prevTheme && o.language === r.prevLanguage)
         return r.themeDict;
       r.prevTheme = o.theme, r.prevLanguage = o.language;
-      var l = o.theme ? Mn(o.theme, o.language) : void 0;
+      var l = o.theme ? Gn(o.theme, o.language) : void 0;
       return r.themeDict = l;
     }), $e(this, "getLineProps", function(o) {
-      var l = o.key, p = o.className, d = o.style, f = Bt(o, ["key", "className", "style", "line"]), b = f, u = _e({}, b, {
+      var l = o.key, p = o.className, d = o.style, f = jt(o, ["key", "className", "style", "line"]), b = f, u = _e({}, b, {
         className: "token-line",
         style: void 0,
         key: void 0
@@ -5395,7 +5434,7 @@ var Bn = /* @__PURE__ */ function(e) {
         return Object.assign.apply(Object, [b].concat(u));
       }
     }), $e(this, "getTokenProps", function(o) {
-      var l = o.key, p = o.className, d = o.style, f = o.token, b = Bt(o, ["key", "className", "style", "token"]), u = b, c = _e({}, u, {
+      var l = o.key, p = o.className, d = o.style, f = o.token, b = jt(o, ["key", "className", "style", "token"]), u = b, c = _e({}, u, {
         className: "token " + f.types.join(" "),
         children: f.content,
         style: r.getStyleForToken(f),
@@ -5415,7 +5454,7 @@ var Bn = /* @__PURE__ */ function(e) {
     });
   }
   return e && (t.__proto__ = e), t.prototype = Object.create(e && e.prototype), t.prototype.constructor = t, t.prototype.render = function() {
-    var n = this.props, s = n.Prism, o = n.language, l = n.code, p = n.children, d = this.getThemeDict(this.props), f = s.languages[o], b = f !== void 0 ? this.tokenize(s, l, f, o) : [l], u = zn(b);
+    var n = this.props, s = n.Prism, o = n.language, l = n.code, p = n.children, d = this.getThemeDict(this.props), f = s.languages[o], b = f !== void 0 ? this.tokenize(s, l, f, o) : [l], u = jn(b);
     return p({
       tokens: u,
       className: "prism-code language-" + o,
@@ -5424,9 +5463,9 @@ var Bn = /* @__PURE__ */ function(e) {
       getTokenProps: this.getTokenProps
     });
   }, t;
-}(Ar);
-const jn = Bn;
-function Kt({ copied: e }) {
+}(kr);
+const Hn = Un;
+function Zt({ copied: e }) {
   return /* @__PURE__ */ K.createElement("svg", {
     viewBox: "0 0 15 15",
     fill: "none",
@@ -5444,8 +5483,8 @@ function Kt({ copied: e }) {
     clipRule: "evenodd"
   }));
 }
-Kt.displayName = "@mantine/prism/CopyIcon";
-const Un = (e) => ({
+Zt.displayName = "@mantine/prism/CopyIcon";
+const qn = (e) => ({
   plain: {
     color: e.colors.gray[4],
     backgroundColor: e.colors.dark[8]
@@ -5530,7 +5569,7 @@ const Un = (e) => ({
       }
     }
   ]
-}), Gn = (e) => ({
+}), Yn = (e) => ({
   plain: {
     color: e.colors.gray[9],
     backgroundColor: e.fn.rgba(e.colors.gray[0], 0.65)
@@ -5621,8 +5660,8 @@ const Un = (e) => ({
       }
     }
   ]
-}), qn = (e, t) => t === "dark" ? Un(e) : Gn(e);
-var Hn = qt((e, { colorScheme: t, native: r, maxLineSize: n, radius: s }) => ({
+}), Vn = (e, t) => t === "dark" ? qn(e) : Yn(e);
+var Wn = qt((e, { colorScheme: t, native: r, maxLineSize: n, radius: s }) => ({
   scrollArea: {},
   root: {
     position: "relative"
@@ -5632,7 +5671,7 @@ var Hn = qt((e, { colorScheme: t, native: r, maxLineSize: n, radius: s }) => ({
     position: "relative",
     fontFamily: e.fontFamilyMonospace,
     lineHeight: 1.7,
-    fontSize: ze(13),
+    fontSize: Me(13),
     overflowX: r ? "auto" : void 0,
     borderRadius: e.fn.radius(s),
     padding: `${e.spacing.sm} 0`,
@@ -5659,7 +5698,7 @@ var Hn = qt((e, { colorScheme: t, native: r, maxLineSize: n, radius: s }) => ({
   lineNumber: {
     color: t === "dark" ? e.colors.dark[4] : e.colors.gray[4],
     textAlign: "right",
-    width: `calc(8 * ${ze(n)})`,
+    width: `calc(8 * ${Me(n)})`,
     marginRight: e.dir === "ltr" ? e.spacing.xs : void 0,
     marginLeft: e.dir === "rtl" ? e.spacing.xs : void 0,
     userSelect: "none"
@@ -5668,34 +5707,34 @@ var Hn = qt((e, { colorScheme: t, native: r, maxLineSize: n, radius: s }) => ({
     width: "100%"
   }
 }));
-const Yn = Hn;
-var Vn = Object.defineProperty, Wn = Object.defineProperties, Kn = Object.getOwnPropertyDescriptors, Ze = Object.getOwnPropertySymbols, Zt = Object.prototype.hasOwnProperty, Xt = Object.prototype.propertyIsEnumerable, jt = (e, t, r) => t in e ? Vn(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, Ie = (e, t) => {
+const Kn = Wn;
+var Zn = Object.defineProperty, Xn = Object.defineProperties, Qn = Object.getOwnPropertyDescriptors, Xe = Object.getOwnPropertySymbols, Xt = Object.prototype.hasOwnProperty, Qt = Object.prototype.propertyIsEnumerable, Gt = (e, t, r) => t in e ? Zn(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, Ie = (e, t) => {
   for (var r in t || (t = {}))
-    Zt.call(t, r) && jt(e, r, t[r]);
-  if (Ze)
-    for (var r of Ze(t))
-      Xt.call(t, r) && jt(e, r, t[r]);
+    Xt.call(t, r) && Gt(e, r, t[r]);
+  if (Xe)
+    for (var r of Xe(t))
+      Qt.call(t, r) && Gt(e, r, t[r]);
   return e;
-}, Pe = (e, t) => Wn(e, Kn(t)), Zn = (e, t) => {
+}, ze = (e, t) => Xn(e, Qn(t)), Jn = (e, t) => {
   var r = {};
   for (var n in e)
-    Zt.call(e, n) && t.indexOf(n) < 0 && (r[n] = e[n]);
-  if (e != null && Ze)
-    for (var n of Ze(e))
-      t.indexOf(n) < 0 && Xt.call(e, n) && (r[n] = e[n]);
+    Xt.call(e, n) && t.indexOf(n) < 0 && (r[n] = e[n]);
+  if (e != null && Xe)
+    for (var n of Xe(e))
+      t.indexOf(n) < 0 && Qt.call(e, n) && (r[n] = e[n]);
   return r;
 };
-const Xn = {
+const ea = {
   noCopy: !1,
   copyLabel: "Copy code",
   copiedLabel: "Copied",
   withLineNumbers: !1,
   trim: !0,
   highlightLines: {},
-  scrollAreaComponent: Ht,
-  getPrismTheme: qn
-}, St = Qe((e, t) => {
-  const r = Cr("Prism", Xn, e), {
+  scrollAreaComponent: Yt,
+  getPrismTheme: Vn
+}, wt = Je((e, t) => {
+  const r = Ir("Prism", ea, e), {
     className: n,
     children: s,
     language: o,
@@ -5713,7 +5752,7 @@ const Xn = {
     radius: A,
     getPrismTheme: k,
     variant: $
-  } = r, M = Zn(r, [
+  } = r, M = Jn(r, [
     "className",
     "children",
     "language",
@@ -5731,19 +5770,19 @@ const Xn = {
     "radius",
     "getPrismTheme",
     "variant"
-  ]), re = h && typeof s == "string" ? s.trim() : s, Q = re.split(`
-`).length.toString().length, Y = Ir(), Z = qr(), F = y || Y.colorScheme, { classes: L, cx: B } = Yn({
+  ]), te = h && typeof s == "string" ? s.trim() : s, X = te.split(`
+`).length.toString().length, Y = Dr(), Z = Hr(), F = y || Y.colorScheme, { classes: L, cx: B } = Kn({
     colorScheme: F,
-    native: g !== Ht,
-    maxLineSize: Q,
+    native: g !== Yt,
+    maxLineSize: X,
     radius: A
   }, { name: "Prism", classNames: p, styles: d, unstyled: _, variant: $ });
-  return /* @__PURE__ */ K.createElement(se, Pe(Ie({
+  return /* @__PURE__ */ K.createElement(se, ze(Ie({
     className: B(L.root, n),
     ref: t
   }, M), {
     translate: "no"
-  }), !l && /* @__PURE__ */ K.createElement(We, {
+  }), !l && /* @__PURE__ */ K.createElement(Ke, {
     label: Z.copied ? b : f,
     position: "left",
     withArrow: !0,
@@ -5751,64 +5790,64 @@ const Xn = {
     offset: 6,
     color: Z.copied ? "teal" : void 0,
     unstyled: _
-  }, /* @__PURE__ */ K.createElement(yt, {
+  }, /* @__PURE__ */ K.createElement(vt, {
     className: L.copy,
     "aria-label": Z.copied ? b : f,
-    onClick: () => Z.copy(re),
+    onClick: () => Z.copy(te),
     unstyled: _
-  }, /* @__PURE__ */ K.createElement(Kt, {
+  }, /* @__PURE__ */ K.createElement(Zt, {
     copied: Z.copied
-  }))), /* @__PURE__ */ K.createElement(jn, Pe(Ie({}, $n), {
+  }))), /* @__PURE__ */ K.createElement(Hn, ze(Ie({}, Mn), {
     theme: k(Y, F),
-    code: re,
+    code: te,
     language: o
   }), ({
-    className: te,
+    className: ee,
     style: R,
     tokens: E,
     getLineProps: S,
-    getTokenProps: O
+    getTokenProps: x
   }) => /* @__PURE__ */ K.createElement(g, {
     className: L.scrollArea,
     dir: "ltr"
   }, /* @__PURE__ */ K.createElement("pre", {
-    className: B(L.code, te),
+    className: B(L.code, ee),
     style: R,
     dir: "ltr"
-  }, E.map((w, x) => {
-    var I, N, q, j;
-    if (x === E.length - 1 && w.length === 1 && w[0].content === `
+  }, E.map((w, O) => {
+    var I, N, H, j;
+    if (O === E.length - 1 && w.length === 1 && w[0].content === `
 `)
       return null;
-    const U = x + 1, le = S({ line: w, key: x }), ce = U in c, pe = F === "dark" ? Y.fn.rgba(Y.fn.themeColor((I = c[U]) == null ? void 0 : I.color, 9), 0.25) : Y.fn.themeColor((N = c[U]) == null ? void 0 : N.color, 0);
-    return /* @__PURE__ */ K.createElement("div", Pe(Ie({}, le), {
+    const G = O + 1, le = S({ line: w, key: O }), ce = G in c, pe = F === "dark" ? Y.fn.rgba(Y.fn.themeColor((I = c[G]) == null ? void 0 : I.color, 9), 0.25) : Y.fn.themeColor((N = c[G]) == null ? void 0 : N.color, 0);
+    return /* @__PURE__ */ K.createElement("div", ze(Ie({}, le), {
       className: B(L.line, le.className),
       style: Ie({}, ce ? { backgroundColor: pe } : null)
     }), u && /* @__PURE__ */ K.createElement("div", {
       className: L.lineNumber,
       style: {
-        color: ce ? Y.fn.themeColor((q = c[U]) == null ? void 0 : q.color, F === "dark" ? 5 : 8) : void 0
+        color: ce ? Y.fn.themeColor((H = c[G]) == null ? void 0 : H.color, F === "dark" ? 5 : 8) : void 0
       }
-    }, ((j = c[U]) == null ? void 0 : j.label) || U), /* @__PURE__ */ K.createElement("div", {
+    }, ((j = c[G]) == null ? void 0 : j.label) || G), /* @__PURE__ */ K.createElement("div", {
       className: L.lineContent
     }, w.map((ye, fe) => {
-      var ne, de;
-      const ve = O({ token: ye, key: fe });
-      return /* @__PURE__ */ K.createElement("span", Pe(Ie({}, ve), {
-        style: Pe(Ie({}, ve.style), {
-          color: ce ? Y.fn.themeColor((ne = c[U]) == null ? void 0 : ne.color, F === "dark" ? 5 : 8) : (de = ve == null ? void 0 : ve.style) == null ? void 0 : de.color
+      var re, de;
+      const ve = x({ token: ye, key: fe });
+      return /* @__PURE__ */ K.createElement("span", ze(Ie({}, ve), {
+        style: ze(Ie({}, ve.style), {
+          color: ce ? Y.fn.themeColor((re = c[G]) == null ? void 0 : re.color, F === "dark" ? 5 : 8) : (de = ve == null ? void 0 : ve.style) == null ? void 0 : de.color
         })
       }));
     })));
   }).filter(Boolean)))));
 });
-St.displayName = "@mantine/prism/Prism";
-var Qn = qt((e, { radius: t }) => ({
+wt.displayName = "@mantine/prism/Prism";
+var ta = qt((e, { radius: t }) => ({
   tab: {
     paddingLeft: e.spacing.sm,
     paddingRight: e.spacing.sm,
-    height: ze(34),
-    border: `${ze(1)} solid ${e.colorScheme === "dark" ? e.colors.dark[5] : e.colors.gray[3]}`,
+    height: Me(34),
+    border: `${Me(1)} solid ${e.colorScheme === "dark" ? e.colors.dark[5] : e.colors.gray[3]}`,
     borderBottom: 0,
     fontSize: e.fontSizes.sm,
     color: e.colorScheme === "dark" ? e.colors.dark[1] : e.colors.gray[7],
@@ -5838,7 +5877,7 @@ var Qn = qt((e, { radius: t }) => ({
     borderRadius: e.fn.radius(t),
     borderTopRightRadius: 0,
     borderTopLeftRadius: 0,
-    border: `${ze(1)} solid ${e.colorScheme === "dark" ? e.colors.dark[4] : e.colors.gray[3]}`,
+    border: `${Me(1)} solid ${e.colorScheme === "dark" ? e.colors.dark[4] : e.colors.gray[3]}`,
     borderTop: 0,
     overflow: "hidden"
   },
@@ -5848,32 +5887,32 @@ var Qn = qt((e, { radius: t }) => ({
     border: 0
   }
 }));
-const Qt = Qn;
-var Jn = Object.defineProperty, ea = Object.defineProperties, ta = Object.getOwnPropertyDescriptors, Xe = Object.getOwnPropertySymbols, Jt = Object.prototype.hasOwnProperty, er = Object.prototype.propertyIsEnumerable, Ut = (e, t, r) => t in e ? Jn(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, tr = (e, t) => {
+const Jt = ta;
+var ra = Object.defineProperty, na = Object.defineProperties, aa = Object.getOwnPropertyDescriptors, Qe = Object.getOwnPropertySymbols, er = Object.prototype.hasOwnProperty, tr = Object.prototype.propertyIsEnumerable, Ut = (e, t, r) => t in e ? ra(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, rr = (e, t) => {
   for (var r in t || (t = {}))
-    Jt.call(t, r) && Ut(e, r, t[r]);
-  if (Xe)
-    for (var r of Xe(t))
-      er.call(t, r) && Ut(e, r, t[r]);
+    er.call(t, r) && Ut(e, r, t[r]);
+  if (Qe)
+    for (var r of Qe(t))
+      tr.call(t, r) && Ut(e, r, t[r]);
   return e;
-}, ra = (e, t) => ea(e, ta(t)), na = (e, t) => {
+}, ia = (e, t) => na(e, aa(t)), oa = (e, t) => {
   var r = {};
   for (var n in e)
-    Jt.call(e, n) && t.indexOf(n) < 0 && (r[n] = e[n]);
-  if (e != null && Xe)
-    for (var n of Xe(e))
-      t.indexOf(n) < 0 && er.call(e, n) && (r[n] = e[n]);
+    er.call(e, n) && t.indexOf(n) < 0 && (r[n] = e[n]);
+  if (e != null && Qe)
+    for (var n of Qe(e))
+      t.indexOf(n) < 0 && tr.call(e, n) && (r[n] = e[n]);
   return r;
 };
-function aa(e) {
-  const { classes: t } = Qt({ radius: e.radius });
-  return /* @__PURE__ */ K.createElement(nt, ra(tr({}, e), {
+function sa(e) {
+  const { classes: t } = Jt({ radius: e.radius });
+  return /* @__PURE__ */ K.createElement(at, ia(rr({}, e), {
     variant: "outline",
     classNames: { tab: t.tab },
     translate: "no"
   }));
 }
-function ia(e) {
+function la(e) {
   var t = e, {
     language: r,
     children: n,
@@ -5888,7 +5927,7 @@ function ia(e) {
     getPrismTheme: c,
     colorScheme: g,
     variant: y
-  } = t, h = na(t, [
+  } = t, h = oa(t, [
     "language",
     "children",
     "radius",
@@ -5903,8 +5942,8 @@ function ia(e) {
     "colorScheme",
     "variant"
   ]);
-  const { classes: _ } = Qt({ radius: s });
-  return /* @__PURE__ */ K.createElement(nt.Panel, tr({}, h), /* @__PURE__ */ K.createElement(St, {
+  const { classes: _ } = Jt({ radius: s });
+  return /* @__PURE__ */ K.createElement(at.Panel, rr({}, h), /* @__PURE__ */ K.createElement(wt, {
     language: r,
     classNames: { root: _.prism, code: _.code },
     radius: s,
@@ -5920,17 +5959,17 @@ function ia(e) {
     variant: y
   }, n));
 }
-const Ge = St;
-Ge.Tabs = aa;
-Ge.Tab = nt.Tab;
-Ge.TabsList = nt.List;
-Ge.Panel = ia;
-function oa({
+const He = wt;
+He.Tabs = sa;
+He.Tab = at.Tab;
+He.TabsList = at.List;
+He.Panel = la;
+function ua({
   id: e,
   onSuccess: t,
   styles: r = De
 }) {
-  const n = je(), s = async () => {
+  const n = Ge(), s = async () => {
     if (e) {
       be({
         id: "for-deleting",
@@ -5939,14 +5978,14 @@ function oa({
         loading: !0
       });
       try {
-        await oe.sql_snippet.delete(e), ee({
+        await oe.sql_snippet.delete(e), J({
           id: "for-deleting",
           title: "Successful",
           message: `SQL Snippet [${e}] is deleted`,
           color: "green"
         }), t();
       } catch (l) {
-        ee({
+        J({
           id: "for-deleting",
           title: "Failed",
           message: l.message,
@@ -5966,17 +6005,17 @@ function oa({
       color: "red"
     }
   });
-  return /* @__PURE__ */ a(V, { size: r.button.size, color: "red", onClick: o, leftIcon: /* @__PURE__ */ a(it, { size: 20 }), children: "Delete" });
+  return /* @__PURE__ */ a(V, { size: r.button.size, color: "red", onClick: o, leftIcon: /* @__PURE__ */ a(ot, { size: 20 }), children: "Delete" });
 }
-function sa({
+function ca({
   content: e
 }) {
-  return /* @__PURE__ */ C(pt, { width: "60vw", shadow: "md", children: [
-    /* @__PURE__ */ a(pt.Target, { children: /* @__PURE__ */ a(yt, { size: 16, children: /* @__PURE__ */ a(Gr, {}) }) }),
-    /* @__PURE__ */ a(pt.Dropdown, { children: /* @__PURE__ */ a(Ge, { language: "sql", noCopy: !0, withLineNumbers: !0, children: e }) })
+  return /* @__PURE__ */ C(gt, { width: "60vw", shadow: "md", children: [
+    /* @__PURE__ */ a(gt.Target, { children: /* @__PURE__ */ a(vt, { size: 16, children: /* @__PURE__ */ a(Ur, {}) }) }),
+    /* @__PURE__ */ a(gt.Dropdown, { children: /* @__PURE__ */ a(He, { language: "sql", noCopy: !0, withLineNumbers: !0, children: e }) })
   ] });
 }
-function ka({
+function Ta({
   styles: e = De,
   config: t
 }) {
@@ -5985,7 +6024,7 @@ function ka({
     data: r = [],
     loading: n,
     refresh: s
-  } = Oe(async () => {
+  } = xe(async () => {
     const {
       data: o
     } = await oe.sql_snippet.list({
@@ -5999,12 +6038,12 @@ function ka({
     refreshDeps: []
   });
   return /* @__PURE__ */ C(he, { children: [
-    /* @__PURE__ */ a(J, { pt: e.spacing, position: "right", children: /* @__PURE__ */ a(Cn, { onSuccess: s }) }),
+    /* @__PURE__ */ a(Q, { pt: e.spacing, position: "right", children: /* @__PURE__ */ a(Ln, { onSuccess: s }) }),
     /* @__PURE__ */ C(se, { mt: e.spacing, sx: {
       position: "relative"
     }, children: [
-      /* @__PURE__ */ a(tt, { visible: n }),
-      /* @__PURE__ */ C(rt, { horizontalSpacing: e.spacing, verticalSpacing: e.spacing, fontSize: e.size, highlightOnHover: !0, children: [
+      /* @__PURE__ */ a(rt, { visible: n }),
+      /* @__PURE__ */ C(nt, { horizontalSpacing: e.spacing, verticalSpacing: e.spacing, fontSize: e.size, highlightOnHover: !0, children: [
         /* @__PURE__ */ a("thead", { children: /* @__PURE__ */ C("tr", { children: [
           /* @__PURE__ */ a("th", { children: "Name" }),
           /* @__PURE__ */ a("th", {}),
@@ -6021,12 +6060,12 @@ function ka({
           } = o;
           return /* @__PURE__ */ C("tr", { children: [
             /* @__PURE__ */ a("td", { children: l }),
-            /* @__PURE__ */ a("td", { width: 50, children: /* @__PURE__ */ a(sa, { content: p }) }),
+            /* @__PURE__ */ a("td", { width: 50, children: /* @__PURE__ */ a(ca, { content: p }) }),
             /* @__PURE__ */ a("td", { width: 200, children: d }),
             /* @__PURE__ */ a("td", { width: 200, children: f }),
-            /* @__PURE__ */ a("td", { width: 400, children: /* @__PURE__ */ C(J, { position: "left", children: [
-              /* @__PURE__ */ a(Dn, { ...o, onSuccess: s }),
-              /* @__PURE__ */ a(oa, { id: l, onSuccess: s })
+            /* @__PURE__ */ a("td", { width: 400, children: /* @__PURE__ */ C(Q, { position: "left", children: [
+              /* @__PURE__ */ a(Nn, { ...o, onSuccess: s }),
+              /* @__PURE__ */ a(ua, { id: l, onSuccess: s })
             ] }) })
           ] }, l);
         }) })
@@ -6034,23 +6073,28 @@ function ka({
     ] })
   ] });
 }
-const Ta = () => import("./package-798d9388.mjs").then(({
+const Ra = () => import("./package-576d8b62.mjs").then(({
   version: e
 }) => (console.log(`[@devtable/dashboard] version: ${e}`), e));
 export {
-  Aa as APIKeyList,
-  Ea as AccountList,
-  Rn as AddAPIKey,
-  wn as AddAccount,
-  un as AddDataSource,
-  Cn as AddSQLSnippet,
-  wa as DataSourceList,
-  On as DeleteAPIKey,
-  En as DeleteAccount,
-  pn as DeleteDataSource,
-  oa as DeleteSQLSnippet,
-  _a as Login,
-  ka as SQLSnippetList,
-  Dn as UpdateSQLSnippet,
-  Ta as getVersion
+  ae as APIClient,
+  ka as APIKeyList,
+  _a as AccountList,
+  Cn as AddAPIKey,
+  An as AddAccount,
+  pn as AddDataSource,
+  Ln as AddSQLSnippet,
+  Ea as DataSourceList,
+  Xr as DefaultApiClient,
+  In as DeleteAPIKey,
+  kn as DeleteAccount,
+  hn as DeleteDataSource,
+  ua as DeleteSQLSnippet,
+  Qr as FacadeApiClient,
+  Aa as Login,
+  Ta as SQLSnippetList,
+  Nn as UpdateSQLSnippet,
+  Ue as configureAPIClient,
+  Jr as facadeApiClient,
+  Ra as getVersion
 };