@devtable/dashboard 5.2.0 → 5.3.0

package/dist/dashboard.es.js

@@ -3,11 +3,11 @@ var Fa = (e, t, n) => t in e ? Va(e, t, { enumerable: !0, configurable: !0, writ
 var z = (e, t, n) => (Fa(e, typeof t != "symbol" ? t + "" : t, n), n);
 import { Box as B, Text as C, Button as T, Checkbox as st, MultiSelect as On, Select as j, TextInput as E, Group as y, Stack as R, ActionIcon as P, LoadingOverlay as Gt, Table as Bt, Tabs as k, Textarea as Pn, AppShell as zn, Modal as Fe, Divider as Z, SimpleGrid as $a, NumberInput as ke, Menu as ve, Tooltip as Ea, Paper as Ma, Code as Tr, Switch as ze, useMantineTheme as ka, ColorInput as Aa, ColorSwatch as Lr, Slider as so, createStyles as Tn, Popover as pn, Accordion as q, SegmentedControl as Oa, JsonInput as Pa } from "@mantine/core";
 import { useModals as za, ModalsProvider as uo } from "@mantine/modals";
-import { useRequest as jt, useBoolean as _t, useCreation as We, useAsyncEffect as Rt, useLatest as Nr } from "ahooks";
+import { useRequest as jt, useBoolean as _t, useCreation as Ue, useAsyncEffect as Rt, useLatest as Nr } from "ahooks";
 import { observer as V } from "mobx-react-lite";
 import * as qr from "react";
 import w, { useEffect as ne, forwardRef as Ln, useMemo as G, useState as be, createElement as Ht, useCallback as Tt, useRef as Ta, useContext as Le, createContext as La } from "react";
-import U, { omit as Ut, get as de, values as co, unset as Na, isObject as go, set as po, orderBy as qa, last as Ga, noop as Ba, defaults as ue, isEqual as Te, defaultsDeep as ot, findLastIndex as ja, isEmpty as fo, isNumber as Ha, isString as ho, range as Ua, cloneDeep as mo, maxBy as vo, merge as bo, minBy as Wa, groupBy as Ya, template as yo, cloneDeepWith as Qa, throttle as Xa } from "lodash";
+import W, { omit as Wt, get as de, values as co, unset as Na, isObject as go, set as po, orderBy as qa, last as Ga, noop as Ba, defaults as ue, isEqual as Te, defaultsDeep as ot, findLastIndex as ja, isEmpty as fo, isNumber as Ha, isString as ho, range as Wa, cloneDeep as mo, maxBy as vo, merge as bo, minBy as Ua, groupBy as Ya, template as yo, cloneDeepWith as Qa, throttle as Xa } from "lodash";
 import { useForm as Ne, Controller as D, useFieldArray as Ae } from "react-hook-form";
 import { DateRangePicker as Ja } from "@mantine/dates";
 import Ye from "dayjs";
@@ -17,7 +17,7 @@ import { Prism as nt } from "@mantine/prism";
 import { cast as Je, types as x, addDisposer as _o, getRoot as Gr, flow as cl, toGenerator as dl } from "mobx-state-tree";
 import { randomId as Se, useClipboard as gl, useElementSize as _n, useInputState as Ro } from "@mantine/hooks";
 import Do, { RichTextEditor as Io } from "@mantine/rte";
-import { makeAutoObservable as Nn, runInAction as yt, observable as Vo, toJS as Wt, reaction as Yt } from "mobx";
+import { makeAutoObservable as Nn, runInAction as yt, observable as Vo, toJS as Ut, reaction as Yt } from "mobx";
 import { showNotification as qn } from "@mantine/notifications";
 import Br from "eventemitter2";
 import wt from "chroma-js";
@@ -59,7 +59,7 @@ function Oo(e, t) {
         return;
       }
       Object.entries(o).forEach(([l, s]) => {
-        e.filters.setValueByKey(l, U.get(a, s));
+        e.filters.setValueByKey(l, W.get(a, s));
       });
     };
     return window.addEventListener("set-filter-values", n), () => {
@@ -68,7 +68,7 @@ function Oo(e, t) {
   }, [e]);
 }
 const Sl = {
-  viewPanelInFullScreen: U.noop,
+  viewPanelInFullScreen: W.noop,
   inFullScreen: !1
 }, Bn = w.createContext(Sl), Po = w.createContext(null), zo = Po.Provider;
 function ee() {
@@ -135,8 +135,8 @@ function Rl() {
     }
     function A(h, _, I) {
       {
-        var M = F.ReactDebugCurrentFrame, W = M.getStackAddendum();
-        W !== "" && (_ += "%s", I = I.concat([W]));
+        var M = F.ReactDebugCurrentFrame, U = M.getStackAddendum();
+        U !== "" && (_ += "%s", I = I.concat([U]));
         var X = I.map(function(H) {
           return String(H);
         });
@@ -152,8 +152,8 @@ function Rl() {
       var M = h.displayName;
       if (M)
         return M;
-      var W = _.displayName || _.name || "";
-      return W !== "" ? I + "(" + W + ")" : I;
+      var U = _.displayName || _.name || "";
+      return U !== "" ? I + "(" + U + ")" : I;
     }
     function De(h) {
       return h.displayName || "Context";
@@ -193,7 +193,7 @@ function Rl() {
             var M = h.displayName || null;
             return M !== null ? M : he(h.type) || "Memo";
           case p: {
-            var W = h, X = W._payload, H = W._init;
+            var U = h, X = U._payload, H = U._init;
             try {
               return he(H(X));
             } catch {
@@ -271,8 +271,8 @@ function Rl() {
         if (an === void 0)
           try {
             throw Error();
-          } catch (W) {
-            var M = W.stack.trim().match(/\n( *(at )?)/);
+          } catch (U) {
+            var M = U.stack.trim().match(/\n( *(at )?)/);
             an = M && M[1] || "";
           }
         return `
@@ -294,7 +294,7 @@ function Rl() {
       }
       var M;
       ln = !0;
-      var W = Error.prepareStackTrace;
+      var U = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var X;
       X = on.current, on.current = null, ra();
@@ -350,7 +350,7 @@ function Rl() {
             }
         }
       } finally {
-        ln = !1, on.current = X, oa(), Error.prepareStackTrace = W;
+        ln = !1, on.current = X, oa(), Error.prepareStackTrace = U;
       }
       var at = h ? h.displayName || h.name : "", zr = at ? Vt(at) : "";
       return typeof h == "function" && Ft.set(h, zr), zr;
@@ -382,9 +382,9 @@ function Rl() {
           case f:
             return $t(h.type, _, I);
           case p: {
-            var M = h, W = M._payload, X = M._init;
+            var M = h, U = M._payload, X = M._init;
             try {
-              return $t(X(W), _, I);
+              return $t(X(U), _, I);
             } catch {
             }
           }
@@ -399,7 +399,7 @@ function Rl() {
       } else
         Dr.setExtraStackFrame(null);
     }
-    function sa(h, _, I, M, W) {
+    function sa(h, _, I, M, U) {
       {
         var X = Function.call.bind(Et);
         for (var H in h)
@@ -414,7 +414,7 @@ function Rl() {
             } catch (te) {
               N = te;
             }
-            N && !(N instanceof Error) && (Mt(W), $("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", M || "React class", I, H, typeof N), Mt(null)), N instanceof Error && !(N.message in Rr) && (Rr[N.message] = !0, Mt(W), $("Failed %s type: %s", I, N.message), Mt(null));
+            N && !(N instanceof Error) && (Mt(U), $("%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).", M || "React class", I, H, typeof N), Mt(null)), N instanceof Error && !(N.message in Rr) && (Rr[N.message] = !0, Mt(U), $("Failed %s type: %s", I, N.message), Mt(null));
           }
       }
     }
@@ -493,7 +493,7 @@ function Rl() {
         });
       }
     }
-    var ba = function(h, _, I, M, W, X, H) {
+    var ba = function(h, _, I, M, U, X, H) {
       var N = {
         $$typeof: t,
         type: h,
@@ -516,13 +516,13 @@ function Rl() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: W
+        value: U
       }), Object.freeze && (Object.freeze(N.props), Object.freeze(N)), N;
     };
-    function ya(h, _, I, M, W) {
+    function ya(h, _, I, M, U) {
       {
         var X, H = {}, N = null, ge = null;
-        I !== void 0 && (Vr(I), N = "" + I), fa(_) && (Vr(_.key), N = "" + _.key), pa(_) && (ge = _.ref, ha(_, W));
+        I !== void 0 && (Vr(I), N = "" + I), fa(_) && (Vr(_.key), N = "" + _.key), pa(_) && (ge = _.ref, ha(_, U));
         for (X in _)
           Et.call(_, X) && !ga.hasOwnProperty(X) && (H[X] = _[X]);
         if (h && h.defaultProps) {
@@ -534,7 +534,7 @@ function Rl() {
           var re = typeof h == "function" ? h.displayName || h.name || "Unknown" : h;
           N && ma(H, re), ge && va(H, re);
         }
-        return ba(h, N, ge, W, M, ft.current, H);
+        return ba(h, N, ge, U, M, ft.current, H);
       }
     }
     var cn = F.ReactCurrentOwner, Er = F.ReactDebugCurrentFrame;
@@ -611,9 +611,9 @@ Check the top-level render call using <` + I + ">.");
         else if (gn(h))
           h._store && (h._store.validated = !0);
         else if (h) {
-          var W = S(h);
-          if (typeof W == "function" && W !== h.entries)
-            for (var X = W.call(h), H; !(H = X.next()).done; )
+          var U = S(h);
+          if (typeof U == "function" && U !== h.entries)
+            for (var X = U.call(h), H; !(H = X.next()).done; )
               gn(H.value) && Ar(H.value, _);
         }
       }
@@ -635,8 +635,8 @@ Check the top-level render call using <` + I + ">.");
           sa(I, h.props, "prop", M, h);
         } else if (_.PropTypes !== void 0 && !dn) {
           dn = !0;
-          var W = he(_);
-          $("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", W || "Unknown");
+          var U = he(_);
+          $("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", U || "Unknown");
         }
         typeof _.getDefaultProps == "function" && !_.getDefaultProps.isReactClassApproved && $("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
@@ -653,18 +653,18 @@ Check the top-level render call using <` + I + ">.");
         h.ref !== null && (it(h), $("Invalid attribute `ref` supplied to `React.Fragment`."), it(null));
       }
     }
-    function Pr(h, _, I, M, W, X) {
+    function Pr(h, _, I, M, U, X) {
       {
         var H = Re(h);
         if (!H) {
           var N = "";
           (h === void 0 || typeof h == "object" && h !== null && Object.keys(h).length === 0) && (N += " 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 = xa(W);
+          var ge = xa(U);
           ge ? N += ge : N += Mr();
           var te;
           h === null ? te = "null" : sn(h) ? te = "array" : h !== void 0 && h.$$typeof === t ? (te = "<" + (he(h.type) || "Unknown") + " />", N = " Did you accidentally export a JSX literal instead of a component?") : te = typeof h, $("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", te, N);
         }
-        var re = ya(h, _, I, W, X);
+        var re = ya(h, _, I, U, X);
         if (re == null)
           return re;
         if (H) {
@@ -762,7 +762,7 @@ const To = V(({
   value: n = [null, null],
   onChange: r
 }) => {
-  const o = n.map((l) => l ? Ye(l).toDate() : null);
+  const o = Array.isArray(n) ? n.map((l) => l ? Ye(l).toDate() : null) : [null, null];
   return /* @__PURE__ */ i(Ja, {
     label: e,
     value: o,
@@ -796,7 +796,7 @@ function jn(e, t = {}) {
 }
 function Hn(e, t, n) {
   const r = { ...e, filters: n }, o = t.reduce((a, l) => (a[l.key] = jn(l.value, r), a), {});
-  return U.merge({}, o, e, { filters: n });
+  return W.merge({}, { context: e, filters: n, sql_snippets: o });
 }
 function Lo(e, t, n, r) {
   try {
@@ -825,7 +825,7 @@ const rt = {
       return ["POST", "PUT"].includes(e) && (l.data = r.string ? JSON.stringify(n) : n), ul(l).then((s) => s.data).catch((s) => Promise.reject(s));
     };
   }
-}, Un = ({ type: e, key: t, sql: n }) => async () => {
+}, Wn = ({ type: e, key: t, sql: n }) => async () => {
   if (!e || !t || !n)
     return [];
   try {
@@ -837,13 +837,8 @@ const rt = {
 async function Vl({ context: e, sqlSnippets: t, title: n, query: r, filterValues: o }) {
   if (!r.sql)
     return [];
-  const { type: a, key: l, sql: s } = r, u = s.includes("$");
-  try {
-    const g = Hn(e, t, o), c = jn(s, g);
-    return u && (console.groupCollapsed(`Final SQL for: ${n}`), console.log(c), console.groupEnd()), await rt.getRequest("POST")("/query", { type: a, key: l, query: c });
-  } catch (g) {
-    return console.error(g), [];
-  }
+  const { type: a, key: l, sql: s } = r, u = s.includes("$"), g = Hn(e, t, o), c = jn(s, g);
+  return u && (console.groupCollapsed(`Final SQL for: ${n}`), console.log(c), console.groupEnd()), await rt.getRequest("POST")("/query", { type: a, key: l, query: c });
 }
 async function Fl() {
   try {
@@ -871,7 +866,7 @@ function $l({
   const o = !!t.options_query.sql, {
     data: a = [],
     loading: l
-  } = jt(Un(t.options_query), {
+  } = jt(Wn(t.options_query), {
     refreshDeps: [t.options_query, o]
   });
   return /* @__PURE__ */ i(On, {
@@ -894,7 +889,7 @@ function El({
   const o = !!t.options_query.sql, {
     data: a = [],
     loading: l
-  } = jt(Un(t.options_query), {
+  } = jt(Wn(t.options_query), {
     refreshDeps: [t.options_query, o]
   });
   return /* @__PURE__ */ i(j, {
@@ -1020,7 +1015,7 @@ const kl = V(({
   });
 }), Al = {
   layoutFrozen: !1,
-  freezeLayout: U.noop,
+  freezeLayout: W.noop,
   inEditMode: !1,
   inUseMode: !0
 }, $e = w.createContext(Al), Go = w.createContext({
@@ -1055,12 +1050,8 @@ WHERE
       context: o,
       filters: r.filters.values
     };
-    if (t) {
-      const s = r.sqlSnippets.current.reduce((u, g) => (u[g.key] = g.value, u), {});
-      l.sql_snippets = s;
-    }
-    return JSON.stringify(l, null, 2);
-  }, [o, r.sqlSnippets.current, r.filters.values, t]);
+    return t && (l.sql_snippets = r.sqlSnippets.record), JSON.stringify(l, null, 2);
+  }, [o, r.sqlSnippets.record, r.filters.values, t]);
   return /* @__PURE__ */ d(R, {
     sx: {
       border: "1px solid #eee",
@@ -1245,7 +1236,7 @@ const jo = V(function({
       });
     }
   });
-}), Uo = V(({
+}), Wo = V(({
   value: e
 }) => {
   const t = ee(), n = t.context.current, r = w.useMemo(() => Lo(e, n, t.sqlSnippets.current, t.filters.values), [e, n, t.sqlSnippets.current, t.filters.values]);
@@ -1372,7 +1363,7 @@ const jo = V(function({
         }), /* @__PURE__ */ i(k.Panel, {
           value: "Preview",
           pt: "sm",
-          children: /* @__PURE__ */ i(Uo, {
+          children: /* @__PURE__ */ i(Wo, {
             value: t.sql
           })
         })]
@@ -1616,7 +1607,7 @@ function Hl() {
     })
   });
 }
-const Ul = V(function({
+const Wl = V(function({
   opened: t,
   close: n
 }) {
@@ -1658,7 +1649,7 @@ const Ul = V(function({
   });
 });
 var Ce = /* @__PURE__ */ ((e) => (e.Select = "select", e.MultiSelect = "multi-select", e.TextInput = "text-input", e.Checkbox = "checkbox", e.DateRange = "date-range", e))(Ce || {});
-const Wo = x.model({
+const Uo = x.model({
   type: x.enumeration("DataSourceType", [Me.Postgresql, Me.MySQL, Me.HTTP]),
   key: x.string,
   sql: x.string
@@ -1675,7 +1666,7 @@ const Wo = x.model({
 })), Qo = () => Yo.create({
   required: !1,
   default_value: ""
-}), Wl = V(function({
+}), Ul = V(function({
   config: t
 }) {
   return /* @__PURE__ */ i(K, {
@@ -1781,7 +1772,7 @@ const Jl = V(function({
     data: n = [],
     loading: r,
     refresh: o
-  } = jt(Un(t), {
+  } = jt(Wn(t), {
     refreshDeps: [t]
   });
   return /* @__PURE__ */ d(R, {
@@ -1861,7 +1852,7 @@ const Jl = V(function({
       }), /* @__PURE__ */ i(k.Panel, {
         value: "Preview",
         pt: "sm",
-        children: /* @__PURE__ */ i(Uo, {
+        children: /* @__PURE__ */ i(Wo, {
           value: t.sql
         })
       }), /* @__PURE__ */ i(k.Panel, {
@@ -2082,7 +2073,7 @@ const Jl = V(function({
   select: Zl,
   "multi-select": Kl,
   "text-input": es,
-  checkbox: Wl,
+  checkbox: Ul,
   "date-range": Ql
 }, rs = [{
   label: "Select",
@@ -2219,6 +2210,10 @@ const is = V(function() {
             },
             children: t.filters.current.map((o) => /* @__PURE__ */ i(k.Tab, {
               value: o.id,
+              sx: {
+                maxWidth: "100%",
+                overflow: "scroll"
+              },
               children: o.label
             }, o.id))
           }), /* @__PURE__ */ i(T, {
@@ -2441,7 +2436,7 @@ const us = V(() => {
       children: e
     })
   })
-})), Ur = "TRIGGER_TO_ADD", ms = V(({
+})), Wr = "TRIGGER_TO_ADD", ms = V(({
   value: e,
   onChange: t,
   triggerAdd: n,
@@ -2450,7 +2445,7 @@ const us = V(() => {
 }) => {
   const a = G(() => [...o, {
     label: "Add a View",
-    value: Ur,
+    value: Wr,
     type: "TRIGGER_TO_ADD"
   }], [o, n]);
   return /* @__PURE__ */ d(y, {
@@ -2462,7 +2457,7 @@ const us = V(() => {
     children: [/* @__PURE__ */ i(j, {
       value: e,
       onChange: (s) => {
-        s !== Ur ? t(s) : n();
+        s !== Wr ? t(s) : n();
       },
       placeholder: "Pick a View",
       itemComponent: hs,
@@ -2650,7 +2645,7 @@ const Jo = V(function({
     }), /* @__PURE__ */ i(as, {
       opened: p,
       close: v
-    }), /* @__PURE__ */ i(Ul, {
+    }), /* @__PURE__ */ i(Wl, {
       opened: u,
       close: f
     }), /* @__PURE__ */ i(bs, {
@@ -2677,7 +2672,7 @@ const Ko = V(() => {
       children: /* @__PURE__ */ i(Do, {
         readOnly: !0,
         value: r.description,
-        onChange: U.noop,
+        onChange: W.noop,
         sx: {
           border: "none"
         }
@@ -2809,7 +2804,7 @@ const _s = V((e) => {
     operationId: a,
     instance: l,
     variables: s
-  } = e, u = We(() => new ys(o, l), [o, l]);
+  } = e, u = Ue(() => new ys(o, l), [o, l]);
   return Rt(async () => {
     await u.configOperation(a, s);
   }, [a, u]), xs(u) ? /* @__PURE__ */ d(K, {
@@ -2862,7 +2857,7 @@ function Ds(e) {
   return !!e.triggerId && !!e.triggerSchema;
 }
 function Is(e, t) {
-  return We(() => new Rs(e, t), [e, t]);
+  return Ue(() => new Rs(e, t), [e, t]);
 }
 const Vs = V(({
   model: e,
@@ -2937,7 +2932,7 @@ class lt {
   async deleteItem(t) {
     t === null && await this.root.deleteItem(this.path);
     const n = await this.root.getItem(this.path) || {};
-    await this.root.setItem(this.path, Ut(n, t));
+    await this.root.setItem(this.path, Wt(n, t));
   }
   async getItem(t) {
     const n = await this.root.getItem(this.path);
@@ -2969,7 +2964,7 @@ class lt {
     );
   }
 }
-class Wn {
+class Un {
   constructor(t, n, r) {
     z(this, "attachmentStorage");
     this.instance = t, this.attachmentKey = n, this.constructInstance = r, this.attachmentStorage = new lt(t.instanceData, n);
@@ -3008,7 +3003,7 @@ class ei {
     return Promise.resolve(n);
   }
   getValueFromRoot(t) {
-    return t === null ? Wt(this.rootRef.current) : de(this.rootRef.current, [t]);
+    return t === null ? Ut(this.rootRef.current) : de(this.rootRef.current, [t]);
   }
   setItem(t, n) {
     if (t === null)
@@ -3105,7 +3100,7 @@ const As = (e) => {
   return /* @__PURE__ */ i(s, {
     context: l,
     instance: a,
-    ...Ut(e, ["panel", "vizManager", "data"])
+    ...Wt(e, ["panel", "vizManager", "data"])
   });
 }, Os = (e) => {
   const {
@@ -3120,7 +3115,7 @@ const As = (e) => {
   return /* @__PURE__ */ i(u, {
     context: s,
     instance: l,
-    ...Ut(e, ["panel", "vizManager", "data", "panelInfoEditor"])
+    ...Wt(e, ["panel", "vizManager", "data", "panelInfoEditor"])
   });
 }, ni = (e, t) => {
   const n = wt.bezier(e), r = wt.bezier(t);
@@ -3168,7 +3163,7 @@ const As = (e) => {
   getColor: Jt(["#fff7f1", "darkorange", "#b60000"]),
   name: "orange",
   category: "sequential"
-}, Gs = "5.2.0";
+}, Gs = "5.3.0";
 class Bs {
   constructor(t) {
     z(this, "staticColors", /* @__PURE__ */ new Map());
@@ -3296,7 +3291,7 @@ function ri(e) {
     e && ((o = (r = (n = t.current) == null ? void 0 : n.editor) == null ? void 0 : r.clipboard) == null || o.dangerouslyPasteHTML(e));
   }, [e]), t;
 }
-function Us({
+function Ws({
   context: e
 }) {
   const {
@@ -3323,7 +3318,7 @@ function Us({
     }
   }) : null;
 }
-function Ws({
+function Us({
   context: e
 }) {
   const {
@@ -3374,7 +3369,7 @@ function Ws({
           sx: {
             flex: 1
           },
-          ...Ut(f, "ref")
+          ...Wt(f, "ref")
         })
       })]
     })
@@ -3399,8 +3394,8 @@ const Qs = {
   displayName: "RichText",
   migrator: new Ys(),
   name: "richText",
-  viewRender: Us,
-  configRender: Ws,
+  viewRender: Ws,
+  configRender: Us,
   createConfig: () => Yn
 }, Qn = {
   align: "center",
@@ -3744,7 +3739,7 @@ function ru({
     a((p) => [...p, ""]);
   }, [a]), s = w.useCallback((p) => {
     a((m) => (m.splice(p, 1), [...m]));
-  }, [a]), u = w.useMemo(() => !U.isEqual(o, t), [o, t]), g = () => {
+  }, [a]), u = w.useMemo(() => !W.isEqual(o, t), [o, t]), g = () => {
     n(o.map((p) => p.toString()));
   }, c = ka(), f = w.useMemo(() => Object.entries(c.colors).map(([p, m]) => m[6]), [c]);
   return /* @__PURE__ */ d(K, {
@@ -3896,7 +3891,7 @@ function su({
     a((c) => [...c, ""]);
   }, [a]), s = w.useCallback((c) => {
     a((f) => (f.splice(c, 1), [...f]));
-  }, [a]), u = w.useMemo(() => !U.isEqual(o, t), [o, t]);
+  }, [a]), u = w.useMemo(() => !W.isEqual(o, t), [o, t]);
   return /* @__PURE__ */ d(K, {
     children: [/* @__PURE__ */ d(y, {
       position: "left",
@@ -3948,8 +3943,8 @@ const uu = w.forwardRef(su), cu = w.forwardRef(function({
   onChange: n
 }, r) {
   const o = t.color.type, a = (l, s) => {
-    const u = U.cloneDeep(t);
-    U.set(u, l, s), n(u);
+    const u = W.cloneDeep(t);
+    W.set(u, l, s), n(u);
   };
   return /* @__PURE__ */ d(K, {
     children: [/* @__PURE__ */ i(Z, {
@@ -4019,8 +4014,8 @@ const uu = w.forwardRef(su), cu = w.forwardRef(function({
   withStyle: o = !0
 }, a) {
   const l = (s, u) => {
-    const g = U.cloneDeep(t);
-    U.set(g, s, u), n(g);
+    const g = W.cloneDeep(t);
+    W.set(g, s, u), n(g);
   };
   return /* @__PURE__ */ d(B, {
     px: "sm",
@@ -4075,15 +4070,15 @@ function Jn(e, t, n) {
   const r = e.map((u) => u[t]);
   switch (n.type) {
     case "sum":
-      return U.sum(r);
+      return W.sum(r);
     case "mean":
-      return U.mean(r);
+      return W.mean(r);
     case "median":
       return du(r);
     case "max":
-      return (o = U.max(r)) != null ? o : 0;
+      return (o = W.max(r)) != null ? o : 0;
     case "min":
-      return (a = U.min(r)) != null ? a : 0;
+      return (a = W.min(r)) != null ? a : 0;
     case "quantile":
       return (l = pl(r, n.config.p)) != null ? l : 0;
     default:
@@ -4189,7 +4184,7 @@ const fi = { test: vu, parse: gi, createTransformer: pi, getAnimatableNone: yu }
 function mn(e, t, n) {
   return n < 0 && (n += 1), n > 1 && (n -= 1), n < 1 / 6 ? e + (t - e) * 6 * n : n < 1 / 2 ? t : n < 2 / 3 ? e + (t - e) * (2 / 3 - n) * 6 : e;
 }
-function Wr({ hue: e, saturation: t, lightness: n, alpha: r }) {
+function Ur({ hue: e, saturation: t, lightness: n, alpha: r }) {
   e /= 360, t /= 100, n /= 100;
   let o = 0, a = 0, l = 0;
   if (!t)
@@ -4212,7 +4207,7 @@ const xu = (e, t, n) => {
   let n = Yr(e), r = Yr(t);
   St(!!n, Qr(e)), St(!!r, Qr(t));
   let o = n.parse(e), a = r.parse(t);
-  n === tt && (o = Wr(o), n = je), r === tt && (a = Wr(a), r = je);
+  n === tt && (o = Ur(o), n = je), r === tt && (a = Ur(a), r = je);
   const l = Object.assign({}, o);
   return (s) => {
     for (const u in l)
@@ -4507,7 +4502,7 @@ function qu({
   w.useEffect(() => {
     g(o);
   }, [o]), s(["variables", "template"]);
-  const c = u(), f = w.useMemo(() => !U.isEqual(c, n), [c, n]);
+  const c = u(), f = w.useMemo(() => !W.isEqual(c, n), [c, n]);
   return /* @__PURE__ */ i(R, {
     mt: "md",
     spacing: "xs",
@@ -4594,14 +4589,14 @@ const Nt = {
  *
  * @license MIT
  */
-function Ue(e, t) {
+function We(e, t) {
   return typeof e == "function" ? e(t) : e;
 }
 function _e(e, t) {
   return (n) => {
     t.setState((r) => ({
       ...r,
-      [e]: Ue(n, r[e])
+      [e]: We(n, r[e])
     }));
   };
 }
@@ -4926,7 +4921,7 @@ const Ot = {
   deltaPercentage: null,
   isResizingColumn: !1,
   columnSizingStart: []
-}), Uu = {
+}), Wu = {
   getDefaultColumnDef: () => Ot,
   getInitialState: (e) => ({
     columnSizing: {},
@@ -5026,7 +5021,7 @@ const Ot = {
           upHandler: (m) => {
             document.removeEventListener("mousemove", f.moveHandler), document.removeEventListener("mouseup", f.upHandler), c(m.clientX);
           }
-        }, p = Wu() ? {
+        }, p = Uu() ? {
           passive: !1
         } : !1;
         yn(o) || (document.addEventListener("mousemove", f.moveHandler, p), document.addEventListener("mouseup", f.upHandler, p)), t.setColumnSizingInfo((m) => ({
@@ -5071,7 +5066,7 @@ const Ot = {
   })
 };
 let Pt = null;
-function Wu() {
+function Uu() {
   if (typeof Pt == "boolean")
     return Pt;
   let e = !1;
@@ -5300,7 +5295,7 @@ const Qu = {
     },
     setFilterValue: (n) => {
       t.setColumnFilters((r) => {
-        const o = e.getFilterFn(), a = r == null ? void 0 : r.find((c) => c.id === e.id), l = Ue(n, a ? a.value : void 0);
+        const o = e.getFilterFn(), a = r == null ? void 0 : r.find((c) => c.id === e.id), l = We(n, a ? a.value : void 0);
         if (Kr(o, l, e)) {
           var s;
           return (s = r == null ? void 0 : r.filter((c) => c.id !== e.id)) != null ? s : [];
@@ -5342,7 +5337,7 @@ const Qu = {
     setColumnFilters: (t) => {
       const n = e.getAllLeafColumns(), r = (o) => {
         var a;
-        return (a = Ue(t, o)) == null ? void 0 : a.filter((l) => {
+        return (a = We(t, o)) == null ? void 0 : a.filter((l) => {
           const s = n.find((u) => u.id === l.id);
           if (s) {
             const u = s.getFilterFn();
@@ -5571,7 +5566,7 @@ const lc = {
         }
       },
       setPagination: (r) => {
-        const o = (a) => Ue(r, a);
+        const o = (a) => We(r, a);
         return e.options.onPaginationChange == null ? void 0 : e.options.onPaginationChange(o);
       },
       resetPagination: (r) => {
@@ -5580,7 +5575,7 @@ const lc = {
       },
       setPageIndex: (r) => {
         e.setPagination((o) => {
-          let a = Ue(r, o.pageIndex);
+          let a = We(r, o.pageIndex);
           const l = typeof e.options.pageCount > "u" || e.options.pageCount === -1 ? Number.MAX_SAFE_INTEGER : e.options.pageCount - 1;
           return a = Math.min(Math.max(0, a), l), {
             ...o,
@@ -5598,7 +5593,7 @@ const lc = {
       },
       setPageSize: (r) => {
         e.setPagination((o) => {
-          const a = Math.max(1, Ue(r, o.pageSize)), l = o.pageSize * o.pageIndex, s = Math.floor(l / a);
+          const a = Math.max(1, We(r, o.pageSize)), l = o.pageSize * o.pageIndex, s = Math.floor(l / a);
           return {
             ...o,
             pageIndex: s,
@@ -5608,7 +5603,7 @@ const lc = {
       },
       setPageCount: (r) => e.setPagination((o) => {
         var a;
-        let l = Ue(r, (a = e.options.pageCount) != null ? a : -1);
+        let l = We(r, (a = e.options.pageCount) != null ? a : -1);
         return typeof l == "number" && (l = Math.max(-1, l)), {
           ...o,
           pageCount: l
@@ -6170,7 +6165,7 @@ const vt = {
       }
     };
   }
-}, eo = [Hu, bc, lc, uc, Qu, vc, ic, Yu, sc, cc, Uu];
+}, eo = [Hu, bc, lc, uc, Qu, vc, ic, Yu, sc, cc, Wu];
 function yc(e) {
   var t;
   (e.debugAll || e.debugTable) && console.info("Creating Table Instance...");
@@ -6211,7 +6206,7 @@ function yc(e) {
       n.setState(n.initialState);
     },
     setOptions: (c) => {
-      const f = Ue(c, n.options);
+      const f = We(c, n.options);
       n.options = o(f);
     },
     getState: () => n.options.state,
@@ -6501,7 +6496,7 @@ function Vc(e) {
 const Fc = ({
   vizManager: e,
   instance: t
-}) => We(
+}) => Ue(
   () => new Li(t, e.resolveComponent(t.type), pr),
   [t, e]
 ), $c = (e, t) => {
@@ -6696,14 +6691,14 @@ const jc = Tn((e) => ({
     }
   }
 }));
-function Uc(e) {
+function Wc(e) {
   return e ? wt(e).oklch()[0] > 0.7 ? "black" : "white" : "inherit";
 }
-function Wc(e) {
+function Uc(e) {
   const t = e.tableCellContext.bgColor;
   return {
     backgroundColor: t,
-    color: Uc(t)
+    color: Wc(t)
   };
 }
 function rn(e) {
@@ -6713,7 +6708,7 @@ function rn(e) {
   return /* @__PURE__ */ i("div", {
     className: n.classes.content,
     style: {
-      ...Wc(e)
+      ...Uc(e)
     },
     children: /* @__PURE__ */ i(C, {
       className: "table-cell-text",
@@ -6977,7 +6972,7 @@ class rd {
       steps: Vo
     }, {
       deep: !1
-    }), Yt(() => Wt(this.steps), () => {
+    }), Yt(() => Ut(this.steps), () => {
       this.notifyStepChange();
     });
   }
@@ -7087,7 +7082,7 @@ const id = V(({
 }) => {
   const {
     classes: t
-  } = Ai(), n = Ua(0, 13, 1).map((r) => 100 / 12 * r).map((r) => [e.interpolation.getColor(r), r]);
+  } = Ai(), n = Wa(0, 13, 1).map((r) => 100 / 12 * r).map((r) => [e.interpolation.getColor(r), r]);
   return /* @__PURE__ */ i("div", {
     className: t.palette,
     children: n.map(([r, o], a) => /* @__PURE__ */ i(od, {
@@ -7098,7 +7093,7 @@ const id = V(({
     }, r))
   });
 }), ad = V(function(t) {
-  const n = We(() => new rd(), []);
+  const n = Ue(() => new rd(), []);
   return ne(() => {
     n.fromProps(t);
   }), n.interpolation == null ? null : /* @__PURE__ */ i(id, {
@@ -7124,7 +7119,7 @@ const id = V(({
     }));
   }
   const m = () => {
-    c(), n == null || n(Wt(a));
+    c(), n == null || n(Ut(a));
   };
   function b(S) {
     l((F) => ({
@@ -7806,7 +7801,7 @@ function Id({
     yAxis3D: g,
     zAxis3D: c
   } = ue({}, t, ar), f = G(() => {
-    const b = Wa(n, (v) => v[s]);
+    const b = Ua(n, (v) => v[s]);
     return de(b, s);
   }, [n, s]), p = G(() => {
     const b = vo(n, (v) => v[s]);
@@ -8079,7 +8074,7 @@ function Md({
     xAxisData: c,
     boxplotData: f
   } = G(() => {
-    const m = U.groupBy(n, a.data_key);
+    const m = W.groupBy(n, a.data_key);
     return {
       xAxisData: Object.keys(m),
       boxplotData: Object.values(m).map((b) => b.map((v) => v[l.data_key]))
@@ -8557,7 +8552,7 @@ function qd({ regressions: e = [] }, t) {
 }
 function Gd(e, t, n, r) {
   const o = t.map((a) => [a[n], a[r]]);
-  return U.unionBy(o, e, 0);
+  return W.unionBy(o, e, 0);
 }
 function Bd(e, t, n) {
   const r = t.reduce((o, a) => {
@@ -8627,7 +8622,7 @@ function Hd(e, t, n, r) {
   const o = t.map((l) => [l, 0]);
   return e.series.map((l) => jd(e, l, o, n, r)).flat().concat(Bd(e.reference_lines, e.variables, n));
 }
-function Ud(e, t) {
+function Wd(e, t) {
   const n = e.series.reduce(
     (r, { yAxisIndex: o, name: a }) => (r[a] = o, r),
     {}
@@ -8648,7 +8643,7 @@ function Ud(e, t) {
     }
   };
 }
-function Wd(e, t, n) {
+function Ud(e, t, n) {
   var r;
   return [
     {
@@ -8733,12 +8728,12 @@ function Xd(e, t) {
     {
       default: ({ value: g }) => g
     }
-  ), r = U.uniq(t.map((g) => g[e.x_axis_data_key])), o = Hd(e, r, t, n), { regressionDataSets: a, regressionSeries: l, regressionXAxes: s } = qd(e, t), u = {
-    xAxis: Wd(e, r, s),
+  ), r = W.uniq(t.map((g) => g[e.x_axis_data_key])), o = Hd(e, r, t, n), { regressionDataSets: a, regressionSeries: l, regressionXAxes: s } = qd(e, t), u = {
+    xAxis: Ud(e, r, s),
     yAxis: Yd(e, n),
     dataset: [...a],
     series: [...o, ...l],
-    tooltip: Ud(e, n),
+    tooltip: Wd(e, n),
     grid: Nd(e)
   };
   return ot({}, u, Qd);
@@ -10434,7 +10429,7 @@ function kg(e, t) {
     },
     color: n
   };
-  return U.merge({}, Mg, a);
+  return W.merge({}, Mg, a);
 }
 const ur = {
   series_name_key: "name",
@@ -10757,7 +10752,7 @@ const Bg = {
 };
 function jg(e, t) {
   var a, l;
-  const n = U.uniqBy(
+  const n = W.uniqBy(
     t.map((s) => [s[e.x_axis.data_key], s[e.regression.y_axis_data_key]]),
     0
   ), { regressionSeries: r } = Gg(e, n), o = {
@@ -10966,7 +10961,7 @@ const cr = {
 };
 ce.use([Qt, Eo, dt, gt, pt, Ze]);
 ce.registerTransform(Mo.regression);
-function Ug({
+function Wg({
   context: e
 }) {
   const {
@@ -11052,7 +11047,7 @@ function Ug({
     })]
   });
 }
-const Wg = [{
+const Ug = [{
   label: "Linear",
   value: "linear"
 }, {
@@ -11113,7 +11108,7 @@ function Yg({
           field: o
         }) => /* @__PURE__ */ i(j, {
           label: "Method",
-          data: Wg,
+          data: Ug,
           sx: {
             flex: 1
           },
@@ -11281,7 +11276,7 @@ const Jg = {
   displayName: "Regression Chart",
   migrator: new Xg(),
   name: "regressionChart",
-  viewRender: Ug,
+  viewRender: Wg,
   configRender: Qg,
   createConfig: () => cr
 }, dr = {
@@ -11875,7 +11870,7 @@ class wp {
         operationData: new lt(o, "data")
       };
     };
-    this.attachments = new Wn(t, "__OPERATIONS", r);
+    this.attachments = new Un(t, "__OPERATIONS", r);
   }
   async runOperation(t, n) {
     const r = await this.attachments.getInstance(t);
@@ -11926,7 +11921,7 @@ class Sp {
         triggerData: new lt(o, "data")
       };
     };
-    this.attachments = new Wn(t, ro, r);
+    this.attachments = new Un(t, ro, r);
   }
   watchTriggerSnapshotList(t) {
     return this.instance.instanceData.watchItem(
@@ -11936,7 +11931,7 @@ class Sp {
           (o) => ({
             id: de(o, "id"),
             schemaRef: de(o, "schemaRef"),
-            config: Wt(de(o, "data.config"))
+            config: Ut(de(o, "data.config"))
           })
         );
         t(r);
@@ -11981,7 +11976,7 @@ class Li {
         operationRef: u
       };
     };
-    this.attachments = new Wn(t, "__INTERACTIONS", o);
+    this.attachments = new Un(t, "__INTERACTIONS", o);
   }
   async addInteraction(t, n) {
     const r = t.id, o = n.id, a = `[${r}]:[${o}]`;
@@ -12096,7 +12091,7 @@ const Rp = V(({
     data: t
   } = pe(), n = e.viz, {
     vizManager: r
-  } = Le(qe), o = e.json, a = We(() => r.getOrCreateInstance(o), [r, n.type]), l = We(() => new Li(a, r.resolveComponent(n.type), pr), [a, n.type]);
+  } = Le(qe), o = e.json, a = Ue(() => r.getOrCreateInstance(o), [r, n.type]), l = Ue(() => new Li(a, r.resolveComponent(n.type), pr), [a, n.type]);
   return ne(() => a.instanceData.watchItem(
     null,
     Xa((s) => {
@@ -12328,7 +12323,7 @@ const Ap = V(function() {
   });
 });
 function Ni(e, t, n) {
-  const r = We(() => /* @__PURE__ */ new Set(), []), o = e.resolveComponent(t.type), [a, l] = be(!1);
+  const r = Ue(() => /* @__PURE__ */ new Set(), []), o = e.resolveComponent(t.type), [a, l] = be(!1);
   return Rt(async () => {
     if (await o.migrator.needMigration(t) && !r.has(t.id))
       try {
@@ -12414,31 +12409,32 @@ const Tp = ["richText"], qi = V(function({
   height: t,
   viz: n,
   data: r,
-  loading: o
+  loading: o,
+  error: a
 }) {
   const {
-    ref: a,
-    width: l,
-    height: s
-  } = _n(), u = w.useMemo(() => !Array.isArray(r) || r.length === 0, [r]), g = zp(r, {
-    w: l,
-    h: s
+    ref: l,
+    width: s,
+    height: u
+  } = _n(), g = w.useMemo(() => !Array.isArray(r) || r.length === 0, [r]), c = zp(r, {
+    w: s,
+    h: u
   });
   return Tp.includes(n.type) ? /* @__PURE__ */ i("div", {
     className: "viz-root",
     style: {
       height: t
     },
-    ref: a,
+    ref: l,
     children: /* @__PURE__ */ i(ut, {
-      children: g
+      children: c
     })
   }) : o ? /* @__PURE__ */ i("div", {
     className: "viz-root",
     style: {
       height: t
     },
-    ref: a,
+    ref: l,
     children: /* @__PURE__ */ i(Gt, {
       visible: o,
       exitTransitionDuration: 0
@@ -12448,13 +12444,21 @@ const Tp = ["richText"], qi = V(function({
     style: {
       height: t
     },
-    ref: a,
-    children: [u && /* @__PURE__ */ i(C, {
+    ref: l,
+    children: [a && /* @__PURE__ */ i(C, {
+      color: "red",
+      size: "md",
+      align: "center",
+      sx: {
+        fontFamily: "monospace"
+      },
+      children: a
+    }), !a && g && /* @__PURE__ */ i(C, {
       color: "gray",
       align: "center",
       children: "Empty Data"
-    }), !u && /* @__PURE__ */ i(ut, {
-      children: g
+    }), !g && /* @__PURE__ */ i(ut, {
+      children: c
     })]
   });
 }), Lp = V(() => {
@@ -12688,7 +12692,7 @@ const Hp = V(function({
       })
     })
   });
-}), Up = V(({
+}), Wp = V(({
   view: e
 }) => {
   const t = ee(), n = za(), [r, o] = w.useState(!1), a = () => o(!0), l = () => o(!1), {
@@ -12785,7 +12789,7 @@ const Hp = V(function({
     })]
   });
 });
-const Wp = V(function() {
+const Up = V(function() {
   const {
     panel: t
   } = pe(), {
@@ -12832,20 +12836,21 @@ const fr = V(function({
     inEditMode: o
   } = Le($e), {
     data: a,
-    state: l
-  } = r.getDataStuffByID(t.queryID), s = Yp(t.viz.type), u = s && l === "loading", g = t.title ? "calc(100% - 25px - 5px)" : "100%", c = Xp(t, s, o), f = s || o;
+    state: l,
+    error: s
+  } = r.getDataStuffByID(t.queryID), u = Yp(t.viz.type), g = u && l === "loading", c = t.title ? "calc(100% - 25px - 5px)" : "100%", f = Xp(t, u, o), p = u || o;
   return /* @__PURE__ */ i(Ol, {
     value: {
       panel: t,
       data: a,
-      loading: u
+      loading: g
     },
     children: /* @__PURE__ */ d(B, {
       className: "panel-root",
       p: 5,
       pt: 0,
       sx: {
-        ...c
+        ...f
       },
       children: [/* @__PURE__ */ i(B, {
         sx: {
@@ -12856,13 +12861,14 @@ const fr = V(function({
           zIndex: 310
         },
         children: /* @__PURE__ */ i(Ko, {})
-      }), f && /* @__PURE__ */ i(Up, {
+      }), p && /* @__PURE__ */ i(Wp, {
         view: n
-      }), /* @__PURE__ */ i(Wp, {}), /* @__PURE__ */ i(qi, {
+      }), /* @__PURE__ */ i(Up, {}), /* @__PURE__ */ i(qi, {
         viz: t.viz,
         data: a,
-        loading: u,
-        height: g
+        loading: g,
+        error: s,
+        height: c
       })]
     })
   });
@@ -13041,7 +13047,7 @@ const Jp = w.forwardRef(({
   size: t.config.width,
   overflow: "inside",
   opened: !0,
-  onClose: U.noop,
+  onClose: W.noop,
   withCloseButton: !1,
   title: t.name,
   trapFocus: !0,
@@ -13210,7 +13216,7 @@ const Jp = w.forwardRef(({
         panel: s,
         exitFullScreen: a
       }), !l && /* @__PURE__ */ i(Jo, {
-        saveChanges: U.noop
+        saveChanges: W.noop
       }), /* @__PURE__ */ i(cf, {
         view: t,
         children: /* @__PURE__ */ d(B, {
@@ -13237,11 +13243,11 @@ const Jp = w.forwardRef(({
   setValue(t) {
     e.value = t;
   }
-})), Ui = x.model("FilterConfigModel_Select", {
+})), Wi = x.model("FilterConfigModel_Select", {
   required: x.boolean,
   default_value: x.string,
   static_options: x.optional(x.array(Hi), []),
-  options_query: Wo
+  options_query: Uo
 }).actions((e) => ({
   addStaticOption(t) {
     e.static_options.push(t);
@@ -13258,7 +13264,7 @@ const Jp = w.forwardRef(({
   setOptionsQuery(t) {
     e.options_query = t;
   }
-})), gf = () => Ui.create({
+})), gf = () => Wi.create({
   required: !1,
   default_value: "",
   static_options: [],
@@ -13267,10 +13273,10 @@ const Jp = w.forwardRef(({
     key: "",
     sql: ""
   }
-}), Wi = x.model("FilterConfigModel_MultiSelect", {
+}), Ui = x.model("FilterConfigModel_MultiSelect", {
   default_value: x.optional(x.array(x.string), []),
   static_options: x.optional(x.array(Hi), []),
-  options_query: Wo
+  options_query: Uo
 }).actions((e) => ({
   addStaticOption(t) {
     e.static_options.push(t);
@@ -13284,7 +13290,7 @@ const Jp = w.forwardRef(({
   setOptionsQuery(t) {
     e.options_query = t;
   }
-})), pf = () => Wi.create({
+})), pf = () => Ui.create({
   default_value: [],
   static_options: [],
   options_query: {
@@ -13356,8 +13362,8 @@ const Jp = w.forwardRef(({
     Ce.DateRange
   ]),
   config: x.union(
-    Ui,
     Wi,
+    Ui,
     Yo,
     Yi,
     Qi
@@ -13424,20 +13430,20 @@ const bf = x.model("FiltersModel", {
   values: x.optional(x.frozen(), {})
 }).views((e) => ({
   get changed() {
-    return !U.isEqual(e.original, e.current);
+    return !W.isEqual(e.original, e.current);
   },
   get firstID() {
     if (e.current.length !== 0)
       return e.current[0].id;
   },
   get inOrder() {
-    return U.sortBy(e.current, "order");
+    return W.sortBy(e.current, "order");
   },
   get empty() {
     return e.current.length === 0;
   },
   visibleInView(t) {
-    return U.sortBy(
+    return W.sortBy(
       e.current.filter((n) => n.visibleInViewsIDs.includes(t)),
       "order"
     );
@@ -13454,7 +13460,7 @@ const bf = x.model("FiltersModel", {
   }
 })).actions((e) => ({
   reset() {
-    e.current = U.cloneDeep(e.original);
+    e.current = W.cloneDeep(e.original);
   },
   replace(t) {
     e.current = Je(t);
@@ -13662,7 +13668,9 @@ const Ki = x.model("QueryModel", {
           })
         ), e.state = "idle";
       } catch (t) {
-        console.error(t), e.error = t, e.state = "error";
+        e.data.length = 0;
+        const n = t.response.data;
+        e.error = n.detail.message, e.state = "error";
       }
     }
   })
@@ -13681,7 +13689,7 @@ const Ki = x.model("QueryModel", {
   current: x.optional(x.array(wf), [])
 }).views((e) => ({
   get changed() {
-    return e.original.length !== e.current.length ? !0 : e.original.some((t, n) => !U.isEqual(t.configurations, e.current[n].configurations));
+    return e.original.length !== e.current.length ? !0 : e.original.some((t, n) => !W.isEqual(t.configurations, e.current[n].configurations));
   },
   get firstID() {
     if (e.current.length !== 0)
@@ -13769,14 +13777,17 @@ const Ki = x.model("QueryModel", {
   current: x.optional(x.array(ao), [])
 }).views((e) => ({
   get changed() {
-    return !U.isEqual(e.original, e.current);
+    return !W.isEqual(e.original, e.current);
   },
   get json() {
     return e.current.map((t) => t.json);
+  },
+  get record() {
+    return e.current.reduce((t, n) => (t[n.key] = n.value, t), {});
   }
 })).actions((e) => ({
   reset() {
-    e.current = U.cloneDeep(e.original);
+    e.current = W.cloneDeep(e.original);
   },
   replace(t) {
     e.current = Je(t);
@@ -14022,7 +14033,7 @@ const Ki = x.model("QueryModel", {
   idOfVIE: x.string
 }).views((e) => ({
   get changed() {
-    return e.original.length !== e.current.length ? !0 : e.original.some((t, n) => !U.isEqual(t.json, e.current[n].json));
+    return e.original.length !== e.current.length ? !0 : e.original.some((t, n) => !W.isEqual(t.json, e.current[n].json));
   },
   get json() {
     return e.current.map((t) => t.json);
@@ -14149,7 +14160,7 @@ const kf = x.model({
     return n ? {
       data: n.data.toJSON(),
       state: n.state,
-      error: void 0
+      error: n.error
     } : {
       data: [],
       state: "idle",
@@ -14207,7 +14218,7 @@ const hh = V(function({
       }
     };
     await r(S);
-  }, p = We(Ti, []);
+  }, p = Ue(Ti, []);
   return /* @__PURE__ */ i(uo, {
     children: /* @__PURE__ */ i(zo, {
       value: c,
@@ -14254,7 +14265,7 @@ const hh = V(function({
       children: /* @__PURE__ */ i($e.Provider, {
         value: {
           layoutFrozen: !0,
-          freezeLayout: U.noop,
+          freezeLayout: W.noop,
           inEditMode: !1,
           inUseMode: !0
         },