@devtable/dashboard 10.9.2 → 10.9.4

package/dist/dashboard.es.js

@@ -2,14 +2,14 @@ var bu = Object.defineProperty;
 var yu = (t, e, n) => e in t ? bu(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
 var Y = (t, e, n) => (yu(t, typeof e != "symbol" ? e + "" : e, n), n);
 import z, { useEffect as W, useState as K, useCallback as ot, useMemo as M, forwardRef as Se, createElement as Xr, useContext as Ot, useRef as Js, createContext as Zs, memo as xu } from "react";
-import { Text as C, Select as P, Stack as S, Group as w, TextInput as A, Button as $, Box as V, Switch as Je, NumberInput as le, Divider as R, Paper as Vo, Code as rs, Modal as De, Tabs as g, ActionIcon as Q, LoadingOverlay as Cn, Alert as el, useMantineTheme as tl, ColorInput as No, ColorSwatch as ji, Slider as vu, Overlay as on, Checkbox as we, Center as Sn, CheckIcon as wu, MANTINE_SIZES as _u, SimpleGrid as tn, Tooltip as Ve, SegmentedControl as Cu, HoverCard as rt, Anchor as Gi, Textarea as Su, Collapse as Bo, Table as Ft, NativeSelect as nl, Flex as Nn, MultiSelect as sr, createStyles as Bn, Popover as Mi, Badge as lr, CloseButton as rl, Menu as He, Header as ku, ThemeIcon as $i, List as is, UnstyledButton as Tu, Navbar as Bt, JsonInput as il, Drawer as Du, Radio as os, Skeleton as as, NavLink as Yi, Pagination as Iu, AppShell as ol } from "@mantine/core";
+import { Text as C, Select as P, Stack as S, Group as w, TextInput as A, Button as $, Box as V, Switch as Je, NumberInput as le, Divider as R, Paper as Vo, Code as rs, Modal as Ie, Tabs as g, ActionIcon as Q, LoadingOverlay as Cn, Alert as el, useMantineTheme as tl, ColorInput as No, ColorSwatch as ji, Slider as vu, Overlay as on, Checkbox as we, Center as Sn, CheckIcon as wu, MANTINE_SIZES as _u, SimpleGrid as tn, Tooltip as Ve, SegmentedControl as Cu, HoverCard as rt, Anchor as Gi, Textarea as Su, Collapse as Bo, Table as Ft, NativeSelect as nl, Flex as Nn, MultiSelect as sr, createStyles as Bn, Popover as Mi, Badge as lr, CloseButton as rl, Menu as He, Header as ku, ThemeIcon as $i, List as is, UnstyledButton as Tu, Navbar as Bt, JsonInput as il, Drawer as Du, Radio as os, Skeleton as as, NavLink as Yi, Pagination as Iu, AppShell as ol } from "@mantine/core";
 import { useModals as Gt, ModalsProvider as al } from "@mantine/modals";
 import { useBoolean as et, useCreation as Tt, useAsyncEffect as gr, useRequest as xn, useLatest as ss, usePrevious as Mu } from "ahooks";
 import { toJS as an, reaction as kt, makeAutoObservable as br, observable as sl, runInAction as rr } from "mobx";
 import { observer as D } from "mobx-react-lite";
 import ll from "crypto-js";
 import Z from "dayjs";
-import k, { template as qo, cloneDeepWith as cl, get as de, isEqual as Ce, orderBy as $u, last as dl, omit as vn, values as ul, unset as zu, isObject as hl, set as Wo, isFunction as Lu, defaults as Ne, minBy as Au, maxBy as Eu, cloneDeep as Qe, throttle as Ru, defaultsDeep as Ie, keyBy as Ou, isEmpty as pl, isNumber as Fu, findLastIndex as Pu, isString as fl, range as Vu, pick as ml } from "lodash";
+import k, { template as qo, cloneDeepWith as cl, get as de, isEqual as Ce, orderBy as $u, last as dl, omit as vn, values as ul, unset as zu, isObject as hl, set as Wo, isFunction as Lu, defaults as Ne, minBy as Au, maxBy as Eu, cloneDeep as Qe, throttle as Ru, defaultsDeep as Me, keyBy as Ou, isEmpty as pl, isNumber as Fu, findLastIndex as Pu, isString as fl, range as Vu, pick as ml } from "lodash";
 import ce from "numbro";
 import * as Nu from "d3-array";
 import { quantile as zr } from "d3-array";
@@ -200,14 +200,14 @@ function mp() {
         }
       return null;
     }
-    var Me = Object.assign, Ye = 0, ke, Fe, Le, Xe, gt, un, wr;
+    var $e = Object.assign, Ye = 0, ke, Fe, Te, Xe, gt, un, wr;
     function _r() {
     }
     _r.__reactDisabledLog = !0;
     function _i() {
       {
         if (Ye === 0) {
-          ke = console.log, Fe = console.info, Le = console.warn, Xe = console.error, gt = console.group, un = console.groupCollapsed, wr = console.groupEnd;
+          ke = console.log, Fe = console.info, Te = console.warn, Xe = console.error, gt = console.group, un = console.groupCollapsed, wr = console.groupEnd;
           var _ = {
             configurable: !0,
             enumerable: !0,
@@ -236,25 +236,25 @@ function mp() {
             writable: !0
           };
           Object.defineProperties(console, {
-            log: Me({}, _, {
+            log: $e({}, _, {
               value: ke
             }),
-            info: Me({}, _, {
+            info: $e({}, _, {
               value: Fe
             }),
-            warn: Me({}, _, {
-              value: Le
+            warn: $e({}, _, {
+              value: Te
             }),
-            error: Me({}, _, {
+            error: $e({}, _, {
               value: Xe
             }),
-            group: Me({}, _, {
+            group: $e({}, _, {
               value: gt
             }),
-            groupCollapsed: Me({}, _, {
+            groupCollapsed: $e({}, _, {
               value: un
             }),
-            groupEnd: Me({}, _, {
+            groupEnd: $e({}, _, {
               value: wr
             })
           });
@@ -950,7 +950,7 @@ const kp = {
   freezeLayout: k.noop,
   inEditMode: !1
 }, In = z.createContext(kp), ec = z.createContext(null), tc = ec.Provider;
-function ze() {
+function Le() {
   const t = z.useContext(ec);
   if (!t)
     throw new Error("Please use ModelContextProvider");
@@ -1073,9 +1073,9 @@ const rc = b.model("FilterConfigModel_Checkbox", {
   description: "",
   default_value: !1
 });
-var $e = /* @__PURE__ */ ((t) => (t.Postgresql = "postgresql", t.MySQL = "mysql", t.HTTP = "http", t))($e || {}), Ue = /* @__PURE__ */ ((t) => (t.Select = "select", t.MultiSelect = "multi-select", t.TreeSelect = "tree-select", t.TextInput = "text-input", t.Checkbox = "checkbox", t.DateRange = "date-range", t))(Ue || {});
+var ze = /* @__PURE__ */ ((t) => (t.Postgresql = "postgresql", t.MySQL = "mysql", t.HTTP = "http", t))(ze || {}), Ue = /* @__PURE__ */ ((t) => (t.Select = "select", t.MultiSelect = "multi-select", t.TreeSelect = "tree-select", t.TextInput = "text-input", t.Checkbox = "checkbox", t.DateRange = "date-range", t))(Ue || {});
 b.model({
-  type: b.enumeration("DataSourceType", [$e.Postgresql, $e.MySQL, $e.HTTP]),
+  type: b.enumeration("DataSourceType", [ze.Postgresql, ze.MySQL, ze.HTTP]),
   key: b.string,
   sql: b.string
 });
@@ -1716,7 +1716,7 @@ function pc(t) {
 const Bp = b.model("QueryModel", {
   id: b.string,
   name: b.string,
-  type: b.enumeration("DataSourceType", [$e.Postgresql, $e.MySQL, $e.HTTP]),
+  type: b.enumeration("DataSourceType", [ze.Postgresql, ze.MySQL, ze.HTTP]),
   key: b.string,
   sql: b.string,
   pre_process: b.optional(b.string, ""),
@@ -1725,7 +1725,7 @@ const Bp = b.model("QueryModel", {
   react_to: b.optional(b.array(b.string), [])
 }).views((t) => ({
   get valid() {
-    return t.id && t.type && t.key && t.name ? t.type === $e.HTTP ? !!t.pre_process : !!t.sql : !1;
+    return t.id && t.type && t.key && t.name ? t.type === ze.HTTP ? !!t.pre_process : !!t.sql : !1;
   },
   get json() {
     const {
@@ -1867,10 +1867,10 @@ const Hp = b.compose("QueryModel", Bp, b.model({
     return Qo(t.sql, e);
   },
   get typedAsSQL() {
-    return [$e.Postgresql, $e.MySQL].includes(t.type);
+    return [ze.Postgresql, ze.MySQL].includes(t.type);
   },
   get typedAsHTTP() {
-    return [$e.HTTP].includes(t.type);
+    return [ze.HTTP].includes(t.type);
   },
   get datasource() {
     const {
@@ -2158,13 +2158,13 @@ const Hp = b.compose("QueryModel", Bp, b.model({
       table_name: r,
       table_schema: o
     } = e;
-    if (n === $e.MySQL)
+    if (n === ze.MySQL)
       return `
           SELECT ordinal_position, column_key, column_name, column_type, is_nullable, column_default, column_comment
           FROM information_schema.columns
           WHERE table_name = '${r}' AND table_schema = '${o}'
         `;
-    if (n === $e.Postgresql) {
+    if (n === ze.Postgresql) {
       const a = `'${o}.${r}'::regclass`;
       return `
           SELECT
@@ -2204,7 +2204,7 @@ const Hp = b.compose("QueryModel", Bp, b.model({
       table_name: r,
       table_schema: o
     } = e;
-    return n === $e.MySQL ? `
+    return n === ze.MySQL ? `
           SELECT
             sub_part AS index_length,
             index_name AS index_name,
@@ -2217,7 +2217,7 @@ const Hp = b.compose("QueryModel", Bp, b.model({
             table_name = '${r}' AND table_schema = '${o}'
           ORDER BY
             seq_in_index ASC;
-        ` : n === $e.Postgresql ? `
+        ` : n === ze.Postgresql ? `
           SELECT
             ix.relname AS index_name,
             upper(am.amname) AS index_algorithm,
@@ -2254,7 +2254,7 @@ const Hp = b.compose("QueryModel", Bp, b.model({
   },
   get sql() {
     const e = it(t, 1).type;
-    return e === $e.MySQL || e === $e.Postgresql ? "SELECT table_schema, table_name, table_type FROM information_schema.tables ORDER BY table_schema, table_name" : "";
+    return e === ze.MySQL || e === ze.Postgresql ? "SELECT table_schema, table_name, table_type FROM information_schema.tables ORDER BY table_schema, table_name" : "";
   }
 })), tf = b.model({
   page: b.optional(b.number, 1),
@@ -2327,7 +2327,7 @@ const Hp = b.compose("QueryModel", Bp, b.model({
   }
 })), nf = b.model("DataSourceModel", {
   id: b.string,
-  type: b.enumeration("DataSourceType", [$e.HTTP, $e.MySQL, $e.Postgresql]),
+  type: b.enumeration("DataSourceType", [ze.HTTP, ze.MySQL, ze.Postgresql]),
   key: b.string,
   config: b.frozen(),
   tables: b.optional(ef, {}),
@@ -3024,7 +3024,7 @@ class Zo {
     }), this.instanceRegistry.clear(), this.factoryRegistry.clear();
   }
 }
-const yc = "10.9.2", Cf = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const yc = "10.9.4", Cf = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   version: yc
 }, Symbol.toStringTag, { value: "Module" }));
@@ -3782,7 +3782,7 @@ const Wf = D((t) => {
     await c.configOperation(a, l);
   }, [a, c]), Vf(c) ? /* @__PURE__ */ u(G, { children: [
     /* @__PURE__ */ i(Nf, { model: c, onClick: n }),
-    /* @__PURE__ */ i(De, { size: 600, opened: e, onClose: r, title: "Operation Settings", zIndex: 320, children: /* @__PURE__ */ u(S, { children: [
+    /* @__PURE__ */ i(Ie, { size: 600, opened: e, onClose: r, title: "Operation Settings", zIndex: 320, children: /* @__PURE__ */ u(S, { children: [
       /* @__PURE__ */ i(qf, { model: c }),
       /* @__PURE__ */ u(g, { defaultValue: "settings", children: [
         /* @__PURE__ */ u(g.List, { children: [
@@ -3861,7 +3861,7 @@ const Hf = D(({
     setFalse: r
   }] = et(!1), o = t.model;
   return /* @__PURE__ */ u(G, { children: [
-    /* @__PURE__ */ i(De, { opened: e, onClose: r, title: "Setup Trigger", zIndex: 320, children: /* @__PURE__ */ u(S, { children: [
+    /* @__PURE__ */ i(Ie, { opened: e, onClose: r, title: "Setup Trigger", zIndex: 320, children: /* @__PURE__ */ u(S, { children: [
       /* @__PURE__ */ i(Qf, { model: o }),
       /* @__PURE__ */ i(Uf, { model: o }),
       /* @__PURE__ */ i(Cc, { title: "Payload", variables: o.triggerSchema.payload })
@@ -4911,7 +4911,7 @@ const Om = ({
     /* @__PURE__ */ i($, { variant: "filled", mt: 24, onClick: o, sx: {
       flexGrow: 0
     }, children: "Customize Label" }),
-    /* @__PURE__ */ i(De, { size: 800, title: "Customize label content", opened: r, onClose: a, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: r && /* @__PURE__ */ u(S, { children: [
+    /* @__PURE__ */ i(Ie, { size: 800, title: "Customize label content", opened: r, onClose: a, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: r && /* @__PURE__ */ u(S, { children: [
       /* @__PURE__ */ i(we, { mt: 10, label: "Enabled", checked: s.enabled, onChange: (m) => c(m.currentTarget.checked) }),
       /* @__PURE__ */ i(Om, { value: s.func_content, onChange: h, disabled: !s.enabled }),
       /* @__PURE__ */ u(w, { position: "apart", children: [
@@ -5364,7 +5364,7 @@ const ra = {
     instance: e
   }), r = Mt(n.triggerManager, Dc.id), o = re(), {
     value: a
-  } = X(t.instanceData, "config"), s = M(() => Ie({}, a, ra), [a]), {
+  } = X(t.instanceData, "config"), s = M(() => Me({}, a, ra), [a]), {
     content: l,
     horizontal_align: c,
     vertical_align: d,
@@ -5454,7 +5454,7 @@ function cg({
   const {
     value: e,
     set: n
-  } = X(t.instanceData, "config"), r = M(() => Ie({}, e, ra), [e]), o = r;
+  } = X(t.instanceData, "config"), r = M(() => Me({}, e, ra), [e]), o = r;
   W(() => {
     !Ce(r, o) && (console.log("config malformed, resetting to defaults", r, o), n(o));
   }, [r, o]);
@@ -6144,7 +6144,7 @@ function Rg(t, e, n) {
     legend: bg(s),
     dataZoom: aa(t.dataZoom)
   };
-  return Ie({}, c, Eg);
+  return Me({}, c, Eg);
 }
 function vs(t) {
   const e = t.getModel(), n = e.getSeries().map((r) => {
@@ -6849,7 +6849,7 @@ const Jg = ({
     }, children: /* @__PURE__ */ i($, { variant: "filled", mt: 24, onClick: r, sx: {
       flexGrow: 0
     }, children: "Setup" }) }),
-    /* @__PURE__ */ i(De, { size: 800, title: "Setup dynamic size", opened: n, onClose: o, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: n && /* @__PURE__ */ u(S, { children: [
+    /* @__PURE__ */ i(Ie, { size: 800, title: "Setup dynamic size", opened: n, onClose: o, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: n && /* @__PURE__ */ u(S, { children: [
       /* @__PURE__ */ i(R, { mt: 10, mb: -10, label: "Dynamic by a custom function", labelPosition: "center", variant: "dashed" }),
       /* @__PURE__ */ i(Jg, { value: a.func_content, onChange: d }),
       /* @__PURE__ */ u(w, { position: "apart", children: [
@@ -7413,7 +7413,7 @@ function yb({
     set: n
   } = X(t.instanceData, "config"), {
     variables: r
-  } = t, o = M(() => Ie({}, e, oa), [e]), {
+  } = t, o = M(() => Me({}, e, oa), [e]), {
     control: a,
     handleSubmit: s,
     watch: l,
@@ -8641,7 +8641,7 @@ const fy = ({
     }, children: /* @__PURE__ */ i($, { variant: "filled", mt: 24, onClick: r, sx: {
       flexGrow: 0
     }, children: "Setup" }) }),
-    /* @__PURE__ */ i(De, { size: 800, title: "Setup dynamic value", opened: n, onClose: o, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: n && /* @__PURE__ */ u(S, { children: [
+    /* @__PURE__ */ i(Ie, { size: 800, title: "Setup dynamic value", opened: n, onClose: o, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: n && /* @__PURE__ */ u(S, { children: [
       /* @__PURE__ */ i(R, { mt: 10, mb: -10, label: "Dynamic by a custom function", labelPosition: "center", variant: "dashed" }),
       /* @__PURE__ */ i(fy, { value: a.value, onChange: d }),
       /* @__PURE__ */ u(w, { position: "apart", children: [
@@ -8817,7 +8817,7 @@ function Cy(t, e, n) {
     grid: cy(t),
     visualMap: xy(t, r)
   };
-  return Ie({}, s, _y);
+  return Me({}, s, _y);
 }
 function Sy(t) {
   return /* @__PURE__ */ i(G, {});
@@ -9130,7 +9130,7 @@ const Ly = ({
     /* @__PURE__ */ i($, { variant: "filled", mt: 24, onClick: o, sx: {
       flexGrow: 0
     }, children: "Customize Label" }),
-    /* @__PURE__ */ i(De, { size: 800, title: "Customize label content", opened: r, onClose: a, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: r && /* @__PURE__ */ u(S, { children: [
+    /* @__PURE__ */ i(Ie, { size: 800, title: "Customize label content", opened: r, onClose: a, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: r && /* @__PURE__ */ u(S, { children: [
       /* @__PURE__ */ i(we, { mt: 10, label: "Enabled", checked: s.enabled, onChange: (m) => c(m.currentTarget.checked) }),
       /* @__PURE__ */ i(Ly, { value: s.func_content, onChange: h, disabled: !s.enabled }),
       /* @__PURE__ */ u(w, { position: "apart", children: [
@@ -9253,7 +9253,7 @@ function Fy({
   const {
     value: e,
     set: n
-  } = X(t.instanceData, "config"), r = M(() => Ie({}, e, ha), [e]), o = M(() => k.cloneDeep(r), [r]);
+  } = X(t.instanceData, "config"), r = M(() => Me({}, e, ha), [e]), o = M(() => k.cloneDeep(r), [r]);
   W(() => {
     !Ce(r, o) && (console.log("config malformed, resetting to defaults", r, o), n(o));
   }, [r, o]);
@@ -10410,7 +10410,7 @@ function $x({
   const {
     value: e,
     set: n
-  } = X(t.instanceData, "config"), r = M(() => Ie({}, e, fa), [e]), o = M(() => k.clone(r), [r]), {
+  } = X(t.instanceData, "config"), r = M(() => Me({}, e, fa), [e]), o = M(() => k.clone(r), [r]), {
     control: a,
     handleSubmit: s,
     watch: l,
@@ -10711,7 +10711,7 @@ function qx({
     });
   }, [s, l, o]), d = M(() => ({
     click: c
-  }), [c]), p = M(() => Bx(Ie({}, t, pi), e), [t, e]);
+  }), [c]), p = M(() => Bx(Me({}, t, pi), e), [t, e]);
   return !n || !r ? null : /* @__PURE__ */ i(ut, { echarts: ye, option: p, style: {
     width: n,
     height: r
@@ -10837,7 +10837,7 @@ function Yx({
   const {
     value: e,
     set: n
-  } = X(t.instanceData, "config"), r = M(() => Ie({}, e, pi), [e]), {
+  } = X(t.instanceData, "config"), r = M(() => Me({}, e, pi), [e]), {
     control: o,
     handleSubmit: a,
     watch: s,
@@ -11221,7 +11221,7 @@ function sv(t, e) {
       data: n.map((a) => a.name)
     }
   };
-  return Ie({}, o, av);
+  return Me({}, o, av);
 }
 function fi(t, e, n) {
   return 1 - (1 - t) * (e - 1) / (e - n - 1);
@@ -11482,7 +11482,7 @@ function bv({
       ...x,
       [f.columnKey]: Number(x[f.columnKey])
     });
-  }, [t.data, e == null ? void 0 : e.regression.y_axis_data_key]), a = M(() => sv(Ie({}, e, ma), o), [e, o]), s = Js(null), l = (c) => {
+  }, [t.data, e == null ? void 0 : e.regression.y_axis_data_key]), a = M(() => sv(Me({}, e, ma), o), [e, o]), s = Js(null), l = (c) => {
     s.current = c;
   };
   return !n || !r || !e ? null : /* @__PURE__ */ u(V, { sx: {
@@ -11616,7 +11616,7 @@ const vv = ({
     /* @__PURE__ */ i($, { variant: "filled", mt: 24, onClick: a, sx: {
       flexGrow: 0
     }, children: n }),
-    /* @__PURE__ */ i(De, { size: 800, title: "Customize label content", opened: o, onClose: s, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: o && /* @__PURE__ */ u(S, { children: [
+    /* @__PURE__ */ i(Ie, { size: 800, title: "Customize label content", opened: o, onClose: s, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: o && /* @__PURE__ */ u(S, { children: [
       /* @__PURE__ */ i(we, { mt: 10, label: "Enabled", checked: l.enabled, onChange: (x) => d(x.currentTarget.checked) }),
       /* @__PURE__ */ i(vv, { value: l.func_content, onChange: f, disabled: !l.enabled }),
       /* @__PURE__ */ u(w, { position: "apart", children: [
@@ -13553,7 +13553,7 @@ mr.prototype = Object.create(Error.prototype);
 mr.prototype.constructor = mr;
 mr.prototype.name = "TransformError";
 const Oi = /* @__PURE__ */ Object.create(null);
-class Te {
+class De {
   /**
   Initialize a selection with the head and anchor and ranges. If no
   ranges are given, constructs a single range across `$anchor` and
@@ -13717,7 +13717,7 @@ class Te {
     return je.between(this.$anchor, this.$head).getBookmark();
   }
 }
-Te.prototype.visible = !0;
+De.prototype.visible = !0;
 class Nv {
   /**
   Create a range.
@@ -13730,7 +13730,7 @@ let $s = !1;
 function zs(t) {
   !$s && !t.parent.inlineContent && ($s = !0, console.warn("TextSelection endpoint not pointing into a node with inline content (" + t.parent.type.name + ")"));
 }
-class je extends Te {
+class je extends De {
   /**
   Construct a text selection between the given points.
   */
@@ -13747,7 +13747,7 @@ class je extends Te {
   map(e, n) {
     let r = e.resolve(n.map(this.head));
     if (!r.parent.inlineContent)
-      return Te.near(r);
+      return De.near(r);
     let o = e.resolve(n.map(this.anchor));
     return new je(o.parent.inlineContent ? o : r, r);
   }
@@ -13792,16 +13792,16 @@ class je extends Te {
   static between(e, n, r) {
     let o = e.pos - n.pos;
     if ((!r || o) && (r = o >= 0 ? 1 : -1), !n.parent.inlineContent) {
-      let a = Te.findFrom(n, r, !0) || Te.findFrom(n, -r, !0);
+      let a = De.findFrom(n, r, !0) || De.findFrom(n, -r, !0);
       if (a)
         n = a.$head;
       else
-        return Te.near(n, r);
+        return De.near(n, r);
     }
-    return e.parent.inlineContent || (o == 0 ? e = n : (e = (Te.findFrom(e, -r, !0) || Te.findFrom(e, r, !0)).$anchor, e.pos < n.pos != o < 0 && (e = n))), new je(e, n);
+    return e.parent.inlineContent || (o == 0 ? e = n : (e = (De.findFrom(e, -r, !0) || De.findFrom(e, r, !0)).$anchor, e.pos < n.pos != o < 0 && (e = n))), new je(e, n);
   }
 }
-Te.jsonID("text", je);
+De.jsonID("text", je);
 class bi {
   constructor(e, n) {
     this.anchor = e, this.head = n;
@@ -13813,7 +13813,7 @@ class bi {
     return je.between(e.resolve(this.anchor), e.resolve(this.head));
   }
 }
-class mt extends Te {
+class mt extends De {
   /**
   Create a node selection. Does not verify the validity of its
   argument.
@@ -13824,7 +13824,7 @@ class mt extends Te {
   }
   map(e, n) {
     let { deleted: r, pos: o } = n.mapResult(this.anchor), a = e.resolve(o);
-    return r ? Te.near(a) : new mt(a);
+    return r ? De.near(a) : new mt(a);
   }
   content() {
     return new ve(fe.from(this.node), 0, 0);
@@ -13861,7 +13861,7 @@ class mt extends Te {
   }
 }
 mt.prototype.visible = !1;
-Te.jsonID("node", mt);
+De.jsonID("node", mt);
 class ya {
   constructor(e) {
     this.anchor = e;
@@ -13872,10 +13872,10 @@ class ya {
   }
   resolve(e) {
     let n = e.resolve(this.anchor), r = n.nodeAfter;
-    return r && mt.isSelectable(r) ? new mt(n) : Te.near(n);
+    return r && mt.isSelectable(r) ? new mt(n) : De.near(n);
   }
 }
-class Wt extends Te {
+class Wt extends De {
   /**
   Create an all-selection over the given document.
   */
@@ -13885,7 +13885,7 @@ class Wt extends Te {
   replace(e, n = ve.empty) {
     if (n == ve.empty) {
       e.delete(0, e.doc.content.size);
-      let r = Te.atStart(e.doc);
+      let r = De.atStart(e.doc);
       r.eq(e.selection) || e.setSelection(r);
     } else
       super.replace(e, n);
@@ -13909,7 +13909,7 @@ class Wt extends Te {
     return Bv;
   }
 }
-Te.jsonID("all", Wt);
+De.jsonID("all", Wt);
 const Bv = {
   map() {
     return this;
@@ -13945,7 +13945,7 @@ function Ls(t, e, n) {
   let a = t.mapping.maps[r], s;
   a.forEach((l, c, d, p) => {
     s == null && (s = p);
-  }), t.setSelection(Te.near(t.doc.resolve(s), n));
+  }), t.setSelection(De.near(t.doc.resolve(s), n));
 }
 function As(t, e) {
   return !e || !t ? t : t.bind(e);
@@ -13964,7 +13964,7 @@ new Ir("doc", {
   }
 }), new Ir("selection", {
   init(t, e) {
-    return t.selection || Te.atStart(e.doc);
+    return t.selection || De.atStart(e.doc);
   },
   apply(t) {
     return t.selection;
@@ -14346,7 +14346,7 @@ function bn(t = 0, e = 0, n = 0) {
 function c0(t, e = null) {
   if (!e)
     return null;
-  const n = Te.atStart(t), r = Te.atEnd(t);
+  const n = De.atStart(t), r = De.atEnd(t);
   if (e === "start" || e === !0)
     return n;
   if (e === "end")
@@ -14413,7 +14413,7 @@ function p0(t, e, n) {
   let s = 0;
   a.forEach((l, c, d, p) => {
     s === 0 && (s = p);
-  }), t.setSelection(Te.near(t.doc.resolve(s), n));
+  }), t.setSelection(De.near(t.doc.resolve(s), n));
 }
 const f0 = (t) => t.toString().startsWith("<"), m0 = (t, e, n) => ({ tr: r, dispatch: o, editor: a }) => {
   if (o) {
@@ -14966,7 +14966,7 @@ Rt.create({
       () => s.undoInputRule(),
       // maybe convert first text block node to default node
       () => s.command(({ tr: l }) => {
-        const { selection: c, doc: d } = l, { empty: p, $anchor: h } = c, { pos: f, parent: m } = h, x = Te.atStart(d).from === f;
+        const { selection: c, doc: d } = l, { empty: p, $anchor: h } = c, { pos: f, parent: m } = h, x = De.atStart(d).from === f;
         return !p || !x || !m.type.isTextblock || m.textContent.length ? !1 : s.clearNodes();
       }),
       () => s.deleteSelection(),
@@ -15018,7 +15018,7 @@ Rt.create({
         appendTransaction: (t, e, n) => {
           if (!(t.some((x) => x.docChanged) && !e.doc.eq(n.doc)))
             return;
-          const { empty: o, from: a, to: s } = e.selection, l = Te.atStart(e.doc).from, c = Te.atEnd(e.doc).to;
+          const { empty: o, from: a, to: s } = e.selection, l = De.atStart(e.doc).from, c = De.atEnd(e.doc).to;
           if (o || !(a === l && s === c) || !(n.doc.textBetween(0, n.doc.content.size, " ", " ").length === 0))
             return;
           const h = n.tr, f = nd({
@@ -15615,15 +15615,15 @@ function Iw({
   x_axis: t,
   scatter: e
 }, n) {
-  const r = H(t.data_key), o = H(e.y_data_key);
+  const r = H(t.data_key), o = H(e.y_data_key), a = H(e.name_data_key);
   return {
     label: {
       show: !!e.label_position,
       position: e.label_position,
       ...Qt(e.label_overflow.label),
       formatter: ({
-        value: a
-      }) => a[e.name_data_key]
+        value: s
+      }) => s[a.columnKey]
     },
     type: "scatter",
     name: "",
@@ -15847,7 +15847,7 @@ function Ow(t, e, n) {
     legend: Cw(),
     dataZoom: aa(t.dataZoom)
   };
-  return Ie({}, l, Rw);
+  return Me({}, l, Rw);
 }
 ye.use([Ht, Wn, jn, ri, xt, vt, wt, dt, ti, Go]);
 function Vs(t) {
@@ -16256,7 +16256,7 @@ const Yw = ({
     }, children: /* @__PURE__ */ i($, { variant: "filled", mt: 24, onClick: r, sx: {
       flexGrow: 0
     }, children: "Setup" }) }),
-    /* @__PURE__ */ i(De, { size: 800, title: "Setup dynamic color", opened: n, onClose: o, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: n && /* @__PURE__ */ u(S, { children: [
+    /* @__PURE__ */ i(Ie, { size: 800, title: "Setup dynamic color", opened: n, onClose: o, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: n && /* @__PURE__ */ u(S, { children: [
       /* @__PURE__ */ i(R, { mt: 10, mb: -10, label: "Dynamic by a custom function", labelPosition: "center", variant: "dashed" }),
       /* @__PURE__ */ i(Yw, { value: a.func_content, onChange: d }),
       /* @__PURE__ */ u(w, { position: "apart", children: [
@@ -16378,7 +16378,7 @@ const Yw = ({
     }, children: /* @__PURE__ */ i($, { variant: "filled", mt: 24, onClick: r, sx: {
       flexGrow: 0
     }, children: "Setup" }) }),
-    /* @__PURE__ */ i(De, { size: 800, title: "Setup dynamic size", opened: n, onClose: o, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: n && /* @__PURE__ */ u(S, { children: [
+    /* @__PURE__ */ i(Ie, { size: 800, title: "Setup dynamic size", opened: n, onClose: o, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: n && /* @__PURE__ */ u(S, { children: [
       /* @__PURE__ */ i(R, { mt: 10, mb: -10, label: "Dynamic by a custom function", labelPosition: "center", variant: "dashed" }),
       /* @__PURE__ */ i(Zw, { value: a.func_content, onChange: d }),
       /* @__PURE__ */ u(w, { position: "apart", children: [
@@ -16681,7 +16681,7 @@ const h_ = ({
     /* @__PURE__ */ i($, { variant: "filled", mt: 24, onClick: o, sx: {
       flexGrow: 0
     }, children: "Customize Label" }),
-    /* @__PURE__ */ i(De, { size: 800, title: "Customize label content", opened: r, onClose: a, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: r && /* @__PURE__ */ u(S, { children: [
+    /* @__PURE__ */ i(Ie, { size: 800, title: "Customize label content", opened: r, onClose: a, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: r && /* @__PURE__ */ u(S, { children: [
       /* @__PURE__ */ i(we, { mt: 10, label: "Enabled", checked: s.enabled, onChange: (m) => c(m.currentTarget.checked) }),
       /* @__PURE__ */ i(h_, { value: s.func_content, onChange: h, disabled: !s.enabled }),
       /* @__PURE__ */ u(w, { position: "apart", children: [
@@ -16868,7 +16868,7 @@ function w_({
     set: n
   } = X(t.instanceData, "config"), {
     variables: r
-  } = t, o = M(() => Ie({}, e, Ca), [e]), a = M(() => v_(o), [o]);
+  } = t, o = M(() => Me({}, e, Ca), [e]), a = M(() => v_(o), [o]);
   W(() => {
     !Ce(o, a) && (console.log("config malformed, resetting to defaults", o, a), n(a));
   }, [o, a]);
@@ -17268,7 +17268,7 @@ function N_({
   const {
     value: e,
     set: n
-  } = X(t.instanceData, "config"), r = z.useMemo(() => Ie({}, e, Sa), [e]), {
+  } = X(t.instanceData, "config"), r = z.useMemo(() => Me({}, e, Sa), [e]), {
     control: o,
     handleSubmit: a,
     watch: s,
@@ -17482,7 +17482,7 @@ function K_(t, e, n) {
     },
     tooltip: Q_()
   };
-  return Ie({}, o, U_);
+  return Me({}, o, U_);
 }
 ye.use([Oh, dt]);
 function X_({
@@ -17658,7 +17658,7 @@ function rC({
   const {
     value: e,
     set: n
-  } = X(t.instanceData, "config"), r = M(() => Ie({}, e, ka), [e]), o = M(() => k.clone(r), [r]), {
+  } = X(t.instanceData, "config"), r = M(() => Me({}, e, ka), [e]), o = M(() => k.clone(r), [r]), {
     control: a,
     handleSubmit: s,
     watch: l,
@@ -17857,7 +17857,7 @@ const cC = {
     /* @__PURE__ */ i($, { variant: "filled", mt: 24, onClick: o, sx: {
       flexGrow: 0
     }, children: "Edit Content" }),
-    /* @__PURE__ */ i(De, { size: 800, title: "Text content", opened: r, onClose: a, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: r && /* @__PURE__ */ u(S, { children: [
+    /* @__PURE__ */ i(Ie, { size: 800, title: "Text content", opened: r, onClose: a, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: r && /* @__PURE__ */ u(S, { children: [
       /* @__PURE__ */ i(uC, { value: s, onChange: l }),
       /* @__PURE__ */ u(w, { position: "apart", children: [
         /* @__PURE__ */ i($, { onClick: p, color: "red", leftIcon: /* @__PURE__ */ i(It, { size: 20 }), children: "Rest" }),
@@ -17884,7 +17884,7 @@ function fC({
   const {
     value: e,
     set: n
-  } = X(t.instanceData, "config"), r = M(() => Ie({}, e, Ta), [e]), o = M(() => {
+  } = X(t.instanceData, "config"), r = M(() => Me({}, e, Ta), [e]), o = M(() => {
     const {
       func_content: f,
       horizontal_align: m,
@@ -18067,7 +18067,7 @@ function wC({
 }) {
   const {
     value: e
-  } = X(t.instanceData, "config"), n = M(() => Ie({}, e, Da), [e]), {
+  } = X(t.instanceData, "config"), n = M(() => Me({}, e, Da), [e]), {
     width: r,
     height: o
   } = t.viewport, a = t.data, {
@@ -18093,7 +18093,7 @@ function _C({
   const {
     value: e,
     set: n
-  } = X(t.instanceData, "config"), r = M(() => Ie({}, e, Da), [e]), {
+  } = X(t.instanceData, "config"), r = M(() => Me({}, e, Da), [e]), {
     control: o,
     handleSubmit: a,
     watch: s,
@@ -18358,7 +18358,7 @@ function FC(t, e, n) {
     visualMap: AC(t, d, r),
     legend: IC(d, c)
   };
-  return Ie({}, p, EC);
+  return Me({}, p, EC);
 }
 function PC(t) {
   return /* @__PURE__ */ i(G, {});
@@ -18617,7 +18617,7 @@ function UC({
   const {
     value: e,
     set: n
-  } = X(t.instanceData, "config"), r = M(() => Ie({}, e, Ia), [e]), o = M(() => k.cloneDeep(r), [r]);
+  } = X(t.instanceData, "config"), r = M(() => Me({}, e, Ia), [e]), o = M(() => k.cloneDeep(r), [r]);
   W(() => {
     !Ce(r, o) && (console.log("config malformed, resetting to defaults", r, o), n(o));
   }, [r, o]);
@@ -20412,7 +20412,7 @@ function nS(t, e, n) {
     }],
     legend: Z1(c)
   };
-  return Ie({}, d, eS);
+  return Me({}, d, eS);
 }
 const rS = {
   input: {
@@ -20989,7 +20989,7 @@ function kS({
     set: n
   } = X(t.instanceData, "config"), {
     variables: r
-  } = t, o = M(() => Ie({}, e, za), [e]), {
+  } = t, o = M(() => Me({}, e, za), [e]), {
     control: a,
     handleSubmit: s,
     watch: l,
@@ -21808,7 +21808,7 @@ function xk({
   context: t,
   instance: e
 }) {
-  var Me, Ye;
+  var $e, Ye;
   const n = t.data, {
     height: r,
     width: o
@@ -21832,22 +21832,24 @@ function xk({
     label: ke,
     value_field: ke,
     value_type: Ct.string,
-    align: "left"
+    align: "left",
+    width: "",
+    cellBackgroundColor: ""
   })) : c, [l, c, f]), x = yk({
     getColIndex: ot((ke) => m.indexOf(ke.column.columnDef.meta), [m]),
     vizManager: t.vizManager,
     instance: e
   }), v = M(() => {
     const ke = Dl();
-    return m.map((Le) => {
-      const Xe = H(Le.value_field);
+    return m.map((Te) => {
+      const Xe = H(Te.value_field);
       return ke.accessor(Xe.columnKey, {
-        cell: (gt) => /* @__PURE__ */ i(bk, { tableCellContext: x(gt.cell), value: gt.getValue(), type: Le.value_type, ...Le }),
-        header: Le.label,
+        cell: (gt) => /* @__PURE__ */ i(bk, { tableCellContext: x(gt.cell), value: gt.getValue(), type: Te.value_type, ...Te }),
+        header: Te.label,
         enableSorting: !0,
-        meta: Le,
-        size: Le.width,
-        minSize: Le.width
+        meta: Te,
+        size: typeof Te.width == "number" ? Te.width : void 0,
+        minSize: typeof Te.width == "number" ? Te.width : void 0
       });
     });
   }, [m, x]), [T, I] = K([]), L = Il({
@@ -21869,8 +21871,8 @@ function xk({
   }), {
     virtualItems: O,
     totalSize: E
-  } = N, U = O.length > 0 && ((Me = O == null ? void 0 : O[0]) == null ? void 0 : Me.start) || 0, ne = O.length > 0 ? E - (((Ye = O == null ? void 0 : O[O.length - 1]) == null ? void 0 : Ye.end) || 0) : 0, ee = B.length, ie = ee > 0, me = ie ? r - 22 : r, ge = ie ? 22 : 0;
-  return !Array.isArray(f) || f.length === 0 ? /* @__PURE__ */ i(C, { color: "gray", align: "center", children: "Empty Data" }) : /* @__PURE__ */ u("div", { ref: j, style: {
+  } = N, U = O.length > 0 && (($e = O == null ? void 0 : O[0]) == null ? void 0 : $e.start) || 0, ne = O.length > 0 ? E - (((Ye = O == null ? void 0 : O[O.length - 1]) == null ? void 0 : Ye.end) || 0) : 0, ee = B.length, ie = ee > 0, me = ie ? r - 22 : r, ge = ie ? 22 : 0;
+  return s ? !Array.isArray(f) || f.length === 0 ? /* @__PURE__ */ i(C, { color: "gray", align: "center", children: "Empty Data" }) : /* @__PURE__ */ u("div", { ref: j, style: {
     height: r,
     width: o
   }, "data-enable-scrollbar": !0, className: h(p.root, {
@@ -21897,14 +21899,14 @@ function xk({
         } }) }),
         O.map((ke) => {
           const Fe = B[ke.index];
-          return /* @__PURE__ */ i("tr", { children: Fe.getVisibleCells().map((Le) => /* @__PURE__ */ i("td", { children: Vr(Le.column.columnDef.cell, Le.getContext()) }, Le.id)) }, Fe.id);
+          return /* @__PURE__ */ i("tr", { children: Fe.getVisibleCells().map((Te) => /* @__PURE__ */ i("td", { children: Vr(Te.column.columnDef.cell, Te.getContext()) }, Te.id)) }, Fe.id);
         }),
         ne > 0 && /* @__PURE__ */ i("tr", { children: /* @__PURE__ */ i("td", { style: {
           height: `${ne}px`
         } }) })
       ] })
     ] })
-  ] });
+  ] }) : /* @__PURE__ */ i(C, { color: "red", align: "center", children: "ID Field is not set, can't render a table without it" });
 }
 const vd = Bn(() => ({
   palette: {
@@ -22058,7 +22060,7 @@ const Ck = D(({
   };
   return /* @__PURE__ */ u(G, { children: [
     /* @__PURE__ */ i($, { variant: "outline", onClick: d, children: l == null ? void 0 : l.displayName }),
-    /* @__PURE__ */ i(De, { size: 508, title: "Setup color interpolation", opened: c, onClose: p, zIndex: 320, children: c && /* @__PURE__ */ u(S, { "data-testid": "color-interpolation-modal", children: [
+    /* @__PURE__ */ i(Ie, { size: 508, title: "Setup color interpolation", opened: c, onClose: p, zIndex: 320, children: c && /* @__PURE__ */ u(S, { "data-testid": "color-interpolation-modal", children: [
       /* @__PURE__ */ i(P, { label: "Color style", value: a.interpolation, data: h, onChange: f }),
       /* @__PURE__ */ i(Sk, { steps: a.steps, interpolation: l, onChange: x }),
       /* @__PURE__ */ u(w, { position: "right", children: [
@@ -22138,7 +22140,7 @@ const $k = Se((t, e) => {
     /* @__PURE__ */ i($, { variant: "filled", mt: 24, onClick: o, sx: {
       flexGrow: 0
     }, children: "Custom Cell Content" }),
-    /* @__PURE__ */ i(De, { size: 800, title: "Custom cell content", opened: r, onClose: a, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: r && /* @__PURE__ */ u(S, { children: [
+    /* @__PURE__ */ i(Ie, { size: 800, title: "Custom cell content", opened: r, onClose: a, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: r && /* @__PURE__ */ u(S, { children: [
       /* @__PURE__ */ i(V, { sx: {
         position: "relative"
       }, children: /* @__PURE__ */ i(ht, { height: "500px", defaultLanguage: "javascript", value: s, onChange: (h) => l(h ?? ""), theme: "vs-dark", options: {
@@ -22245,7 +22247,8 @@ const $k = Se((t, e) => {
       label: c,
       align: "center",
       value_field: "",
-      value_type: Ct.string
+      value_type: Ct.string,
+      width: ""
     });
   };
   e("columns");
@@ -22253,27 +22256,23 @@ const $k = Se((t, e) => {
   return /* @__PURE__ */ u(G, { children: [
     /* @__PURE__ */ i(y, { name: "use_raw_columns", control: t, render: ({
       field: c
-    }) => /* @__PURE__ */ i(Je, { mt: 20, label: "Use Original Data Columns", checked: c.value, onChange: (d) => c.onChange(d.currentTarget.checked) }) }),
-    /* @__PURE__ */ i(R, { mt: 20, mb: 10, variant: "dashed" }),
-    !l && /* @__PURE__ */ u(S, { children: [
-      /* @__PURE__ */ i(C, { my: 0, children: "Custom Columns" }),
-      /* @__PURE__ */ u(g, { defaultValue: "0", styles: {
-        tab: {
-          paddingTop: "0px",
-          paddingBottom: "0px"
-        },
-        panel: {
-          padding: "0px",
-          paddingTop: "6px"
-        }
-      }, children: [
-        /* @__PURE__ */ u(g.List, { children: [
-          n.map((c, d) => /* @__PURE__ */ i(g.Tab, { value: d.toString(), children: d + 1 }, c.id)),
-          /* @__PURE__ */ i(g.Tab, { onClick: s, value: "add", children: /* @__PURE__ */ i(Ge, { size: 18, color: "#228be6" }) })
-        ] }),
-        n.map((c, d) => /* @__PURE__ */ i(g.Panel, { value: d.toString(), children: /* @__PURE__ */ i(Ok, { control: t, watch: e, index: d, column: c, remove: o }, d) }, c.id))
-      ] })
-    ] })
+    }) => /* @__PURE__ */ i(Je, { mt: 20, mb: 20, label: "Use Original Data Columns", checked: c.value, onChange: (d) => c.onChange(d.currentTarget.checked) }) }),
+    !l && /* @__PURE__ */ i(S, { children: /* @__PURE__ */ u(g, { defaultValue: "0", styles: {
+      tab: {
+        paddingTop: "0px",
+        paddingBottom: "0px"
+      },
+      panel: {
+        padding: "0px",
+        paddingTop: "6px"
+      }
+    }, children: [
+      /* @__PURE__ */ u(g.List, { children: [
+        n.map((c, d) => /* @__PURE__ */ i(g.Tab, { value: d.toString(), children: d + 1 }, c.id)),
+        /* @__PURE__ */ i(g.Tab, { onClick: s, value: "add", children: /* @__PURE__ */ i(Ge, { size: 18, color: "#228be6" }) })
+      ] }),
+      n.map((c, d) => /* @__PURE__ */ i(g.Panel, { value: d.toString(), children: /* @__PURE__ */ i(Ok, { control: t, watch: e, index: d, column: c, remove: o }, d) }, c.id))
+    ] }) })
   ] });
 };
 function Pk({
@@ -22337,7 +22336,7 @@ function Nk({
   const {
     value: e,
     set: n
-  } = X(t.instanceData, "config"), r = M(() => Ie({}, e, Xo), [e]), o = M(() => Vk(r), [r]);
+  } = X(t.instanceData, "config"), r = M(() => Me({}, e, Xo), [e]), o = M(() => Vk(r), [r]);
   W(() => {
     !Ce(r, o) && (console.log("config malformed, resetting to defaults", r, o), n(o));
   }, [r, o]);
@@ -22373,15 +22372,17 @@ function Nk({
       }
     }, children: [
       /* @__PURE__ */ u(g.List, { children: [
-        /* @__PURE__ */ i(g.Tab, { value: "Data", children: "Data" }),
-        /* @__PURE__ */ i(g.Tab, { value: "Style", children: "Style" }),
-        /* @__PURE__ */ i(g.Tab, { value: "Columns", children: "Columns" })
+        /* @__PURE__ */ i(g.Tab, { value: "Columns", children: "Columns" }),
+        /* @__PURE__ */ i(g.Tab, { value: "Style", children: "Style" })
       ] }),
-      /* @__PURE__ */ i(g.Panel, { value: "Data", children: /* @__PURE__ */ i(y, { name: "id_field", control: a, render: ({
-        field: f
-      }) => /* @__PURE__ */ i(J, { label: "ID Field", required: !0, ...f }) }) }),
-      /* @__PURE__ */ i(g.Panel, { value: "Style", children: /* @__PURE__ */ i(Pk, { control: a, watch: l }) }),
-      /* @__PURE__ */ i(g.Panel, { value: "Columns", children: /* @__PURE__ */ i(Fk, { control: a, watch: l }) })
+      /* @__PURE__ */ u(g.Panel, { value: "Columns", children: [
+        /* @__PURE__ */ i(y, { name: "id_field", control: a, render: ({
+          field: f
+        }) => /* @__PURE__ */ i(J, { label: "ID Field", required: !0, ...f }) }),
+        /* @__PURE__ */ i(R, { mt: 20, mb: 10, variant: "dashed" }),
+        /* @__PURE__ */ i(Fk, { control: a, watch: l })
+      ] }),
+      /* @__PURE__ */ i(g.Panel, { value: "Style", children: /* @__PURE__ */ i(Pk, { control: a, watch: l }) })
     ] })
   ] });
 }
@@ -22422,10 +22423,25 @@ function qk(t, {
     throw console.error("[Migration failed]", n), n;
   }
 }
-class Wk extends Oe {
+function Wk(t) {
+  const {
+    columns: e,
+    ...n
+  } = t;
+  return {
+    ...n,
+    columns: e.map((r) => ({
+      ...r,
+      align: r.align ?? "left",
+      cellBackgroundColor: r.cellBackgroundColor ?? "",
+      width: r.width ?? ""
+    }))
+  };
+}
+class jk extends Oe {
   constructor() {
     super(...arguments);
-    Y(this, "VERSION", 4);
+    Y(this, "VERSION", 5);
   }
   configVersions() {
     this.version(1, (n) => ({
@@ -22458,24 +22474,28 @@ class Wk extends Oe {
       ...n,
       version: 4,
       config: qk(n.config, r)
+    })), this.version(5, (n) => ({
+      ...n,
+      version: 5,
+      config: Wk(n.config)
     }));
   }
 }
 const eo = {
   createConfig() {
     return {
-      version: 4,
+      version: 5,
       config: Qe(Xo)
     };
   },
   displayName: "Table",
   displayGroup: "Others",
-  migrator: new Wk(),
+  migrator: new jk(),
   name: "table",
   viewRender: xk,
   configRender: Nk,
   triggers: [Ea]
-}, jk = b.model("PanelLayoutModel", {
+}, Gk = b.model("PanelLayoutModel", {
   x: b.number,
   y: b.maybeNull(b.number),
   // https://github.com/merico-dev/table/issues/814
@@ -22512,7 +22532,7 @@ const eo = {
     } = e;
     t.x = n, t.y = r, t.w = o, t.h = a, t.moved = !!s, t.static = !!e.static;
   }
-})), Gk = b.model("PanelStyleBorderModel", {
+})), Yk = b.model("PanelStyleBorderModel", {
   enabled: b.boolean
 }).views((t) => ({
   get json() {
@@ -22527,8 +22547,8 @@ const eo = {
   setEnabled(e) {
     t.enabled = e;
   }
-})), Yk = b.model("PanelStyleModel", {
-  border: Gk
+})), Hk = b.model("PanelStyleModel", {
+  border: Yk
 }).views((t) => ({
   get json() {
     const {
@@ -22538,7 +22558,7 @@ const eo = {
       border: e.json
     };
   }
-})).actions((t) => ({})), Hk = b.model("PanelVizModel", {
+})).actions((t) => ({})), Qk = b.model("PanelVizModel", {
   type: b.string,
   conf: b.frozen()
 }).views((t) => ({
@@ -22555,14 +22575,14 @@ const eo = {
   setConf(e) {
     t.conf = e;
   }
-})), Qk = b.model({
+})), Uk = b.model({
   id: b.string,
   title: b.string,
   description: b.string,
-  layout: jk,
+  layout: Gk,
   queryIDs: b.array(b.string),
-  viz: Hk,
-  style: Yk,
+  viz: Qk,
+  style: Hk,
   variables: b.optional(b.array(lf), [])
 }).views((t) => ({
   // FIXME: 'contentModel' implicitly has return type 'any' because it does not have a return type annotation and is referenced directly or indirectly in one of its return expressions.ts(7023)
@@ -22661,7 +22681,7 @@ const eo = {
     Ae(t).content.queries.downloadDataByQueryIDs(t.queryIDs);
   }
 }));
-function Uk(t) {
+function Kk(t) {
   return {
     id: t,
     layout: {
@@ -22685,8 +22705,8 @@ function Uk(t) {
     }
   };
 }
-const Kk = b.model("PanelsModel", {
-  list: b.optional(b.array(Qk), [])
+const Xk = b.model("PanelsModel", {
+  list: b.optional(b.array(Uk), [])
 }).views((t) => ({
   get json() {
     return t.list.map((e) => e.json);
@@ -22773,20 +22793,20 @@ const Kk = b.model("PanelsModel", {
     t.list.splice(e, 1, n);
   }
 }));
-var Xk = /* @__PURE__ */ ((t) => (t.Use = "use", t.Edit = "edit", t))(Xk || {}), se = /* @__PURE__ */ ((t) => (t.Division = "div", t.Modal = "modal", t.Tabs = "tabs", t))(se || {});
-const fL = {
+var Jk = /* @__PURE__ */ ((t) => (t.Use = "use", t.Edit = "edit", t))(Jk || {}), se = /* @__PURE__ */ ((t) => (t.Division = "div", t.Modal = "modal", t.Tabs = "tabs", t))(se || {});
+const mL = {
   div: "Division",
   tabs: "Tabs",
   modal: "Modal"
-}, Jk = {
+}, Zk = {
   div: "rgba(255, 0, 0, 0.2)",
   modal: "rgba(0, 0, 0, 0.2)",
   tabs: "rgba(255, 200, 100, 0.4)"
-}, mL = {
+}, gL = {
   div: "#ff4000",
   modal: "#000",
   tabs: "#ffad18"
-}, gL = {
+}, bL = {
   definition: {
     sqlSnippets: [],
     queries: [],
@@ -22815,13 +22835,13 @@ const Cd = b.model("ViewModel_Division", {
       _name: e
     };
   }
-})).actions((t) => ({})), Zk = () => Cd.create({
+})).actions((t) => ({})), eT = () => Cd.create({
   _name: se.Division
 }), to = {
   enabled: !1,
   func_content: ["function text({ filters, context}) {", "    // your code goes here", '    return "text"', "}"].join(`
 `)
-}, eT = b.model("CustomModalTitleModel", {
+}, tT = b.model("CustomModalTitleModel", {
   enabled: b.optional(b.boolean, !1),
   func_content: b.optional(b.string, "")
 }).views((t) => ({
@@ -22869,7 +22889,7 @@ const Cd = b.model("ViewModel_Division", {
   _name: b.literal(se.Modal),
   width: b.string,
   height: b.string,
-  custom_modal_title: b.optional(eT, to)
+  custom_modal_title: b.optional(tT, to)
 }).views((t) => ({
   get json() {
     const {
@@ -22892,11 +22912,11 @@ const Cd = b.model("ViewModel_Division", {
   setHeight(e) {
     t.height = e;
   }
-})), tT = () => Sd.create({
+})), nT = () => Sd.create({
   _name: se.Modal,
   width: "90vw",
   height: "90vh"
-}), nT = b.model("ViewModel_Tabs_Tab", {
+}), rT = b.model("ViewModel_Tabs_Tab", {
   id: b.identifier,
   name: b.string,
   view_id: b.string,
@@ -22928,7 +22948,7 @@ const Cd = b.model("ViewModel_Division", {
   }
 })), kd = b.model("ViewModel_Tabs", {
   _name: b.literal(se.Modal),
-  tabs: b.optional(b.array(nT), []),
+  tabs: b.optional(b.array(rT), []),
   variant: b.optional(b.enumeration("variant", ["default", "outline", "pills"]), "default"),
   orientation: b.optional(b.enumeration("orientation", ["horizontal", "vertical"]), "horizontal"),
   grow: b.optional(b.boolean, !1)
@@ -22973,10 +22993,10 @@ const Cd = b.model("ViewModel_Division", {
   removeTab(e) {
     t.tabs.splice(e, 1);
   }
-})), rT = () => kd.create({
+})), iT = () => kd.create({
   _name: se.Modal,
   tabs: []
-}), iT = b.model({
+}), oT = b.model({
   id: b.identifier,
   name: b.string,
   type: b.enumeration("EViewComponentType", [se.Division, se.Modal, se.Tabs]),
@@ -23006,13 +23026,13 @@ const Cd = b.model("ViewModel_Division", {
     if (t.type !== e) {
       switch (e) {
         case se.Division:
-          t.config = Zk();
+          t.config = eT();
           break;
         case se.Modal:
-          t.config = tT();
+          t.config = nT();
           break;
         case se.Tabs:
-          t.config = rT();
+          t.config = iT();
           break;
       }
       t.type = e;
@@ -23025,8 +23045,8 @@ const Cd = b.model("ViewModel_Division", {
     const n = t.panelIDs.filter((r) => r !== e);
     t.panelIDs.length = 0, t.panelIDs.push(...n);
   }
-})).actions((t) => ({})), oT = b.model("ViewsModel", {
-  current: b.optional(b.array(iT), []),
+})).actions((t) => ({})), aT = b.model("ViewsModel", {
+  current: b.optional(b.array(oT), []),
   visibleViewIDs: b.array(b.string),
   idOfVIE: b.string
   // VIE: view in edit
@@ -23149,7 +23169,7 @@ function Td(t) {
 function Gs(t, e, n, r) {
   return t.reduce((o, a) => (o[a[e]] = Ho(a[n], r), o), {});
 }
-const aT = b.model({
+const sT = b.model({
   id: b.string,
   name: b.string,
   dashboard_id: b.string,
@@ -23160,8 +23180,8 @@ const aT = b.model({
   filters: Fp,
   queries: Qp,
   sqlSnippets: Kp,
-  views: oT,
-  panels: Kk,
+  views: aT,
+  panels: Xk,
   mock_context: sf,
   /**
    * this field should be excluded from snapshot
@@ -23299,7 +23319,7 @@ const aT = b.model({
   addANewPanel(e) {
     var r;
     const n = (/* @__PURE__ */ new Date()).getTime().toString();
-    t.panels.append(Uk(n)), (r = t.views.findByID(e)) == null || r.appendPanelID(n);
+    t.panels.append(Kk(n)), (r = t.views.findByID(e)) == null || r.appendPanelID(n);
   }
 })).actions((t) => ({
   // FIXME: https://github.com/merico-dev/table/issues/440
@@ -23333,7 +23353,7 @@ const aT = b.model({
     } = o;
     t.id = n, t.name = r, t.version = a, st(t.filters.current, s), st(t.views.current, Td(l).current), st(t.panels.list, c), st(t.queries.current, d), st(t.sqlSnippets.current, p), t.mock_context.current = h;
   }
-})), Ra = b.snapshotProcessor(aT, {
+})), Ra = b.snapshotProcessor(sT, {
   preProcessor(t) {
     return {
       ...t,
@@ -23350,10 +23370,10 @@ const aT = b.model({
     }, t);
   }
 });
-function bL(t, e) {
+function yL(t, e) {
   e.filters && st(t.filters.current, e.filters);
 }
-function sT({
+function lT({
   id: t,
   name: e,
   dashboard_id: n,
@@ -23397,14 +23417,14 @@ function sT({
     }
   });
 }
-const lT = b.model({
+const cT = b.model({
   id: b.string,
   content: b.string,
   create_time: b.string,
   update_time: b.string,
   is_preset: b.boolean
-}), cT = b.model("GlobalSQLSnippetsModel", {
-  list: b.optional(b.array(lT), [])
+}), dT = b.model("GlobalSQLSnippetsModel", {
+  list: b.optional(b.array(cT), [])
 }).views((t) => ({
   find(e) {
     return t.list.find((n) => n.id === e);
@@ -23419,14 +23439,14 @@ const lT = b.model({
   replace(e) {
     t.list.length = 0, t.list.push(...e);
   }
-})), dT = b.model({
+})), uT = b.model({
   id: b.identifier,
   name: b.string,
   group: b.string,
   content: Ra,
   content_id: b.string,
   datasources: rf,
-  globalSQLSnippets: cT,
+  globalSQLSnippets: dT,
   context: Xp,
   editor: af
 }).views((t) => ({
@@ -23458,12 +23478,12 @@ function Dd({
   group: n,
   content_id: r
 }, o, a, s, l) {
-  return dT.create({
+  return uT.create({
     id: t,
     name: e,
     group: n,
     content_id: r,
-    content: sT(o),
+    content: lT(o),
     datasources: {
       list: a
     },
@@ -23484,10 +23504,10 @@ function wi(t) {
 function Id() {
   return z.useContext(no);
 }
-const uT = {
+const hT = {
   viewPanelInFullScreen: k.noop,
   inFullScreen: !1
-}, Oa = z.createContext(uT), hT = ({
+}, Oa = z.createContext(hT), pT = ({
   description: t,
   isDescriptionEmpty: e
 }) => e ? null : /* @__PURE__ */ i(Ve, { color: "white", label: /* @__PURE__ */ i(yi, { value: t, styles: {
@@ -23505,7 +23525,7 @@ const uT = {
 }, withArrow: !0, children: /* @__PURE__ */ i(V, { sx: {
   height: "16px",
   alignSelf: "center"
-}, children: /* @__PURE__ */ i(qn, { size: 16, color: "gray" }) }) }), pT = D(({
+}, children: /* @__PURE__ */ i(qn, { size: 16, color: "gray" }) }) }), fT = D(({
   label: t,
   config: {
     default_value: e,
@@ -23521,7 +23541,7 @@ const uT = {
     /* @__PURE__ */ i(V, { sx: {
       flexGrow: 1
     }, children: t }),
-    /* @__PURE__ */ i(hT, { description: n, isDescriptionEmpty: r })
+    /* @__PURE__ */ i(pT, { description: n, isDescriptionEmpty: r })
   ] }), checked: a || !1, onChange: (l) => s(l.currentTarget.checked), ...o, pt: ".4em", styles: {
     input: {
       borderColor: "#e9ecef"
@@ -23561,7 +23581,7 @@ const uT = {
       ...a
     }
   );
-}), fT = Bn((t, {
+}), mT = Bn((t, {
   radius: e = 4
 }) => ({
   root: {
@@ -23728,7 +23748,7 @@ const uT = {
   }
 })), $d = ({
   errorMessage: t
-}) => t ? /* @__PURE__ */ i(C, { color: "red", size: 12, children: t }) : /* @__PURE__ */ i(C, { color: "dimmed", size: 12, children: "Not found" }), mT = ({
+}) => t ? /* @__PURE__ */ i(C, { color: "red", size: 12, children: t }) : /* @__PURE__ */ i(C, { color: "dimmed", size: 12, children: "Not found" }), gT = ({
   disabled: t,
   // styling props
   classNames: e,
@@ -23746,7 +23766,7 @@ const uT = {
   const {
     classes: h,
     cx: f
-  } = fT({
+  } = mT({
     radius: o
   }, {
     name: "MultiSelectWidget",
@@ -23774,7 +23794,7 @@ const uT = {
       j.description && /* @__PURE__ */ i(C, { size: "xs", color: "dimmed", "data-role": "description", children: j.description })
     ] }) }) }, j.value)) })
   ] });
-}, gT = D(({
+}, bT = D(({
   label: t,
   config: e,
   value: n,
@@ -23784,20 +23804,20 @@ const uT = {
     state: s,
     error: l
   } = o.getDataStuffByID(e.options_query_id), c = s === "loading", d = e.min_width ? e.min_width : "200px", p = a ? c : !1, h = (f) => r(f, !1);
-  return /* @__PURE__ */ i(mT, { label: t, options: e.options, style: {
+  return /* @__PURE__ */ i(gT, { label: t, options: e.options, style: {
     minWidth: "160px",
     width: d,
     maxWidth: p ? d : "unset",
     borderColor: "#e9ecef"
   }, disabled: p, value: n, onChange: h, errorMessage: l });
-}), bT = Se(({
+}), yT = Se(({
   label: t,
   description: e,
   ...n
 }, r) => /* @__PURE__ */ i("div", { ref: r, ...n, children: /* @__PURE__ */ i(w, { noWrap: !0, children: /* @__PURE__ */ u("div", { children: [
   /* @__PURE__ */ i(C, { size: "sm", "data-role": "label", children: t }),
   /* @__PURE__ */ i(C, { size: "xs", color: "dimmed", "data-role": "description", children: e })
-] }) }) })), yT = D(({
+] }) }) })), xT = D(({
   label: t,
   config: e,
   value: n,
@@ -23827,9 +23847,9 @@ const uT = {
     ".mantine-Select-item[data-selected] .mantine-Text-root[data-role=description]": {
       color: "rgba(255,255,255,.7)"
     }
-  }, itemComponent: bT });
+  }, itemComponent: yT });
 });
-function xT({
+function vT({
   label: t,
   config: e,
   value: n,
@@ -23841,10 +23861,10 @@ function xT({
     }
   } });
 }
-const vT = ({
+const wT = ({
   rotate: t,
   onClick: e
-}) => /* @__PURE__ */ i("svg", { onClick: e, className: "caret-icon", viewBox: "0 0 1024 1024", focusable: "false", "data-icon": "caret-down", width: "14px", height: "14px", fill: "currentColor", "aria-hidden": "true", transform: `rotate(${t})`, children: /* @__PURE__ */ i("path", { d: "M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z" }) }), wT = ({
+}) => /* @__PURE__ */ i("svg", { onClick: e, className: "caret-icon", viewBox: "0 0 1024 1024", focusable: "false", "data-icon": "caret-down", width: "14px", height: "14px", fill: "currentColor", "aria-hidden": "true", transform: `rotate(${t})`, children: /* @__PURE__ */ i("path", { d: "M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z" }) }), _T = ({
   expanded: t,
   isLeaf: e,
   value: n,
@@ -23853,17 +23873,17 @@ const vT = ({
 }) => (n === "0-0-value" && console.log(o), e ? /* @__PURE__ */ i("span", { style: {
   width: "14px",
   display: "inline-block"
-} }) : /* @__PURE__ */ i(vT, { rotate: t ? "0" : "-90", onClick: r, ...o })), _T = ({
+} }) : /* @__PURE__ */ i(wT, { rotate: t ? "0" : "-90", onClick: r, ...o })), CT = ({
   onClick: t
 }) => /* @__PURE__ */ u("svg", { onClick: t, className: "checkbox-icon", width: "16", height: "16", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: "2", fill: "none", strokeLinecap: "round", strokeLinejoin: "round", children: [
   /* @__PURE__ */ i("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
   /* @__PURE__ */ i("rect", { className: "border", x: "4", y: "4", width: "16", height: "16", rx: "2" }),
   /* @__PURE__ */ i("rect", { className: "checkmark-indeterminate", x: "8", y: "8", width: "8", height: "8", rx: "2", stroke: "none" }),
   /* @__PURE__ */ i("path", { className: "checkmark-checked", d: "M9 12l2 2l4 -4" })
-] }), CT = ({
+] }), ST = ({
   onClick: t,
   ...e
-}) => /* @__PURE__ */ i(_T, { onClick: t, ...e }), ST = Bn((t, {
+}) => /* @__PURE__ */ i(CT, { onClick: t, ...e }), kT = Bn((t, {
   radius: e = 4
 }) => ({
   root: {
@@ -24103,7 +24123,7 @@ const vT = ({
       }
     }
   }
-})), kT = ({
+})), TT = ({
   disabled: t,
   // styling props
   classNames: e,
@@ -24121,7 +24141,7 @@ const vT = ({
   const {
     classes: h,
     cx: f
-  } = ST({
+  } = kT({
     radius: o
   }, {
     name: "FilterTreeSelectWidget",
@@ -24149,8 +24169,8 @@ const vT = ({
         style: a,
         treeLine: !0,
         clearIcon: () => /* @__PURE__ */ i(rl, {}),
-        switcherIcon: wT,
-        treeIcon: CT,
+        switcherIcon: _T,
+        treeIcon: ST,
         maxTagTextLength: 10,
         value: l,
         treeData: d,
@@ -24165,7 +24185,7 @@ const vT = ({
       }
     )
   ] });
-}, TT = D(({
+}, DT = D(({
   label: t,
   config: e,
   value: n,
@@ -24177,7 +24197,7 @@ const vT = ({
     errorMessage: s
   } = e, l = e.min_width ? e.min_width : "200px", d = !!e.options_query_id ? a : !1;
   return /* @__PURE__ */ i(
-    kT,
+    TT,
     {
       disabled: d,
       style: {
@@ -24193,7 +24213,7 @@ const vT = ({
       label: t
     }
   );
-}), DT = D(({
+}), IT = D(({
   filter: {
     type: t,
     config: e,
@@ -24204,24 +24224,24 @@ const vT = ({
 }) => {
   switch (t) {
     case "select":
-      return /* @__PURE__ */ i(yT, { ...r, ...o, config: e });
+      return /* @__PURE__ */ i(xT, { ...r, ...o, config: e });
     case "multi-select":
-      return /* @__PURE__ */ i(gT, { ...r, ...o, config: e });
+      return /* @__PURE__ */ i(bT, { ...r, ...o, config: e });
     case "tree-select":
-      return /* @__PURE__ */ i(TT, { ...r, ...o, config: e });
+      return /* @__PURE__ */ i(DT, { ...r, ...o, config: e });
     case "text-input":
-      return /* @__PURE__ */ i(xT, { ...r, ...o, config: e });
+      return /* @__PURE__ */ i(vT, { ...r, ...o, config: e });
     case "date-range":
       return /* @__PURE__ */ i(Md, { ...r, ...o, config: e });
     case "checkbox":
-      return /* @__PURE__ */ i(pT, { ...r, ...o, config: e });
+      return /* @__PURE__ */ i(fT, { ...r, ...o, config: e });
     default:
       return null;
   }
 }), zd = D(z.forwardRef(({
   filter: t,
   ...e
-}, n) => /* @__PURE__ */ i("div", { className: "filter-root", ref: n, children: /* @__PURE__ */ i(ct, { children: /* @__PURE__ */ i(DT, { filter: t, formFieldProps: e }) }) }))), Ld = D(function({
+}, n) => /* @__PURE__ */ i("div", { className: "filter-root", ref: n, children: /* @__PURE__ */ i(ct, { children: /* @__PURE__ */ i(IT, { filter: t, formFieldProps: e }) }) }))), Ld = D(function({
   view: e
 }) {
   const n = re(), {
@@ -24259,7 +24279,7 @@ const vT = ({
     }, children: /* @__PURE__ */ i($, { color: "blue", size: "sm", type: "submit", disabled: p, children: "Search" }) })
   ] }) });
 });
-function IT(t) {
+function MT(t) {
   return t ? ["<p><br></p>", "<p></p>"].includes(t) : !0;
 }
 const Ad = D(() => {
@@ -24270,8 +24290,8 @@ const Ad = D(() => {
   } = tt();
   return z.useEffect(() => {
     t(e);
-  }, [e]), IT(r.description) ? null : /* @__PURE__ */ u(G, { children: [
-    /* @__PURE__ */ i(De, { opened: e, onClose: () => n(!1), title: r.title, withCloseButton: !1, withinPortal: !0, zIndex: 310, children: /* @__PURE__ */ i(yi, { value: r.description, styles: {
+  }, [e]), MT(r.description) ? null : /* @__PURE__ */ u(G, { children: [
+    /* @__PURE__ */ i(Ie, { opened: e, onClose: () => n(!1), title: r.title, withCloseButton: !1, withinPortal: !0, zIndex: 310, children: /* @__PURE__ */ i(yi, { value: r.description, styles: {
       root: {
         border: "none"
       },
@@ -24284,10 +24304,10 @@ const Ad = D(() => {
       cursor: "pointer"
     }, children: /* @__PURE__ */ i(Tn, { size: 20 }) }) })
   ] });
-}), MT = D(({
+}), $T = D(({
   view: t
 }) => {
-  const e = ze(), n = re(), r = Gt(), {
+  const e = Le(), n = re(), r = Gt(), {
     panel: o
   } = tt(), {
     id: a
@@ -24338,7 +24358,7 @@ const Ad = D(() => {
       ] })
     ] })
   ] }) }) });
-}), $T = D(({
+}), zT = D(({
   panel: t
 }) => /* @__PURE__ */ u(S, { children: [
   t.queryErrors.map((e, n) => /* @__PURE__ */ i(C, { color: "red", size: "md", align: "center", sx: {
@@ -24347,7 +24367,7 @@ const Ad = D(() => {
   t.queryStateMessages.map((e, n) => /* @__PURE__ */ i(C, { color: "gray", align: "center", children: e }, `${n}-${e}`))
 ] }));
 var Ed = /* @__PURE__ */ ((t) => (t.migrated = "migrated", t.nothingToMigrate = "nothingToMigrate", t.checkFailed = "checkFailed", t.migrationFailed = "migrationFailed", t))(Ed || {}), Fr = /* @__PURE__ */ ((t) => (t.notStarted = "notStarted", t.inProgress = "inProgress", t.done = "done", t))(Fr || {});
-class zT {
+class LT {
   constructor(e) {
     Y(this, "vizInstance");
     Y(this, "operationManager");
@@ -24405,7 +24425,7 @@ function Rd(t) {
     return n.createScoped().provideFactory(qe.instanceScope.vizInstance, () => r.getOrCreateInstance(t)).provideFactory(qe.instanceScope.interactionManager, (a) => {
       const s = a.getRequired(qe.instanceScope.vizInstance);
       return new Aa(s, o, vi);
-    }).provideFactory(qe.instanceScope.operationManager, (a) => a.getRequired(qe.instanceScope.interactionManager).operationManager).provideFactory(qe.instanceScope.triggerManager, (a) => a.getRequired(qe.instanceScope.interactionManager).triggerManager).provideValue(qe.instanceScope.panelModel, e).provideFactory(qe.instanceScope.migrator, (a) => new zT(a));
+    }).provideFactory(qe.instanceScope.operationManager, (a) => a.getRequired(qe.instanceScope.interactionManager).operationManager).provideFactory(qe.instanceScope.triggerManager, (a) => a.getRequired(qe.instanceScope.interactionManager).triggerManager).provideValue(qe.instanceScope.panelModel, e).provideFactory(qe.instanceScope.migrator, (a) => new LT(a));
   }, [t.viz.type, t.viz.conf]);
 }
 function Od(t) {
@@ -24425,7 +24445,7 @@ function Fd(t, e) {
     t(r);
   })), [t, e.viz.type]), n;
 }
-function LT({
+function AT({
   setVizConf: t,
   ...e
 }) {
@@ -24441,7 +24461,7 @@ function LT({
     await r.instanceData.setItem(null, n.viz.conf);
   }, [r, n.viz.type]), o ? /* @__PURE__ */ i(mf, { ...e }) : /* @__PURE__ */ i(C, { children: "Checking update..." });
 }
-function AT(t) {
+function ET(t) {
   const {
     panel: e,
     setVizConf: n
@@ -24457,7 +24477,7 @@ function AT(t) {
     });
   }) ? /* @__PURE__ */ i(ff, { ...t }) : /* @__PURE__ */ i(C, { children: "Checking update" });
 }
-function ET(t, e) {
+function RT(t, e) {
   const {
     vizManager: n
   } = Ot(Pt), {
@@ -24478,19 +24498,19 @@ function ET(t, e) {
     layout: e
   }, p = Rd(d);
   try {
-    return n.resolveComponent(r.type), /* @__PURE__ */ i(wi, { configure: p, children: /* @__PURE__ */ i(AT, { setVizConf: r.setConf, panel: d, data: t, variables: c, vizManager: n }) });
+    return n.resolveComponent(r.type), /* @__PURE__ */ i(wi, { configure: p, children: /* @__PURE__ */ i(ET, { setVizConf: r.setConf, panel: d, data: t, variables: c, vizManager: n }) });
   } catch (h) {
     return console.info(de(h, "message")), null;
   }
 }
-const RT = D(function({
+const OT = D(function({
   data: e
 }) {
   const {
     ref: n,
     width: r,
     height: o
-  } = cr(), a = ET(e, {
+  } = cr(), a = RT(e, {
     w: r,
     h: o
   }), s = r > 0 && o > 0;
@@ -24504,10 +24524,10 @@ const RT = D(function({
   width: "100%"
 }, children: [
   /* @__PURE__ */ i(Cn, { visible: t.dataLoading, exitTransitionDuration: 0 }),
-  !t.canRenderViz && /* @__PURE__ */ i($T, { panel: t }),
-  t.canRenderViz && /* @__PURE__ */ i(RT, { data: t.data })
+  !t.canRenderViz && /* @__PURE__ */ i(zT, { panel: t }),
+  t.canRenderViz && /* @__PURE__ */ i(OT, { data: t.data })
 ] }));
-const OT = D(function() {
+const FT = D(function() {
   const {
     panel: e
   } = tt(), {
@@ -24517,20 +24537,20 @@ const OT = D(function() {
     flexGrow: 1
   }, children: /* @__PURE__ */ i(C, { align: "center", lineClamp: 1, weight: "bold", children: n }) }) : null;
 });
-function FT(t) {
+function PT(t) {
   return !["richText", "button"].includes(t);
 }
-const PT = {
+const VT = {
   border: "1px solid #e9ecef"
-}, VT = {
+}, NT = {
   border: "1px dashed transparent",
   transition: "border-color 300ms ease",
   "&:hover": {
     borderColor: "#e9ecef"
   }
 };
-function NT(t, e) {
-  return t.style.border.enabled ? PT : e ? VT : {
+function BT(t, e) {
+  return t.style.border.enabled ? VT : e ? NT : {
     border: "1px dashed transparent"
   };
 }
@@ -24540,7 +24560,7 @@ const Fa = D(function({
 }) {
   const {
     inEditMode: r
-  } = Ot(In), o = e.title ? "calc(100% - 25px - 5px)" : "100%", a = NT(e, r), l = FT(e.viz.type) || r;
+  } = Ot(In), o = e.title ? "calc(100% - 25px - 5px)" : "100%", a = BT(e, r), l = PT(e.viz.type) || r;
   return /* @__PURE__ */ i(vc, { value: {
     panel: e,
     data: e.data,
@@ -24556,12 +24576,12 @@ const Fa = D(function({
       height: 28,
       zIndex: 310
     }, children: /* @__PURE__ */ i(Ad, {}) }),
-    l && /* @__PURE__ */ i(MT, { view: n }),
-    /* @__PURE__ */ i(OT, {}),
+    l && /* @__PURE__ */ i($T, { view: n }),
+    /* @__PURE__ */ i(FT, {}),
     /* @__PURE__ */ i(Pd, { panel: e, height: o })
   ] }) });
 });
-const BT = z.forwardRef(({
+const qT = z.forwardRef(({
   h: t
 }, e) => /* @__PURE__ */ i(Q, { ref: e, className: "react-grid-customDragHandle", sx: {
   userSelect: "none",
@@ -24573,7 +24593,7 @@ const BT = z.forwardRef(({
   "&:hover": {
     color: "#228be6"
   }
-}, variant: "transparent", children: /* @__PURE__ */ i(Dh, { size: 16 }) })), qT = z.forwardRef(({
+}, variant: "transparent", children: /* @__PURE__ */ i(Dh, { size: 16 }) })), WT = z.forwardRef(({
   handleAxis: t,
   ...e
 }, n) => /* @__PURE__ */ i(Q, { ref: n, className: "react-grid-customResizeHandle", sx: {
@@ -24586,7 +24606,7 @@ const BT = z.forwardRef(({
   "&:hover": {
     color: "#228be6"
   }
-}, variant: "transparent", ...e, children: /* @__PURE__ */ i(Ih, { size: 16 }) })), WT = Ul(Ql), jT = D(({
+}, variant: "transparent", ...e, children: /* @__PURE__ */ i(Ih, { size: 16 }) })), jT = Ul(Ql), GT = D(({
   view: t,
   className: e = "layout"
 }) => {
@@ -24604,13 +24624,13 @@ const BT = z.forwardRef(({
   }, [n]), s = (l, c, d, p) => {
     d.h < 30 && (d.h = 30, p.h = 30), d.w < 4 && (d.w = 4, p.w = 4);
   };
-  return /* @__PURE__ */ i(WT, { onLayoutChange: a, className: `dashboard-layout ${e}`, rowHeight: 1, cols: 36, margin: [0, 0], isBounded: !0, isDraggable: !0, isResizable: !0, layout: o, draggableHandle: ".react-grid-customDragHandle", resizeHandle: /* @__PURE__ */ i(qT, {}), onResize: s, children: r.map((l, c) => /* @__PURE__ */ u("div", { "data-grid": {
+  return /* @__PURE__ */ i(jT, { onLayoutChange: a, className: `dashboard-layout ${e}`, rowHeight: 1, cols: 36, margin: [0, 0], isBounded: !0, isDraggable: !0, isResizable: !0, layout: o, draggableHandle: ".react-grid-customDragHandle", resizeHandle: /* @__PURE__ */ i(WT, {}), onResize: s, children: r.map((l, c) => /* @__PURE__ */ u("div", { "data-grid": {
     ...l.layout
   }, className: "panel-grid-item", children: [
-    /* @__PURE__ */ i(BT, { h: l.layout.h }),
+    /* @__PURE__ */ i(qT, { h: l.layout.h }),
     /* @__PURE__ */ i(Fa, { view: t, panel: l })
   ] }, l.id)) });
-}), GT = Ul(Ql), YT = D(function({
+}), YT = Ul(Ql), HT = D(function({
   view: e,
   className: n = "layout"
 }) {
@@ -24618,16 +24638,16 @@ const BT = z.forwardRef(({
     panels: r,
     layouts: o
   } = re().panels.panelsByIDs(e.panelIDs);
-  return /* @__PURE__ */ i(GT, { className: `dashboard-layout ${n}`, cols: 36, rowHeight: 1, margin: [0, 0], isDraggable: !1, isResizable: !1, layout: o, children: r.map((a) => /* @__PURE__ */ i("div", { "data-grid": {
+  return /* @__PURE__ */ i(YT, { className: `dashboard-layout ${n}`, cols: 36, rowHeight: 1, margin: [0, 0], isDraggable: !1, isResizable: !1, layout: o, children: r.map((a) => /* @__PURE__ */ i("div", { "data-grid": {
     ...a.layout
   }, className: "panel-grid-item", children: /* @__PURE__ */ i(Fa, { view: e, panel: a }) }, a.id)) });
-}), HT = D(({
+}), QT = D(({
   children: t
 }) => /* @__PURE__ */ i(V, { pt: 10, pb: 100, children: t }));
 function Ys(t) {
   return t.replace(/(vw|vh)/, "%");
 }
-const QT = D(({
+const UT = D(({
   children: t,
   view: e
 }) => {
@@ -24643,7 +24663,7 @@ const QT = D(({
     "> div:not(.mantine-Modal-root)": {
       height: "100%"
     }
-  }, children: /* @__PURE__ */ i(De, { size: n.width, opened: !0, onClose: k.noop, withCloseButton: !1, title: n.custom_modal_title.value, trapFocus: !0, onDragStart: (a) => {
+  }, children: /* @__PURE__ */ i(Ie, { size: n.width, opened: !0, onClose: k.noop, withCloseButton: !1, title: n.custom_modal_title.value, trapFocus: !0, onDragStart: (a) => {
     a.stopPropagation();
   }, styles: {
     root: {
@@ -24673,7 +24693,7 @@ const QT = D(({
   }, withinPortal: !1, transitionProps: {
     duration: 0
   }, children: t }) });
-}), UT = ({
+}), KT = ({
   variant: t,
   orientation: e
 }) => {
@@ -24690,11 +24710,11 @@ const QT = D(({
     marginLeft: "auto",
     marginRight: "auto"
   }), n;
-}, KT = (t) => t.color ? {
+}, XT = (t) => t.color ? {
   "&[data-active], &[data-active]:hover": {
     borderColor: t.color ? t.color : "..."
   }
-} : {}, XT = D(({
+} : {}, JT = D(({
   children: t,
   view: e
 }) => {
@@ -24714,9 +24734,9 @@ const QT = D(({
     zIndex: 320
   }), l = a.tabs.length === 0;
   return /* @__PURE__ */ u(V, { className: "preview-view-tabs", children: [
-    /* @__PURE__ */ u(g, { variant: a.variant, orientation: a.orientation, defaultValue: a.tabs.length > 0 ? a.tabs[0].id : "0", styles: UT(a), children: [
+    /* @__PURE__ */ u(g, { variant: a.variant, orientation: a.orientation, defaultValue: a.tabs.length > 0 ? a.tabs[0].id : "0", styles: KT(a), children: [
       /* @__PURE__ */ u(g.List, { grow: a.grow, children: [
-        a.tabs.map((c) => /* @__PURE__ */ i(g.Tab, { value: c.id, sx: KT(c), children: c.name ?? c.id }, c.id)),
+        a.tabs.map((c) => /* @__PURE__ */ i(g.Tab, { value: c.id, sx: XT(c), children: c.name ?? c.id }, c.id)),
         /* @__PURE__ */ i(g.Tab, { onClick: a.addTab, value: "add", className: "add-a-tab", children: /* @__PURE__ */ i(Ge, { size: 18, color: "#228be6" }) })
       ] }),
       a.tabs.map((c, d) => {
@@ -24757,35 +24777,35 @@ const QT = D(({
     ] }),
     t
   ] });
-}), JT = D(({
+}), ZT = D(({
   view: t,
   children: e
 }) => {
   switch (t.type) {
     case se.Modal:
-      return /* @__PURE__ */ i(QT, { view: t, children: e });
+      return /* @__PURE__ */ i(UT, { view: t, children: e });
     case se.Tabs:
-      return /* @__PURE__ */ i(XT, { view: t, children: e });
+      return /* @__PURE__ */ i(JT, { view: t, children: e });
     case se.Division:
     default:
-      return /* @__PURE__ */ i(HT, { children: e });
+      return /* @__PURE__ */ i(QT, { children: e });
   }
-}), ZT = D(function({
+}), eD = D(function({
   view: e
 }) {
   return /* @__PURE__ */ i(Oa.Provider, { value: {
     viewPanelInFullScreen: k.noop,
     inFullScreen: !1
-  }, children: /* @__PURE__ */ i(V, { className: "dashboard-view", "data-enable-scrollbar": !0, children: /* @__PURE__ */ i(JT, { view: e, children: /* @__PURE__ */ u(V, { sx: {
+  }, children: /* @__PURE__ */ i(V, { className: "dashboard-view", "data-enable-scrollbar": !0, children: /* @__PURE__ */ i(ZT, { view: e, children: /* @__PURE__ */ u(V, { sx: {
     position: "relative"
   }, children: [
     /* @__PURE__ */ i(V, { className: "dashboard-sticky-area", sx: {
       position: "sticky",
       top: "0px"
     }, children: /* @__PURE__ */ i(Ld, { view: e }) }),
-    /* @__PURE__ */ i(jT, { view: e })
+    /* @__PURE__ */ i(GT, { view: e })
   ] }) }) }) });
-}), eD = {
+}), tD = {
   modal: {
     display: "flex",
     flexDirection: "column",
@@ -24795,17 +24815,17 @@ const QT = D(({
     display: "flex",
     height: "calc(100vh - 88px)"
   }
-}, tD = D(function({
+}, nD = D(function({
   view: e,
   panel: n,
   exitFullScreen: r
 }) {
-  return /* @__PURE__ */ i(De, { opened: !0, fullScreen: !0, onClose: r, title: /* @__PURE__ */ i($, { color: "blue", size: "xs", onClick: r, leftIcon: /* @__PURE__ */ i(Mh, { size: 20 }), children: "Exit fullscreen" }), styles: eD, children: /* @__PURE__ */ i(w, { grow: !0, sx: {
+  return /* @__PURE__ */ i(Ie, { opened: !0, fullScreen: !0, onClose: r, title: /* @__PURE__ */ i($, { color: "blue", size: "xs", onClick: r, leftIcon: /* @__PURE__ */ i(Mh, { size: 20 }), children: "Exit fullscreen" }), styles: tD, children: /* @__PURE__ */ i(w, { grow: !0, sx: {
     flexGrow: 1,
     flexShrink: 0
   }, children: /* @__PURE__ */ i(Fa, { view: e, panel: n }) }) });
 });
-function nD(t, e, n) {
+function rD(t, e, n) {
   const {
     panels: r
   } = re(), o = t.id === "Main", [a, s] = z.useState(() => o && r.findByID(e) ? e : null), l = z.useCallback((h) => {
@@ -24820,14 +24840,14 @@ function nD(t, e, n) {
     fullScreenPanel: d
   };
 }
-const rD = D(({
+const iD = D(({
   children: t
-}) => /* @__PURE__ */ i(V, { children: t })), iD = D(({
+}) => /* @__PURE__ */ i(V, { children: t })), oD = D(({
   children: t,
   view: e
 }) => {
   const n = re(), r = e.config, o = n.views.visibleViewIDs.includes(e.id), a = () => n.views.rmVisibleViewID(e.id);
-  return /* @__PURE__ */ i(De, { size: r.width, centered: !0, opened: o, onClose: a, withCloseButton: !1, title: r.custom_modal_title.value, trapFocus: !0, onDragStart: (s) => {
+  return /* @__PURE__ */ i(Ie, { size: r.width, centered: !0, opened: o, onClose: a, withCloseButton: !1, title: r.custom_modal_title.value, trapFocus: !0, onDragStart: (s) => {
     s.stopPropagation();
   }, styles: {
     content: {
@@ -24840,11 +24860,11 @@ const rD = D(({
   }, transitionProps: {
     duration: 0
   }, children: t });
-}), oD = (t) => t.color ? {
+}), aD = (t) => t.color ? {
   "&[data-active], &[data-active]:hover": {
     borderColor: t.color ? t.color : "..."
   }
-} : {}, aD = D(({
+} : {}, sD = D(({
   children: t,
   view: e
 }) => {
@@ -24855,7 +24875,7 @@ const rD = D(({
         padding: r.orientation === "horizontal" ? "16px 0px" : "0"
       }
     }, keepMounted: !1, children: [
-      /* @__PURE__ */ i(g.List, { grow: r.grow, children: r.tabs.map((o) => /* @__PURE__ */ i(g.Tab, { value: o.id, sx: oD(o), disabled: !o.view_id, children: o.name ?? o.id }, o.id)) }),
+      /* @__PURE__ */ i(g.List, { grow: r.grow, children: r.tabs.map((o) => /* @__PURE__ */ i(g.Tab, { value: o.id, sx: aD(o), disabled: !o.view_id, children: o.name ?? o.id }, o.id)) }),
       r.tabs.map((o) => {
         const a = n.views.findByID(o.view_id);
         return a ? /* @__PURE__ */ i(g.Panel, { value: o.id, children: /* @__PURE__ */ i(Pa, { view: a }) }, o.id) : null;
@@ -24863,18 +24883,18 @@ const rD = D(({
     ] }),
     t
   ] });
-}), sD = D(({
+}), lD = D(({
   view: t,
   children: e
 }) => {
   switch (t.type) {
     case se.Modal:
-      return /* @__PURE__ */ i(iD, { view: t, children: e });
+      return /* @__PURE__ */ i(oD, { view: t, children: e });
     case se.Tabs:
-      return /* @__PURE__ */ i(aD, { view: t, children: e });
+      return /* @__PURE__ */ i(sD, { view: t, children: e });
     case se.Division:
     default:
-      return /* @__PURE__ */ i(rD, { children: e });
+      return /* @__PURE__ */ i(iD, { children: e });
   }
 }), Pa = D(function({
   view: e
@@ -24887,30 +24907,30 @@ const rD = D(({
     exitFullScreen: a,
     inFullScreen: s,
     fullScreenPanel: l
-  } = nD(e, n, r);
+  } = rD(e, n, r);
   return /* @__PURE__ */ i(Oa.Provider, { value: {
     viewPanelInFullScreen: o,
     inFullScreen: s
   }, children: /* @__PURE__ */ u(V, { className: "dashboard-view", "data-enable-scrollbar": !0, children: [
-    s && /* @__PURE__ */ i(tD, { view: e, panel: l, exitFullScreen: a }),
-    /* @__PURE__ */ i(sD, { view: e, children: /* @__PURE__ */ u(V, { sx: {
+    s && /* @__PURE__ */ i(nD, { view: e, panel: l, exitFullScreen: a }),
+    /* @__PURE__ */ i(lD, { view: e, children: /* @__PURE__ */ u(V, { sx: {
       position: "relative"
     }, children: [
       !s && /* @__PURE__ */ i(V, { className: "dashboard-sticky-area", sx: {
         position: "sticky",
         top: "0px"
       }, children: /* @__PURE__ */ i(Ld, { view: e }) }),
-      !s && /* @__PURE__ */ i(YT, { view: e })
+      !s && /* @__PURE__ */ i(HT, { view: e })
     ] }) })
   ] }) });
 });
 function Vd(t) {
   return z.useCallback((e) => e.provideValue(qe.pluginManager, t.pluginManager).provideValue(qe.vizManager, t.vizManager).provideValue(qe.colorManager, t.colorManager), []);
 }
-const lD = D(({
+const cD = D(({
   headerMenuItems: t = null
 }) => {
-  const e = ze(), n = re(), r = () => {
+  const e = Le(), n = re(), r = () => {
     const o = JSON.stringify(n.json, null, 2), a = `${e.name}__${n.name}`;
     Np(a, o);
   };
@@ -24922,7 +24942,7 @@ const lD = D(({
       t
     ] })
   ] });
-}), cD = D(({
+}), dD = D(({
   saveDashboardChanges: t
 }) => {
   const e = Gt(), n = re(), r = () => {
@@ -24962,12 +24982,12 @@ const lD = D(({
       /* @__PURE__ */ i(He.Dropdown, { children: /* @__PURE__ */ i(He.Item, { icon: /* @__PURE__ */ i(wl, { size: 14, color: "red" }), disabled: !o, onClick: r, children: "Revert Changes" }) })
     ] })
   ] });
-}), dD = D(({
+}), uD = D(({
   saveDashboardChanges: t,
   headerSlot: e = null,
   headerMenuItems: n
 }) => {
-  const r = lp(), o = ze(), a = () => {
+  const r = lp(), o = Le(), a = () => {
     r(`/dashboard/${o.id}`);
   }, s = Gt(), l = () => {
     s.openConfirmModal({
@@ -25000,16 +25020,16 @@ const lD = D(({
         "End Editing",
         /* @__PURE__ */ i(C, { td: "underline", children: o.name })
       ] }) }),
-      /* @__PURE__ */ i(cD, { saveDashboardChanges: t })
+      /* @__PURE__ */ i(dD, { saveDashboardChanges: t })
     ] }),
     /* @__PURE__ */ u(w, { position: "right", sx: {
       flexGrow: 1
     }, children: [
       e,
-      /* @__PURE__ */ i(lD, { headerMenuItems: n })
+      /* @__PURE__ */ i(cD, { headerMenuItems: n })
     ] })
   ] }) });
-}), uD = {
+}), hD = {
   position: "fixed",
   top: 60,
   // height of mantine-header
@@ -25019,9 +25039,9 @@ const lD = D(({
   zIndex: 299,
   borderBottom: "1px solid #e9ecef",
   background: "rgba(233,236,239, 0.15)"
-}, hD = D(() => {
+}, pD = D(() => {
   const t = re();
-  return /* @__PURE__ */ i(V, { sx: uD, pl: {
+  return /* @__PURE__ */ i(V, { sx: hD, pl: {
     base: 200,
     xs: 200,
     sm: 200,
@@ -25042,11 +25062,11 @@ const lD = D(({
     /* @__PURE__ */ i(V, {}),
     /* @__PURE__ */ i(V, {})
   ] }) });
-}), pD = D((t) => /* @__PURE__ */ u(G, { children: [
-  /* @__PURE__ */ i(dD, { ...t }),
-  /* @__PURE__ */ i(hD, {})
+}), fD = D((t) => /* @__PURE__ */ u(G, { children: [
+  /* @__PURE__ */ i(uD, { ...t }),
+  /* @__PURE__ */ i(pD, {})
 ] }));
-function fD(t, e, n) {
+function mD(t, e, n) {
   const r = [];
   return t.filter((o) => "__INTERACTIONS" in o.viz.conf).forEach((o, a) => {
     const s = e[o.id];
@@ -25108,21 +25128,21 @@ function fD(t, e, n) {
     });
   }), r;
 }
-function mD(t, e) {
+function gD(t, e) {
   const n = t.filters.keyLabelMap;
   return {
-    edges: fD(t.panels.list, e, n),
+    edges: mD(t.panels.list, e, n),
     edgeNodes: []
   };
 }
 function Nd(t, e, n) {
   return t * e + t * n;
 }
-function gD(t, e, n) {
+function bD(t, e, n) {
   return t * e + (t - 1) * n;
 }
-const Ur = 25, Va = 40, Bd = 25, Na = 350, bD = 150, yD = 150, qd = 150, Hs = 300, Pr = 40, Wd = 25, xD = 300;
-function vD(t, e) {
+const Ur = 25, Va = 40, Bd = 25, Na = 350, yD = 150, xD = 150, qd = 150, Hs = 300, Pr = 40, Wd = 25, vD = 300;
+function wD(t, e) {
   const n = k.keyBy(e, (o) => o.id), r = [];
   return t.current.forEach((o, a) => {
     o.panelIDs.forEach((s, l) => {
@@ -25170,14 +25190,14 @@ function vD(t, e) {
     });
   }), r;
 }
-const wD = {
+const _D = {
   [se.Division]: "Div",
   [se.Modal]: "Modal",
   [se.Tabs]: "Tabs"
-}, _D = Jk;
-function CD(t) {
+}, CD = Zk;
+function SD(t) {
   return t.current.map((n, r) => {
-    const o = gD(n.panelIDs.length, Pr, Wd) + Va + Bd;
+    const o = bD(n.panelIDs.length, Pr, Wd) + Va + Bd;
     let a = [];
     return n.type === se.Tabs && (a = n.config.tabs.map((l) => l.view_id)), {
       id: n.id,
@@ -25187,7 +25207,7 @@ function CD(t) {
       _sub_view_ids: [],
       _tab_view_ids: a,
       data: {
-        label: `${wD[n.type]}:${n.name}`
+        label: `${_D[n.type]}:${n.name}`
       },
       position: {
         x: 0,
@@ -25197,14 +25217,14 @@ function CD(t) {
       targetPosition: St.Left,
       className: "light",
       style: {
-        backgroundColor: _D[n.type],
+        backgroundColor: CD[n.type],
         width: Na,
         height: o
       }
     };
   });
 }
-function SD(t) {
+function kD(t) {
   const e = k.keyBy(t, (n) => n.id);
   t.forEach((n) => {
     n._node_type !== "view-root" || n._view_type !== se.Tabs || n._tab_view_ids.forEach((r) => {
@@ -25212,13 +25232,13 @@ function SD(t) {
     });
   });
 }
-function kD(t) {
-  const e = CD(t.views);
-  SD(e);
-  const n = vD(t.views, t.panels.list);
+function TD(t) {
+  const e = SD(t.views);
+  kD(e);
+  const n = wD(t.views, t.panels.list);
   return [...e, ...n];
 }
-function TD({
+function DD({
   nodeMap: t,
   nodes: e,
   edges: n
@@ -25232,7 +25252,7 @@ function TD({
     }, Va));
   });
 }
-function DD({
+function ID({
   nodeMap: t,
   nodes: e,
   edges: n
@@ -25245,7 +25265,7 @@ function DD({
     s._node_type !== "view-root" || a._node_type !== "view-root" || (a._view_level += 1 + s._view_level, s._sub_view_ids.push(a.id));
   }), e.sort((r, o) => r._node_type === "view-root" && o._node_type === "view-root" ? r._view_level - o._view_level : r._node_type !== "view-root" && o._node_type !== "view-root" ? 0 : r._node_type === "view-root" ? -1 : 1);
 }
-function ID({
+function MD({
   nodeMap: t,
   nodes: e,
   edges: n
@@ -25257,13 +25277,13 @@ function ID({
     const a = t[o.source], s = t[o.target];
     if (a && s && a.parentNode) {
       const l = t[a.parentNode], c = l.position.x, d = Number(k.get(s, "style.height", 0)), p = Number(l.style.width);
-      s.position.x = c + p + xD, l._view_level === 0 && s._sub_view_ids.length === 0 && (a.sourcePosition = St.Left, s.targetPosition = St.Right, s.position.x *= -1);
+      s.position.x = c + p + vD, l._view_level === 0 && s._sub_view_ids.length === 0 && (a.sourcePosition = St.Left, s.targetPosition = St.Right, s.position.x *= -1);
       const f = s.position.x, m = k.get(r, f, 0);
       s.position.y = m, r[f] = m + d + qd;
     }
   });
 }
-function MD({
+function $D({
   nodeMap: t,
   nodes: e,
   edges: n
@@ -25272,10 +25292,10 @@ function MD({
   n.forEach((s) => {
     r.add(s.source), o.add(s.target);
   }), e.filter((s) => s._node_type !== "view-root" || s.id === "Main" || s.parentNode ? !1 : !r.has(s.id) && !o.has(s.id)).forEach((s, l) => {
-    s.position.x = Nd(l, Na, yD), s.position.y = 0 - bD - qd;
+    s.position.x = Nd(l, Na, xD), s.position.y = 0 - yD - qd;
   });
 }
-function $D({
+function zD({
   nodeMap: t,
   nodes: e,
   edges: n
@@ -25285,28 +25305,28 @@ function $D({
     nodes: e,
     edges: n
   };
-  return MD(r), DD(r), TD(r), ID(r), {
+  return $D(r), ID(r), DD(r), MD(r), {
     nodes: e,
     edges: n
   };
 }
-function zD(t) {
-  const e = kD(t), n = k.keyBy(e, (c) => c.id), {
+function LD(t) {
+  const e = TD(t), n = k.keyBy(e, (c) => c.id), {
     edges: r,
     edgeNodes: o
-  } = mD(t, n), a = [...e, ...o], s = k.keyBy(a, (c) => c.id), l = {
+  } = gD(t, n), a = [...e, ...o], s = k.keyBy(a, (c) => c.id), l = {
     edges: k.uniqBy(r, (c) => c.id),
     nodes: a,
     nodeMap: s
   };
-  return $D(l);
+  return zD(l);
 }
 const qi = {
   "builtin:op:open-link": /* @__PURE__ */ i($i, { color: "blue", size: 20, radius: "xl", children: /* @__PURE__ */ i(sh, { size: 14 }) }),
   "builtin:op:set_filter_values": /* @__PURE__ */ i($i, { color: "orange", size: 20, radius: "xl", children: /* @__PURE__ */ i(lh, { size: 14 }) }),
   "builtin:op:clear_filter_values": /* @__PURE__ */ i($i, { color: "orange", size: 20, radius: "xl", children: /* @__PURE__ */ i(ch, { size: 14 }) })
 };
-function LD(t) {
+function AD(t) {
   const e = [];
   return t.forEach((n) => {
     switch (n.schemaRef) {
@@ -25353,14 +25373,14 @@ function LD(t) {
     }
   }), e;
 }
-const AD = xu(({
+const ED = xu(({
   data: t,
   isConnectable: e,
   sourcePosition: n = St.Right,
   targetPosition: r = St.Left,
   ...o
 }) => {
-  const a = M(() => LD(t.interactions), [t.interactions]);
+  const a = M(() => AD(t.interactions), [t.interactions]);
   return /* @__PURE__ */ u(G, { children: [
     /* @__PURE__ */ i(ps, { type: "target", position: r, isConnectable: e }),
     /* @__PURE__ */ i(V, { sx: {
@@ -25375,19 +25395,19 @@ const AD = xu(({
     /* @__PURE__ */ i(ps, { type: "source", position: n, isConnectable: e })
   ] });
 });
-const ED = {
-  interaction: AD
-}, RD = D(() => {
+const RD = {
+  interaction: ED
+}, OD = D(() => {
   const t = re(), {
     edges: e,
     nodes: n
-  } = zD(t);
-  return /* @__PURE__ */ u(cp, { nodes: n, edges: e, onNodesChange: k.noop, onEdgesChange: k.noop, onConnect: k.noop, className: "interactions-viewer", fitView: !0, nodeTypes: ED, children: [
+  } = LD(t);
+  return /* @__PURE__ */ u(cp, { nodes: n, edges: e, onNodesChange: k.noop, onEdgesChange: k.noop, onConnect: k.noop, className: "interactions-viewer", fitView: !0, nodeTypes: RD, children: [
     /* @__PURE__ */ i(dp, {}),
     /* @__PURE__ */ i(up, {}),
     /* @__PURE__ */ i(hp, {})
   ] });
-}), OD = D(({
+}), FD = D(({
   opened: t,
   close: e
 }) => {
@@ -25397,7 +25417,7 @@ const ED = {
   return z.useEffect(() => {
     n(t);
   }, [t]), /* @__PURE__ */ i(
-    De,
+    Ie,
     {
       size: "96vw",
       opened: t,
@@ -25416,10 +25436,10 @@ const ED = {
         }
       },
       zIndex: 300,
-      children: /* @__PURE__ */ i(RD, {})
+      children: /* @__PURE__ */ i(OD, {})
     }
   );
-}), FD = {
+}), PD = {
   "> button": {
     "&:first-of-type": {
       borderTopRightRadius: 0,
@@ -25441,7 +25461,7 @@ const ED = {
     }
   }
 };
-function PD({
+function VD({
   onClick: t,
   name: e,
   active: n,
@@ -25475,14 +25495,14 @@ function PD({
     }, children: /* @__PURE__ */ i(dh, { size: 16 }) }) })
   ] });
 }
-const VD = D(() => {
-  const t = ze(), e = re(), n = ot((o) => () => e.views.setIDOfVIE(o), [e]), r = (o) => {
+const ND = D(() => {
+  const t = Le(), e = re(), n = ot((o) => () => e.views.setIDOfVIE(o), [e]), r = (o) => {
     t.editor.open(["_VIEWS_", o]);
   };
   return /* @__PURE__ */ u(V, { sx: {
     position: "relative"
   }, children: [
-    e.views.options.map((o) => /* @__PURE__ */ i(PD, { active: e.views.idOfVIE === o.value, name: o.label, onClick: n(o.value), openSettings: () => r(o.value) }, o.value)),
+    e.views.options.map((o) => /* @__PURE__ */ i(VD, { active: e.views.idOfVIE === o.value, name: o.label, onClick: n(o.value), openSettings: () => r(o.value) }, o.value)),
     /* @__PURE__ */ i(R, { variant: "dashed" }),
     /* @__PURE__ */ i($, { variant: "subtle", rightIcon: /* @__PURE__ */ i(Yt, { size: 14 }), size: "sm", px: "xs", color: "blue", onClick: e.views.addARandomNewView, sx: {
       width: "100%",
@@ -25493,8 +25513,8 @@ const VD = D(() => {
       }
     }, children: "Add a View" })
   ] });
-}), ND = D(() => {
-  const t = ze(), e = re(), n = () => {
+}), BD = D(() => {
+  const t = Le(), e = re(), n = () => {
     if (!e.queries.firstID) {
       t.editor.open(["_QUERIES_", ""]);
       return;
@@ -25517,7 +25537,7 @@ const VD = D(() => {
   }, zIndex: 299, children: [
     /* @__PURE__ */ u(Bt.Section, { children: [
       /* @__PURE__ */ u(w, { grow: !0, spacing: 0, sx: {
-        ...FD,
+        ...PD,
         button: {
           borderWidth: 0,
           borderBottomWidth: 1,
@@ -25534,7 +25554,7 @@ const VD = D(() => {
           height: "30px"
         }, onClick: s, children: /* @__PURE__ */ i(uh, { size: 18 }) }) })
       ] }),
-      /* @__PURE__ */ i(OD, { opened: o, close: l })
+      /* @__PURE__ */ i(FD, { opened: o, close: l })
     ] }),
     /* @__PURE__ */ i(Bt.Section, { py: 5, sx: {
       borderBottom: "1px solid #eee"
@@ -25544,12 +25564,12 @@ const VD = D(() => {
     }, children: "Views" }) }),
     /* @__PURE__ */ i(Bt.Section, { grow: !0, sx: {
       overflow: "auto"
-    }, children: /* @__PURE__ */ i(VD, {}) }),
+    }, children: /* @__PURE__ */ i(ND, {}) }),
     /* @__PURE__ */ i(Bt.Section, { children: /* @__PURE__ */ i(w, { grow: !0, p: "md", pt: "sm", sx: {
       borderTop: "1px solid #eee"
     }, children: /* @__PURE__ */ i($, { size: "xs", leftIcon: /* @__PURE__ */ i(hh, { size: 20 }), onClick: () => t.editor.open([]), children: "Settings" }) }) })
   ] });
-}), BD = D(function({
+}), qD = D(function({
   config: e
 }) {
   return /* @__PURE__ */ u(G, { children: [
@@ -25561,7 +25581,7 @@ const VD = D(() => {
       }
     } })
   ] });
-}), qD = [{
+}), WD = [{
   label: "2022",
   value: "YYYY"
 }, {
@@ -25576,7 +25596,7 @@ const VD = D(() => {
 }, {
   label: "2022-01-01",
   value: "YYYY-MM-DD"
-}], WD = D(function({
+}], jD = D(function({
   config: e
 }) {
   return /* @__PURE__ */ u(G, { children: [
@@ -25585,7 +25605,7 @@ const VD = D(() => {
       /* @__PURE__ */ i(we, { checked: e.clearable, onChange: (n) => e.setClearable(n.currentTarget.checked), disabled: e.max_days > 0, label: "Clearable" }),
       /* @__PURE__ */ i(we, { checked: e.allowSingleDateInRange, onChange: (n) => e.setAllowSingleDateInRange(n.currentTarget.checked), label: "Allow choosing 1 day" })
     ] }),
-    /* @__PURE__ */ i(P, { data: qD, label: "Display Format", value: e.inputFormat, onChange: e.setInputFormat }),
+    /* @__PURE__ */ i(P, { data: WD, label: "Display Format", value: e.inputFormat, onChange: e.setInputFormat }),
     /* @__PURE__ */ i(
       Md,
       {
@@ -25612,7 +25632,7 @@ const VD = D(() => {
   return /* @__PURE__ */ i(P, { label: "Pick a query", data: r, value: t, onChange: e, allowDeselect: !1, clearable: !0, sx: {
     flexGrow: 1
   }, disabled: o, error: o ? "You need to add a query in Data Settings" : void 0 });
-}), jD = `
+}), GD = `
 // row
 {
   label: string;
@@ -25623,9 +25643,9 @@ const VD = D(() => {
   const [t, e] = K(!1);
   return /* @__PURE__ */ u(G, { children: [
     /* @__PURE__ */ i($, { variant: "subtle", compact: !0, onClick: () => e((n) => !n), children: t ? "Close" : "Click to see expected data structure" }),
-    /* @__PURE__ */ i(Bo, { in: t, children: /* @__PURE__ */ i(_n, { language: "typescript", noCopy: !0, colorScheme: "dark", children: jD }) })
+    /* @__PURE__ */ i(Bo, { in: t, children: /* @__PURE__ */ i(_n, { language: "typescript", noCopy: !0, colorScheme: "dark", children: GD }) })
   ] });
-}, GD = D(function({
+}, YD = D(function({
   config: e
 }) {
   const n = () => {
@@ -25686,7 +25706,7 @@ const VD = D(() => {
     /* @__PURE__ */ i(Ba, { value: e.options_query_id, onChange: e.setOptionsQueryID }),
     /* @__PURE__ */ i(jd, {})
   ] });
-}), YD = D(function({
+}), HD = D(function({
   config: e
 }) {
   const n = () => {
@@ -25751,7 +25771,7 @@ const VD = D(() => {
     /* @__PURE__ */ i(Ba, { value: e.options_query_id, onChange: e.setOptionsQueryID }),
     /* @__PURE__ */ i(jd, {})
   ] });
-}), HD = D(function({
+}), QD = D(function({
   config: e
 }) {
   return /* @__PURE__ */ u(G, { children: [
@@ -25760,7 +25780,7 @@ const VD = D(() => {
     } }),
     /* @__PURE__ */ i(we, { checked: e.required, onChange: (n) => e.setRequired(n.currentTarget.checked), label: "Required" })
   ] });
-}), QD = `
+}), UD = `
 // row
 {
   label: string;
@@ -25768,13 +25788,13 @@ const VD = D(() => {
   parent_value: string;
   description?: string;
 }
-`, UD = () => {
+`, KD = () => {
   const [t, e] = K(!1);
   return /* @__PURE__ */ u(G, { children: [
     /* @__PURE__ */ i($, { variant: "subtle", compact: !0, onClick: () => e((n) => !n), children: t ? "Close" : "Click to see expected data structure" }),
-    /* @__PURE__ */ i(Bo, { in: t, children: /* @__PURE__ */ i(_n, { language: "typescript", noCopy: !0, colorScheme: "dark", children: QD }) })
+    /* @__PURE__ */ i(Bo, { in: t, children: /* @__PURE__ */ i(_n, { language: "typescript", noCopy: !0, colorScheme: "dark", children: UD }) })
   ] });
-}, KD = D(function({
+}, XD = D(function({
   config: e
 }) {
   return /* @__PURE__ */ u(G, { children: [
@@ -25782,9 +25802,9 @@ const VD = D(() => {
     /* @__PURE__ */ i(R, { label: "Fetch options from database", labelPosition: "center" }),
     /* @__PURE__ */ i(le, { value: e.default_selection_count, onChange: e.setDefaultSelectionCount, label: "Select first N options by default" }),
     /* @__PURE__ */ i(Ba, { value: e.options_query_id, onChange: e.setOptionsQueryID }),
-    /* @__PURE__ */ i(UD, {})
+    /* @__PURE__ */ i(KD, {})
   ] });
-}), XD = D(function({
+}), JD = D(function({
   filter: e
 }) {
   const [n, r] = z.useState(e.plainDefaultValue);
@@ -25798,14 +25818,14 @@ const VD = D(() => {
     /* @__PURE__ */ i(C, { pt: "lg", pb: "md", color: "gray", children: "Config" }),
     /* @__PURE__ */ i(_n, { language: "json", colorScheme: "dark", noCopy: !0, children: JSON.stringify(e, null, 4) })
   ] });
-}), JD = {
-  select: YD,
-  "multi-select": GD,
-  "tree-select": KD,
-  "text-input": HD,
-  checkbox: BD,
-  "date-range": WD
-}, ZD = [{
+}), ZD = {
+  select: HD,
+  "multi-select": YD,
+  "tree-select": XD,
+  "text-input": QD,
+  checkbox: qD,
+  "date-range": jD
+}, eI = [{
   label: "Select",
   value: "select"
 }, {
@@ -25823,10 +25843,10 @@ const VD = D(() => {
 }, {
   label: "Date Range",
   value: "date-range"
-}], eI = D(function({
+}], tI = D(function({
   filter: e
 }) {
-  const n = re(), r = z.useMemo(() => JD[e.type], [e.type]);
+  const n = re(), r = z.useMemo(() => ZD[e.type], [e.type]);
   return /* @__PURE__ */ u(w, { grow: !0, spacing: 20, align: "top", children: [
     /* @__PURE__ */ u(V, { sx: {
       maxWidth: "600px"
@@ -25856,16 +25876,16 @@ const VD = D(() => {
         /* @__PURE__ */ i(A, { label: "Label", placeholder: "Label for this field", required: !0, value: e.label, onChange: (o) => {
           e.setLabel(o.currentTarget.value);
         } }),
-        /* @__PURE__ */ i(P, { label: "Widget", data: ZD, required: !0, value: e.type, onChange: e.setType }),
+        /* @__PURE__ */ i(P, { label: "Widget", data: eI, required: !0, value: e.type, onChange: e.setType }),
         /* @__PURE__ */ i(r, { config: e.config })
       ] })
     ] }),
-    /* @__PURE__ */ i(XD, { filter: e })
+    /* @__PURE__ */ i(JD, { filter: e })
   ] });
-}), tI = D(({
+}), nI = D(({
   id: t
 }) => {
-  const e = Gt(), n = ze(), r = re();
+  const e = Gt(), n = Le(), r = re();
   if (t === "")
     return null;
   const o = r.filters.findByID(t);
@@ -25903,9 +25923,9 @@ const VD = D(() => {
       flexGrow: 1,
       maxHeight: "calc(100% - 52px)",
       overflow: "auto"
-    }, children: /* @__PURE__ */ i(eI, { filter: o }) })
+    }, children: /* @__PURE__ */ i(tI, { filter: o }) })
   ] });
-}), nI = D(() => {
+}), rI = D(() => {
   const t = re(), [e, n] = K(() => JSON.stringify(t.mock_context.current, null, 4)), r = () => {
     try {
       t.mock_context.replace(JSON.parse(e));
@@ -25956,7 +25976,7 @@ const VD = D(() => {
       }, disabled: !o, onClick: r, children: /* @__PURE__ */ i(be, { size: 20 }) })
     ] })
   ] });
-}), rI = D(() => {
+}), iI = D(() => {
   const {
     panel: t
   } = tt();
@@ -25965,14 +25985,14 @@ const VD = D(() => {
       flexGrow: 1
     }
   } });
-}), iI = D(() => {
+}), oI = D(() => {
   const {
     panel: t
   } = tt(), {
     style: e
   } = t;
   return /* @__PURE__ */ i(G, { children: /* @__PURE__ */ i(Je, { label: "Border", checked: e.border.enabled, onChange: (n) => e.border.setEnabled(n.currentTarget.checked) }) });
-}), oI = D(() => {
+}), aI = D(() => {
   const {
     panel: t
   } = tt(), {
@@ -25993,18 +26013,18 @@ const VD = D(() => {
     }
   } });
 });
-function aI() {
+function sI() {
   return /* @__PURE__ */ u(S, { sx: {
     height: "100%"
   }, children: [
     /* @__PURE__ */ i(R, { label: "Style", labelPosition: "center", variant: "dashed" }),
-    /* @__PURE__ */ i(iI, {}),
-    /* @__PURE__ */ i(R, { label: "Info", labelPosition: "center", variant: "dashed" }),
     /* @__PURE__ */ i(oI, {}),
-    /* @__PURE__ */ i(rI, {})
+    /* @__PURE__ */ i(R, { label: "Info", labelPosition: "center", variant: "dashed" }),
+    /* @__PURE__ */ i(aI, {}),
+    /* @__PURE__ */ i(iI, {})
   ] });
 }
-const sI = ({
+const lI = ({
   queryID: t
 }) => {
   const e = re(), {
@@ -26014,7 +26034,7 @@ const sI = ({
   return n === "loading" ? null : r ? /* @__PURE__ */ i(C, { color: "red", size: "md", align: "center", sx: {
     fontFamily: "monospace"
   }, children: r }) : o != null && o.stateMessage ? /* @__PURE__ */ i(C, { color: "gray", align: "center", children: o.stateMessage }) : null;
-}, lI = {
+}, cI = {
   width: "fit-content",
   minWidth: "100%",
   tableLayout: "fixed",
@@ -26065,7 +26085,7 @@ function Gd({
   });
   return t.length === 0 ? /* @__PURE__ */ i(V, { sx: {
     height: "5em"
-  } }) : /* @__PURE__ */ i(ct, { children: /* @__PURE__ */ u(Ft, { sx: lI, children: [
+  } }) : /* @__PURE__ */ i(ct, { children: /* @__PURE__ */ u(Ft, { sx: cI, children: [
     /* @__PURE__ */ i("thead", { children: n.getHeaderGroups().map((r) => /* @__PURE__ */ i("tr", { children: r.headers.map((o) => /* @__PURE__ */ u("th", { style: {
       width: o.getSize()
     }, children: [
@@ -26112,12 +26132,12 @@ const ro = D(function({
       overflow: "auto"
     }, children: [
       /* @__PURE__ */ i(Cn, { visible: s }),
-      /* @__PURE__ */ i(sI, { queryID: e }),
+      /* @__PURE__ */ i(lI, { queryID: e }),
       /* @__PURE__ */ i(Gd, { data: d })
     ] })
   ] });
-}), cI = D(function() {
-  const e = ze(), n = re(), {
+}), dI = D(function() {
+  const e = Le(), n = re(), {
     panel: r
   } = tt(), [o, a] = K(!1), s = (l) => {
     e.editor.setPath(["_QUERIES_", l]);
@@ -26133,7 +26153,7 @@ const ro = D(function({
       ] })
     ] })
   ] });
-}), dI = D(() => {
+}), uI = D(() => {
   const {
     panel: t
   } = tt();
@@ -26184,7 +26204,7 @@ const ro = D(function({
     average: !1
   }
 };
-class uI {
+class hI {
   constructor(e) {
     Y(this, "panel");
     Y(this, "selected");
@@ -26215,11 +26235,11 @@ class uI {
     }
   }
 }
-function hI() {
+function pI() {
   const {
     panel: t
   } = tt();
-  return Tt(() => new uI(t), [t]);
+  return Tt(() => new hI(t), [t]);
 }
 const Yd = Bn((t) => ({
   root: {
@@ -26251,7 +26271,7 @@ const Yd = Bn((t) => ({
     overflow: "auto",
     paddingRight: 10
   }
-})), pI = z.forwardRef(function({
+})), fI = z.forwardRef(function({
   value: e,
   onChange: n,
   data: r,
@@ -26271,18 +26291,18 @@ const Yd = Bn((t) => ({
     /* @__PURE__ */ i(_t, { value: e.formatter, onChange: (l) => s("formatter", l) }),
     o && /* @__PURE__ */ i(kc, { value: e, onChange: n })
   ] });
-}), fI = (t) => {
+}), mI = (t) => {
   const {
     uiModel: e
   } = t;
   return /* @__PURE__ */ i(S, { className: "var-list", children: e.variables.map((n) => /* @__PURE__ */ i($, { variant: e.selected === n ? "filled" : "subtle", color: "gray", onClick: () => e.select(n), children: n.name }, n.name)) });
-}, mI = D(fI), gI = ({
+}, gI = D(mI), bI = ({
   variable: t,
   data: e
 }) => /* @__PURE__ */ i(w, { style: {
   minHeight: 0,
   height: "calc(100% - 68px)"
-}, children: /* @__PURE__ */ i(Vo, { withBorder: !0, p: "md", children: Tc(t, e) }) }), bI = D(gI), yI = (t) => {
+}, children: /* @__PURE__ */ i(Vo, { withBorder: !0, p: "md", children: Tc(t, e) }) }), yI = D(bI), xI = (t) => {
   const e = Tt(() => df(t.variable), [t.variable]), {
     classes: n
   } = Yd(), {
@@ -26296,23 +26316,23 @@ const Yd = Bn((t) => ({
         /* @__PURE__ */ i(Q, { variant: "filled", disabled: !e.changed, color: "primary", onClick: e.commit, children: /* @__PURE__ */ i(kn, { size: 18 }) }),
         /* @__PURE__ */ i(Q, { color: "red", onClick: () => t.uiModel.remove(t.variable), children: /* @__PURE__ */ i(Pn, { size: 18 }) })
       ] }),
-      /* @__PURE__ */ i(pI, { value: At(e.copy), onChange: e.update, data: r })
+      /* @__PURE__ */ i(fI, { value: At(e.copy), onChange: e.update, data: r })
     ] }),
-    /* @__PURE__ */ i(bI, { variable: At(e.copy), data: r })
+    /* @__PURE__ */ i(yI, { variable: At(e.copy), data: r })
   ] });
-}, xI = D(yI), vI = () => {
-  const t = hI(), {
+}, vI = D(xI), wI = () => {
+  const t = pI(), {
     classes: e
   } = Yd();
   return /* @__PURE__ */ u(w, { className: e.root, noWrap: !0, align: "start", children: [
     /* @__PURE__ */ i(Vo, { withBorder: !0, p: "md", className: "var-list-container", children: /* @__PURE__ */ u(S, { justify: "space-between", children: [
       /* @__PURE__ */ i(V, { className: "var-list-actions", children: /* @__PURE__ */ i($, { variant: "light", size: "sm", onClick: t.addNew, fullWidth: !0, children: "Add Variable" }) }),
-      /* @__PURE__ */ i(mI, { uiModel: t })
+      /* @__PURE__ */ i(gI, { uiModel: t })
     ] }) }),
-    t.selected ? /* @__PURE__ */ i(G, { children: /* @__PURE__ */ i(xI, { uiModel: t, variable: t.selected }) }) : /* @__PURE__ */ i("span", { children: "Select or create a new variable on right side" })
+    t.selected ? /* @__PURE__ */ i(G, { children: /* @__PURE__ */ i(vI, { uiModel: t, variable: t.selected }) }) : /* @__PURE__ */ i("span", { children: "Select or create a new variable on right side" })
   ] });
-}, wI = D(vI);
-function _I() {
+}, _I = D(wI);
+function CI() {
   const {
     vizManager: t
   } = Ot(Pt);
@@ -26325,7 +26345,7 @@ function _I() {
     return k.orderBy(e, [(n) => n.group, (n) => n.label], ["asc", "asc"]);
   }, [t]);
 }
-const CI = D(({
+const SI = D(({
   value: t,
   submit: e
 }) => {
@@ -26333,17 +26353,17 @@ const CI = D(({
   W(() => {
     r(t);
   }, [t]);
-  const o = _I();
+  const o = CI();
   return /* @__PURE__ */ i(P, { label: "Visualization", value: n, searchable: !0, onChange: r, data: o, rightSection: /* @__PURE__ */ i(Q, { disabled: !(t !== n), onClick: () => e(n), children: /* @__PURE__ */ i(be, { size: 20 }) }), maxDropdownHeight: 600 });
 }), Qs = [];
-function SI(t, e) {
+function kI(t, e) {
   try {
     return t.resolveComponent(e).createConfig();
   } catch {
     return null;
   }
 }
-function kI() {
+function TI() {
   const {
     data: t,
     panel: {
@@ -26373,12 +26393,12 @@ function kI() {
     setTitle: l
   }, x = Rd(f);
   try {
-    return h.resolveComponent(f.viz.type), /* @__PURE__ */ i(wi, { configure: x, children: /* @__PURE__ */ i(LT, { variables: e, setVizConf: n.setConf, panel: f, panelInfoEditor: m, vizManager: h, data: t }) });
+    return h.resolveComponent(f.viz.type), /* @__PURE__ */ i(wi, { configure: x, children: /* @__PURE__ */ i(AT, { variables: e, setVizConf: n.setConf, panel: f, panelInfoEditor: m, vizManager: h, data: t }) });
   } catch (v) {
     return console.info(de(v, "message")), null;
   }
 }
-const TI = D(() => {
+const DI = D(() => {
   const {
     data: t,
     panel: {
@@ -26389,7 +26409,7 @@ const TI = D(() => {
   } = Ot(Pt), r = z.useCallback((d) => {
     if (d === e.type)
       return;
-    const p = SI(n, d);
+    const p = kI(n, d);
     e.setType(d), e.setConf(p || {});
   }, [e.type]), o = (d) => {
     try {
@@ -26400,7 +26420,7 @@ const TI = D(() => {
   }, a = z.useMemo(() => {
     var d;
     return (d = Qs.find((p) => p.value === e.type)) == null ? void 0 : d.Panel;
-  }, [e.type, Qs]), s = kI(), l = a ? Xr(a, {
+  }, [e.type, Qs]), s = TI(), l = a ? Xr(a, {
     data: t,
     conf: e.conf,
     setConf: e.setConf
@@ -26409,7 +26429,7 @@ const TI = D(() => {
     height: "100%",
     overflow: "hidden"
   }, children: [
-    /* @__PURE__ */ i(CI, { submit: r, value: e.type }),
+    /* @__PURE__ */ i(SI, { submit: r, value: e.type }),
     /* @__PURE__ */ u(ct, { children: [
       /* @__PURE__ */ i(S, { pb: 10, sx: {
         flexGrow: 1,
@@ -26419,7 +26439,7 @@ const TI = D(() => {
       !c && /* @__PURE__ */ i(il, { minRows: 20, label: "Config", value: JSON.stringify(e.conf, null, 2), onChange: o })
     ] })
   ] });
-}), DI = D(({
+}), II = D(({
   panel: t,
   sourceViewID: e
 }) => {
@@ -26435,7 +26455,7 @@ const TI = D(() => {
   };
   return /* @__PURE__ */ u(G, { children: [
     /* @__PURE__ */ i($, { size: "xs", variant: "subtle", color: "blue", onClick: s, leftIcon: /* @__PURE__ */ i(xl, { size: 14 }), children: "Move into Another View" }),
-    /* @__PURE__ */ i(De, { opened: a, onClose: l, title: "Move panel into another view", zIndex: 320, children: /* @__PURE__ */ u(S, { sx: {
+    /* @__PURE__ */ i(Ie, { opened: a, onClose: l, title: "Move panel into another view", zIndex: 320, children: /* @__PURE__ */ u(S, { sx: {
       maxHeight: "calc(100vh - 185px)",
       overflow: "hidden"
     }, children: [
@@ -26453,7 +26473,7 @@ const TI = D(() => {
       ] })
     ] }) })
   ] });
-}), II = {
+}), MI = {
   root: {
     flexGrow: 1,
     width: "100%",
@@ -26476,15 +26496,15 @@ const TI = D(() => {
     height: "100%",
     overflow: "auto"
   }, children: t }),
-  /* @__PURE__ */ i(dI, {})
+  /* @__PURE__ */ i(uI, {})
 ] });
-function MI(t) {
+function $I(t) {
   return !["richText", "button"].includes(t);
 }
-const $I = D(({
+const zI = D(({
   panel: t
 }) => {
-  const e = Gt(), n = ze(), r = re(), [o, a] = K("Data"), s = t.queries, c = MI(t.viz.type) && t.dataLoading, d = c || t.queryErrors.length > 0 || t.queryStateMessages.length > 0 || s.length === 0, p = n.editor.path[1];
+  const e = Gt(), n = Le(), r = re(), [o, a] = K("Data"), s = t.queries, c = $I(t.viz.type) && t.dataLoading, d = c || t.queryErrors.length > 0 || t.queryStateMessages.length > 0 || s.length === 0, p = n.editor.path[1];
   W(() => {
     a((m) => d && m === "Visualization" ? "Data" : m);
   }, [t.id, d]);
@@ -26519,11 +26539,11 @@ const $I = D(({
         " "
       ] }),
       /* @__PURE__ */ u(w, { position: "right", noWrap: !0, children: [
-        /* @__PURE__ */ i(DI, { panel: t, sourceViewID: p }),
+        /* @__PURE__ */ i(II, { panel: t, sourceViewID: p }),
         /* @__PURE__ */ i($, { size: "xs", variant: "subtle", color: "red", onClick: f, leftIcon: /* @__PURE__ */ i(Pn, { size: 14 }), children: "Delete This Panel" })
       ] })
     ] }),
-    /* @__PURE__ */ u(g, { value: o, onTabChange: a, keepMounted: !1, styles: II, children: [
+    /* @__PURE__ */ u(g, { value: o, onTabChange: a, keepMounted: !1, styles: MI, children: [
       /* @__PURE__ */ u(g.List, { children: [
         /* @__PURE__ */ i(g.Tab, { value: "Data", disabled: c, children: "Data" }),
         /* @__PURE__ */ i(g.Tab, { value: "Panel", children: "Panel" }),
@@ -26533,15 +26553,15 @@ const $I = D(({
       ] }),
       /* @__PURE__ */ u(g.Panel, { value: "Data", children: [
         /* @__PURE__ */ i(Cn, { visible: c, exitTransitionDuration: 0 }),
-        /* @__PURE__ */ i(cI, {})
+        /* @__PURE__ */ i(dI, {})
       ] }),
-      /* @__PURE__ */ i(g.Panel, { value: "Panel", children: /* @__PURE__ */ i(Us, { children: /* @__PURE__ */ i(aI, {}) }) }),
-      /* @__PURE__ */ i(g.Panel, { value: "Variables", children: /* @__PURE__ */ i(wI, {}) }),
-      /* @__PURE__ */ i(g.Panel, { value: "Visualization", children: /* @__PURE__ */ i(ct, { children: /* @__PURE__ */ i(Us, { children: /* @__PURE__ */ i(TI, {}) }) }) }),
+      /* @__PURE__ */ i(g.Panel, { value: "Panel", children: /* @__PURE__ */ i(Us, { children: /* @__PURE__ */ i(sI, {}) }) }),
+      /* @__PURE__ */ i(g.Panel, { value: "Variables", children: /* @__PURE__ */ i(_I, {}) }),
+      /* @__PURE__ */ i(g.Panel, { value: "Visualization", children: /* @__PURE__ */ i(ct, { children: /* @__PURE__ */ i(Us, { children: /* @__PURE__ */ i(DI, {}) }) }) }),
       /* @__PURE__ */ i(g.Panel, { value: "Interactions", children: /* @__PURE__ */ i(ct, { children: /* @__PURE__ */ i(tm, {}) }) })
     ] })
   ] });
-}), zI = D(({
+}), LI = D(({
   viewID: t,
   panelID: e
 }) => {
@@ -26553,7 +26573,7 @@ const $I = D(({
       "] is not found"
     ] });
   const o = n.panels.findByID(e);
-  return o ? /* @__PURE__ */ i($I, { panel: o }) : /* @__PURE__ */ u(C, { size: 14, children: [
+  return o ? /* @__PURE__ */ i(zI, { panel: o }) : /* @__PURE__ */ u(C, { size: 14, children: [
     "Panel by ID[",
     e,
     "] is not found"
@@ -26570,7 +26590,7 @@ const $I = D(({
   /* @__PURE__ */ i(as, { width: e, height: n, radius: "xs" })
 ] }), ar = ({
   value: t
-}) => t === null || t === "" ? null : /* @__PURE__ */ i(Ve, { label: t, disabled: !t, multiline: !0, children: /* @__PURE__ */ i(Q, { children: /* @__PURE__ */ i(qn, { size: 14 }) }) }), LI = ({
+}) => t === null || t === "" ? null : /* @__PURE__ */ i(Ve, { label: t, disabled: !t, multiline: !0, children: /* @__PURE__ */ i(Q, { children: /* @__PURE__ */ i(qn, { size: 14 }) }) }), AI = ({
   column: t
 }) => {
   const {
@@ -26578,7 +26598,7 @@ const $I = D(({
     column_key_text: n
   } = t;
   return e ? /* @__PURE__ */ i(Ve, { label: n, disabled: !n, children: /* @__PURE__ */ i(lr, { children: e }) }) : null;
-}, AI = D(({
+}, EI = D(({
   dataSource: t
 }) => {
   const {
@@ -26632,13 +26652,13 @@ const $I = D(({
       /* @__PURE__ */ i("td", { children: n.ordinal_position }),
       /* @__PURE__ */ i("td", { children: n.column_name }),
       /* @__PURE__ */ i("td", { children: /* @__PURE__ */ i(ar, { value: n.column_comment }) }),
-      /* @__PURE__ */ i("td", { children: /* @__PURE__ */ i(LI, { column: n }) }),
+      /* @__PURE__ */ i("td", { children: /* @__PURE__ */ i(AI, { column: n }) }),
       /* @__PURE__ */ i("td", { children: n.column_type }),
       /* @__PURE__ */ i("td", { children: n.is_nullable }),
       /* @__PURE__ */ i("td", { children: /* @__PURE__ */ i(ar, { value: n.column_default }) })
     ] }, n.column_name)) })
   ] });
-}), EI = D(({
+}), RI = D(({
   dataSource: t
 }) => {
   const {
@@ -26686,7 +26706,7 @@ const $I = D(({
       /* @__PURE__ */ i("td", { children: r.column_name })
     ] }, r.index_name)) })
   ] });
-}), RI = D(({
+}), OI = D(({
   dataSource: t
 }) => {
   const {
@@ -26739,29 +26759,29 @@ const $I = D(({
       /* @__PURE__ */ i("td", { children: /* @__PURE__ */ i(ar, { value: r.comment }) })
     ] }, r.index_name)) })
   ] });
-}), OI = D(({
+}), FI = D(({
   dataSource: t
 }) => {
   const {
     indexes: e
   } = t;
-  return e.loading || e.empty ? null : t.type === $e.MySQL ? /* @__PURE__ */ i(EI, { dataSource: t }) : t.type === $e.Postgresql ? /* @__PURE__ */ i(RI, { dataSource: t }) : null;
-}), FI = D(({
+  return e.loading || e.empty ? null : t.type === ze.MySQL ? /* @__PURE__ */ i(RI, { dataSource: t }) : t.type === ze.Postgresql ? /* @__PURE__ */ i(OI, { dataSource: t }) : null;
+}), PI = D(({
   dataSource: t
 }) => /* @__PURE__ */ u(S, { spacing: 40, pt: 10, sx: {
   flexGrow: 1,
   overflow: "auto",
   position: "relative"
 }, children: [
-  /* @__PURE__ */ i(ct, { children: /* @__PURE__ */ i(AI, { dataSource: t }) }),
-  /* @__PURE__ */ i(ct, { children: /* @__PURE__ */ i(OI, { dataSource: t }) })
+  /* @__PURE__ */ i(ct, { children: /* @__PURE__ */ i(EI, { dataSource: t }) }),
+  /* @__PURE__ */ i(ct, { children: /* @__PURE__ */ i(FI, { dataSource: t }) })
 ] }));
-function PI({
+function VI({
   table_type: t
 }) {
   return t === "VIEW" ? /* @__PURE__ */ i(Sl, { size: 14 }) : t === "BASE TABLE" ? /* @__PURE__ */ i(fh, { size: 14 }) : null;
 }
-const VI = D(({
+const NI = D(({
   dataSource: t
 }) => {
   const {
@@ -26772,17 +26792,17 @@ const VI = D(({
     ".mantine-NavLink-label": {
       fontFamily: "monospace"
     }
-  }, children: Object.entries(e.data).map(([n, r]) => /* @__PURE__ */ i(Yi, { label: n, icon: /* @__PURE__ */ i(Jr, { size: 14 }), defaultOpened: t.table_schema === n, pl: 0, childrenOffset: 14, children: r.map((o) => /* @__PURE__ */ i(Yi, { label: o.table_name, icon: /* @__PURE__ */ i(PI, { table_type: o.table_type }), onClick: () => {
+  }, children: Object.entries(e.data).map(([n, r]) => /* @__PURE__ */ i(Yi, { label: n, icon: /* @__PURE__ */ i(Jr, { size: 14 }), defaultOpened: t.table_schema === n, pl: 0, childrenOffset: 14, children: r.map((o) => /* @__PURE__ */ i(Yi, { label: o.table_name, icon: /* @__PURE__ */ i(VI, { table_type: o.table_type }), onClick: () => {
     t.setKeywords(n, o.table_name);
   }, active: t.table_name === o.table_name }, o.table_name)) }, n)) });
-}), NI = ({
+}), BI = ({
   visible: t
 }) => /* @__PURE__ */ i(V, { py: 10, sx: {
   width: "100%",
   height: "100%",
   overflow: "hidden",
   position: "relative"
-}, children: /* @__PURE__ */ i(Cn, { visible: t }) }), BI = [{
+}, children: /* @__PURE__ */ i(Cn, { visible: t }) }), qI = [{
   label: "10",
   value: "10"
 }, {
@@ -26794,7 +26814,7 @@ const VI = D(({
 }, {
   label: "100",
   value: "100"
-}], qI = {
+}], WI = {
   icon: {
     width: "50px",
     textAlign: "center"
@@ -26804,7 +26824,7 @@ const VI = D(({
       paddingLeft: "50px"
     }
   }
-}, WI = D(({
+}, jI = D(({
   dataSource: t
 }) => {
   const {
@@ -26822,8 +26842,8 @@ const VI = D(({
         {
           icon: /* @__PURE__ */ i(C, { ta: "center", color: "dimmed", size: 14, children: "Limit" }),
           size: "xs",
-          styles: qI,
-          data: BI,
+          styles: WI,
+          data: qI,
           value: String(e.limit),
           onChange: (n) => e.setLimit(Number(n))
         }
@@ -26835,7 +26855,7 @@ const VI = D(({
       " rows"
     ] }) })
   ] });
-}), jI = D(({
+}), GI = D(({
   dataSource: t
 }) => {
   const e = t.tableData;
@@ -26843,8 +26863,8 @@ const VI = D(({
     fontFamily: "monospace"
   }, children: "This table is empty" }) : e.error ? /* @__PURE__ */ i(C, { mt: 20, color: "red", size: "md", align: "center", sx: {
     fontFamily: "monospace"
-  }, children: e.error }) : e.page === 1 && e.loading ? /* @__PURE__ */ i(NI, { visible: !0 }) : /* @__PURE__ */ u(ct, { children: [
-    /* @__PURE__ */ i(WI, { dataSource: t }),
+  }, children: e.error }) : e.page === 1 && e.loading ? /* @__PURE__ */ i(BI, { visible: !0 }) : /* @__PURE__ */ u(ct, { children: [
+    /* @__PURE__ */ i(jI, { dataSource: t }),
     /* @__PURE__ */ u(V, { py: 10, sx: {
       width: "100%",
       height: "calc(100% - 42px)",
@@ -26855,7 +26875,7 @@ const VI = D(({
       /* @__PURE__ */ i(Gd, { data: e.data })
     ] })
   ] });
-}), GI = {
+}), YI = {
   root: {
     flexGrow: 1,
     overflow: "auto",
@@ -26867,7 +26887,7 @@ const VI = D(({
   tab: {
     minWidth: 120
   }
-}, YI = D(({
+}, HI = D(({
   dataSource: t
 }) => (W(() => {
   t.loadTablesIfEmpty();
@@ -26880,20 +26900,20 @@ const VI = D(({
     flexGrow: 0,
     flexShrink: 0,
     position: "relative"
-  }, children: /* @__PURE__ */ i(ct, { children: /* @__PURE__ */ i(VI, { dataSource: t }) }) }),
-  /* @__PURE__ */ u(g, { defaultValue: "structure", styles: GI, children: [
+  }, children: /* @__PURE__ */ i(ct, { children: /* @__PURE__ */ i(NI, { dataSource: t }) }) }),
+  /* @__PURE__ */ u(g, { defaultValue: "structure", styles: YI, children: [
     /* @__PURE__ */ u(g.List, { children: [
       /* @__PURE__ */ i(g.Tab, { value: "structure", icon: /* @__PURE__ */ i(mh, { size: 14 }), children: "Structure" }),
       /* @__PURE__ */ i(g.Tab, { value: "data", icon: /* @__PURE__ */ i(Jr, { size: 14 }), children: "Data" })
     ] }),
-    /* @__PURE__ */ i(g.Panel, { value: "structure", children: /* @__PURE__ */ i(FI, { dataSource: t }) }),
+    /* @__PURE__ */ i(g.Panel, { value: "structure", children: /* @__PURE__ */ i(PI, { dataSource: t }) }),
     /* @__PURE__ */ i(g.Panel, { value: "data", sx: {
       width: "100%",
       height: "calc(100% - 36px)",
       overflow: "hidden"
-    }, children: /* @__PURE__ */ i(jI, { dataSource: t }) })
+    }, children: /* @__PURE__ */ i(GI, { dataSource: t }) })
   ] })
-] }))), HI = {
+] }))), QI = {
   modal: {
     paddingLeft: "0px !important",
     paddingRight: "0px !important"
@@ -26916,7 +26936,7 @@ const VI = D(({
 }) => {
   const [n, r] = K(!1);
   return t.type === "http" ? null : /* @__PURE__ */ u(G, { children: [
-    /* @__PURE__ */ i(De, { opened: n, onClose: () => r(!1), title: /* @__PURE__ */ u(w, { position: "apart", sx: {
+    /* @__PURE__ */ i(Ie, { opened: n, onClose: () => r(!1), title: /* @__PURE__ */ u(w, { position: "apart", sx: {
       flexGrow: 1
     }, children: [
       /* @__PURE__ */ i(C, { fw: 500, children: "Explorer Data Source" }),
@@ -26930,27 +26950,27 @@ const VI = D(({
           to: "red"
         }, children: t.type })
       ] })
-    ] }), zIndex: 320, size: "96vw", styles: HI, children: /* @__PURE__ */ i(V, { sx: {
+    ] }), zIndex: 320, size: "96vw", styles: QI, children: /* @__PURE__ */ i(V, { sx: {
       height: "calc(100vh - 220px)"
-    }, children: /* @__PURE__ */ i(YI, { dataSource: t }) }) }),
+    }, children: /* @__PURE__ */ i(HI, { dataSource: t }) }) }),
     /* @__PURE__ */ i($, { variant: "subtle", onClick: () => r(!0), px: 16, styles: {
       inner: {
         justifyContent: "flex-start"
       }
     }, ...e, children: "See Table Structure" })
   ] });
-}), QI = Se(({
+}), UI = Se(({
   label: t,
   type: e,
   ...n
 }, r) => /* @__PURE__ */ u(w, { position: "apart", ref: r, ...n, children: [
   /* @__PURE__ */ i(C, { children: t }),
   /* @__PURE__ */ i(C, { children: e })
-] })), UI = D(({
+] })), KI = D(({
   value: t,
   onChange: e
 }) => {
-  const n = ze(), {
+  const n = Le(), {
     data: r = [],
     loading: o
   } = xn(Uo, {
@@ -26972,7 +26992,7 @@ const VI = D(({
       size: "xs",
       px: 10
     } })
-  ] }), itemComponent: QI, rightSection: c ? /* @__PURE__ */ i(C, { size: "xs", color: "dimmed", children: c.type }) : void 0, rightSectionWidth: 85, maxDropdownHeight: 280, styles: {
+  ] }), itemComponent: UI, rightSection: c ? /* @__PURE__ */ i(C, { size: "xs", color: "dimmed", children: c.type }) : void 0, rightSectionWidth: 85, maxDropdownHeight: 280, styles: {
     root: {
       flex: 1
     },
@@ -26988,10 +27008,10 @@ const VI = D(({
       }
     }
   }, disabled: o, value: t.key, onChange: l });
-}), KI = (t) => {
+}), XI = (t) => {
   const {
     queryModel: e
-  } = t, n = ze(), r = re(), a = r.findQueryUsage(e.id).length > 0, s = Gt(), l = () => {
+  } = t, n = Le(), r = re(), a = r.findQueryUsage(e.id).length > 0, s = Gt(), l = () => {
     s.openConfirmModal({
       title: "Delete this query?",
       labels: {
@@ -27017,7 +27037,7 @@ const VI = D(({
   }, children: "Delete this Query" }) }) : /* @__PURE__ */ i($, { color: "red", size: "xs", onClick: l, leftIcon: /* @__PURE__ */ i(Pn, { size: 16 }), sx: {
     alignSelf: "flex-end"
   }, children: "Delete this Query" });
-}, XI = D(KI), JI = D(({
+}, JI = D(XI), ZI = D(({
   queryModel: t
 }) => {
   const [e, n] = K(t.name);
@@ -27036,7 +27056,7 @@ const VI = D(({
     }, rightSection: /* @__PURE__ */ i(Q, { variant: "filled", color: "blue", size: "sm", onClick: () => t.setName(e), disabled: e === t.name, children: /* @__PURE__ */ i(kn, { size: 16 }) }), onBlur: () => {
       t.setName(e);
     } }),
-    /* @__PURE__ */ i(UI, { value: {
+    /* @__PURE__ */ i(KI, { value: {
       type: t.type,
       key: t.key
     }, onChange: ({
@@ -27049,16 +27069,16 @@ const VI = D(({
     /* @__PURE__ */ i(sr, { label: "Run query when these are truthy", placeholder: "Always run this query on load", data: t.conditionOptions, value: [...t.run_by], onChange: t.setRunBy }),
     t.typedAsHTTP && /* @__PURE__ */ i(sr, { label: "Re-run query when these changed", placeholder: "Leave it empty to never re-run this query", data: t.conditionOptions, value: [...t.react_to], onChange: t.setReactTo }),
     /* @__PURE__ */ i(R, { mt: 20, mb: 10, variant: "dashed" }),
-    /* @__PURE__ */ i(XI, { queryModel: t })
+    /* @__PURE__ */ i(JI, { queryModel: t })
   ] }) });
 });
-function ZI() {
+function eM() {
   const [t, {
     open: e,
     close: n
   }] = Tl(!1);
   return /* @__PURE__ */ u(G, { children: [
-    /* @__PURE__ */ i(De, { opened: t, onClose: n, title: "About FunctionUtils", zIndex: 320, children: /* @__PURE__ */ i(yi, { value: yp, styles: {
+    /* @__PURE__ */ i(Ie, { opened: t, onClose: n, title: "About FunctionUtils", zIndex: 320, children: /* @__PURE__ */ i(yi, { value: yp, styles: {
       root: {
         border: "none"
       },
@@ -27072,7 +27092,7 @@ function ZI() {
     /* @__PURE__ */ i($, { variant: "light", color: "violet", size: "xs", onClick: e, leftIcon: /* @__PURE__ */ i(qn, { size: 16 }), children: "About parameter 'utils'" })
   ] });
 }
-const eM = ({
+const tM = ({
   value: t,
   onChange: e
 }) => /* @__PURE__ */ i(V, { sx: {
@@ -27113,7 +27133,7 @@ const eM = ({
       flexShrink: 0,
       flexGrow: 0
     }, children: [
-      /* @__PURE__ */ i(w, { position: "left", children: /* @__PURE__ */ i(ZI, {}) }),
+      /* @__PURE__ */ i(w, { position: "left", children: /* @__PURE__ */ i(eM, {}) }),
       /* @__PURE__ */ u(w, { position: "right", children: [
         /* @__PURE__ */ i($, { onClick: d, size: "xs", variant: "default", leftIcon: /* @__PURE__ */ i(gh, { size: 16 }), children: "Reset to default" }),
         /* @__PURE__ */ i($, { onClick: c, color: "red", size: "xs", disabled: !p, leftIcon: /* @__PURE__ */ i(wl, { size: 16 }), children: "Revert Changes" }),
@@ -27121,10 +27141,10 @@ const eM = ({
       ] })
     ] }),
     /* @__PURE__ */ i(C, { size: 14, children: n }),
-    /* @__PURE__ */ i(eM, { value: a, onChange: s })
+    /* @__PURE__ */ i(tM, { value: a, onChange: s })
   ] });
 });
-function tM({
+function nM({
   content: t
 }) {
   return /* @__PURE__ */ u(rt, { width: "60vw", shadow: "md", children: [
@@ -27132,8 +27152,8 @@ function tM({
     /* @__PURE__ */ i(rt.Dropdown, { children: /* @__PURE__ */ i(_n, { language: "sql", noCopy: !0, withLineNumbers: !0, children: t }) })
   ] });
 }
-const nM = D(() => {
-  const e = [...ze().globalSQLSnippets.list];
+const rM = D(() => {
+  const e = [...Le().globalSQLSnippets.list];
   return e.length === 0 ? null : /* @__PURE__ */ u(Ft, { horizontalSpacing: "xs", verticalSpacing: "xs", fontSize: "sm", highlightOnHover: !0, children: [
     /* @__PURE__ */ i("thead", { children: /* @__PURE__ */ u("tr", { children: [
       /* @__PURE__ */ i("th", { children: "Key" }),
@@ -27146,11 +27166,11 @@ const nM = D(() => {
       } = n;
       return /* @__PURE__ */ u("tr", { children: [
         /* @__PURE__ */ i("td", { children: r }),
-        /* @__PURE__ */ i("td", { width: 200, children: /* @__PURE__ */ i(tM, { content: o }) })
+        /* @__PURE__ */ i("td", { width: 200, children: /* @__PURE__ */ i(nM, { content: o }) })
       ] }, r);
     }) })
   ] });
-}), rM = `
+}), iM = `
 -- You may reference query variables in SQL or VizConfig.
 SELECT *
 FROM commit
@@ -27167,7 +27187,7 @@ WHERE
   showSQLSnippets: e = !0,
   sx: n = {}
 }) {
-  const r = ze(), o = re(), a = r.context.current, s = (() => {
+  const r = Le(), o = re(), a = r.context.current, s = (() => {
     const l = {
       context: {
         ...o.mock_context.current,
@@ -27188,19 +27208,19 @@ WHERE
     ] }),
     /* @__PURE__ */ i(g.Panel, { value: "guide", pt: "xs", children: /* @__PURE__ */ i(_n, { language: "sql", sx: {
       width: "100%"
-    }, noCopy: !0, colorScheme: "dark", children: rM }) }),
+    }, noCopy: !0, colorScheme: "dark", children: iM }) }),
     /* @__PURE__ */ i(g.Panel, { value: "local_query_vars", pt: "xs", children: /* @__PURE__ */ i(_n, { language: "json", sx: {
       width: "100%"
     }, noCopy: !0, colorScheme: "dark", children: s }) }),
     /* @__PURE__ */ i(g.Panel, { value: "global_sql_snippets", pt: "xs", children: /* @__PURE__ */ u(S, { spacing: 10, children: [
       /* @__PURE__ */ i(el, { icon: /* @__PURE__ */ i(ds, { size: 16 }), title: "Global SQL Snippets", children: "SQL snippets worth sharing between dashboards are managed in System Settings by admins." }),
-      /* @__PURE__ */ i(nM, {})
+      /* @__PURE__ */ i(rM, {})
     ] }) })
   ] }) });
 }), qa = D(() => {
   const [t, e] = K(!1);
   return /* @__PURE__ */ u(G, { children: [
-    /* @__PURE__ */ i(De, { opened: t, onClose: () => e(!1), title: "Query Variables", zIndex: 320, size: "800px", children: /* @__PURE__ */ i(Ud, {}) }),
+    /* @__PURE__ */ i(Ie, { opened: t, onClose: () => e(!1), title: "Query Variables", zIndex: 320, size: "800px", children: /* @__PURE__ */ i(Ud, {}) }),
     /* @__PURE__ */ i($, { variant: "subtle", onClick: () => e(!0), px: 16, styles: {
       inner: {
         justifyContent: "flex-start"
@@ -27212,7 +27232,7 @@ WHERE
 `),
   post: ["function process_result(res, utils) {", "    // your code goes here", "    return data", "}"].join(`
 `)
-}, iM = D(({
+}, oM = D(({
   queryModel: t
 }) => t.typedAsHTTP ? /* @__PURE__ */ u(g, { defaultValue: "pre_process", orientation: "vertical", sx: {
   flexGrow: 1
@@ -27226,11 +27246,11 @@ WHERE
     position: "relative"
   }, p: "sm", children: /* @__PURE__ */ i(Kr, { label: "", value: t.pre_process, onChange: t.setPreProcess, defaultValue: Ks.pre }) }),
   /* @__PURE__ */ i(g.Panel, { value: "post_process", p: "sm", children: /* @__PURE__ */ i(Kr, { label: "", value: t.post_process, onChange: t.setPostProcess, defaultValue: Ks.post }) })
-] }) : null), oM = D(({
+] }) : null), aM = D(({
   queryID: t,
   usage: e
 }) => {
-  const n = ze().editor, r = (a) => {
+  const n = Le().editor, r = (a) => {
     if (a.type === "filter") {
       n.setPath(["_FILTERS_", a.id]);
       return;
@@ -27286,7 +27306,7 @@ WHERE
     readOnly: s || !e,
     "semanticHighlighting.enabled": !0
   } });
-}, aM = ({
+}, sM = ({
   value: t,
   height: e = "200px",
   defaultLanguage: n = "sql"
@@ -27299,17 +27319,17 @@ WHERE
     enabled: !1
   },
   readOnly: !0
-} }), sM = D(({
+} }), lM = D(({
   value: t
 }) => {
   const n = re().payloadForSQL, r = z.useMemo(() => Qo(t, n), [t, n]);
-  return /* @__PURE__ */ i(aM, { height: "100%", value: r });
+  return /* @__PURE__ */ i(sM, { height: "100%", value: r });
 }), Xs = {
   pre: ["function process_request({ context, filters, sql }, utils) {", "    // modify and return sql", "    return sql", "}"].join(`
 `),
   post: ["function process_result(data, utils) {", "    // process data and return the result", "    return data", "}"].join(`
 `)
-}, lM = D(({
+}, cM = D(({
   queryModel: t
 }) => {
   const [e, n] = z.useState(t.sql);
@@ -27342,7 +27362,7 @@ WHERE
     /* @__PURE__ */ i(g.Panel, { value: "Edit", sx: {
       position: "relative"
     }, p: "sm", children: /* @__PURE__ */ i(Wa, { height: "100%", value: e, onChange: n, theme: "sql-dark", defaultLanguage: "sql" }) }),
-    /* @__PURE__ */ i(g.Panel, { value: "Preview", p: 0, pl: 4, children: /* @__PURE__ */ i(sM, { value: t.sql }) }),
+    /* @__PURE__ */ i(g.Panel, { value: "Preview", p: 0, pl: 4, children: /* @__PURE__ */ i(lM, { value: t.sql }) }),
     /* @__PURE__ */ i(g.Panel, { value: "pre_process", sx: {
       position: "relative"
     }, p: "sm", children: /* @__PURE__ */ i(Kr, { label: "", value: t.pre_process, onChange: t.setPreProcess, defaultValue: Xs.pre }) }),
@@ -27352,7 +27372,7 @@ WHERE
   height: "calc(100% - 44px)",
   // Tabs.List
   padding: 0
-}, cM = D(({
+}, dM = D(({
   queryModel: t
 }) => {
   const e = re(), n = M(() => t.datasource ? t.typedAsHTTP ? "HTTP" : "SQL" : "Configurations", [t.datasource, t.typedAsHTTP]), [r, o] = K(n);
@@ -27372,13 +27392,13 @@ WHERE
       /* @__PURE__ */ i(g.Tab, { value: "Data", disabled: !t.datasource, children: /* @__PURE__ */ i(Ve, { label: "Need to pick a Data Source first", disabled: t.datasource, withinPortal: !0, children: /* @__PURE__ */ i(C, { children: "Data" }) }) }),
       /* @__PURE__ */ i(g.Tab, { value: "Usage", disabled: s, children: /* @__PURE__ */ i(Ve, { label: "This query is not used for any filter or panel", disabled: !s, withinPortal: !0, children: /* @__PURE__ */ i(C, { children: "Usage" }) }) })
     ] }),
-    /* @__PURE__ */ i(g.Panel, { value: "Configurations", pt: 0, p: 0, children: /* @__PURE__ */ i(JI, { queryModel: t }) }),
+    /* @__PURE__ */ i(g.Panel, { value: "Configurations", pt: 0, p: 0, children: /* @__PURE__ */ i(ZI, { queryModel: t }) }),
     t.typedAsSQL && /* @__PURE__ */ i(g.Panel, { value: "SQL", sx: $r, children: /* @__PURE__ */ i(S, { sx: {
       height: "100%"
-    }, children: /* @__PURE__ */ i(lM, { queryModel: t }) }) }),
+    }, children: /* @__PURE__ */ i(cM, { queryModel: t }) }) }),
     t.typedAsHTTP && /* @__PURE__ */ i(g.Panel, { value: "HTTP", sx: $r, children: /* @__PURE__ */ i(S, { sx: {
       height: "100%"
-    }, children: /* @__PURE__ */ i(iM, { queryModel: t }) }) }),
+    }, children: /* @__PURE__ */ i(oM, { queryModel: t }) }) }),
     /* @__PURE__ */ i(g.Panel, { value: "Data", sx: {
       ...$r,
       overflow: "hidden"
@@ -27386,21 +27406,21 @@ WHERE
     /* @__PURE__ */ i(g.Panel, { value: "Usage", sx: {
       ...$r,
       overflow: "hidden"
-    }, children: /* @__PURE__ */ i(oM, { queryID: t.id, usage: a }) })
+    }, children: /* @__PURE__ */ i(aM, { queryID: t.id, usage: a }) })
   ] }) });
-}), dM = D(({
+}), uM = D(({
   id: t
 }) => {
   const n = re().queries.findByID(t);
   return t === "" ? null : n ? /* @__PURE__ */ i(S, { sx: {
     height: "100%"
-  }, spacing: "sm", children: /* @__PURE__ */ i(cM, { queryModel: n }) }) : /* @__PURE__ */ i(C, { size: 14, color: "red", children: "Invalid Query ID" });
-}), uM = D(({
+  }, spacing: "sm", children: /* @__PURE__ */ i(dM, { queryModel: n }) }) : /* @__PURE__ */ i(C, { size: 14, color: "red", children: "Invalid Query ID" });
+}), hM = D(({
   value: t
 }) => {
   const n = re().payloadForSQL, r = M(() => Qo(t, n), [t, n]);
   return /* @__PURE__ */ i(Wa, { height: "100%", value: r });
-}), hM = D(({
+}), pM = D(({
   item: t,
   remove: e,
   onKeyChanged: n
@@ -27472,13 +27492,13 @@ WHERE
         }, children: /* @__PURE__ */ i(be, { size: 18 }) })
       ] }),
       /* @__PURE__ */ i(g.Panel, { value: "SQL", pt: "sm", children: /* @__PURE__ */ i(Wa, { height: "100%", value: p, onChange: h, defaultLanguage: "sql", theme: "sql-dark" }) }),
-      /* @__PURE__ */ i(g.Panel, { value: "Preview", pt: "sm", children: /* @__PURE__ */ i(uM, { value: p }) })
+      /* @__PURE__ */ i(g.Panel, { value: "Preview", pt: "sm", children: /* @__PURE__ */ i(hM, { value: p }) })
     ] })
   ] });
-}), pM = D(({
+}), fM = D(({
   id: t
 }) => {
-  const e = ze(), n = re(), r = M(() => n.sqlSnippets.findByKey(t), [t]);
+  const e = Le(), n = re(), r = M(() => n.sqlSnippets.findByKey(t), [t]);
   if (!t)
     return null;
   if (!r)
@@ -27490,17 +27510,17 @@ WHERE
   const o = () => {
     e.editor.setPath(["_SQL_SNIPPETS_", ""]);
   };
-  return /* @__PURE__ */ i(hM, { item: r, remove: () => {
+  return /* @__PURE__ */ i(pM, { item: r, remove: () => {
     n.sqlSnippets.removeByKey(t), o();
   }, onKeyChanged: (l) => {
     e.editor.setPath(["_SQL_SNIPPETS_", l]);
   } });
-}), fM = D(({
+}), mM = D(({
   view: t
 }) => !t || t.type !== se.Division ? null : /* @__PURE__ */ u(S, { children: [
   /* @__PURE__ */ i(R, { mt: 8, mb: 0, label: "Division settings", labelPosition: "center" }),
   /* @__PURE__ */ i(C, { align: "center", size: "xs", color: "dimmed", children: "Under construction" })
-] })), mM = [{
+] })), gM = [{
   value: "default",
   label: "Default"
 }, {
@@ -27509,13 +27529,13 @@ WHERE
 }, {
   value: "pills",
   label: "Pills"
-}], gM = [{
+}], bM = [{
   value: "horizontal",
   label: "Horizontal"
 }, {
   value: "vertical",
   label: "Vertical"
-}], bM = D(({
+}], yM = D(({
   view: t
 }) => {
   if (!t || t.type !== se.Tabs)
@@ -27523,11 +27543,11 @@ WHERE
   const e = t.config;
   return /* @__PURE__ */ u(S, { children: [
     /* @__PURE__ */ i(R, { mt: 8, mb: 0, label: "Tabs settings", labelPosition: "center" }),
-    /* @__PURE__ */ i(P, { label: "Variant", value: e.variant, onChange: e.setVariant, data: mM }),
-    /* @__PURE__ */ i(P, { label: "Orientation", value: e.orientation, onChange: e.setOrientation, data: gM }),
+    /* @__PURE__ */ i(P, { label: "Variant", value: e.variant, onChange: e.setVariant, data: gM }),
+    /* @__PURE__ */ i(P, { label: "Orientation", value: e.orientation, onChange: e.setOrientation, data: bM }),
     /* @__PURE__ */ i(Je, { label: "Grow Tabs", checked: e.grow, onChange: (n) => e.setGrow(n.currentTarget.checked) })
   ] });
-}), yM = ({
+}), xM = ({
   disabled: t,
   value: e,
   onChange: n
@@ -27543,7 +27563,7 @@ WHERE
     },
     readOnly: t
   } })
-] }), xM = ({
+] }), vM = ({
   value: t,
   onChange: e
 }) => {
@@ -27579,9 +27599,9 @@ WHERE
     /* @__PURE__ */ i(Q, { size: "lg", color: "blue", variant: "filled", mt: 26, onClick: r, sx: {
       flexGrow: 0
     }, children: /* @__PURE__ */ i(Ll, { size: 14 }) }),
-    /* @__PURE__ */ i(De, { size: 800, title: "Customize modal title", opened: n, onClose: o, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: n && /* @__PURE__ */ u(S, { children: [
+    /* @__PURE__ */ i(Ie, { size: 800, title: "Customize modal title", opened: n, onClose: o, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: n && /* @__PURE__ */ u(S, { children: [
       /* @__PURE__ */ i(we, { mt: 10, label: "Enabled", checked: a.enabled, onChange: (f) => l(f.currentTarget.checked) }),
-      /* @__PURE__ */ i(yM, { value: a.func_content, onChange: p, disabled: !a.enabled }),
+      /* @__PURE__ */ i(xM, { value: a.func_content, onChange: p, disabled: !a.enabled }),
       /* @__PURE__ */ u(w, { position: "apart", children: [
         /* @__PURE__ */ i($, { onClick: h, color: "red", leftIcon: /* @__PURE__ */ i(It, { size: 20 }), children: "Rest" }),
         /* @__PURE__ */ u(w, { position: "right", children: [
@@ -27591,7 +27611,7 @@ WHERE
       ] })
     ] }) })
   ] });
-}, vM = D(({
+}, wM = D(({
   view: t
 }) => {
   if (!t || t.type !== se.Modal)
@@ -27603,20 +27623,20 @@ WHERE
       /* @__PURE__ */ i(A, { label: "Modal Title", value: n, onChange: k.noop, disabled: !0, sx: {
         flexGrow: 1
       } }),
-      /* @__PURE__ */ i(xM, { value: e.custom_modal_title, onChange: e.custom_modal_title.replace })
+      /* @__PURE__ */ i(vM, { value: e.custom_modal_title, onChange: e.custom_modal_title.replace })
     ] }),
     /* @__PURE__ */ u(w, { grow: !0, children: [
       /* @__PURE__ */ i(A, { label: "Width", value: e.width, onChange: (r) => e.setWidth(r.currentTarget.value), placeholder: "600px / 50vw" }),
       /* @__PURE__ */ i(A, { label: "Height", value: e.height, onChange: (r) => e.setHeight(r.currentTarget.value), placeholder: "600px / 50vw" })
     ] })
   ] });
-}), wM = D(({
+}), _M = D(({
   view: t
 }) => /* @__PURE__ */ u(G, { children: [
-  /* @__PURE__ */ i(fM, { view: t }),
-  /* @__PURE__ */ i(vM, { view: t }),
-  /* @__PURE__ */ i(bM, { view: t })
-] })), _M = [{
+  /* @__PURE__ */ i(mM, { view: t }),
+  /* @__PURE__ */ i(wM, { view: t }),
+  /* @__PURE__ */ i(yM, { view: t })
+] })), CM = [{
   label: "Division",
   value: se.Division
 }, {
@@ -27625,7 +27645,7 @@ WHERE
 }, {
   label: "Tabs",
   value: se.Tabs
-}], CM = D(({
+}], SM = D(({
   view: t
 }) => t ? /* @__PURE__ */ u(S, { sx: {
   position: "relative"
@@ -27633,12 +27653,12 @@ WHERE
   /* @__PURE__ */ i(A, { label: "Name", value: t.name, onChange: (e) => {
     t.setName(e.currentTarget.value);
   } }),
-  /* @__PURE__ */ i(P, { label: "Type", withinPortal: !0, zIndex: 320, value: t.type, onChange: t.setType, data: _M }),
-  /* @__PURE__ */ i(wM, { view: t })
-] }) : null), SM = D(({
+  /* @__PURE__ */ i(P, { label: "Type", withinPortal: !0, zIndex: 320, value: t.type, onChange: t.setType, data: CM }),
+  /* @__PURE__ */ i(_M, { view: t })
+] }) : null), kM = D(({
   id: t
 }) => {
-  const e = Gt(), n = ze(), r = re();
+  const e = Gt(), n = Le(), r = re();
   if (t === "")
     return null;
   const o = r.views.findByID(t);
@@ -27673,37 +27693,37 @@ WHERE
       flexGrow: 1,
       maxHeight: "calc(100% - 52px)",
       overflow: "auto"
-    }, children: /* @__PURE__ */ i(CM, { view: o }) })
+    }, children: /* @__PURE__ */ i(SM, { view: o }) })
   ] });
 });
-function kM(t) {
+function TM(t) {
   return t.length === 1 && t[0] === "_QUERY_VARS_";
 }
-function TM(t) {
+function DM(t) {
   return t.length === 1 && t[0] === "_MOCK_CONTEXT_";
 }
-function DM(t) {
+function IM(t) {
   return t.length === 2 && t[0] === "_FILTERS_";
 }
-function IM(t) {
+function MM(t) {
   return t.length === 2 && t[0] === "_SQL_SNIPPETS_";
 }
-function MM(t) {
+function $M(t) {
   return t.length === 2 && t[0] === "_QUERIES_";
 }
-function $M(t) {
+function zM(t) {
   return t.length === 2 && t[0] === "_VIEWS_";
 }
-function zM(t) {
+function LM(t) {
   return t.length === 4 && t[0] === "_VIEWS_" && t[2] === "_PANELS_";
 }
-const LM = D(() => /* @__PURE__ */ i(S, { sx: {
+const AM = D(() => /* @__PURE__ */ i(S, { sx: {
   height: "100%"
-}, p: "sm", children: /* @__PURE__ */ i(Ud, {}) })), AM = D(() => {
-  const t = ze().editor, e = t.path;
-  return kM(e) ? /* @__PURE__ */ i(LM, {}) : TM(e) ? /* @__PURE__ */ i(nI, {}) : DM(e) ? /* @__PURE__ */ i(V, { p: "xs", pl: 20, children: /* @__PURE__ */ i(tI, { id: e[1] }) }) : IM(e) ? /* @__PURE__ */ i(pM, { id: e[1] }) : MM(e) ? /* @__PURE__ */ i(dM, { id: e[1] }) : $M(e) ? /* @__PURE__ */ i(V, { p: "xs", pl: 20, children: /* @__PURE__ */ i(SM, { id: e[1] }) }) : zM(e) ? /* @__PURE__ */ i(zI, { viewID: e[1], panelID: e[3] }) : /* @__PURE__ */ i(V, { children: t.path });
-}), EM = D(() => /* @__PURE__ */ i(AM, {})), RM = D(() => {
-  const t = ze();
+}, p: "sm", children: /* @__PURE__ */ i(Ud, {}) })), EM = D(() => {
+  const t = Le().editor, e = t.path;
+  return TM(e) ? /* @__PURE__ */ i(AM, {}) : DM(e) ? /* @__PURE__ */ i(rI, {}) : IM(e) ? /* @__PURE__ */ i(V, { p: "xs", pl: 20, children: /* @__PURE__ */ i(nI, { id: e[1] }) }) : MM(e) ? /* @__PURE__ */ i(fM, { id: e[1] }) : $M(e) ? /* @__PURE__ */ i(uM, { id: e[1] }) : zM(e) ? /* @__PURE__ */ i(V, { p: "xs", pl: 20, children: /* @__PURE__ */ i(kM, { id: e[1] }) }) : LM(e) ? /* @__PURE__ */ i(LI, { viewID: e[1], panelID: e[3] }) : /* @__PURE__ */ i(V, { children: t.path });
+}), RM = D(() => /* @__PURE__ */ i(EM, {})), OM = D(() => {
+  const t = Le();
   return /* @__PURE__ */ i($, { variant: "subtle", leftIcon: /* @__PURE__ */ i(Yt, { size: 14 }), size: "sm", px: "xs", mb: 10, color: "blue", onClick: () => {
     const n = (/* @__PURE__ */ new Date()).getTime().toString(), r = {
       id: n,
@@ -27724,7 +27744,7 @@ const LM = D(() => /* @__PURE__ */ i(S, { sx: {
       justifyContent: "flex-start"
     }
   }, children: "Add a Filter" });
-}), OM = D(({
+}), FM = D(({
   parentID: t
 }) => {
   const e = re();
@@ -27739,13 +27759,13 @@ const LM = D(() => /* @__PURE__ */ i(S, { sx: {
       justifyContent: "flex-start"
     }
   }, children: "Add a Panel" }) : null;
-}), FM = D(() => {
-  const t = ze();
+}), PM = D(() => {
+  const t = Le();
   return /* @__PURE__ */ i($, { variant: "subtle", leftIcon: /* @__PURE__ */ i(Yt, { size: 14 }), size: "sm", px: "xs", mb: 10, color: "blue", onClick: () => {
     const n = (/* @__PURE__ */ new Date()).getTime().toString(), r = {
       id: n,
       name: n,
-      type: $e.Postgresql,
+      type: ze.Postgresql,
       key: "",
       sql: ""
     };
@@ -27758,8 +27778,8 @@ const LM = D(() => /* @__PURE__ */ i(S, { sx: {
       justifyContent: "flex-start"
     }
   }, children: "Add a Query" });
-}), PM = D(() => {
-  const t = ze();
+}), VM = D(() => {
+  const t = Le();
   return /* @__PURE__ */ i($, { variant: "subtle", leftIcon: /* @__PURE__ */ i(Yt, { size: 14 }), size: "sm", px: "xs", mb: 10, color: "blue", onClick: () => {
     const n = (/* @__PURE__ */ new Date()).getTime().toString(), r = {
       key: n,
@@ -27774,7 +27794,7 @@ const LM = D(() => /* @__PURE__ */ i(S, { sx: {
       justifyContent: "flex-start"
     }
   }, children: "Add a SQL Snippet" });
-}), VM = D(() => {
+}), NM = D(() => {
   const t = re();
   return /* @__PURE__ */ i($, { variant: "subtle", leftIcon: /* @__PURE__ */ i(Yt, { size: 14 }), size: "sm", px: "xs", mb: 10, color: "blue", onClick: t.views.addARandomNewView, sx: {
     width: "100%",
@@ -27784,24 +27804,24 @@ const LM = D(() => /* @__PURE__ */ i(S, { sx: {
       justifyContent: "flex-start"
     }
   }, children: "Add a View" });
-}), NM = D(({
+}), BM = D(({
   action_type: t,
   parentID: e
-}) => (re(), t === "_Add_A_Filter_" ? /* @__PURE__ */ i(RM, {}) : t === "_Add_A_SQL_SNIPPET_" ? /* @__PURE__ */ i(PM, {}) : t === "_Add_A_QUERY_" ? /* @__PURE__ */ i(FM, {}) : t === "_Add_A_VIEW_" ? /* @__PURE__ */ i(VM, {}) : t === "_Add_A_PANEL_" ? /* @__PURE__ */ i(OM, { parentID: e }) : null)), Kd = D(({
+}) => (re(), t === "_Add_A_Filter_" ? /* @__PURE__ */ i(OM, {}) : t === "_Add_A_SQL_SNIPPET_" ? /* @__PURE__ */ i(VM, {}) : t === "_Add_A_QUERY_" ? /* @__PURE__ */ i(PM, {}) : t === "_Add_A_VIEW_" ? /* @__PURE__ */ i(NM, {}) : t === "_Add_A_PANEL_" ? /* @__PURE__ */ i(FM, { parentID: e }) : null)), Kd = D(({
   option: t
 }) => {
   var d;
-  const e = ze().editor, n = e.isOptionActive, r = n(e.path, t), o = e.isOptionOpened, a = e.navigate, s = o(t), [l, c] = K(s);
+  const e = Le().editor, n = e.isOptionActive, r = n(e.path, t), o = e.isOptionOpened, a = e.navigate, s = o(t), [l, c] = K(s);
   return W(() => {
     c(s);
-  }, [s]), /* @__PURE__ */ i(Yi, { active: r, defaultOpened: s, opened: l, onChange: c, label: t.label, onClick: () => a(t), icon: t.Icon ? /* @__PURE__ */ i(t.Icon, { size: 18 }) : null, children: (d = t.children) == null ? void 0 : d.map((p) => p._type === "ACTION" ? /* @__PURE__ */ i(NM, { action_type: p._action_type, parentID: p.parentID }, `_ADD_${p.value}_`) : /* @__PURE__ */ i(Kd, { option: p }, p.value)) }, t.label);
-}), BM = D(() => {
-  const t = ze();
+  }, [s]), /* @__PURE__ */ i(Yi, { active: r, defaultOpened: s, opened: l, onChange: c, label: t.label, onClick: () => a(t), icon: t.Icon ? /* @__PURE__ */ i(t.Icon, { size: 18 }) : null, children: (d = t.children) == null ? void 0 : d.map((p) => p._type === "ACTION" ? /* @__PURE__ */ i(BM, { action_type: p._action_type, parentID: p.parentID }, `_ADD_${p.value}_`) : /* @__PURE__ */ i(Kd, { option: p }, p.value)) }, t.label);
+}), qM = D(() => {
+  const t = Le();
   return /* @__PURE__ */ i(V, { sx: {
     position: "relative"
   }, children: t.editor.navOptions.map((e) => /* @__PURE__ */ i(Kd, { option: e }, e.value)) });
-}), qM = D(() => {
-  const t = ze();
+}), WM = D(() => {
+  const t = Le();
   return /* @__PURE__ */ u(Bt, { p: 0, width: {
     base: 200,
     xs: 200,
@@ -27820,12 +27840,12 @@ const LM = D(() => /* @__PURE__ */ i(S, { sx: {
     }, children: "Settings" }) }),
     /* @__PURE__ */ i(Bt.Section, { grow: !0, sx: {
       overflow: "auto"
-    }, children: /* @__PURE__ */ i(BM, {}) }),
+    }, children: /* @__PURE__ */ i(qM, {}) }),
     /* @__PURE__ */ i(Bt.Section, { children: /* @__PURE__ */ i(w, { grow: !0, p: "md", pt: "sm", sx: {
       borderTop: "1px solid #eee"
     }, children: /* @__PURE__ */ i($, { size: "xs", color: "red", leftIcon: /* @__PURE__ */ i(Cl, { size: 18 }), onClick: () => t.editor.close(), children: "Close" }) }) })
   ] });
-}), WM = {
+}), jM = {
   root: {
     height: "100vh",
     display: "flex",
@@ -27846,22 +27866,22 @@ const LM = D(() => /* @__PURE__ */ i(S, { sx: {
     paddingTop: 0,
     height: "100vh"
   }
-}, jM = D(() => {
-  const t = ze().editor;
-  return /* @__PURE__ */ i(De, { onClose: () => t.setSettingsOpen(!1), closeOnEscape: !1, closeOnClickOutside: !1, opened: t.settings_open, fullScreen: !0, title: null, transitionProps: {
+}, GM = D(() => {
+  const t = Le().editor;
+  return /* @__PURE__ */ i(Ie, { onClose: () => t.setSettingsOpen(!1), closeOnEscape: !1, closeOnClickOutside: !1, opened: t.settings_open, fullScreen: !0, title: null, transitionProps: {
     duration: 0
   }, withCloseButton: !1, withinPortal: !0, zIndex: 300, styles: {
     body: {
       padding: "0 !important"
     }
-  }, children: /* @__PURE__ */ i(ol, { padding: 0, navbar: /* @__PURE__ */ i(qM, {}), styles: WM, children: /* @__PURE__ */ i(EM, {}) }) });
-}), GM = (t) => t.replace(/([^:])(\/\/+)/g, "$1/");
-function YM(t) {
+  }, children: /* @__PURE__ */ i(ol, { padding: 0, navbar: /* @__PURE__ */ i(WM, {}), styles: jM, children: /* @__PURE__ */ i(RM, {}) }) });
+}), YM = (t) => t.replace(/([^:])(\/\/+)/g, "$1/");
+function HM(t) {
   W(() => {
     if (Li.__getMonacoInstance())
       return;
     console.log("loading monaco for @devtable/dashboard");
-    const n = GM(t);
+    const n = YM(t);
     Li.config({
       paths: {
         vs: n
@@ -27870,7 +27890,7 @@ function YM(t) {
   }, []);
 }
 Rc();
-const HM = {
+const QM = {
   root: {
     height: "100vh",
     display: "flex",
@@ -27888,7 +27908,7 @@ const HM = {
     // main header & sub header
     height: "100vh"
   }
-}, QM = ({
+}, UM = ({
   context: t,
   dashboard: e,
   content: n,
@@ -27899,7 +27919,7 @@ const HM = {
   headerSlot: l,
   headerMenuItems: c
 }, d) => {
-  YM(a.monacoPath), Kl(a);
+  HM(a.monacoPath), Kl(a);
   const {
     data: p = []
   } = xn(Uo), {
@@ -27922,14 +27942,14 @@ const HM = {
     freezeLayout: m,
     inEditMode: !0
   }, children: /* @__PURE__ */ i(Pt.Provider, { value: T, children: /* @__PURE__ */ u(wi, { configure: I, children: [
-    /* @__PURE__ */ i(ol, { padding: 0, header: /* @__PURE__ */ i(pD, { saveDashboardChanges: v, headerSlot: l, headerMenuItems: c }), navbar: /* @__PURE__ */ i(ND, {}), styles: HM, children: /* @__PURE__ */ i(V, { className: `${o} dashboard-root`, sx: {
+    /* @__PURE__ */ i(ol, { padding: 0, header: /* @__PURE__ */ i(fD, { saveDashboardChanges: v, headerSlot: l, headerMenuItems: c }), navbar: /* @__PURE__ */ i(BD, {}), styles: QM, children: /* @__PURE__ */ i(V, { className: `${o} dashboard-root`, sx: {
       position: "relative"
-    }, children: x.content.views.visibleViews.map((L) => /* @__PURE__ */ i(ZT, { view: L }, L.id)) }) }),
-    /* @__PURE__ */ i(jM, {})
+    }, children: x.content.views.visibleViews.map((L) => /* @__PURE__ */ i(eD, { view: L }, L.id)) }) }),
+    /* @__PURE__ */ i(GM, {})
   ] }) }) }) }) }) });
-}, yL = D(Se(QM));
+}, xL = D(Se(UM));
 Rc();
-const xL = D(({
+const vL = D(({
   context: t,
   dashboard: e,
   content: n,
@@ -27961,7 +27981,7 @@ const xL = D(({
     inEditMode: !1
   }, children: /* @__PURE__ */ i(V, { className: `${r} dashboard-root`, children: /* @__PURE__ */ i(Pt.Provider, { value: p, children: /* @__PURE__ */ i(wi, { configure: h, children: d.content.views.visibleViews.map((f) => /* @__PURE__ */ i(Pa, { view: f }, f.id)) }) }) }) }) }) }) }) });
 });
-var io = {}, UM = {
+var io = {}, KM = {
   get exports() {
     return io;
   },
@@ -28016,9 +28036,9 @@ var io = {}, UM = {
       };
     };
   });
-})(UM);
-const KM = io;
-var oo = {}, XM = {
+})(KM);
+const XM = io;
+var oo = {}, JM = {
   get exports() {
     return oo;
   },
@@ -28040,9 +28060,9 @@ var oo = {}, XM = {
       };
     };
   });
-})(XM);
-const JM = oo;
-var ao = {}, ZM = {
+})(JM);
+const ZM = oo;
+var ao = {}, e$ = {
   get exports() {
     return ao;
   },
@@ -28091,9 +28111,9 @@ var ao = {}, ZM = {
       };
     };
   });
-})(ZM);
-const e$ = ao;
-var so = {}, t$ = {
+})(e$);
+const t$ = ao;
+var so = {}, n$ = {
   get exports() {
     return so;
   },
@@ -28116,9 +28136,9 @@ var so = {}, t$ = {
       };
     };
   });
-})(t$);
-const n$ = so;
-var lo = {}, r$ = {
+})(n$);
+const r$ = so;
+var lo = {}, i$ = {
   get exports() {
     return lo;
   },
@@ -28138,9 +28158,9 @@ var lo = {}, r$ = {
       };
     };
   });
-})(r$);
-const i$ = lo;
-var co = {}, o$ = {
+})(i$);
+const o$ = lo;
+var co = {}, a$ = {
   get exports() {
     return co;
   },
@@ -28214,8 +28234,8 @@ var co = {}, o$ = {
       T = v, I = l && l.formats;
       for (var L = (v = T.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, function(ne, ee, ie) {
         var me = ie && ie.toUpperCase();
-        return ee || I[ie] || n[ie] || I[me].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(ge, Me, Ye) {
-          return Me || Ye.slice(1);
+        return ee || I[ie] || n[ie] || I[me].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(ge, $e, Ye) {
+          return $e || Ye.slice(1);
         });
       })).match(r), B = L.length, j = 0; j < B; j += 1) {
         var N = L[j], O = m[N], E = O && O[0], U = O && O[1];
@@ -28227,15 +28247,15 @@ var co = {}, o$ = {
           if (typeof ge == "string")
             me += ge.length;
           else {
-            var Me = ge.regex, Ye = ge.parser, ke = ne.slice(me), Fe = Me.exec(ke)[0];
+            var $e = ge.regex, Ye = ge.parser, ke = ne.slice(me), Fe = $e.exec(ke)[0];
             Ye.call(ee, Fe), ne = ne.replace(Fe, "");
           }
         }
-        return function(Le) {
-          var Xe = Le.afternoon;
+        return function(Te) {
+          var Xe = Te.afternoon;
           if (Xe !== void 0) {
-            var gt = Le.hours;
-            Xe ? gt < 12 && (Le.hours += 12) : gt === 12 && (Le.hours = 0), delete Le.afternoon;
+            var gt = Te.hours;
+            Xe ? gt < 12 && (Te.hours += 12) : gt === 12 && (Te.hours = 0), delete Te.afternoon;
           }
         }(ee), ee;
       };
@@ -28249,36 +28269,36 @@ var co = {}, o$ = {
         var U = E[1];
         if (typeof U == "string") {
           var ne = E[2] === !0, ee = E[3] === !0, ie = ne || ee, me = E[2];
-          ee && (me = E[2]), l = this.$locale(), !ne && me && (l = I.Ls[me]), this.$d = function(ke, Fe, Le) {
+          ee && (me = E[2]), l = this.$locale(), !ne && me && (l = I.Ls[me]), this.$d = function(ke, Fe, Te) {
             try {
               if (["x", "X"].indexOf(Fe) > -1)
                 return new Date((Fe === "X" ? 1e3 : 1) * ke);
               var Xe = x(Fe)(ke), gt = Xe.year, un = Xe.month, wr = Xe.day, _r = Xe.hours, _i = Xe.minutes, Ci = Xe.seconds, Un = Xe.milliseconds, Mn = Xe.zone, Ut = /* @__PURE__ */ new Date(), hn = wr || (gt || un ? 1 : Ut.getDate()), Kt = gt || Ut.getFullYear(), $n = 0;
               gt && !un || ($n = un > 0 ? un - 1 : Ut.getMonth());
               var zn = _r || 0, Kn = _i || 0, Xn = Ci || 0, Xt = Un || 0;
-              return Mn ? new Date(Date.UTC(Kt, $n, hn, zn, Kn, Xn, Xt + 60 * Mn.offset * 1e3)) : Le ? new Date(Date.UTC(Kt, $n, hn, zn, Kn, Xn, Xt)) : new Date(Kt, $n, hn, zn, Kn, Xn, Xt);
+              return Mn ? new Date(Date.UTC(Kt, $n, hn, zn, Kn, Xn, Xt + 60 * Mn.offset * 1e3)) : Te ? new Date(Date.UTC(Kt, $n, hn, zn, Kn, Xn, Xt)) : new Date(Kt, $n, hn, zn, Kn, Xn, Xt);
             } catch {
               return /* @__PURE__ */ new Date("");
             }
           }(N, U, O), this.init(), me && me !== !0 && (this.$L = this.locale(me).$L), ie && N != this.format(U) && (this.$d = /* @__PURE__ */ new Date("")), l = {};
         } else if (U instanceof Array)
-          for (var ge = U.length, Me = 1; Me <= ge; Me += 1) {
-            E[1] = U[Me - 1];
+          for (var ge = U.length, $e = 1; $e <= ge; $e += 1) {
+            E[1] = U[$e - 1];
             var Ye = I.apply(this, E);
             if (Ye.isValid()) {
               this.$d = Ye.$d, this.$L = Ye.$L, this.init();
               break;
             }
-            Me === ge && (this.$d = /* @__PURE__ */ new Date(""));
+            $e === ge && (this.$d = /* @__PURE__ */ new Date(""));
           }
         else
           B.call(this, j);
       };
     };
   });
-})(o$);
-const a$ = co;
-var uo = {}, s$ = {
+})(a$);
+const s$ = co;
+var uo = {}, l$ = {
   get exports() {
     return uo;
   },
@@ -28297,9 +28317,9 @@ var uo = {}, s$ = {
       };
     };
   });
-})(s$);
-const l$ = uo;
-var ho = {}, c$ = {
+})(l$);
+const c$ = uo;
+var ho = {}, d$ = {
   get exports() {
     return ho;
   },
@@ -28361,7 +28381,7 @@ var ho = {}, c$ = {
         this.$d.weeks && (ne += 7 * this.$d.weeks);
         var ee = B(ne, "D"), ie = B(this.$d.hours, "H"), me = B(this.$d.minutes, "M"), ge = this.$d.seconds || 0;
         this.$d.milliseconds && (ge += this.$d.milliseconds / 1e3);
-        var Me = B(ge, "S"), Ye = E.negative || U.negative || ee.negative || ie.negative || me.negative || Me.negative, ke = ie.format || me.format || Me.format ? "T" : "", Fe = (Ye ? "-" : "") + "P" + E.format + U.format + ee.format + ke + ie.format + me.format + Me.format;
+        var $e = B(ge, "S"), Ye = E.negative || U.negative || ee.negative || ie.negative || me.negative || $e.negative, ke = ie.format || me.format || $e.format ? "T" : "", Fe = (Ye ? "-" : "") + "P" + E.format + U.format + ee.format + ke + ie.format + me.format + $e.format;
         return Fe === "P" || Fe === "-P" ? "P0D" : Fe;
       }, O.toJSON = function() {
         return this.toISOString();
@@ -28434,9 +28454,9 @@ var ho = {}, c$ = {
       };
     };
   });
-})(c$);
-const d$ = ho;
-var po = {}, u$ = {
+})(d$);
+const u$ = ho;
+var po = {}, h$ = {
   get exports() {
     return po;
   },
@@ -28455,9 +28475,9 @@ var po = {}, u$ = {
       };
     };
   });
-})(u$);
-const h$ = po;
-var fo = {}, p$ = {
+})(h$);
+const p$ = po;
+var fo = {}, f$ = {
   get exports() {
     return fo;
   },
@@ -28475,9 +28495,9 @@ var fo = {}, p$ = {
       };
     };
   });
-})(p$);
-const f$ = fo;
-var mo = {}, m$ = {
+})(f$);
+const m$ = fo;
+var mo = {}, g$ = {
   get exports() {
     return mo;
   },
@@ -28495,9 +28515,9 @@ var mo = {}, m$ = {
       };
     };
   });
-})(m$);
-const g$ = mo;
-var go = {}, b$ = {
+})(g$);
+const b$ = mo;
+var go = {}, y$ = {
   get exports() {
     return go;
   },
@@ -28531,9 +28551,9 @@ var go = {}, b$ = {
       };
     };
   });
-})(b$);
-const y$ = go;
-var bo = {}, x$ = {
+})(y$);
+const x$ = go;
+var bo = {}, v$ = {
   get exports() {
     return bo;
   },
@@ -28552,9 +28572,9 @@ var bo = {}, x$ = {
       };
     };
   });
-})(x$);
-const v$ = bo;
-var yo = {}, w$ = {
+})(v$);
+const w$ = bo;
+var yo = {}, _$ = {
   get exports() {
     return yo;
   },
@@ -28572,9 +28592,9 @@ var yo = {}, w$ = {
       };
     };
   });
-})(w$);
-const _$ = yo;
-var xo = {}, C$ = {
+})(_$);
+const C$ = yo;
+var xo = {}, S$ = {
   get exports() {
     return xo;
   },
@@ -28592,9 +28612,9 @@ var xo = {}, C$ = {
       };
     };
   });
-})(C$);
-const S$ = xo;
-var vo = {}, k$ = {
+})(S$);
+const k$ = xo;
+var vo = {}, T$ = {
   get exports() {
     return vo;
   },
@@ -28613,9 +28633,9 @@ var vo = {}, k$ = {
       };
     };
   });
-})(k$);
-const T$ = vo;
-var wo = {}, D$ = {
+})(T$);
+const D$ = vo;
+var wo = {}, I$ = {
   get exports() {
     return wo;
   },
@@ -28634,9 +28654,9 @@ var wo = {}, D$ = {
       };
     };
   });
-})(D$);
-const I$ = wo;
-var _o = {}, M$ = {
+})(I$);
+const M$ = wo;
+var _o = {}, $$ = {
   get exports() {
     return _o;
   },
@@ -28655,9 +28675,9 @@ var _o = {}, M$ = {
       };
     };
   });
-})(M$);
-const $$ = _o;
-var Co = {}, z$ = {
+})($$);
+const z$ = _o;
+var Co = {}, L$ = {
   get exports() {
     return Co;
   },
@@ -28740,9 +28760,9 @@ var Co = {}, z$ = {
       };
     };
   });
-})(z$);
-const L$ = Co;
-var So = {}, A$ = {
+})(L$);
+const A$ = Co;
+var So = {}, E$ = {
   get exports() {
     return So;
   },
@@ -28771,9 +28791,9 @@ var So = {}, A$ = {
       };
     };
   });
-})(A$);
-const E$ = So;
-var ko = {}, R$ = {
+})(E$);
+const R$ = So;
+var ko = {}, O$ = {
   get exports() {
     return ko;
   },
@@ -28804,9 +28824,9 @@ var ko = {}, R$ = {
       };
     };
   });
-})(R$);
-const O$ = ko;
-var To = {}, F$ = {
+})(O$);
+const F$ = ko;
+var To = {}, P$ = {
   get exports() {
     return To;
   },
@@ -28855,9 +28875,9 @@ var To = {}, F$ = {
       };
     };
   });
-})(F$);
-const P$ = To;
-var Do = {}, V$ = {
+})(P$);
+const V$ = To;
+var Do = {}, N$ = {
   get exports() {
     return Do;
   },
@@ -28876,9 +28896,9 @@ var Do = {}, V$ = {
       });
     };
   });
-})(V$);
-const N$ = Do;
-var Io = {}, B$ = {
+})(N$);
+const B$ = Do;
+var Io = {}, q$ = {
   get exports() {
     return Io;
   },
@@ -28913,9 +28933,9 @@ var Io = {}, B$ = {
       });
     };
   });
-})(B$);
-const q$ = Io;
-var Mo = {}, W$ = {
+})(q$);
+const W$ = Io;
+var Mo = {}, j$ = {
   get exports() {
     return Mo;
   },
@@ -28948,9 +28968,9 @@ var Mo = {}, W$ = {
       };
     };
   });
-})(W$);
-const j$ = Mo;
-var $o = {}, G$ = {
+})(j$);
+const G$ = Mo;
+var $o = {}, Y$ = {
   get exports() {
     return $o;
   },
@@ -28999,9 +29019,9 @@ var $o = {}, G$ = {
       };
     };
   });
-})(G$);
-const Y$ = $o;
-var zo = {}, H$ = {
+})(Y$);
+const H$ = $o;
+var zo = {}, Q$ = {
   get exports() {
     return zo;
   },
@@ -29070,9 +29090,9 @@ var zo = {}, H$ = {
       };
     };
   });
-})(H$);
-const Q$ = zo;
-var Lo = {}, U$ = {
+})(Q$);
+const U$ = zo;
+var Lo = {}, K$ = {
   get exports() {
     return Lo;
   },
@@ -29090,9 +29110,9 @@ var Lo = {}, U$ = {
       };
     };
   });
-})(U$);
-const K$ = Lo;
-var Ao = {}, X$ = {
+})(K$);
+const X$ = Lo;
+var Ao = {}, J$ = {
   get exports() {
     return Ao;
   },
@@ -29110,9 +29130,9 @@ var Ao = {}, X$ = {
       };
     };
   });
-})(X$);
-const J$ = Ao;
-var Eo = {}, Z$ = {
+})(J$);
+const Z$ = Ao;
+var Eo = {}, ez = {
   get exports() {
     return Eo;
   },
@@ -29134,9 +29154,9 @@ var Eo = {}, Z$ = {
       };
     };
   });
-})(Z$);
-const ez = Eo;
-var Ro = {}, tz = {
+})(ez);
+const tz = Eo;
+var Ro = {}, nz = {
   get exports() {
     return Ro;
   },
@@ -29223,9 +29243,9 @@ var Ro = {}, tz = {
       };
     };
   });
-})(tz);
-const nz = Ro;
-var Oo = {}, rz = {
+})(nz);
+const rz = Ro;
+var Oo = {}, iz = {
   get exports() {
     return Oo;
   },
@@ -29244,9 +29264,9 @@ var Oo = {}, rz = {
       };
     };
   });
-})(rz);
-const iz = Oo;
-var Fo = {}, oz = {
+})(iz);
+const oz = Oo;
+var Fo = {}, az = {
   get exports() {
     return Fo;
   },
@@ -29277,9 +29297,9 @@ var Fo = {}, oz = {
       };
     };
   });
-})(oz);
-const az = Fo;
-var Po = {}, sz = {
+})(az);
+const sz = Fo;
+var Po = {}, lz = {
   get exports() {
     return Po;
   },
@@ -29298,55 +29318,55 @@ var Po = {}, sz = {
       };
     };
   });
-})(sz);
-const lz = Po;
-Z.extend(KM);
-Z.extend(JM);
-Z.extend(e$);
-Z.extend(n$);
-Z.extend(i$);
-Z.extend(a$);
-Z.extend(l$);
-Z.extend(d$);
-Z.extend(h$);
-Z.extend(f$);
-Z.extend(g$);
-Z.extend(_$);
-Z.extend(S$);
-Z.extend(T$);
-Z.extend(I$);
-Z.extend($$);
-Z.extend(y$);
-Z.extend(v$);
-Z.extend(L$);
-Z.extend(E$);
-Z.extend(O$);
-Z.extend(P$);
-Z.extend(N$);
-Z.extend(q$);
-Z.extend(j$);
-Z.extend(Y$);
-Z.extend(Q$);
-Z.extend(K$);
-Z.extend(J$);
-Z.extend(ez);
-Z.extend(nz);
-Z.extend(az);
-Z.extend(lz);
-Z.extend(iz);
+})(lz);
+const cz = Po;
+Z.extend(XM);
+Z.extend(ZM);
+Z.extend(t$);
+Z.extend(r$);
+Z.extend(o$);
+Z.extend(s$);
+Z.extend(c$);
+Z.extend(u$);
+Z.extend(p$);
+Z.extend(m$);
+Z.extend(b$);
+Z.extend(C$);
+Z.extend(k$);
+Z.extend(D$);
+Z.extend(M$);
+Z.extend(z$);
+Z.extend(x$);
+Z.extend(w$);
+Z.extend(A$);
+Z.extend(R$);
+Z.extend(F$);
+Z.extend(V$);
+Z.extend(B$);
+Z.extend(W$);
+Z.extend(G$);
+Z.extend(H$);
+Z.extend(U$);
+Z.extend(X$);
+Z.extend(Z$);
+Z.extend(tz);
+Z.extend(rz);
+Z.extend(sz);
+Z.extend(cz);
+Z.extend(oz);
 Z.tz.setDefault("UTC");
-const vL = () => Promise.resolve().then(() => Cf).then(({
+const wL = () => Promise.resolve().then(() => Cf).then(({
   version: t
 }) => (console.log(`[@devtable/dashboard] version: ${t}`), t));
 export {
   Ra as ContentModel,
   Zl as ContentModelContextProvider,
   Xp as ContextModel,
-  yL as DashboardEditor,
+  xL as DashboardEditor,
   _d as DashboardFilterType,
-  Xk as DashboardMode,
-  dT as DashboardModel,
-  ZT as DashboardViewEditor,
+  Jk as DashboardMode,
+  uT as DashboardModel,
+  eD as DashboardViewEditor,
   Pa as DashboardViewRender,
   se as EViewComponentType,
   gs as FilterModel,
@@ -29356,29 +29376,29 @@ export {
   tc as ModelContextProvider,
   Fa as Panel,
   vc as PanelContextProvider,
-  Qk as PanelModel,
-  Kk as PanelsModel,
+  Uk as PanelModel,
+  Xk as PanelsModel,
   Qp as QueriesModel,
   Hp as QueryModel,
-  xL as ReadOnlyDashboard,
+  vL as ReadOnlyDashboard,
   Up as SQLSnippetModel,
   Kp as SQLSnippetsModel,
-  Jk as ViewComponentTypeBackground,
-  mL as ViewComponentTypeColor,
-  fL as ViewComponentTypeName,
-  iT as ViewModel,
-  oT as ViewsModel,
-  bL as applyPartialDashboard,
-  sT as createContentModel,
+  Zk as ViewComponentTypeBackground,
+  gL as ViewComponentTypeColor,
+  mL as ViewComponentTypeName,
+  oT as ViewModel,
+  aT as ViewsModel,
+  yL as applyPartialDashboard,
+  lT as createContentModel,
   Dd as createDashboardModel,
   Td as createDashboardViewsModel,
   Pp as getInitialFiltersPayload,
-  Uk as getNewPanel,
-  vL as getVersion,
-  gL as initialDashboardContent,
+  Kk as getNewPanel,
+  wL as getVersion,
+  bL as initialDashboardContent,
   re as useContentModelContext,
   Mf as useFullScreenPanelContext,
-  ze as useModelContext,
+  Le as useModelContext,
   tt as usePanelContext,
   Vd as useTopLevelServices
 };