@devtable/dashboard 6.23.0 → 6.24.0

package/dist/dashboard.es.js

@@ -11718,7 +11718,7 @@ const Gp = T.model("FilterConfigModel_TextInput", {
 }) => {
   const n = lt(), r = j.useMemo(() => n.queries.current.map((i) => ({
     value: i.id,
-    label: i.id
+    label: i.name
   })), [n.queries.current]), o = r.length === 0;
   return /* @__PURE__ */ l(Ee, {
     label: "Pick a query",
@@ -13469,7 +13469,7 @@ const XR = (e) => {
   getColor: ia(["#fff7f1", "darkorange", "#b60000"]),
   name: "orange",
   category: "sequential"
-}, oT = "6.23.0";
+}, oT = "6.24.0";
 class iT {
   constructor(t) {
     he(this, "staticColors", /* @__PURE__ */ new Map());
@@ -14851,22 +14851,49 @@ function ws(e, t, n) {
   }).join("");
 }
 const pl = ["max", "q3", "median", "q1", "min"];
-function XT(e) {
+function XT({ config: e }) {
+  return {
+    show: !0,
+    bottom: 0,
+    left: "center",
+    type: "scroll",
+    data: [
+      {
+        name: "Box",
+        icon: "roundRect",
+        itemStyle: {
+          color: e.color
+        }
+      },
+      {
+        name: "Outlier",
+        icon: "circle",
+        itemStyle: {
+          color: "#2F8CC0"
+        }
+      }
+    ]
+  };
+}
+function QT(e) {
   return `
     <table>
+    <thead>
+      <th colspan="2" style="text-align: left;">${e[0]}</th>
+    </thead>
       <tbody>
         <tr>
-          <th style="text-align: left;">${e[0]}</th>
+          <th style="text-align: left;">Outlier</th>
           <td style="text-align: right;">${e[1]}</td>
         </tr>
       </tbody>
     </table>
   `;
 }
-const QT = (e) => (t) => {
+const JT = (e) => (t) => {
   const { componentSubType: n, value: r } = t;
   if (n === "scatter")
-    return XT(r);
+    return QT(r);
   const o = pl.map((a) => `
     <tr>
       <th style="text-align: left;">${Be.capitalize(a)}</th>
@@ -14887,14 +14914,14 @@ const QT = (e) => (t) => {
     </table>
   `;
 };
-function JT({ config: e }) {
+function ZT({ config: e }) {
   return {
     trigger: "item",
     confine: !0,
-    formatter: QT(e)
+    formatter: JT(e)
   };
 }
-function ZT(e, t) {
+function eM(e, t) {
   return Object.entries(e).map(([r, o]) => {
     var h, v, b, y;
     const i = Jr(o, t, { type: "quantile", config: { p: 0.25 } }), a = Jr(o, t, { type: "quantile", config: { p: 0.75 } }), s = Jr(o, t, { type: "median", config: {} }), c = a - i, u = i - 1.5 * c, d = i + 1.5 * c, f = o.map((S) => [r, S[t]]), p = f.filter((S) => u <= S[1] && S[1] <= d), g = f.filter((S) => S[1] < u || S[1] > d);
@@ -14909,7 +14936,7 @@ function ZT(e, t) {
     };
   });
 }
-function eM(e, t, n) {
+function tM(e, t, n) {
   const r = t.reduce((o, i) => {
     const a = Ss(i, n);
     return o[i.name] = li(i, a), o;
@@ -14936,8 +14963,8 @@ function eM(e, t, n) {
     }
   }));
 }
-function tM({ config: e, data: t, variables: n }) {
-  const { x_axis: r, y_axis: o, color: i, reference_lines: a } = e, s = Be.groupBy(t, r.data_key), c = ZT(s, o.data_key), u = c.map((d) => d.outliers).flat();
+function nM({ config: e, data: t, variables: n }) {
+  const { x_axis: r, y_axis: o, color: i, reference_lines: a } = e, s = Be.groupBy(t, r.data_key), c = eM(s, o.data_key), u = c.map((d) => d.outliers).flat();
   return {
     dataset: [
       {
@@ -14947,7 +14974,8 @@ function tM({ config: e, data: t, variables: n }) {
         source: u
       }
     ],
-    tooltip: JT({ config: e }),
+    legend: XT({ config: e }),
+    tooltip: ZT({ config: e }),
     xAxis: [
       {
         type: "category",
@@ -14973,7 +15001,7 @@ function tM({ config: e, data: t, variables: n }) {
     ],
     series: [
       {
-        name: o.name,
+        name: "Box",
         type: "boxplot",
         itemStyle: {
           color: i,
@@ -14993,26 +15021,26 @@ function tM({ config: e, data: t, variables: n }) {
         }
       },
       {
-        name: o.name,
+        name: "Outlier",
         type: "scatter",
         symbolSize: 5,
         itemStyle: {
-          color: i
+          color: "#2F8CC0"
         },
         emphasis: {
           scale: 2
         },
         datasetIndex: 1
       },
-      ...eM(a, n, t)
+      ...tM(a, n, t)
     ]
   };
 }
 const Mg = {
   id: "builtin:echarts:click-echart:series",
   displayName: "Click Chart Series",
-  nameRender: rM,
-  configRender: nM,
+  nameRender: oM,
+  configRender: rM,
   payload: [{
     name: "type",
     description: "Always 'click'",
@@ -15039,10 +15067,10 @@ const Mg = {
     valueType: "object"
   }]
 };
-function nM(e) {
+function rM(e) {
   return /* @__PURE__ */ l($e, {});
 }
-function rM(e) {
+function oM(e) {
   return /* @__PURE__ */ l(F, {
     children: "Click chart's series"
   });
@@ -15061,7 +15089,7 @@ const Cs = {
   reference_lines: []
 };
 Pt.use([ei, Ev, Il, Lr, Vr, Fr, Jn]);
-function oM({
+function iM({
   context: e,
   instance: t
 }) {
@@ -15085,7 +15113,7 @@ function oM({
         rowData: h
       });
     });
-  }, p = de(() => tM({
+  }, p = de(() => nM({
     config: s,
     data: o,
     variables: r
@@ -15102,7 +15130,7 @@ function oM({
     }
   });
 }
-function iM({
+function aM({
   control: e,
   index: t,
   remove: n,
@@ -15177,7 +15205,7 @@ function iM({
     })]
   }, t);
 }
-function aM({
+function lM({
   control: e,
   watch: t,
   variables: n
@@ -15201,7 +15229,7 @@ function aM({
     value: d.name
   })), [n]);
   return /* @__PURE__ */ m(W, {
-    children: [s.map((d, f) => /* @__PURE__ */ l(iM, {
+    children: [s.map((d, f) => /* @__PURE__ */ l(aM, {
       control: e,
       index: f,
       remove: i,
@@ -15216,7 +15244,7 @@ function aM({
     })]
   });
 }
-const lM = ({
+const sM = ({
   control: e,
   data: t,
   watch: n
@@ -15250,7 +15278,7 @@ const lM = ({
       ...r
     })
   })]
-})), sM = ({
+})), cM = ({
   control: e,
   data: t,
   watch: n
@@ -15302,7 +15330,7 @@ const lM = ({
     })]
   })]
 }));
-function cM({
+function uM({
   context: e
 }) {
   const {
@@ -15377,14 +15405,14 @@ function cM({
           })]
         }), /* @__PURE__ */ l(N.Panel, {
           value: "X Axis",
-          children: /* @__PURE__ */ l(lM, {
+          children: /* @__PURE__ */ l(sM, {
             control: a,
             data: r,
             watch: c
           })
         }), /* @__PURE__ */ l(N.Panel, {
           value: "Y Axis",
-          children: /* @__PURE__ */ l(sM, {
+          children: /* @__PURE__ */ l(cM, {
             control: a,
             data: r,
             watch: c
@@ -15408,7 +15436,7 @@ function cM({
           })
         }), /* @__PURE__ */ l(N.Panel, {
           value: "Reference Lines",
-          children: /* @__PURE__ */ l(aM, {
+          children: /* @__PURE__ */ l(lM, {
             variables: o,
             control: a,
             watch: c
@@ -15418,10 +15446,10 @@ function cM({
     })
   });
 }
-function uM(e) {
+function dM(e) {
   return kr(e, "variables");
 }
-function dM(e) {
+function fM(e) {
   const {
     label_formatter: t = Cr,
     ...n
@@ -15434,7 +15462,7 @@ function dM(e) {
     }
   };
 }
-class fM extends en {
+class pM extends en {
   constructor() {
     super(...arguments);
     he(this, "VERSION", 3);
@@ -15452,7 +15480,7 @@ class fM extends en {
       return (o.variables || []).forEach((a) => {
         r.variables.find((s) => s.name === a.name) || r.addVariable(a);
       }), {
-        config: uM(o)
+        config: dM(o)
       };
     }), this.version(3, (n) => {
       const {
@@ -15460,30 +15488,30 @@ class fM extends en {
       } = n;
       return {
         version: 3,
-        config: dM(r)
+        config: fM(r)
       };
     });
   }
 }
-const pM = {
+const gM = {
   displayName: "Boxplot",
-  migrator: new fM(),
+  migrator: new pM(),
   name: "boxplot",
-  viewRender: oM,
-  configRender: cM,
+  viewRender: iM,
+  configRender: uM,
   createConfig: () => Cs,
   triggers: [Mg]
 }, Dg = {
   id: "builtin:button:click-button",
   displayName: "Click Button",
-  nameRender: hM,
-  configRender: gM,
+  nameRender: vM,
+  configRender: hM,
   payload: []
 };
-function gM(e) {
+function hM(e) {
   return /* @__PURE__ */ l($e, {});
 }
-function hM(e) {
+function vM(e) {
   return /* @__PURE__ */ l(F, {
     children: "Click this button"
   });
@@ -15496,15 +15524,15 @@ const xs = {
   compact: !1,
   horizontal_align: "left",
   vertical_align: "center"
-}, vM = {
+}, mM = {
   left: "flex-start",
   center: "center",
   right: "flex-end"
-}, mM = {
+}, yM = {
   top: "flex-start",
   center: "center",
   bottom: "flex-end"
-}, yM = Q(({
+}, bM = Q(({
   context: e,
   instance: t
 }) => {
@@ -15533,8 +15561,8 @@ const xs = {
     sx: {
       width: f,
       height: p,
-      justifyContent: vM[c],
-      alignItems: mM[u]
+      justifyContent: mM[c],
+      alignItems: yM[u]
     },
     children: /* @__PURE__ */ l(fe, {
       ...d,
@@ -15542,7 +15570,7 @@ const xs = {
       children: Ol(s)(g)
     })
   });
-}), bM = ({
+}), SM = ({
   value: e,
   onChange: t,
   label: n
@@ -15577,19 +15605,19 @@ const xs = {
       })
     })]
   });
-}, SM = Ph.map((e) => ({
+}, wM = Ph.map((e) => ({
   label: e.toUpperCase(),
   value: e
-})), wM = ({
+})), CM = ({
   label: e,
   value: t,
   onChange: n
 }) => /* @__PURE__ */ l(Ee, {
-  data: SM,
+  data: wM,
   label: e,
   value: t,
   onChange: n
-}), CM = [{
+}), xM = [{
   label: "Filled",
   value: "filled"
 }, {
@@ -15611,7 +15639,7 @@ const xs = {
   label: "Gradient",
   value: "gradient",
   disabled: !0
-}], xM = [{
+}], _M = [{
   label: "Left",
   value: "left"
 }, {
@@ -15620,7 +15648,7 @@ const xs = {
 }, {
   label: "Right",
   value: "right"
-}], _M = [{
+}], EM = [{
   label: "Top",
   value: "top"
 }, {
@@ -15630,7 +15658,7 @@ const xs = {
   label: "Bottom",
   value: "bottom"
 }];
-function EM({
+function OM({
   context: e
 }) {
   const {
@@ -15659,17 +15687,17 @@ function EM({
       cols: 2,
       children: [/* @__PURE__ */ l(Ee, {
         label: "Variant",
-        data: CM,
+        data: xM,
         value: r.variant,
         onChange: (i) => o("variant", i)
-      }), /* @__PURE__ */ l(bM, {
+      }), /* @__PURE__ */ l(SM, {
         label: "Theme",
         value: r.color,
         onChange: (i) => o("color", i)
       })]
     }), /* @__PURE__ */ m(Yr, {
       cols: 2,
-      children: [/* @__PURE__ */ l(wM, {
+      children: [/* @__PURE__ */ l(CM, {
         label: "Size",
         value: r.size,
         onChange: (i) => o("size", i)
@@ -15683,19 +15711,19 @@ function EM({
       cols: 2,
       children: [/* @__PURE__ */ l(Ee, {
         label: "Horizontal Alignment",
-        data: xM,
+        data: _M,
         value: r.horizontal_align,
         onChange: (i) => o("horizontal_align", i)
       }), /* @__PURE__ */ l(Ee, {
         label: "Vertical Alignment",
-        data: _M,
+        data: EM,
         value: r.vertical_align,
         onChange: (i) => o("vertical_align", i)
       })]
     })]
   });
 }
-class OM extends en {
+class RM extends en {
   constructor() {
     super(...arguments);
     he(this, "VERSION", 1);
@@ -15718,23 +15746,23 @@ class OM extends en {
     }));
   }
 }
-const RM = {
+const TM = {
   displayName: "Button",
-  migrator: new OM(),
+  migrator: new RM(),
   name: "button",
-  viewRender: yM,
-  configRender: EM,
+  viewRender: bM,
+  configRender: OM,
   createConfig: () => xs,
   triggers: [Dg]
 };
-function TM(e) {
+function MM(e) {
   const t = e.y_axes.some((n) => !!n.name);
   return {
     bottom: e.x_axis_name ? 40 : 25,
     top: t ? 30 : 10
   };
 }
-function MM({ regressions: e = [] }, t) {
+function DM({ regressions: e = [] }, t) {
   const n = [], r = [], o = [];
   return t.length === 0 ? { regressionDataSets: n, regressionSeries: r, regressionXAxes: o } : (e.forEach(({ transform: i, plot: a, name: s, y_axis_data_key: c }) => {
     const u = `x-axis-for-${s}`, d = `dataset-for-${s}--raw`, f = `dataset-for-${s}--transformed`;
@@ -15762,7 +15790,7 @@ function MM({ regressions: e = [] }, t) {
     });
   }), { regressionDataSets: n, regressionSeries: r, regressionXAxes: o });
 }
-function DM({ type: e, ...t }, n, r, o) {
+function kM({ type: e, ...t }, n, r, o) {
   if (!e)
     return 10;
   if (e === "static") {
@@ -15787,7 +15815,7 @@ function Ju(e, t, n, r) {
   const o = t.map((i) => [i[n], i[r]]);
   return Be.unionBy(o, e, 0);
 }
-function kM(e, t, n, r) {
+function PM(e, t, n, r) {
   return e.map((o) => {
     const i = o.orientation === "horizontal", a = i ? "yAxis" : "xAxis", s = i ? "insideEndTop" : "end";
     return {
@@ -15813,7 +15841,7 @@ function kM(e, t, n, r) {
     };
   });
 }
-function PM(e, t) {
+function IM(e, t) {
   return e.map((n) => ({
     name: "",
     type: "line",
@@ -15836,7 +15864,7 @@ function PM(e, t) {
     }
   }));
 }
-function IM({ x_axis_data_key: e }, {
+function AM({ x_axis_data_key: e }, {
   y_axis_data_key: t,
   yAxisIndex: n,
   label_position: r,
@@ -15860,7 +15888,7 @@ function IM({ x_axis_data_key: e }, {
     yAxisIndex: n,
     stack: a,
     color: s,
-    symbolSize: DM(u, h, e, v),
+    symbolSize: kM(u, h, e, v),
     ...f
   };
   if (c && (y.endLabel = {
@@ -15876,9 +15904,9 @@ function IM({ x_axis_data_key: e }, {
     return C.data = Ju(p, E, e, t), C.name = w, C.color = void 0, C;
   });
 }
-function AM(e, t, n, r, o, i, a) {
+function $M(e, t, n, r, o, i, a) {
   const s = t.map((u) => [u, 0]);
-  return e.series.map((u) => IM(e, u, s, n, r, a, o)).flat().concat(kM(e.reference_lines, i, a, r)).concat(PM(e.reference_areas, a));
+  return e.series.map((u) => AM(e, u, s, n, r, a, o)).flat().concat(PM(e.reference_lines, i, a, r)).concat(IM(e.reference_areas, a));
 }
 function kg({ enabled: e, func_content: t }) {
   return (n, r) => {
@@ -15891,14 +15919,14 @@ function kg({ enabled: e, func_content: t }) {
     }
   };
 }
-function $M(e, t) {
+function NM(e, t) {
   const n = e.find((s) => s.axisDim === "x" && s.axisId === "main-x-axis");
   if (!n)
     return "";
   const { name: r, axisType: o, axisValue: i, axisIndex: a } = n;
   return o === "xAxis.category" ? r : kg(t.x_axis.axisLabel.formatter)(i, a);
 }
-function NM(e, t) {
+function LM(e, t) {
   const n = e.series.reduce(
     (r, { yAxisIndex: o, name: i }) => (r[i] = o, r),
     {}
@@ -15908,7 +15936,7 @@ function NM(e, t) {
       const o = Array.isArray(r) ? r : [r];
       if (o.length === 0)
         return "";
-      const i = $M(o, e), a = o.map(({ seriesName: s, value: c }) => {
+      const i = NM(o, e), a = o.map(({ seriesName: s, value: c }) => {
         var f;
         if (Array.isArray(c) && c.length === 2 && (c = c[1]), !s)
           return c;
@@ -15919,7 +15947,7 @@ function NM(e, t) {
     }
   };
 }
-function LM(e, t, n) {
+function VM(e, t, n) {
   var i;
   const r = t.every((a) => !Number.isNaN(Number(a))), { axisLabel: o } = e.x_axis;
   return [
@@ -15940,7 +15968,7 @@ function LM(e, t, n) {
     ...n
   ];
 }
-function VM(e, t) {
+function FM(e, t) {
   return e.y_axes.map(({ nameAlignment: n, ...r }, o) => {
     var a;
     let i = r.position;
@@ -15966,7 +15994,7 @@ function VM(e, t) {
     };
   });
 }
-function FM(e) {
+function zM(e) {
   switch (e) {
     case "line":
       return;
@@ -15976,7 +16004,7 @@ function FM(e) {
       return "circle";
   }
 }
-function zM(e) {
+function jM(e) {
   const t = {
     show: !0,
     bottom: 0,
@@ -15985,10 +16013,10 @@ function zM(e) {
   };
   return t.data = e.series.filter((n) => !n.hide_in_legend).map(({ name: n, type: r }) => ({
     name: n,
-    icon: FM(r)
+    icon: zM(r)
   })), t;
 }
-const jM = {
+const KM = {
   dataZoom: [
     {
       type: "inside",
@@ -16027,7 +16055,7 @@ const jM = {
     containLabel: !0
   }
 };
-function KM(e, t, n) {
+function HM(e, t, n) {
   const r = n.reduce((p, g) => {
     const h = Ss(g, t);
     return p[g.name] = li(g, h), p;
@@ -16045,22 +16073,22 @@ function KM(e, t, n) {
     {
       default: ({ value: p }) => p
     }
-  ), i = Be.uniq(t.map((p) => p[e.x_axis_data_key])), a = i.every((p) => !Number.isNaN(Number(p))), s = AM(e, i, a, t, o, n, r), { regressionDataSets: c, regressionSeries: u, regressionXAxes: d } = MM(e, t), f = {
-    xAxis: LM(e, i, d),
-    yAxis: VM(e, o),
+  ), i = Be.uniq(t.map((p) => p[e.x_axis_data_key])), a = i.every((p) => !Number.isNaN(Number(p))), s = $M(e, i, a, t, o, n, r), { regressionDataSets: c, regressionSeries: u, regressionXAxes: d } = DM(e, t), f = {
+    xAxis: VM(e, i, d),
+    yAxis: FM(e, o),
     dataset: [...c],
     series: [...s, ...u],
-    tooltip: NM(e, o),
-    grid: TM(e),
-    legend: zM(e)
+    tooltip: LM(e, o),
+    grid: MM(e),
+    legend: jM(e)
   };
-  return nn({}, f, jM);
+  return nn({}, f, KM);
 }
 const Pg = {
   id: "builtin:echarts:click-echart:series",
   displayName: "Click Chart Series",
-  nameRender: BM,
-  configRender: HM,
+  nameRender: GM,
+  configRender: BM,
   payload: [{
     name: "seriesType",
     description: "'line' | 'scatter' | 'bar'",
@@ -16087,10 +16115,10 @@ const Pg = {
     valueType: "object"
   }]
 };
-function HM(e) {
+function BM(e) {
   return /* @__PURE__ */ l($e, {});
 }
-function BM(e) {
+function GM(e) {
   return /* @__PURE__ */ l(F, {
     children: "Click chart's series"
   });
@@ -16127,7 +16155,7 @@ Pt.registerTransform(Ll.regression);
 function Zu(e) {
   return e.trim().length > 0;
 }
-function GM({
+function WM({
   conf: e,
   data: t,
   width: n,
@@ -16145,7 +16173,7 @@ function GM({
         rowData: f
       });
     });
-  }, u = j.useMemo(() => KM(e, t, i), [e, t]);
+  }, u = j.useMemo(() => HM(e, t, i), [e, t]);
   return !n || !r ? null : /* @__PURE__ */ l(Zn, {
     echarts: Pt,
     option: u,
@@ -16158,7 +16186,7 @@ function GM({
     }
   });
 }
-function WM({
+function qM({
   context: e,
   instance: t
 }) {
@@ -16196,7 +16224,7 @@ function WM({
       size: "xs",
       pl: "sm",
       children: Object.values(g.top).map((v) => v)
-    }), /* @__PURE__ */ l(GM, {
+    }), /* @__PURE__ */ l(WM, {
       variables: o,
       width: s,
       height: h,
@@ -16212,14 +16240,14 @@ function WM({
     })]
   });
 }
-const qM = [{
+const UM = [{
   label: "Rectangle",
   value: "rectangle"
-}], UM = [{
+}], YM = [{
   label: "Horizontal",
   value: "horizontal"
 }];
-function YM({
+function XM({
   control: e,
   index: t,
   remove: n,
@@ -16272,7 +16300,7 @@ function YM({
         }) => /* @__PURE__ */ l(Ee, {
           label: "Type",
           required: !0,
-          data: qM,
+          data: UM,
           sx: {
             flex: 1
           },
@@ -16286,7 +16314,7 @@ function YM({
         }) => /* @__PURE__ */ l(Ee, {
           label: "Direction",
           required: !0,
-          data: UM,
+          data: YM,
           sx: {
             flex: 1
           },
@@ -16344,7 +16372,7 @@ function YM({
     })]
   }, t);
 }
-function XM({
+function QM({
   control: e,
   watch: t,
   variables: n
@@ -16398,7 +16426,7 @@ function XM({
       })]
     }), s.map((d, f) => /* @__PURE__ */ l(N.Panel, {
       value: f.toString(),
-      children: /* @__PURE__ */ l(YM, {
+      children: /* @__PURE__ */ l(XM, {
         control: e,
         index: f,
         remove: i,
@@ -16407,14 +16435,14 @@ function XM({
     }, f))]
   });
 }
-const QM = [{
+const JM = [{
   label: "Horizontal",
   value: "horizontal"
 }, {
   label: "Vertical",
   value: "vertical"
 }];
-function JM({
+function ZM({
   control: e,
   index: t,
   remove: n,
@@ -16481,7 +16509,7 @@ function JM({
         field: a
       }) => /* @__PURE__ */ l(Ee, {
         label: "Orientation",
-        data: QM,
+        data: JM,
         required: !0,
         sx: {
           flex: 1
@@ -16508,7 +16536,7 @@ function JM({
     })]
   }, t);
 }
-function ZM({
+function eD({
   control: e,
   watch: t,
   variables: n
@@ -16559,7 +16587,7 @@ function ZM({
       })]
     }), s.map((d, f) => /* @__PURE__ */ l(N.Panel, {
       value: f.toString(),
-      children: /* @__PURE__ */ l(JM, {
+      children: /* @__PURE__ */ l(ZM, {
         control: e,
         index: f,
         remove: i,
@@ -16569,7 +16597,7 @@ function ZM({
     }, f))]
   });
 }
-const eD = [{
+const tD = [{
   label: "Linear",
   value: "linear"
 }, {
@@ -16581,7 +16609,7 @@ const eD = [{
 }, {
   label: "Polynomial",
   value: "polynomial"
-}], tD = [{
+}], nD = [{
   label: "solid",
   value: "solid"
 }, {
@@ -16591,7 +16619,7 @@ const eD = [{
   label: "dotted",
   value: "dotted"
 }];
-function nD({
+function rD({
   control: e,
   regressionItem: t,
   index: n,
@@ -16676,7 +16704,7 @@ function nD({
           field: s
         }) => /* @__PURE__ */ l(Ee, {
           label: "Method",
-          data: eD,
+          data: tD,
           sx: {
             flex: 1
           },
@@ -16709,7 +16737,7 @@ function nD({
           field: s
         }) => /* @__PURE__ */ l(Ee, {
           label: "Line Type",
-          data: tD,
+          data: nD,
           sx: {
             flexGrow: 1
           },
@@ -16759,7 +16787,7 @@ function nD({
     })]
   }, n);
 }
-function rD({
+function oD({
   control: e,
   watch: t,
   data: n
@@ -16828,7 +16856,7 @@ function rD({
       })]
     }), s.map((f, p) => /* @__PURE__ */ l(N.Panel, {
       value: p.toString(),
-      children: /* @__PURE__ */ l(nD, {
+      children: /* @__PURE__ */ l(rD, {
         regressionItem: f,
         control: e,
         index: p,
@@ -16854,14 +16882,14 @@ const Wo = {
     ].join(`
 `)
   }
-}, oD = [{
+}, iD = [{
   label: "No gap between bars",
   value: "0%"
 }, {
   label: "Bars overlapping on each other",
   value: "-100%"
 }];
-function iD({
+function aD({
   control: e,
   index: t
 }) {
@@ -16902,7 +16930,7 @@ function iD({
         field: n
       }) => /* @__PURE__ */ l(Ee, {
         label: "Bar Gap",
-        data: oD,
+        data: iD,
         sx: {
           flexGrow: 1
         },
@@ -16911,7 +16939,7 @@ function iD({
     })]
   });
 }
-const aD = [{
+const lD = [{
   label: "off",
   value: "false"
 }, {
@@ -16923,7 +16951,7 @@ const aD = [{
 }, {
   label: "end",
   value: "end"
-}], lD = [{
+}], sD = [{
   label: "solid",
   value: "solid"
 }, {
@@ -16933,7 +16961,7 @@ const aD = [{
   label: "dotted",
   value: "dotted"
 }];
-function sD({
+function cD({
   control: e,
   index: t
 }) {
@@ -16952,7 +16980,7 @@ function sD({
           field: n
         }) => /* @__PURE__ */ l(Ee, {
           label: "Line Type",
-          data: lD,
+          data: sD,
           sx: {
             flexGrow: 1
           },
@@ -16983,7 +17011,7 @@ function sD({
           field: n
         }) => /* @__PURE__ */ l(Ee, {
           label: "Step",
-          data: aD,
+          data: lD,
           sx: {
             flexGrow: 1,
             maxWidth: "48%"
@@ -17034,7 +17062,7 @@ function sD({
     })]
   });
 }
-const cD = ({
+const uD = ({
   value: e,
   onChange: t
 }) => /* @__PURE__ */ l(Ae, {
@@ -17052,7 +17080,7 @@ const cD = ({
       }
     }
   })
-}), uD = ({
+}), dD = ({
   value: e,
   onChange: t,
   data: n
@@ -17108,7 +17136,7 @@ const cD = ({
           label: "Dynamic by a custom function",
           labelPosition: "center",
           variant: "dashed"
-        }), /* @__PURE__ */ l(cD, {
+        }), /* @__PURE__ */ l(uD, {
           value: a.func_content,
           onChange: d
         }), /* @__PURE__ */ m(D, {
@@ -17135,15 +17163,15 @@ const cD = ({
       })
     })]
   });
-}, dD = ({
+}, fD = ({
   value: e,
   onChange: t,
   data: n
-}) => e.type !== "dynamic" ? null : /* @__PURE__ */ l(uD, {
+}) => e.type !== "dynamic" ? null : /* @__PURE__ */ l(dD, {
   value: e,
   onChange: t,
   data: n
-}), fD = ({
+}), pD = ({
   value: e,
   onChange: t
 }) => {
@@ -17165,13 +17193,13 @@ const cD = ({
       onChange: n
     })
   });
-}, pD = [{
+}, gD = [{
   label: "Static",
   value: "static"
 }, {
   label: "Dynamic",
   value: "dynamic"
-}], gD = An(({
+}], hD = An(({
   label: e = "Size",
   value: t,
   onChange: n,
@@ -17187,23 +17215,23 @@ const cD = ({
     children: [/* @__PURE__ */ l(Ee, {
       ref: o,
       label: e,
-      data: pD,
+      data: gD,
       value: t.type,
       onChange: i,
       sx: {
         flexGrow: 1
       }
-    }), /* @__PURE__ */ l(fD, {
+    }), /* @__PURE__ */ l(pD, {
       value: t,
       onChange: n
-    }), /* @__PURE__ */ l(dD, {
+    }), /* @__PURE__ */ l(fD, {
       value: t,
       onChange: n,
       data: r
     })]
   });
 });
-function hD({
+function vD({
   control: e,
   index: t,
   data: n
@@ -17213,14 +17241,14 @@ function hD({
     control: e,
     render: ({
       field: r
-    }) => /* @__PURE__ */ l(gD, {
+    }) => /* @__PURE__ */ l(hD, {
       label: "Size",
       data: n,
       ...r
     })
   });
 }
-const vD = [{
+const mD = [{
   label: "off",
   value: ""
 }, {
@@ -17263,7 +17291,7 @@ const vD = [{
   label: "insideBottomRight",
   value: "insideBottomRight"
 }];
-function mD({
+function yD({
   control: e,
   index: t,
   remove: n,
@@ -17380,13 +17408,13 @@ function mD({
           ...s
         })
       })]
-    }), a === "line" && /* @__PURE__ */ l(sD, {
+    }), a === "line" && /* @__PURE__ */ l(cD, {
       index: t,
       control: e
-    }), a === "bar" && /* @__PURE__ */ l(iD, {
+    }), a === "bar" && /* @__PURE__ */ l(aD, {
       index: t,
       control: e
-    }), a === "scatter" && /* @__PURE__ */ l(hD, {
+    }), a === "scatter" && /* @__PURE__ */ l(vD, {
       index: t,
       control: e,
       data: i
@@ -17403,7 +17431,7 @@ function mD({
         field: s
       }) => /* @__PURE__ */ l(Ee, {
         label: "Label Position",
-        data: vD,
+        data: mD,
         ...s
       })
     }), /* @__PURE__ */ m(W, {
@@ -17455,7 +17483,7 @@ function mD({
     })]
   }, t);
 }
-function yD({
+function bD({
   control: e,
   watch: t,
   data: n
@@ -17524,7 +17552,7 @@ function yD({
       })]
     }), s.map((f, p) => /* @__PURE__ */ l(N.Panel, {
       value: p.toString(),
-      children: /* @__PURE__ */ l(mD, {
+      children: /* @__PURE__ */ l(yD, {
         control: e,
         index: p,
         remove: i,
@@ -17535,7 +17563,7 @@ function yD({
     }, f.id))]
   });
 }
-function bD({
+function SD({
   control: e,
   watch: t
 }) {
@@ -17572,7 +17600,7 @@ function bD({
     })
   });
 }
-const SD = ({
+const wD = ({
   disabled: e,
   value: t,
   onChange: n
@@ -17600,7 +17628,7 @@ const SD = ({
       }
     }
   })]
-}), wD = ({
+}), CD = ({
   value: e,
   onChange: t,
   data: n
@@ -17655,7 +17683,7 @@ const SD = ({
           label: "Enabled",
           checked: a.enabled,
           onChange: (g) => c(g.currentTarget.checked)
-        }), /* @__PURE__ */ l(SD, {
+        }), /* @__PURE__ */ l(wD, {
           value: a.func_content,
           onChange: f,
           disabled: !a.enabled
@@ -17684,7 +17712,7 @@ const SD = ({
     })]
   });
 };
-function CD({
+function xD({
   data: e,
   control: t,
   watch: n
@@ -17758,7 +17786,7 @@ function CD({
         control: t,
         render: ({
           field: r
-        }) => /* @__PURE__ */ l(wD, {
+        }) => /* @__PURE__ */ l(CD, {
           data: e,
           ...r
         })
@@ -17766,7 +17794,7 @@ function CD({
     })]
   });
 }
-const xD = [{
+const _D = [{
   label: "left",
   value: "left"
 }, {
@@ -17775,14 +17803,14 @@ const xD = [{
 }, {
   label: "right",
   value: "right"
-}], _D = [{
+}], ED = [{
   label: "left",
   value: "left"
 }, {
   label: "right",
   value: "right"
 }];
-function ED({
+function OD({
   control: e,
   index: t,
   remove: n
@@ -17823,7 +17851,7 @@ function ED({
         }) => /* @__PURE__ */ l(Ee, {
           label: "Align",
           required: !0,
-          data: xD,
+          data: _D,
           sx: {
             flex: 1
           },
@@ -17846,7 +17874,7 @@ function ED({
         }) => /* @__PURE__ */ l(Ee, {
           label: "Position",
           required: !0,
-          data: _D,
+          data: ED,
           sx: {
             flex: 1
           },
@@ -17881,7 +17909,7 @@ function ED({
     })]
   });
 }
-function OD({
+function RD({
   control: e,
   watch: t
 }) {
@@ -17926,7 +17954,7 @@ function OD({
       })]
     }), a.map((c, u) => /* @__PURE__ */ l(N.Panel, {
       value: u.toString(),
-      children: /* @__PURE__ */ l(ED, {
+      children: /* @__PURE__ */ l(OD, {
         control: e,
         index: u,
         remove: o
@@ -17934,7 +17962,7 @@ function OD({
     }, u))]
   });
 }
-function RD(e) {
+function TD(e) {
   function t({
     name: n = "",
     template: r = "",
@@ -17950,7 +17978,7 @@ function RD(e) {
   }
   return e.map(t);
 }
-function TD(e) {
+function MD(e) {
   function t({
     type: n,
     name: r,
@@ -17999,7 +18027,7 @@ function TD(e) {
   }
   return e.map(t);
 }
-function MD(e) {
+function DD(e) {
   return e || {
     templates: {
       top: "",
@@ -18007,20 +18035,20 @@ function MD(e) {
     }
   };
 }
-function DD({
+function kD({
   series: e,
   stats: t,
   reference_lines: n,
   ...r
 }) {
   return {
-    series: TD(e != null ? e : []),
-    stats: MD(t),
-    reference_lines: RD(n != null ? n : []),
+    series: MD(e != null ? e : []),
+    stats: DD(t),
+    reference_lines: TD(n != null ? n : []),
     ...r
   };
 }
-function kD({
+function PD({
   context: e
 }) {
   const {
@@ -18028,7 +18056,7 @@ function kD({
     set: n
   } = rt(e.instanceData, "config"), {
     variables: r
-  } = e, o = e.data, i = de(() => nn({}, t, Es), [t]), a = de(() => DD(i), [i]);
+  } = e, o = e.data, i = de(() => nn({}, t, Es), [t]), a = de(() => kD(i), [i]);
   ke(() => {
     !Vt(i, a) && (console.log("config malformed, resetting to defaults", i, a), n(a));
   }, [i, a]);
@@ -18108,48 +18136,48 @@ function kD({
           })]
         }), /* @__PURE__ */ l(N.Panel, {
           value: "X Axis",
-          children: /* @__PURE__ */ l(CD, {
+          children: /* @__PURE__ */ l(xD, {
             control: s,
             watch: u,
             data: o
           })
         }), /* @__PURE__ */ l(N.Panel, {
           value: "Y Axes",
-          children: /* @__PURE__ */ l(OD, {
+          children: /* @__PURE__ */ l(RD, {
             control: s,
             watch: u
           })
         }), /* @__PURE__ */ l(N.Panel, {
           value: "Series",
-          children: /* @__PURE__ */ l(yD, {
+          children: /* @__PURE__ */ l(bD, {
             control: s,
             watch: u,
             data: o
           })
         }), /* @__PURE__ */ l(N.Panel, {
           value: "Regression Lines",
-          children: /* @__PURE__ */ l(rD, {
+          children: /* @__PURE__ */ l(oD, {
             control: s,
             watch: u,
             data: o
           })
         }), /* @__PURE__ */ l(N.Panel, {
           value: "Stats",
-          children: /* @__PURE__ */ l(bD, {
+          children: /* @__PURE__ */ l(SD, {
             control: s,
             watch: u,
             data: o
           })
         }), /* @__PURE__ */ l(N.Panel, {
           value: "Reference Lines",
-          children: /* @__PURE__ */ l(ZM, {
+          children: /* @__PURE__ */ l(eD, {
             variables: r,
             control: s,
             watch: u
           })
         }), /* @__PURE__ */ l(N.Panel, {
           value: "Reference Areas",
-          children: /* @__PURE__ */ l(XM, {
+          children: /* @__PURE__ */ l(QM, {
             variables: r,
             control: s,
             watch: u
@@ -18159,11 +18187,11 @@ function kD({
     })
   });
 }
-function PD(e) {
+function ID(e) {
   const t = Xo(kr(e, "variables"));
   return t.stats = kr(t.stats, "variables"), t;
 }
-function ID(e) {
+function AD(e) {
   const {
     rotate: t,
     formatter: n = _s
@@ -18179,7 +18207,7 @@ function ID(e) {
     }
   };
 }
-class AD extends en {
+class $D extends en {
   constructor() {
     super(...arguments);
     he(this, "VERSION", 3);
@@ -18199,27 +18227,27 @@ class AD extends en {
       }), (dt(o, "stats.variables") || []).forEach((s) => {
         r.variables.find((c) => c.name === s.name) || r.addVariable(s);
       }), {
-        config: PD(o)
+        config: ID(o)
       };
     }), this.version(3, (n) => ({
       version: 3,
-      config: ID(n.config)
+      config: AD(n.config)
     }));
   }
 }
-const $D = {
+const ND = {
   displayName: "Cartesian Chart",
-  migrator: new AD(),
+  migrator: new $D(),
   name: "cartesian",
-  viewRender: WM,
-  configRender: kD,
+  viewRender: qM,
+  configRender: PD,
   createConfig: () => Es,
   triggers: [Pg]
 }, Ig = {
   id: "builtin:echarts:click-echart:series",
   displayName: "Click Chart Series",
-  nameRender: LD,
-  configRender: ND,
+  nameRender: VD,
+  configRender: LD,
   payload: [{
     name: "type",
     description: "Always 'click'",
@@ -18242,10 +18270,10 @@ const $D = {
     valueType: "object"
   }]
 };
-function ND(e) {
+function LD(e) {
   return /* @__PURE__ */ l($e, {});
 }
-function LD(e) {
+function VD(e) {
   return /* @__PURE__ */ l(F, {
     children: "Click chart's series"
   });
@@ -18271,7 +18299,7 @@ function Rs(e) {
     mantissa: 0
   });
 }
-function VD(e) {
+function FD(e) {
   const t = e.value[1];
   try {
     return Rs(t);
@@ -18279,7 +18307,7 @@ function VD(e) {
     return console.error(n), t;
   }
 }
-function FD(e) {
+function zD(e) {
   const t = Array.isArray(e) ? e : [e];
   if (t.length === 0)
     return "";
@@ -18290,7 +18318,7 @@ function FD(e) {
   return n.unshift(`<strong>${t[0].name}</strong>`), n.join("<br />");
 }
 Pt.use([Al, $l, ei, Lr, Vr, Fr, Jn]);
-function zD({
+function jD({
   context: e,
   instance: t
 }) {
@@ -18339,7 +18367,7 @@ function zD({
     }],
     tooltip: {
       trigger: "axis",
-      formatter: FD
+      formatter: zD
     },
     xAxis: [{
       type: "category",
@@ -18407,7 +18435,7 @@ function zD({
       label: {
         show: !0,
         position: "top",
-        formatter: VD
+        formatter: FD
       },
       yAxisIndex: 1,
       data: v
@@ -18425,7 +18453,7 @@ function zD({
     }
   });
 }
-function jD({
+function KD({
   context: e
 }) {
   const {
@@ -18585,7 +18613,7 @@ function jD({
     })
   });
 }
-class KD extends en {
+class HD extends en {
   constructor() {
     super(...arguments);
     he(this, "VERSION", 1);
@@ -18597,12 +18625,12 @@ class KD extends en {
     }));
   }
 }
-const HD = {
+const BD = {
   displayName: "Pareto Chart",
-  migrator: new KD(),
+  migrator: new HD(),
   name: "paretoChart",
-  viewRender: zD,
-  configRender: jD,
+  viewRender: jD,
+  configRender: KD,
   createConfig: () => Os,
   triggers: [Ig]
 }, Ts = {
@@ -18610,7 +18638,7 @@ const HD = {
   value_field: ""
 };
 Pt.use([Ov, Jn]);
-const BD = {
+const GD = {
   tooltip: {
     show: !0
   },
@@ -18644,7 +18672,7 @@ const BD = {
     right: 10
   }
 };
-function GD({
+function WD({
   context: e
 }) {
   const {
@@ -18667,7 +18695,7 @@ function GD({
         };
       }
     }
-  }), [r]), u = Sd({}, BD, c, {
+  }), [r]), u = Sd({}, GD, c, {
     series: {
       data: s
     }
@@ -18681,7 +18709,7 @@ function GD({
     }
   });
 }
-function WD({
+function qD({
   context: e
 }) {
   const {
@@ -18747,7 +18775,7 @@ function WD({
     })
   });
 }
-class qD extends en {
+class UD extends en {
   constructor() {
     super(...arguments);
     he(this, "VERSION", 1);
@@ -18759,12 +18787,12 @@ class qD extends en {
     }));
   }
 }
-const UD = {
+const YD = {
   displayName: "Pie Chart",
-  migrator: new qD(),
+  migrator: new UD(),
   name: "pie",
-  viewRender: GD,
-  configRender: WD,
+  viewRender: WD,
+  configRender: qD,
   createConfig: () => Ts
 };
 function Ag(e) {
@@ -18776,13 +18804,13 @@ function Ag(e) {
     }
   } : (t) => t;
 }
-function YD(e) {
+function XD(e) {
   return {
     show: !0,
     formatter: ({ dimensionIndex: t, value: n }) => Ag(e.dimensions[t].formatter)(n)
   };
 }
-function XD(e) {
+function QD(e) {
   return ({ name: t, marker: n, value: r }) => {
     if (r.length === 0)
       return "";
@@ -18821,7 +18849,7 @@ function XD(e) {
   `;
   };
 }
-const QD = {
+const JD = {
   legend: {
     show: !0,
     bottom: 0,
@@ -18831,7 +18859,7 @@ const QD = {
     trigger: "item"
   }
 };
-function JD(e, t) {
+function ZD(e, t) {
   const n = [
     "#66B4DB",
     "#39BFA2",
@@ -18868,7 +18896,7 @@ function JD(e, t) {
     },
     tooltip: {
       confine: !0,
-      formatter: XD(e)
+      formatter: QD(e)
     },
     legend: {
       show: !0,
@@ -18884,18 +18912,18 @@ function JD(e, t) {
       areaStyle: {
         opacity: 0.4
       },
-      label: YD(e)
+      label: XD(e)
     },
     color: n
   };
-  return Be.merge({}, QD, i);
+  return Be.merge({}, JD, i);
 }
 const Ms = {
   series_name_key: "name",
   dimensions: []
 };
 Pt.use([Rv, Lr, Vr, Fr, Jn]);
-function ZD({
+function ek({
   context: e
 }) {
   const {
@@ -18903,7 +18931,7 @@ function ZD({
   } = rt(e.instanceData, "config"), {
     width: n,
     height: r
-  } = e.viewport, o = e.data, i = de(() => JD(nn({}, t, Ms), o), [t, o]);
+  } = e.viewport, o = e.data, i = de(() => ZD(nn({}, t, Ms), o), [t, o]);
   return !n || !r || !t || Ml(t == null ? void 0 : t.dimensions) ? null : /* @__PURE__ */ l(Ae, {
     children: /* @__PURE__ */ l(Zn, {
       echarts: Pt,
@@ -18915,7 +18943,7 @@ function ZD({
     })
   });
 }
-function ek({
+function tk({
   control: e,
   index: t,
   remove: n,
@@ -19005,7 +19033,7 @@ function ek({
     })]
   }, t);
 }
-function tk({
+function nk({
   control: e,
   watch: t,
   data: n
@@ -19027,7 +19055,7 @@ function tk({
     formatter: Cr
   });
   return /* @__PURE__ */ m(W, {
-    children: [s.map((u, d) => /* @__PURE__ */ l(ek, {
+    children: [s.map((u, d) => /* @__PURE__ */ l(tk, {
       data: n,
       control: e,
       index: d,
@@ -19042,7 +19070,7 @@ function tk({
     })]
   });
 }
-function nk(e) {
+function rk(e) {
   function t({
     name: n = "",
     data_key: r = "",
@@ -19058,7 +19086,7 @@ function nk(e) {
   }
   return e.map(t);
 }
-function rk({
+function ok({
   context: e
 }) {
   const t = e.data, {
@@ -19068,7 +19096,7 @@ function rk({
     dimensions: i,
     series_name_key: a
   } = o, s = de(() => ({
-    dimensions: nk(i != null ? i : []),
+    dimensions: rk(i != null ? i : []),
     series_name_key: a
   }), [i, a]);
   ke(() => {
@@ -19129,7 +19157,7 @@ function rk({
             ...v
           })
         })
-      }), /* @__PURE__ */ l(tk, {
+      }), /* @__PURE__ */ l(nk, {
         control: c,
         watch: d,
         data: t
@@ -19137,7 +19165,7 @@ function rk({
     })
   });
 }
-class ok extends en {
+class ik extends en {
   constructor() {
     super(...arguments);
     he(this, "VERSION", 1);
@@ -19149,15 +19177,15 @@ class ok extends en {
     }));
   }
 }
-const ik = {
+const ak = {
   displayName: "Radar Chart",
-  migrator: new ok(),
+  migrator: new ik(),
   name: "radar",
-  viewRender: ZD,
-  configRender: rk,
+  viewRender: ek,
+  configRender: ok,
   createConfig: () => Ms
 };
-function ak(e, t) {
+function lk(e, t) {
   switch (e.config.method) {
     case "linear":
       return [...cr.regressionLinear()(t)];
@@ -19171,11 +19199,11 @@ function ak(e, t) {
       return [];
   }
 }
-function lk({ regression: e }, t) {
+function sk({ regression: e }, t) {
   const n = [], r = [];
   if (t.length === 0)
     return { regressionSeries: n, regressionXAxes: r };
-  const { transform: o, plot: i, name: a } = e, s = ak(o, t);
+  const { transform: o, plot: i, name: a } = e, s = lk(o, t);
   return n.push({
     ...i,
     name: a,
@@ -19187,7 +19215,7 @@ function lk({ regression: e }, t) {
     }
   }), { regressionSeries: n, regressionXAxes: r };
 }
-const sk = {
+const ck = {
   tooltip: {
     trigger: "axis"
   },
@@ -19209,12 +19237,12 @@ const sk = {
     }
   ]
 };
-function ck(e, t) {
+function uk(e, t) {
   var i, a;
   const n = Be.uniqBy(
     t.map((s) => [s[e.x_axis.data_key], s[e.regression.y_axis_data_key]]),
     0
-  ), { regressionSeries: r } = lk(e, n), o = {
+  ), { regressionSeries: r } = sk(e, n), o = {
     xAxis: {
       type: "category",
       name: (i = e.x_axis.name) != null ? i : "",
@@ -19240,12 +19268,12 @@ function ck(e, t) {
       ...r
     ]
   };
-  return nn({}, o, sk);
+  return nn({}, o, ck);
 }
 function yi(e, t, n) {
   return 1 - (1 - e) * (t - 1) / (t - n - 1);
 }
-function uk(e, t) {
+function dk(e, t) {
   if (!t)
     return {
       expression: "",
@@ -19427,7 +19455,7 @@ const Ds = {
 };
 Pt.use([ei, Nl, Lr, Vr, Fr, Jn]);
 Pt.registerTransform(Ll.regression);
-function dk({
+function fk({
   context: e
 }) {
   const {
@@ -19442,11 +19470,11 @@ function dk({
       ...g,
       [f]: Number(g[f])
     }) : d;
-  }, [e.data, t == null ? void 0 : t.regression.y_axis_data_key]), i = de(() => ck(nn({}, t, Ds), o), [t, o]), {
+  }, [e.data, t == null ? void 0 : t.regression.y_axis_data_key]), i = de(() => uk(nn({}, t, Ds), o), [t, o]), {
     expression: a,
     rSquared: s,
     adjustedRSquared: c
-  } = de(() => uk(o, t), [t, o]);
+  } = de(() => dk(o, t), [t, o]);
   if (!n || !r || !t)
     return null;
   let u = r;
@@ -19513,7 +19541,7 @@ function dk({
     })]
   });
 }
-const fk = [{
+const pk = [{
   label: "Linear",
   value: "linear"
 }, {
@@ -19526,7 +19554,7 @@ const fk = [{
   label: "Polynomial",
   value: "polynomial"
 }];
-function pk({
+function gk({
   control: e,
   watch: t,
   data: n
@@ -19574,7 +19602,7 @@ function pk({
           field: o
         }) => /* @__PURE__ */ l(Ee, {
           label: "Method",
-          data: fk,
+          data: pk,
           sx: {
             flex: 1
           },
@@ -19610,7 +19638,7 @@ function pk({
     })]
   });
 }
-function gk({
+function hk({
   context: e
 }) {
   const {
@@ -19715,7 +19743,7 @@ function gk({
           children: [/* @__PURE__ */ l(_r.Control, {
             children: "Regression Line"
           }), /* @__PURE__ */ l(_r.Panel, {
-            children: /* @__PURE__ */ l(pk, {
+            children: /* @__PURE__ */ l(gk, {
               control: i,
               watch: s,
               data: r
@@ -19726,7 +19754,7 @@ function gk({
     })
   });
 }
-class hk extends en {
+class vk extends en {
   constructor() {
     super(...arguments);
     he(this, "VERSION", 1);
@@ -19738,17 +19766,17 @@ class hk extends en {
     }));
   }
 }
-const vk = {
+const mk = {
   displayName: "Regression Chart",
-  migrator: new hk(),
+  migrator: new vk(),
   name: "regressionChart",
-  viewRender: dk,
-  configRender: gk,
+  viewRender: fk,
+  configRender: hk,
   createConfig: () => Ds
 }, ks = {
   content: ""
 };
-function mk({
+function yk({
   context: e
 }) {
   const {
@@ -19810,7 +19838,7 @@ const $g = An(({
     }), /* @__PURE__ */ l(it.Content, {})]
   });
 });
-function yk({
+function bk({
   context: e
 }) {
   const {
@@ -19879,7 +19907,7 @@ function yk({
     })
   });
 }
-class bk extends en {
+class Sk extends en {
   constructor() {
     super(...arguments);
     he(this, "VERSION", 1);
@@ -19894,18 +19922,18 @@ class bk extends en {
     }));
   }
 }
-const Sk = {
+const wk = {
   displayName: "RichText",
-  migrator: new bk(),
+  migrator: new Sk(),
   name: "richText",
-  viewRender: mk,
-  configRender: yk,
+  viewRender: yk,
+  configRender: bk,
   createConfig: () => ks
 }, Ps = {
   align: "center",
   template: "The variable ${value} is defined in Variables section"
 };
-function wk(e) {
+function Ck(e) {
   if ("variables" in e)
     return e;
   const {
@@ -19939,10 +19967,10 @@ function wk(e) {
     ]
   };
 }
-function Ck(e) {
+function xk(e) {
   return kr(e, ["variables"]);
 }
-function xk(e) {
+function _k(e) {
   const t = Xo(e), n = dt(t, "color.valueRange");
   return n !== void 0 && Rl(
     t,
@@ -19950,21 +19978,21 @@ function xk(e) {
     n.map((r) => Number(r))
   ), t;
 }
-class _k extends en {
+class Ek extends en {
   constructor() {
     super(...arguments);
     he(this, "VERSION", 2);
   }
   configVersions() {
-    this.version(1, (n) => ({ config: wk(n) })), this.version(2, (n, { panelModel: r }) => {
+    this.version(1, (n) => ({ config: Ck(n) })), this.version(2, (n, { panelModel: r }) => {
       const { config: o } = n;
       return (o.variables || []).forEach((a) => {
-        r.variables.find((s) => s.name === a.name) || r.addVariable(xk(a));
-      }), { config: Ck(o) };
+        r.variables.find((s) => s.name === a.name) || r.addVariable(_k(a));
+      }), { config: xk(o) };
     });
   }
 }
-const Ek = Q(({
+const Ok = Q(({
   context: e
 }) => {
   const t = lt(), {
@@ -19991,7 +20019,7 @@ const Ek = Q(({
       children: c
     }, u))
   });
-}), Ok = [{
+}), Rk = [{
   label: "Left",
   value: "left"
 }, {
@@ -20001,7 +20029,7 @@ const Ek = Q(({
   label: "Right",
   value: "right"
 }];
-function Rk({
+function Tk({
   context: e
 }) {
   const {
@@ -20075,14 +20103,14 @@ function Rk({
           field: f
         }) => /* @__PURE__ */ l(Ee, {
           label: "Horizontal Alignment",
-          data: Ok,
+          data: Rk,
           ...f
         })
       })]
     })
   });
 }
-const Tk = {
+const Mk = {
   createConfig() {
     return {
       version: 1,
@@ -20090,16 +20118,16 @@ const Tk = {
     };
   },
   displayName: "Stats",
-  migrator: new _k(),
+  migrator: new Ek(),
   name: "stats",
-  viewRender: Ek,
-  configRender: Rk
+  viewRender: Ok,
+  configRender: Tk
 }, Is = {
   label_field: "",
   value_field: ""
 };
 Pt.use([Tv, Jn]);
-const Mk = {
+const Dk = {
   tooltip: {
     show: !0
   },
@@ -20111,7 +20139,7 @@ const Mk = {
     }
   }
 };
-function Dk({
+function kk({
   context: e
 }) {
   const {
@@ -20137,7 +20165,7 @@ function Dk({
         }) => p / c < 0.2 ? " " : f
       }
     }
-  }), [c]), d = Sd({}, Mk, u, {
+  }), [c]), d = Sd({}, Dk, u, {
     series: {
       data: s
     }
@@ -20151,7 +20179,7 @@ function Dk({
     }
   });
 }
-function kk({
+function Pk({
   context: e
 }) {
   const {
@@ -20217,7 +20245,7 @@ function kk({
     })
   });
 }
-class Pk extends en {
+class Ik extends en {
   constructor() {
     super(...arguments);
     he(this, "VERSION", 1);
@@ -20229,12 +20257,12 @@ class Pk extends en {
     }));
   }
 }
-const Ik = {
+const Ak = {
   displayName: "Sunburst",
-  migrator: new Pk(),
+  migrator: new Ik(),
   name: "sunburst",
-  viewRender: Dk,
-  configRender: kk,
+  viewRender: kk,
+  configRender: Pk,
   createConfig: () => Is
 };
 var kn = /* @__PURE__ */ ((e) => (e.string = "string", e.number = "number", e.eloc = "eloc", e.percentage = "percentage", e.custom = "custom", e))(kn || {});
@@ -20278,7 +20306,7 @@ function bn(e, t) {
 function ji(e) {
   return e instanceof Function;
 }
-function Ak(e, t) {
+function $k(e, t) {
   const n = [], r = (o) => {
     o.forEach((i) => {
       n.push(i);
@@ -20312,7 +20340,7 @@ function He(e, t, n) {
     return o;
   };
 }
-function $k(e, t, n, r) {
+function Nk(e, t, n, r) {
   var o, i;
   const s = {
     ...e._getDefaultColumnDef(),
@@ -20389,7 +20417,7 @@ function ed(e, t, n) {
     Object.assign(i, a.createHeader == null ? void 0 : a.createHeader(i, e));
   }), i;
 }
-const Nk = {
+const Lk = {
   createTable: (e) => ({
     getHeaderGroups: He(() => [e.getAllColumns(), e.getVisibleLeafColumns(), e.getState().columnPinning.left, e.getState().columnPinning.right], (t, n, r, o) => {
       var i, a;
@@ -20596,7 +20624,7 @@ const Si = {
   deltaPercentage: null,
   isResizingColumn: !1,
   columnSizingStart: []
-}), Lk = {
+}), Vk = {
   getDefaultColumnDef: () => Si,
   getInitialState: (e) => ({
     columnSizing: {},
@@ -20696,7 +20724,7 @@ const Si = {
           upHandler: (g) => {
             document.removeEventListener("mousemove", f.moveHandler), document.removeEventListener("mouseup", f.upHandler), d(g.clientX);
           }
-        }, p = Vk() ? {
+        }, p = Fk() ? {
           passive: !1
         } : !1;
         Ma(o) || (document.addEventListener("mousemove", f.moveHandler, p), document.addEventListener("mouseup", f.upHandler, p)), t.setColumnSizingInfo((g) => ({
@@ -20741,7 +20769,7 @@ const Si = {
   })
 };
 let wi = null;
-function Vk() {
+function Fk() {
   if (typeof wi == "boolean")
     return wi;
   let e = !1;
@@ -20761,7 +20789,7 @@ function Vk() {
 function Ma(e) {
   return e.type === "touchstart";
 }
-const Fk = {
+const zk = {
   getInitialState: (e) => ({
     expanded: {},
     ...e
@@ -20922,7 +20950,7 @@ const zn = {
 function En(e) {
   return e == null || e === "";
 }
-const zk = {
+const jk = {
   getDefaultColumnDef: () => ({
     filterFn: "auto"
   }),
@@ -21050,35 +21078,35 @@ const zk = {
 function td(e, t, n) {
   return (e && e.autoRemove ? e.autoRemove(t, n) : !1) || typeof t > "u" || typeof t == "string" && !t;
 }
-const jk = (e, t, n) => n.reduce((r, o) => {
+const Kk = (e, t, n) => n.reduce((r, o) => {
   const i = o.getValue(e);
   return r + (typeof i == "number" ? i : 0);
-}, 0), Kk = (e, t, n) => {
+}, 0), Hk = (e, t, n) => {
   let r;
   return n.forEach((o) => {
     const i = o.getValue(e);
     i != null && (r > i || r === void 0 && i >= i) && (r = i);
   }), r;
-}, Hk = (e, t, n) => {
+}, Bk = (e, t, n) => {
   let r;
   return n.forEach((o) => {
     const i = o.getValue(e);
     i != null && (r < i || r === void 0 && i >= i) && (r = i);
   }), r;
-}, Bk = (e, t, n) => {
+}, Gk = (e, t, n) => {
   let r, o;
   return n.forEach((i) => {
     const a = i.getValue(e);
     a != null && (r === void 0 ? a >= a && (r = o = a) : (r > a && (r = a), o < a && (o = a)));
   }), [r, o];
-}, Gk = (e, t) => {
+}, Wk = (e, t) => {
   let n = 0, r = 0;
   if (t.forEach((o) => {
     let i = o.getValue(e);
     i != null && (i = +i) >= i && (++n, r += i);
   }), n)
     return r / n;
-}, Wk = (e, t) => {
+}, qk = (e, t) => {
   if (!t.length)
     return;
   let n = 0, r = 0;
@@ -21086,17 +21114,17 @@ const jk = (e, t, n) => n.reduce((r, o) => {
     let i = o.getValue(e);
     typeof i == "number" && (n = Math.min(n, i), r = Math.max(r, i));
   }), (n + r) / 2;
-}, qk = (e, t) => Array.from(new Set(t.map((n) => n.getValue(e))).values()), Uk = (e, t) => new Set(t.map((n) => n.getValue(e))).size, Yk = (e, t) => t.length, Da = {
-  sum: jk,
-  min: Kk,
-  max: Hk,
-  extent: Bk,
-  mean: Gk,
-  median: Wk,
-  unique: qk,
-  uniqueCount: Uk,
-  count: Yk
-}, Xk = {
+}, Uk = (e, t) => Array.from(new Set(t.map((n) => n.getValue(e))).values()), Yk = (e, t) => new Set(t.map((n) => n.getValue(e))).size, Xk = (e, t) => t.length, Da = {
+  sum: Kk,
+  min: Hk,
+  max: Bk,
+  extent: Gk,
+  mean: Wk,
+  median: qk,
+  unique: Uk,
+  uniqueCount: Yk,
+  count: Xk
+}, Qk = {
   getDefaultColumnDef: () => ({
     aggregatedCell: (e) => {
       var t, n;
@@ -21170,13 +21198,13 @@ const jk = (e, t, n) => n.reduce((r, o) => {
     }
   })
 };
-function Qk(e, t, n) {
+function Jk(e, t, n) {
   if (!(t != null && t.length) || !n)
     return e;
   const r = e.filter((i) => !t.includes(i.id));
   return n === "remove" ? r : [...t.map((i) => e.find((a) => a.id === i)).filter(Boolean), ...r];
 }
-const Jk = {
+const Zk = {
   getInitialState: (e) => ({
     columnOrder: [],
     ...e
@@ -21202,7 +21230,7 @@ const Jk = {
         }
         i = [...i, ...s];
       }
-      return Qk(i, n, r);
+      return Jk(i, n, r);
     }, {
       key: process.env.NODE_ENV === "development" && "getOrderColumnsFn"
     })
@@ -21210,7 +21238,7 @@ const Jk = {
 }, gl = 0, hl = 10, ka = () => ({
   pageIndex: gl,
   pageSize: hl
-}), Zk = {
+}), eP = {
   getInitialState: (e) => ({
     ...e,
     pagination: {
@@ -21314,7 +21342,7 @@ const Jk = {
 }, Pa = () => ({
   left: [],
   right: []
-}), eP = {
+}), tP = {
   getInitialState: (e) => ({
     columnPinning: Pa(),
     ...e
@@ -21436,7 +21464,7 @@ const Jk = {
       }
     })
   })
-}, tP = {
+}, nP = {
   getInitialState: (e) => ({
     rowSelection: {},
     ...e
@@ -21624,10 +21652,10 @@ function nd(e, t, n) {
   }
   return !1;
 }
-const ml = /([0-9]+)/gm, nP = (e, t, n) => Gg(br(e.getValue(n)).toLowerCase(), br(t.getValue(n)).toLowerCase()), rP = (e, t, n) => Gg(br(e.getValue(n)), br(t.getValue(n))), oP = (e, t, n) => Ls(br(e.getValue(n)).toLowerCase(), br(t.getValue(n)).toLowerCase()), iP = (e, t, n) => Ls(br(e.getValue(n)), br(t.getValue(n))), aP = (e, t, n) => {
+const ml = /([0-9]+)/gm, rP = (e, t, n) => Gg(br(e.getValue(n)).toLowerCase(), br(t.getValue(n)).toLowerCase()), oP = (e, t, n) => Gg(br(e.getValue(n)), br(t.getValue(n))), iP = (e, t, n) => Ls(br(e.getValue(n)).toLowerCase(), br(t.getValue(n)).toLowerCase()), aP = (e, t, n) => Ls(br(e.getValue(n)), br(t.getValue(n))), lP = (e, t, n) => {
   const r = e.getValue(n), o = t.getValue(n);
   return r > o ? 1 : r < o ? -1 : 0;
-}, lP = (e, t, n) => Ls(e.getValue(n), t.getValue(n));
+}, sP = (e, t, n) => Ls(e.getValue(n), t.getValue(n));
 function Ls(e, t) {
   return e === t ? 0 : e > t ? 1 : -1;
 }
@@ -21655,13 +21683,13 @@ function Gg(e, t) {
   return n.length - r.length;
 }
 const xo = {
-  alphanumeric: nP,
-  alphanumericCaseSensitive: rP,
-  text: oP,
-  textCaseSensitive: iP,
-  datetime: aP,
-  basic: lP
-}, sP = {
+  alphanumeric: rP,
+  alphanumericCaseSensitive: oP,
+  text: iP,
+  textCaseSensitive: aP,
+  datetime: lP,
+  basic: sP
+}, cP = {
   getInitialState: (e) => ({
     sorting: [],
     ...e
@@ -21763,7 +21791,7 @@ const xo = {
     getPreSortedRowModel: () => e.getGroupedRowModel(),
     getSortedRowModel: () => (!e._getSortedRowModel && e.options.getSortedRowModel && (e._getSortedRowModel = e.options.getSortedRowModel(e)), e.options.manualSorting || !e._getSortedRowModel ? e.getPreSortedRowModel() : e._getSortedRowModel())
   })
-}, cP = {
+}, uP = {
   getInitialState: (e) => ({
     columnVisibility: {},
     ...e
@@ -21840,8 +21868,8 @@ const xo = {
       }
     };
   }
-}, rd = [Nk, cP, Jk, eP, zk, sP, Xk, Fk, Zk, tP, Lk];
-function uP(e) {
+}, rd = [Lk, uP, Zk, tP, jk, cP, Qk, zk, eP, nP, Vk];
+function dP(e) {
   var t;
   (e.debugAll || e.debugTable) && console.info("Creating Table Instance...");
   let n = {
@@ -21925,7 +21953,7 @@ function uP(e) {
     getAllColumns: He(() => [n._getColumnDefs()], (d) => {
       const f = function(p, g, h) {
         return h === void 0 && (h = 0), p.map((v) => {
-          const b = $k(n, v, h, g), y = v;
+          const b = Nk(n, v, h, g), y = v;
           return b.columns = y.columns ? f(y.columns, b, h + 1) : [], b;
         });
       };
@@ -21970,7 +21998,7 @@ function uP(e) {
   };
   return Object.assign(n, u), n._features.forEach((d) => Object.assign(n, d.createTable == null ? void 0 : d.createTable(n))), n;
 }
-function dP(e, t, n, r) {
+function fP(e, t, n, r) {
   const o = () => {
     var a;
     return (a = i.getValue()) != null ? a : e.options.renderFallbackValue;
@@ -21996,7 +22024,7 @@ function dP(e, t, n, r) {
     Object.assign(i, a.createCell == null ? void 0 : a.createCell(i, n, t, e));
   }, {}), i;
 }
-const fP = (e, t, n, r, o, i) => {
+const pP = (e, t, n, r, o, i) => {
   let a = {
     id: t,
     index: r,
@@ -22015,8 +22043,8 @@ const fP = (e, t, n, r, o, i) => {
       return (c = a.getValue(s)) != null ? c : e.options.renderFallbackValue;
     },
     subRows: i != null ? i : [],
-    getLeafRows: () => Ak(a.subRows, (s) => s.subRows),
-    getAllCells: He(() => [e.getAllLeafColumns()], (s) => s.map((c) => dP(e, a, c, c.id)), {
+    getLeafRows: () => $k(a.subRows, (s) => s.subRows),
+    getAllCells: He(() => [e.getAllLeafColumns()], (s) => s.map((c) => fP(e, a, c, c.id)), {
       key: process.env.NODE_ENV === "development" && "row.getAllCells",
       debug: () => {
         var s;
@@ -22037,7 +22065,7 @@ const fP = (e, t, n, r, o, i) => {
   }
   return a;
 };
-function pP() {
+function gP() {
   return {
     accessor: (e, t) => typeof e == "function" ? {
       ...t,
@@ -22050,7 +22078,7 @@ function pP() {
     group: (e) => e
   };
 }
-function gP() {
+function hP() {
   return (e) => He(() => [e.options.data], (t) => {
     const n = {
       rows: [],
@@ -22060,7 +22088,7 @@ function gP() {
       i === void 0 && (i = 0);
       const s = [];
       for (let u = 0; u < o.length; u++) {
-        const d = fP(e, e._getRowId(o[u], u, a), o[u], u, i);
+        const d = pP(e, e._getRowId(o[u], u, a), o[u], u, i);
         if (n.flatRows.push(d), n.rowsById[d.id] = d, s.push(d), e.options.getSubRows) {
           var c;
           d.originalSubRows = e.options.getSubRows(o[u], u), (c = d.originalSubRows) != null && c.length && (d.subRows = r(d.originalSubRows, i + 1, d));
@@ -22080,7 +22108,7 @@ function gP() {
     }
   });
 }
-function hP() {
+function vP() {
   return (e) => He(() => [e.getState().sorting, e.getPreSortedRowModel()], (t, n) => {
     if (!n.rows.length || !(t != null && t.length))
       return n;
@@ -22130,23 +22158,23 @@ function hP() {
   });
 }
 function Wg(e, t) {
-  return e ? vP(e) ? /* @__PURE__ */ l(e, {
+  return e ? mP(e) ? /* @__PURE__ */ l(e, {
     ...t
   }) : e : null;
 }
-function vP(e) {
-  return mP(e) || typeof e == "function" || yP(e);
-}
 function mP(e) {
+  return yP(e) || typeof e == "function" || bP(e);
+}
+function yP(e) {
   return typeof e == "function" && (() => {
     const t = Object.getPrototypeOf(e);
     return t.prototype && t.prototype.isReactComponent;
   })();
 }
-function yP(e) {
+function bP(e) {
   return typeof e == "object" && typeof e.$$typeof == "symbol" && ["react.memo", "react.forward_ref"].includes(e.$$typeof.description);
 }
-function bP(e) {
+function SP(e) {
   const t = {
     state: {},
     onStateChange: () => {
@@ -22154,7 +22182,7 @@ function bP(e) {
     renderFallbackValue: null,
     ...e
   }, [n] = x.useState(() => ({
-    current: uP(t)
+    current: dP(t)
   })), [r, o] = x.useState(() => n.current.initialState);
   return n.current.setOptions((i) => ({
     ...i,
@@ -22171,7 +22199,7 @@ function bP(e) {
 function od(e, t, n) {
   return Math.min(Math.max(e, t), n);
 }
-class SP {
+class wP {
   constructor(t) {
     this.steps = t;
     const n = [], r = /* @__PURE__ */ new Set();
@@ -22193,7 +22221,7 @@ class SP {
     return od(this.getStepFunctionForValue(t)(t), 0, 100);
   }
 }
-const wP = ({
+const CP = ({
   header: e,
   cx: t
 }) => /* @__PURE__ */ m(F, {
@@ -22201,10 +22229,10 @@ const wP = ({
     "table-head-cell--sortable": e.column.getCanSort()
   }),
   onClick: e.column.getToggleSortingHandler(),
-  children: [e.isPlaceholder ? null : Wg(e.column.columnDef.header, e.getContext()), /* @__PURE__ */ l(CP, {
+  children: [e.isPlaceholder ? null : Wg(e.column.columnDef.header, e.getContext()), /* @__PURE__ */ l(xP, {
     direction: e.column.getIsSorted()
   })]
-}), CP = ({
+}), xP = ({
   direction: e
 }) => {
   switch (e) {
@@ -22222,8 +22250,8 @@ const wP = ({
 }, Vs = {
   id: "builtin:table:click-cell-content",
   displayName: "Click Cell Content",
-  nameRender: RP,
-  configRender: EP,
+  nameRender: TP,
+  configRender: OP,
   payload: [{
     name: "row_index",
     description: "Index of the row that the cell belongs to",
@@ -22237,7 +22265,7 @@ const wP = ({
     description: "Data of the row that the cell belongs to",
     valueType: "object"
   }]
-}, xP = {
+}, _P = {
   column: ""
 };
 function qg(e) {
@@ -22249,19 +22277,19 @@ function qg(e) {
     value: r.toString()
   })) : [];
 }
-function _P(e) {
+function EP(e) {
   return Ml(e) ? [] : Object.keys(e[0]).map((t) => ({
     label: t,
     value: t
   }));
 }
-function EP(e) {
-  const t = qg(e.instance), n = _P(e.sampleData), r = t.length > 0 ? t : n, {
+function OP(e) {
+  const t = qg(e.instance), n = EP(e.sampleData), r = t.length > 0 ? t : n, {
     value: o,
     set: i
   } = rt(e.trigger.triggerData, "config"), {
     column: a
-  } = jt({}, o, xP), s = (c) => {
+  } = jt({}, o, _P), s = (c) => {
     isNaN(+c) ? i({
       column: c
     }) : i({
@@ -22276,18 +22304,18 @@ function EP(e) {
     onChange: s
   });
 }
-function OP(e, t) {
+function RP(e, t) {
   return e ? Gh(e.column) ? `Click cell of ${t[e.column].label}` : `Click cell of ${e.column}` : "Click cell content (click to config)";
 }
-function RP(e) {
+function TP(e) {
   const t = qg(e.instance), {
     value: n
   } = rt(e.trigger.triggerData, "config");
   return /* @__PURE__ */ l(F, {
-    children: OP(n, t)
+    children: RP(n, t)
   });
 }
-const TP = qo((e) => ({
+const MP = qo((e) => ({
   root: {
     overflow: "auto",
     "& .table-head-cell": {
@@ -22312,7 +22340,7 @@ const TP = qo((e) => ({
     position: "sticky",
     top: 0
   }
-})), MP = qo((e, t) => ({
+})), DP = qo((e, t) => ({
   content: {
     display: "flex",
     alignItems: "center",
@@ -22325,24 +22353,24 @@ const TP = qo((e) => ({
     }
   }
 }));
-function DP(e) {
+function kP(e) {
   return e ? No(e).oklch()[0] > 0.7 ? "black" : "white" : "inherit";
 }
-function kP(e) {
+function PP(e) {
   const t = e.tableCellContext.bgColor;
   return {
     backgroundColor: t,
-    color: DP(t)
+    color: kP(t)
   };
 }
 function sa(e) {
-  const t = e.tableCellContext.isClickable(), n = MP({
+  const t = e.tableCellContext.isClickable(), n = DP({
     clickable: t
   });
   return /* @__PURE__ */ l("div", {
     className: n.classes.content,
     style: {
-      ...kP(e)
+      ...PP(e)
     },
     children: /* @__PURE__ */ l(F, {
       className: "table-cell-text",
@@ -22353,19 +22381,19 @@ function sa(e) {
     })
   });
 }
-function PP(e) {
+function IP(e) {
   return /* @__PURE__ */ l(sa, {
     ...e,
     children: e.value
   });
 }
-function IP(e) {
+function AP(e) {
   return /* @__PURE__ */ l(sa, {
     ...e,
     children: e.value
   });
 }
-function AP(e) {
+function $P(e) {
   const t = tn(e.value).format({
     thousandSeparated: !0
   });
@@ -22374,7 +22402,7 @@ function AP(e) {
     children: t
   });
 }
-function $P(e) {
+function NP(e) {
   const t = tn(e.value).format({
     output: "percent",
     mantissa: 3
@@ -22384,43 +22412,43 @@ function $P(e) {
     children: t
   });
 }
-function NP(e) {
+function LP(e) {
   const t = e.value, n = e.func_content;
   return n ? new Function(`return ${n}`)()({
     value: t
   }) : t;
 }
-function LP(e) {
+function VP(e) {
   switch (e.type) {
     case kn.string:
-      return /* @__PURE__ */ l(PP, {
+      return /* @__PURE__ */ l(IP, {
         ...e
       });
     case kn.eloc:
-      return /* @__PURE__ */ l(IP, {
+      return /* @__PURE__ */ l(AP, {
         ...e
       });
     case kn.number:
-      return /* @__PURE__ */ l(AP, {
+      return /* @__PURE__ */ l($P, {
         ...e
       });
     case kn.percentage:
-      return /* @__PURE__ */ l($P, {
+      return /* @__PURE__ */ l(NP, {
         ...e
       });
     case kn.custom:
-      return /* @__PURE__ */ l(NP, {
+      return /* @__PURE__ */ l(LP, {
         ...e
       });
   }
 }
-const VP = (e) => {
+const FP = (e) => {
   const t = vo(e), n = ho(t.triggerManager, Vs.id), {
     colorManager: r
   } = Xn(Ln);
-  return gr((o) => new zP(e.getColIndex, o, n, t, r), [n, t, e.getColIndex]);
+  return gr((o) => new jP(e.getColIndex, o, n, t, r), [n, t, e.getColIndex]);
 };
-function FP({
+function zP({
   context: e,
   instance: t
 }) {
@@ -22437,18 +22465,18 @@ function FP({
   } = i, {
     classes: u,
     cx: d
-  } = TP(), f = j.useMemo(() => a ? Object.keys(n[0]).map((O) => ({
+  } = MP(), f = j.useMemo(() => a ? Object.keys(n[0]).map((O) => ({
     id: O,
     label: O,
     value_field: O,
     value_type: kn.string
-  })) : s, [a, s, n]), p = VP({
+  })) : s, [a, s, n]), p = FP({
     getColIndex: gr((O) => f.indexOf(O.column.columnDef.meta), [f]),
     vizManager: e.vizManager,
     instance: t
   }), g = de(() => {
-    const O = pP(), P = f.map((I) => O.accessor(I.value_field, {
-      cell: (V) => /* @__PURE__ */ l(LP, {
+    const O = gP(), P = f.map((I) => O.accessor(I.value_field, {
+      cell: (V) => /* @__PURE__ */ l(VP, {
         tableCellContext: p(V.cell),
         value: V.getValue(),
         type: I.value_type,
@@ -22464,15 +22492,15 @@ function FP({
       header: "#",
       size: 10 * (n.length.toString().length + 1)
     }), ...P];
-  }, [f, p]), [h, v] = Qe([]), b = bP({
+  }, [f, p]), [h, v] = Qe([]), b = SP({
     data: n,
     state: {
       sorting: h
     },
     onSortingChange: v,
     columns: g,
-    getCoreRowModel: gP(),
-    getSortedRowModel: hP()
+    getCoreRowModel: hP(),
+    getSortedRowModel: vP()
   }), {
     rows: y
   } = b.getRowModel(), S = j.useRef(null), w = Dv({
@@ -22506,7 +22534,7 @@ function FP({
             style: {
               width: P.getSize()
             },
-            children: /* @__PURE__ */ l(wP, {
+            children: /* @__PURE__ */ l(CP, {
               header: P,
               cx: d
             })
@@ -22537,7 +22565,7 @@ function FP({
     })
   });
 }
-class zP {
+class jP {
   constructor(t, n, r, o, i) {
     this.getColIndex = t, this.cell = n, this.triggers = r, this.interactionManager = o, this.colorManager = i;
   }
@@ -22574,7 +22602,7 @@ class zP {
       return t;
     const n = +this.cell.getValue();
     if (isFinite(n)) {
-      const r = this.colorManager.decodeInterpolation(t.interpolation), i = new SP(t.steps).mapValue(n);
+      const r = this.colorManager.decodeInterpolation(t.interpolation), i = new wP(t.steps).mapValue(n);
       return r == null ? void 0 : r.getColor(i);
     }
   }
@@ -22602,14 +22630,14 @@ const Ug = qo(() => ({
       }
     }
   }
-})), jP = [{
+})), KP = [{
   from: 0,
   to: 0
 }, {
   from: 100,
   to: 100
 }];
-class KP {
+class HP {
   constructor() {
     he(this, "steps", /* @__PURE__ */ new Map());
     he(this, "interpolation");
@@ -22634,7 +22662,7 @@ class KP {
     })).sort((n, r) => n.to - r.to || n.from - r.from));
   }
   fromProps(t) {
-    t.steps.length < 2 ? this.setSteps(jP) : this.setSteps(t.steps), this.interpolation = t.interpolation, this.onChange = t.onChange;
+    t.steps.length < 2 ? this.setSteps(KP) : this.setSteps(t.steps), this.interpolation = t.interpolation, this.onChange = t.onChange;
   }
   changeStep(t, n) {
     t == null ? this.steps.delete(n) : this.steps.set(n, t);
@@ -22643,7 +22671,7 @@ class KP {
     return this.steps.get(t);
   }
 }
-function HP(e) {
+function BP(e) {
   const {
     onChange: t,
     color: n,
@@ -22723,7 +22751,7 @@ function HP(e) {
     })]
   });
 }
-const BP = Q(({
+const GP = Q(({
   model: e
 }) => {
   const {
@@ -22731,21 +22759,21 @@ const BP = Q(({
   } = Ug(), n = Wh(0, 13, 1).map((r) => 100 / 12 * r).map((r) => [e.interpolation.getColor(r), r]);
   return /* @__PURE__ */ l("div", {
     className: t.palette,
-    children: n.map(([r, o], i) => /* @__PURE__ */ l(HP, {
+    children: n.map(([r, o], i) => /* @__PURE__ */ l(BP, {
       index: i,
       color: r,
       value: e.getStepFromValue(o),
       onChange: (a) => e.changeStep(a, o)
     }, r))
   });
-}), GP = Q(function(t) {
-  const n = On(() => new KP(), []);
+}), WP = Q(function(t) {
+  const n = On(() => new HP(), []);
   return ke(() => {
     n.fromProps(t);
-  }), n.interpolation == null ? null : /* @__PURE__ */ l(BP, {
+  }), n.interpolation == null ? null : /* @__PURE__ */ l(GP, {
     model: n
   });
-}), WP = (e) => {
+}), qP = (e) => {
   const {
     value: t,
     onChange: n,
@@ -22793,7 +22821,7 @@ const BP = Q(({
           value: i.interpolation,
           data: f,
           onChange: p
-        }), /* @__PURE__ */ l(GP, {
+        }), /* @__PURE__ */ l(WP, {
           steps: i.steps,
           interpolation: s,
           onChange: h
@@ -22811,7 +22839,7 @@ const BP = Q(({
       })
     })]
   });
-}, qP = ["static", "interpolation", "none"], UP = [{
+}, UP = ["static", "interpolation", "none"], YP = [{
   from: 0,
   to: 0
 }, {
@@ -22821,20 +22849,20 @@ const BP = Q(({
 function Yg(e) {
   return e ? wd(e) ? e === "none" ? "none" : "static" : "interpolation" : "none";
 }
-function YP(e, t) {
+function XP(e, t) {
   var n;
   return Yg(t) === "static" ? t : (n = e.getStaticColors()[0]) == null ? void 0 : n.value;
 }
-function XP(e, t) {
+function QP(e, t) {
   return vd(t) ? t : {
-    steps: UP,
+    steps: YP,
     interpolation: e.encodeColor(e.getColorInterpolations()[0])
   };
 }
-const QP = (e) => {
+const JP = (e) => {
   const {
     colorManager: t
-  } = Xn(Ln), [n, r] = Qe(Yg(e.value)), [o, i] = Qe(YP(t, e.value)), a = Ys(o), [s, c] = Qe(XP(t, e.value)), u = Ys(s);
+  } = Xn(Ln), [n, r] = Qe(Yg(e.value)), [o, i] = Qe(XP(t, e.value)), a = Ys(o), [s, c] = Qe(QP(t, e.value)), u = Ys(s);
   return /* @__PURE__ */ m(W, {
     align: "stretch",
     children: [/* @__PURE__ */ l(Ee, {
@@ -22844,14 +22872,14 @@ const QP = (e) => {
         var h, v, b;
         r(g || "none"), g === "static" ? (h = e.onChange) == null || h.call(e, a.current) : g === "none" || !g ? (v = e.onChange) == null || v.call(e, "none") : (b = e.onChange) == null || b.call(e, u.current);
       },
-      data: qP
+      data: UP
     }), n === "static" && /* @__PURE__ */ l(Yn, {
       value: o,
       onChange: (g) => {
         var h;
         i(g), (h = e.onChange) == null || h.call(e, g);
       }
-    }), n === "interpolation" && /* @__PURE__ */ l(WP, {
+    }), n === "interpolation" && /* @__PURE__ */ l(qP, {
       colorManager: t,
       value: s,
       onChange: (g) => {
@@ -22860,11 +22888,11 @@ const QP = (e) => {
       }
     })]
   });
-}, JP = Object.values(kn).map((e) => ({
+}, ZP = Object.values(kn).map((e) => ({
   label: e,
   value: e
 }));
-function ZP({
+function eI({
   label: e,
   value: t,
   onChange: n,
@@ -22872,13 +22900,13 @@ function ZP({
 }) {
   return /* @__PURE__ */ l(Ee, {
     label: e,
-    data: JP,
+    data: ZP,
     value: t,
     onChange: n,
     sx: r
   });
 }
-const eI = An(({
+const tI = An(({
   value: e,
   onChange: t
 }, n) => {
@@ -22951,7 +22979,7 @@ const eI = An(({
       })
     })]
   });
-}), tI = ({
+}), nI = ({
   control: e,
   index: t,
   watch: n,
@@ -23000,7 +23028,7 @@ const eI = An(({
         control: e,
         render: ({
           field: s
-        }) => /* @__PURE__ */ l(ZP, {
+        }) => /* @__PURE__ */ l(eI, {
           label: "Value Type",
           sx: {
             flex: 1
@@ -23014,7 +23042,7 @@ const eI = An(({
           field: s
         }) => {
           var c;
-          return /* @__PURE__ */ l(eI, {
+          return /* @__PURE__ */ l(tI, {
             value: (c = s.value) != null ? c : Ng,
             onChange: (u) => s.onChange(u != null ? u : "")
           });
@@ -23025,7 +23053,7 @@ const eI = An(({
       control: e,
       render: ({
         field: s
-      }) => /* @__PURE__ */ l(QP, {
+      }) => /* @__PURE__ */ l(JP, {
         ...s
       })
     }), /* @__PURE__ */ l(qe, {
@@ -23042,7 +23070,7 @@ const eI = An(({
       children: "Delete this column"
     })]
   });
-}, nI = ({
+}, rI = ({
   control: e,
   watch: t,
   data: n
@@ -23114,7 +23142,7 @@ const eI = An(({
           })]
         }), r.map((u, d) => /* @__PURE__ */ l(N.Panel, {
           value: d.toString(),
-          children: /* @__PURE__ */ l(tI, {
+          children: /* @__PURE__ */ l(nI, {
             control: e,
             watch: t,
             index: d,
@@ -23127,7 +23155,7 @@ const eI = An(({
     })]
   });
 };
-function rI({
+function oI({
   control: e,
   watch: t,
   data: n
@@ -23223,7 +23251,7 @@ function rI({
     })]
   });
 }
-function oI({
+function iI({
   columns: e,
   ...t
 }) {
@@ -23238,13 +23266,13 @@ function oI({
     }))
   };
 }
-function iI({
+function aI({
   context: e
 }) {
   const {
     value: t,
     set: n
-  } = rt(e.instanceData, "config"), r = e.data, o = de(() => nn({}, t, As), [t]), i = de(() => oI(o), [o]);
+  } = rt(e.instanceData, "config"), r = e.data, o = de(() => nn({}, t, As), [t]), i = de(() => iI(o), [o]);
   ke(() => {
     !Vt(o, i) && (console.log("config malformed, resetting to defaults", o, i), n(i));
   }, [o, i]);
@@ -23327,14 +23355,14 @@ function iI({
         })
       }), /* @__PURE__ */ l(N.Panel, {
         value: "Style",
-        children: /* @__PURE__ */ l(rI, {
+        children: /* @__PURE__ */ l(oI, {
           control: a,
           watch: c,
           data: r
         })
       }), /* @__PURE__ */ l(N.Panel, {
         value: "Columns",
-        children: /* @__PURE__ */ l(nI, {
+        children: /* @__PURE__ */ l(rI, {
           control: a,
           watch: c,
           data: r
@@ -23355,7 +23383,7 @@ function iI({
     })]
   });
 }
-class aI extends en {
+class lI extends en {
   constructor() {
     super(...arguments);
     he(this, "VERSION", 2);
@@ -23387,12 +23415,12 @@ const yl = {
     };
   },
   displayName: "Table",
-  migrator: new aI(),
+  migrator: new lI(),
   name: "table",
-  viewRender: FP,
-  configRender: iI,
+  viewRender: zP,
+  configRender: aI,
   triggers: [Vs]
-}, lI = () => /* @__PURE__ */ m("svg", {
+}, sI = () => /* @__PURE__ */ m("svg", {
   width: "64",
   height: "64",
   viewBox: "0 0 64 64",
@@ -23415,7 +23443,7 @@ function id(e, t) {
   if (n)
     throw new Error(n);
 }
-async function sI(e, t, n, r = {}) {
+async function cI(e, t, n, r = {}) {
   const o = {
     "X-Requested-With": "XMLHttpRequest",
     "Content-Type": r.string ? "application/x-www-form-urlencoded" : "application/json",
@@ -23429,7 +23457,7 @@ async function sI(e, t, n, r = {}) {
   };
   return i.data = r.string ? JSON.stringify(n) : n, Dl(i).then((a) => a.data).catch((a) => Promise.reject(a));
 }
-const cI = ({ conf: e, data: t }) => async () => {
+const uI = ({ conf: e, data: t }) => async () => {
   const { expertSystemURL: n, goal: r, question: o } = e;
   if (!n || !r || !o)
     return;
@@ -23439,7 +23467,7 @@ const cI = ({ conf: e, data: t }) => async () => {
     data: t
   };
   try {
-    return await sI(n, `/expert/v3/devtable/${e.path}`, i, {});
+    return await cI(n, `/expert/v3/devtable/${e.path}`, i, {});
   } catch (a) {
     throw id(a, "response.data.detail"), id(a, "response.data.error"), console.error(a), a;
   }
@@ -23448,7 +23476,7 @@ const cI = ({ conf: e, data: t }) => async () => {
   path: "",
   goal: "",
   question: ""
-}, uI = {
+}, dI = {
   ul: {
     paddingLeft: "2em",
     margin: "6px 0 0"
@@ -23457,7 +23485,7 @@ const cI = ({ conf: e, data: t }) => async () => {
     margin: 0
   }
 };
-function dI({
+function fI({
   context: e
 }) {
   var u;
@@ -23470,7 +23498,7 @@ function dI({
     data: a,
     error: s,
     loading: c
-  } = El(cI({
+  } = El(uI({
     conf: n,
     data: i
   }), {
@@ -23492,7 +23520,7 @@ function dI({
     children: /* @__PURE__ */ m(W, {
       align: "center",
       spacing: 20,
-      children: [/* @__PURE__ */ l(lI, {}), /* @__PURE__ */ l(F, {
+      children: [/* @__PURE__ */ l(sI, {}), /* @__PURE__ */ l(F, {
         align: "center",
         size: 14,
         color: "#3D3E45",
@@ -23503,7 +23531,7 @@ function dI({
       })]
     })
   }) : !a || !Array.isArray(a.replies) || a.replies.length === 0 ? null : /* @__PURE__ */ l(Ae, {
-    sx: uI,
+    sx: dI,
     children: a.replies.map((d, f) => /* @__PURE__ */ l("div", {
       dangerouslySetInnerHTML: {
         __html: d.interpretation.html
@@ -23516,7 +23544,7 @@ function dI({
     }, f))
   });
 }
-function fI({
+function pI({
   context: e
 }) {
   const {
@@ -23566,7 +23594,7 @@ function fI({
     })]
   });
 }
-class pI extends en {
+class gI extends en {
   constructor() {
     super(...arguments);
     he(this, "VERSION", 1);
@@ -23578,22 +23606,22 @@ class pI extends en {
     }));
   }
 }
-const gI = {
+const hI = {
   displayName: "Merico GQM",
-  migrator: new pI(),
+  migrator: new gI(),
   name: "mericoGQM",
-  viewRender: dI,
-  configRender: fI,
+  viewRender: fI,
+  configRender: pI,
   createConfig: () => Fs
 };
-function hI(e) {
+function vI(e) {
   const t = e.y_axes.some((n) => !!n.name);
   return {
     bottom: e.x_axis.name ? 40 : 25,
     top: t ? 30 : 10
   };
 }
-function vI({ type: e, ...t }, n, r, o) {
+function mI({ type: e, ...t }, n, r, o) {
   if (!e)
     return 10;
   if (e === "static") {
@@ -23614,7 +23642,7 @@ function vI({ type: e, ...t }, n, r, o) {
     }
   };
 }
-function mI(e, t, n, r) {
+function yI(e, t, n, r) {
   return e.map((o) => {
     const i = o.orientation === "horizontal", a = i ? "yAxis" : "xAxis", s = i ? "insideEndTop" : "end";
     return {
@@ -23640,7 +23668,7 @@ function mI(e, t, n, r) {
     };
   });
 }
-function yI(e, t) {
+function bI(e, t) {
   return e.map((n) => ({
     name: "",
     type: "line",
@@ -23663,7 +23691,7 @@ function yI(e, t) {
     }
   }));
 }
-function bI({ x_axis: e, scatter: t }, n, r, o) {
+function SI({ x_axis: e, scatter: t }, n, r, o) {
   return {
     label: {
       show: !!t.label_position,
@@ -23675,15 +23703,15 @@ function bI({ x_axis: e, scatter: t }, n, r, o) {
     xAxisId: "main-x-axis",
     yAxisIndex: 0,
     color: t.color,
-    symbolSize: vI(t.symbolSize, n, e.data_key, r),
+    symbolSize: mI(t.symbolSize, n, e.data_key, r),
     data: n.map((i) => {
       const a = i[e.data_key], s = i[t.y_data_key], c = i[t.name_data_key];
       return [a, s, c];
     })
   };
 }
-function SI(e, t, n, r, o, i, a) {
-  return [bI(e, r, a)].concat(mI(e.reference_lines, i, a, r)).concat(yI(e.reference_areas, a));
+function wI(e, t, n, r, o, i, a) {
+  return [SI(e, r, a)].concat(yI(e.reference_lines, i, a, r)).concat(bI(e.reference_areas, a));
 }
 function Xg({ enabled: e, func_content: t }) {
   return (n, r) => {
@@ -23696,21 +23724,21 @@ function Xg({ enabled: e, func_content: t }) {
     }
   };
 }
-function wI(e, t) {
+function CI(e, t) {
   const n = e.find((a) => a.axisDim === "x" && a.axisId === "main-x-axis");
   if (!n)
     return "";
   const { name: r, axisValue: o, axisIndex: i } = n;
   return t.x_axis.axisLabel.formatter.enabled ? Xg(t.x_axis.axisLabel.formatter)(o, i) : o;
 }
-function CI(e, t) {
+function xI(e, t) {
   return {
     formatter: function(n) {
       var c;
       const r = (c = t[0]) != null ? c : t.default, o = Array.isArray(n) ? n : [n];
       if (o.length === 0)
         return "";
-      const i = wI(o, e), a = o.map(({ value: u }) => `
+      const i = CI(o, e), a = o.map(({ value: u }) => `
         <tr>
           <th style="text-align: right;">${u[2]}</th>
           <td style="text-align: right; padding-right: .5em;">${i}</td>
@@ -23735,7 +23763,7 @@ function CI(e, t) {
     }
   };
 }
-function xI(e, t) {
+function _I(e, t) {
   var o;
   const n = t.every((i) => !Number.isNaN(Number(i))), { axisLabel: r } = e.x_axis;
   return [
@@ -23755,7 +23783,7 @@ function xI(e, t) {
     }
   ];
 }
-function _I(e, t) {
+function EI(e, t) {
   return e.y_axes.map(({ nameAlignment: n, ...r }, o) => {
     var a;
     let i = r.position;
@@ -23781,7 +23809,7 @@ function _I(e, t) {
     };
   });
 }
-function EI() {
+function OI() {
   return {
     show: !1,
     bottom: 0,
@@ -23789,7 +23817,7 @@ function EI() {
     type: "scroll"
   };
 }
-const OI = {
+const RI = {
   dataZoom: [
     {
       type: "inside",
@@ -23828,7 +23856,7 @@ const OI = {
     containLabel: !0
   }
 };
-function RI(e, t, n) {
+function TI(e, t, n) {
   const r = n.reduce((u, d) => {
     const f = Ss(d, t);
     return u[d.name] = li(d, f), u;
@@ -23846,21 +23874,21 @@ function RI(e, t, n) {
     {
       default: ({ value: u }) => u
     }
-  ), i = Be.uniq(t.map((u) => u[e.x_axis.data_key])), a = i.every((u) => !Number.isNaN(Number(u))), s = SI(e, i, a, t, o, n, r), c = {
-    xAxis: xI(e, i),
-    yAxis: _I(e, o),
+  ), i = Be.uniq(t.map((u) => u[e.x_axis.data_key])), a = i.every((u) => !Number.isNaN(Number(u))), s = wI(e, i, a, t, o, n, r), c = {
+    xAxis: _I(e, i),
+    yAxis: EI(e, o),
     series: s,
-    tooltip: CI(e, o),
-    grid: hI(e),
-    legend: EI()
+    tooltip: xI(e, o),
+    grid: vI(e),
+    legend: OI()
   };
-  return nn({}, c, OI);
+  return nn({}, c, RI);
 }
 const Qg = {
   id: "builtin:echarts:click-scatter-chart:series",
   displayName: "Click Scatter",
-  nameRender: MI,
-  configRender: TI,
+  nameRender: DI,
+  configRender: MI,
   payload: [{
     name: "seriesType",
     description: "'scatter'",
@@ -23887,10 +23915,10 @@ const Qg = {
     valueType: "object"
   }]
 };
-function TI(e) {
+function MI(e) {
   return /* @__PURE__ */ l($e, {});
 }
-function MI(e) {
+function DI(e) {
   return /* @__PURE__ */ l(F, {
     children: "Click scatter"
   });
@@ -23937,7 +23965,7 @@ const Jg = {
 };
 Pt.use([ei, Al, $l, Nl, Lr, Vr, Fr, Jn, Il, Id]);
 Pt.registerTransform(Ll.regression);
-function DI({
+function kI({
   conf: e,
   data: t,
   width: n,
@@ -23955,7 +23983,7 @@ function DI({
         rowData: p
       });
     });
-  }, u = j.useMemo(() => RI(e, t, i), [e, t]);
+  }, u = j.useMemo(() => TI(e, t, i), [e, t]);
   return !n || !r ? null : /* @__PURE__ */ l(Zn, {
     echarts: Pt,
     option: u,
@@ -23968,7 +23996,7 @@ function DI({
     }
   });
 }
-function kI({
+function PI({
   context: e,
   instance: t
 }) {
@@ -24006,7 +24034,7 @@ function kI({
       size: "xs",
       pl: "sm",
       children: Object.values(g.top).map((v) => v)
-    }), /* @__PURE__ */ l(DI, {
+    }), /* @__PURE__ */ l(kI, {
       variables: o,
       width: s,
       height: h,
@@ -24022,14 +24050,14 @@ function kI({
     })]
   });
 }
-const PI = [{
+const II = [{
   label: "Horizontal",
   value: "horizontal"
 }, {
   label: "Vertical",
   value: "vertical"
 }];
-function II({
+function AI({
   control: e,
   index: t,
   remove: n,
@@ -24096,7 +24124,7 @@ function II({
         field: a
       }) => /* @__PURE__ */ l(Ee, {
         label: "Orientation",
-        data: PI,
+        data: II,
         required: !0,
         sx: {
           flex: 1
@@ -24123,7 +24151,7 @@ function II({
     })]
   }, t);
 }
-function AI({
+function $I({
   control: e,
   watch: t,
   variables: n
@@ -24174,7 +24202,7 @@ function AI({
       })]
     }), s.map((d, f) => /* @__PURE__ */ l(N.Panel, {
       value: f.toString(),
-      children: /* @__PURE__ */ l(II, {
+      children: /* @__PURE__ */ l(AI, {
         control: e,
         index: f,
         remove: i,
@@ -24184,7 +24212,7 @@ function AI({
     }, f))]
   });
 }
-const $I = ({
+const NI = ({
   value: e,
   onChange: t
 }) => /* @__PURE__ */ l(Ae, {
@@ -24217,7 +24245,7 @@ const $I = ({
     ].join(`
 `)
   }
-}, NI = ({
+}, LI = ({
   value: e,
   onChange: t,
   data: n
@@ -24273,7 +24301,7 @@ const $I = ({
           label: "Dynamic by a custom function",
           labelPosition: "center",
           variant: "dashed"
-        }), /* @__PURE__ */ l($I, {
+        }), /* @__PURE__ */ l(NI, {
           value: a.func_content,
           onChange: d
         }), /* @__PURE__ */ m(D, {
@@ -24300,15 +24328,15 @@ const $I = ({
       })
     })]
   });
-}, LI = ({
+}, VI = ({
   value: e,
   onChange: t,
   data: n
-}) => e.type !== "dynamic" ? null : /* @__PURE__ */ l(NI, {
+}) => e.type !== "dynamic" ? null : /* @__PURE__ */ l(LI, {
   value: e,
   onChange: t,
   data: n
-}), VI = ({
+}), FI = ({
   value: e,
   onChange: t
 }) => {
@@ -24330,13 +24358,13 @@ const $I = ({
       onChange: n
     })
   });
-}, FI = [{
+}, zI = [{
   label: "Static",
   value: "static"
 }, {
   label: "Dynamic",
   value: "dynamic"
-}], zI = An(({
+}], jI = An(({
   label: e = "Size",
   value: t,
   onChange: n,
@@ -24352,22 +24380,22 @@ const $I = ({
     children: [/* @__PURE__ */ l(Ee, {
       ref: o,
       label: e,
-      data: FI,
+      data: zI,
       value: t.type,
       onChange: i,
       sx: {
         flexGrow: 1
       }
-    }), /* @__PURE__ */ l(VI, {
+    }), /* @__PURE__ */ l(FI, {
       value: t,
       onChange: n
-    }), /* @__PURE__ */ l(LI, {
+    }), /* @__PURE__ */ l(VI, {
       value: t,
       onChange: n,
       data: r
     })]
   });
-}), jI = [{
+}), KI = [{
   label: "off",
   value: ""
 }, {
@@ -24410,7 +24438,7 @@ const $I = ({
   label: "insideBottomRight",
   value: "insideBottomRight"
 }];
-function KI({
+function HI({
   data: e,
   control: t,
   watch: n
@@ -24457,7 +24485,7 @@ function KI({
       control: t,
       render: ({
         field: r
-      }) => /* @__PURE__ */ l(zI, {
+      }) => /* @__PURE__ */ l(jI, {
         label: "Size",
         data: e,
         ...r
@@ -24490,14 +24518,14 @@ function KI({
           field: r
         }) => /* @__PURE__ */ l(Ee, {
           label: "Label Position",
-          data: jI,
+          data: KI,
           ...r
         })
       })
     })]
   });
 }
-function HI({
+function BI({
   control: e,
   watch: t
 }) {
@@ -24534,7 +24562,7 @@ function HI({
     })
   });
 }
-const BI = ({
+const GI = ({
   disabled: e,
   value: t,
   onChange: n
@@ -24562,7 +24590,7 @@ const BI = ({
       }
     }
   })]
-}), GI = ({
+}), WI = ({
   value: e,
   onChange: t,
   data: n
@@ -24617,7 +24645,7 @@ const BI = ({
           label: "Enabled",
           checked: a.enabled,
           onChange: (g) => c(g.currentTarget.checked)
-        }), /* @__PURE__ */ l(BI, {
+        }), /* @__PURE__ */ l(GI, {
           value: a.func_content,
           onChange: f,
           disabled: !a.enabled
@@ -24646,7 +24674,7 @@ const BI = ({
     })]
   });
 };
-function WI({
+function qI({
   data: e,
   control: t,
   watch: n
@@ -24720,7 +24748,7 @@ function WI({
         control: t,
         render: ({
           field: r
-        }) => /* @__PURE__ */ l(GI, {
+        }) => /* @__PURE__ */ l(WI, {
           data: e,
           ...r
         })
@@ -24728,7 +24756,7 @@ function WI({
     })]
   });
 }
-const qI = [{
+const UI = [{
   label: "left",
   value: "left"
 }, {
@@ -24737,14 +24765,14 @@ const qI = [{
 }, {
   label: "right",
   value: "right"
-}], UI = [{
+}], YI = [{
   label: "left",
   value: "left"
 }, {
   label: "right",
   value: "right"
 }];
-function YI({
+function XI({
   control: e,
   index: t,
   remove: n
@@ -24785,7 +24813,7 @@ function YI({
         }) => /* @__PURE__ */ l(Ee, {
           label: "Align",
           required: !0,
-          data: qI,
+          data: UI,
           sx: {
             flex: 1
           },
@@ -24808,7 +24836,7 @@ function YI({
         }) => /* @__PURE__ */ l(Ee, {
           label: "Position",
           required: !0,
-          data: UI,
+          data: YI,
           sx: {
             flex: 1
           },
@@ -24843,7 +24871,7 @@ function YI({
     })]
   });
 }
-function XI({
+function QI({
   control: e,
   watch: t
 }) {
@@ -24888,7 +24916,7 @@ function XI({
       })]
     }), a.map((c, u) => /* @__PURE__ */ l(N.Panel, {
       value: u.toString(),
-      children: /* @__PURE__ */ l(YI, {
+      children: /* @__PURE__ */ l(XI, {
         control: e,
         index: u,
         remove: o
@@ -24896,7 +24924,7 @@ function XI({
     }, u))]
   });
 }
-function QI(e) {
+function JI(e) {
   return e || {
     templates: {
       top: "",
@@ -24904,18 +24932,18 @@ function QI(e) {
     }
   };
 }
-function JI({
+function ZI({
   reference_lines: e = [],
   stats: t,
   ...n
 }) {
   return {
     reference_lines: e,
-    stats: QI(t),
+    stats: JI(t),
     ...n
   };
 }
-function ZI({
+function eA({
   context: e
 }) {
   const {
@@ -24923,7 +24951,7 @@ function ZI({
     set: n
   } = rt(e.instanceData, "config"), {
     variables: r
-  } = e, o = e.data, i = de(() => nn({}, t, zs), [t]), a = de(() => JI(i), [i]);
+  } = e, o = e.data, i = de(() => nn({}, t, zs), [t]), a = de(() => ZI(i), [i]);
   ke(() => {
     !Vt(i, a) && (console.log("config malformed, resetting to defaults", i, a), n(a));
   }, [i, a]);
@@ -24997,34 +25025,34 @@ function ZI({
           })]
         }), /* @__PURE__ */ l(N.Panel, {
           value: "X Axis",
-          children: /* @__PURE__ */ l(WI, {
+          children: /* @__PURE__ */ l(qI, {
             control: s,
             watch: u,
             data: o
           })
         }), /* @__PURE__ */ l(N.Panel, {
           value: "Y Axes",
-          children: /* @__PURE__ */ l(XI, {
+          children: /* @__PURE__ */ l(QI, {
             control: s,
             watch: u
           })
         }), /* @__PURE__ */ l(N.Panel, {
           value: "Scatter",
-          children: /* @__PURE__ */ l(KI, {
+          children: /* @__PURE__ */ l(HI, {
             control: s,
             watch: u,
             data: o
           })
         }), /* @__PURE__ */ l(N.Panel, {
           value: "Stats",
-          children: /* @__PURE__ */ l(HI, {
+          children: /* @__PURE__ */ l(BI, {
             control: s,
             watch: u,
             data: o
           })
         }), /* @__PURE__ */ l(N.Panel, {
           value: "Reference Lines",
-          children: /* @__PURE__ */ l(AI, {
+          children: /* @__PURE__ */ l($I, {
             variables: r,
             control: s,
             watch: u
@@ -25034,7 +25062,7 @@ function ZI({
     })
   });
 }
-class eA extends en {
+class tA extends en {
   constructor() {
     super(...arguments);
     he(this, "VERSION", 1);
@@ -25046,12 +25074,12 @@ class eA extends en {
     }));
   }
 }
-const tA = {
+const nA = {
   displayName: "Scatter Chart",
-  migrator: new eA(),
+  migrator: new tA(),
   name: "scatterChart",
-  viewRender: kI,
-  configRender: ZI,
+  viewRender: PI,
+  configRender: eA,
   createConfig: () => zs,
   triggers: [Qg]
 }, eh = [
@@ -25065,7 +25093,7 @@ const tA = {
   horizontal_align: "left",
   font_size: "14px",
   font_weight: "normal"
-}, nA = Q(({
+}, rA = Q(({
   context: e
 }) => {
   const t = lt(), {
@@ -25091,7 +25119,7 @@ const tA = {
     },
     children: c
   });
-}), rA = ({
+}), oA = ({
   value: e,
   onChange: t
 }) => /* @__PURE__ */ l(Ae, {
@@ -25112,7 +25140,7 @@ const tA = {
       }
     }
   })
-}), oA = An(({
+}), iA = An(({
   value: e,
   onChange: t
 }, n) => {
@@ -25145,7 +25173,7 @@ const tA = {
       closeOnClickOutside: !1,
       withCloseButton: !1,
       children: r && /* @__PURE__ */ m(W, {
-        children: [/* @__PURE__ */ l(rA, {
+        children: [/* @__PURE__ */ l(oA, {
           value: a,
           onChange: s
         }), /* @__PURE__ */ m(D, {
@@ -25172,7 +25200,7 @@ const tA = {
       })
     })]
   });
-}), iA = [{
+}), aA = [{
   label: "Left",
   value: "left"
 }, {
@@ -25182,7 +25210,7 @@ const tA = {
   label: "Right",
   value: "right"
 }];
-function aA({
+function lA({
   context: e
 }) {
   const {
@@ -25251,7 +25279,7 @@ function aA({
           control: i,
           render: ({
             field: p
-          }) => /* @__PURE__ */ l(oA, {
+          }) => /* @__PURE__ */ l(iA, {
             ...p
           })
         }), /* @__PURE__ */ l(qe, {
@@ -25267,7 +25295,7 @@ function aA({
             field: p
           }) => /* @__PURE__ */ l(Ee, {
             label: "Horizontal Alignment",
-            data: iA,
+            data: aA,
             ...p
           })
         }), /* @__PURE__ */ l(z, {
@@ -25307,7 +25335,7 @@ function aA({
     })
   });
 }
-class lA extends en {
+class sA extends en {
   constructor() {
     super(...arguments);
     he(this, "VERSION", 1);
@@ -25319,14 +25347,14 @@ class lA extends en {
     }));
   }
 }
-const sA = {
+const cA = {
   displayName: "Text",
-  migrator: new lA(),
+  migrator: new sA(),
   name: "text",
-  viewRender: nA,
-  configRender: aA,
+  viewRender: rA,
+  configRender: lA,
   createConfig: () => js
-}, cA = [{
+}, uA = [{
   value: "#25262B",
   name: "Dark"
 }, {
@@ -25373,12 +25401,12 @@ const sA = {
   value: e.value,
   type: "single",
   category: "basic"
-})), uA = [JR, ZR, nT, tT, eT, rT], th = () => ({
+})), dA = [JR, ZR, nT, tT, eT, rT], th = () => ({
   id: "dashboard",
   version: oT,
   manifest: {
-    viz: [yl, Tk, sA, Sk, Ik, UD, fT, pM, HD, $D, tA, ik, vk, gI, RM],
-    color: [...cA, ...uA]
+    viz: [yl, Mk, cA, wk, Ak, YD, fT, gM, BD, ND, nA, ak, mk, hI, TM],
+    color: [...uA, ...dA]
   }
 }), Oo = new aT(), Nt = {
   pluginManager: Vn("pluginManager"),
@@ -25408,7 +25436,7 @@ try {
   Oo.install(th());
 } catch {
 }
-function dA(e, t) {
+function fA(e, t) {
   const {
     value: n,
     set: r
@@ -25423,12 +25451,12 @@ function dA(e, t) {
     commit: a
   };
 }
-function fA(e) {
+function pA(e) {
   const {
     config: t,
     setConfig: n,
     commit: r
-  } = dA(e, {
+  } = fA(e, {
     urlTemplate: "",
     openInNewTab: !0
   });
@@ -25458,7 +25486,7 @@ function fA(e) {
     })]
   });
 }
-async function pA(e, t) {
+async function gA(e, t) {
   const {
     urlTemplate: n,
     openInNewTab: r
@@ -25471,7 +25499,7 @@ async function pA(e, t) {
     }
   }));
 }
-class gA extends en {
+class hA extends en {
   constructor() {
     super(...arguments);
     he(this, "VERSION", 1);
@@ -25480,12 +25508,12 @@ class gA extends en {
     this.version(1, (n) => n);
   }
 }
-const hA = {
+const vA = {
   displayName: "Open Link",
   id: "builtin:op:open-link",
-  configRender: fA,
-  run: pA,
-  migrator: new gA(),
+  configRender: pA,
+  run: gA,
+  migrator: new hA(),
   createDefaultConfig: () => ({
     version: 1,
     config: {
@@ -25494,7 +25522,7 @@ const hA = {
     }
   })
 };
-function vA(e) {
+function mA(e) {
   const {
     value: t,
     set: n
@@ -25503,24 +25531,24 @@ function vA(e) {
   });
   return [(t == null ? void 0 : t.template) || "", r];
 }
-function mA(e) {
-  const [t, n] = vA(e.operation);
+function yA(e) {
+  const [t, n] = mA(e.operation);
   return /* @__PURE__ */ l(ce, {
     defaultValue: t,
     onBlur: (r) => n(r.currentTarget.value),
     label: "console.log"
   });
 }
-async function yA(e, t) {
+async function bA(e, t) {
   const n = await t.operationData.getItem("config"), r = Ol(n.template || "");
   console.log("run with payload", e), console.log(r(e));
 }
-const bA = {
+const SA = {
   displayName: "console.log (debug)",
   id: "builtin:op:debug",
-  configRender: mA,
-  run: yA
-}, SA = Q((e) => {
+  configRender: yA,
+  run: bA
+}, wA = Q((e) => {
   const t = lt(), {
     value: n,
     set: r
@@ -25540,7 +25568,7 @@ const bA = {
     data: t.views.options
   });
 });
-async function wA(e, t) {
+async function CA(e, t) {
   const r = (await t.operationData.getItem("config")).viewID;
   window.dispatchEvent(new CustomEvent("open-view", {
     detail: {
@@ -25548,16 +25576,16 @@ async function wA(e, t) {
     }
   }));
 }
-const CA = {
+const xA = {
   displayName: "Open View",
   id: "builtin:op:open_view",
-  configRender: SA,
-  run: wA
-}, xA = {
+  configRender: wA,
+  run: CA
+}, _A = {
   dictionary: {}
-}, _A = Q((e) => {
+}, EA = Q((e) => {
   const t = lt(), {
-    value: n = xA,
+    value: n = _A,
     set: r
   } = rt(e.operation.operationData, "config"), {
     dictionary: o = {}
@@ -25614,7 +25642,7 @@ const CA = {
     })]
   });
 });
-async function EA(e, t) {
+async function OA(e, t) {
   const r = (await t.operationData.getItem("config")).dictionary;
   window.dispatchEvent(new CustomEvent("set-filter-values", {
     detail: {
@@ -25623,13 +25651,13 @@ async function EA(e, t) {
     }
   }));
 }
-const OA = {
+const RA = {
   displayName: "Set Filter Values",
   id: "builtin:op:set_filter_values",
-  configRender: _A,
-  run: EA
-}, ca = [bA, hA, CA, OA];
-class RA {
+  configRender: EA,
+  run: OA
+}, ca = [SA, vA, xA, RA];
+class TA {
   constructor(t, n = ca) {
     he(this, "attachments");
     this.operations = n;
@@ -25706,7 +25734,7 @@ class Hs {
     he(this, "operationManager");
     he(this, "triggerManager");
     he(this, "attachments");
-    this.operationManager = new RA(t, r), this.triggerManager = new pT(t, n);
+    this.operationManager = new TA(t, r), this.triggerManager = new pT(t, n);
     const o = async (i) => {
       const { id: a, triggerRef: s, operationRef: c } = await i.getItem(null);
       return {
@@ -25754,14 +25782,14 @@ class Hs {
     );
   }
 }
-function TA(e, t) {
+function MA(e, t) {
   const [n, r] = Qe([]);
   return Yo(async () => {
     const o = await e.getInteractionList();
     r(o);
   }, [t]), n;
 }
-const MA = Q(({
+const DA = Q(({
   item: e,
   manager: t,
   instance: n,
@@ -25795,13 +25823,13 @@ const MA = Q(({
     });
   }
   return null;
-}), DA = (e) => {
+}), kA = (e) => {
   const [t, n] = Qe(0), {
     interactionManager: r,
     instance: o,
     sampleData: i,
     variables: a
-  } = e, s = TA(r, t), c = async () => {
+  } = e, s = MA(r, t), c = async () => {
     const p = await r.triggerManager.createOrGetTrigger(gn(), r.triggerManager.getTriggerSchemaList()[0]), g = await r.operationManager.createOrGetOperation(gn(), r.operationManager.getOperationSchemaList()[0]);
     await r.addInteraction(p, g), n((h) => h + 1);
   };
@@ -25828,7 +25856,7 @@ const MA = Q(({
       title: "Unavailable",
       color: "gray",
       children: "This visualization does not have available interactions to choose from"
-    }), s.map((p) => /* @__PURE__ */ l(MA, {
+    }), s.map((p) => /* @__PURE__ */ l(DA, {
       onRemove: u,
       instance: o,
       sampleData: i,
@@ -25844,7 +25872,7 @@ const MA = Q(({
       children: "Add interaction"
     })]
   });
-}, kA = () => {
+}, PA = () => {
   const {
     panel: e,
     data: t
@@ -25866,12 +25894,12 @@ const MA = Q(({
     sampleData: t,
     variables: []
   };
-}, PA = () => {
-  const e = kA();
-  return /* @__PURE__ */ l(DA, {
+}, IA = () => {
+  const e = PA();
+  return /* @__PURE__ */ l(kA, {
     ...e
   });
-}, IA = Q(() => {
+}, AA = Q(() => {
   const {
     panel: e
   } = Gt(), [t, n] = j.useState(e.description), r = e.description !== t, o = j.useCallback(() => {
@@ -25908,7 +25936,7 @@ const MA = Q(({
       }
     })]
   });
-}), AA = Q(() => {
+}), $A = Q(() => {
   const {
     panel: e
   } = Gt(), {
@@ -25921,7 +25949,7 @@ const MA = Q(({
       onChange: (n) => t.border.setEnabled(n.currentTarget.checked)
     })
   });
-}), $A = Q(() => {
+}), NA = Q(() => {
   const {
     panel: {
       title: e,
@@ -25976,7 +26004,7 @@ const MA = Q(({
       })]
     })
   });
-}), NA = Q(() => {
+}), LA = Q(() => {
   const {
     panel: e
   } = Gt(), {
@@ -26013,7 +26041,7 @@ const MA = Q(({
     }
   });
 });
-function LA() {
+function VA() {
   return /* @__PURE__ */ m(D, {
     grow: !0,
     noWrap: !0,
@@ -26032,22 +26060,22 @@ function LA() {
         label: "Style",
         labelPosition: "center",
         variant: "dashed"
-      }), /* @__PURE__ */ l(AA, {}), /* @__PURE__ */ l(qe, {
+      }), /* @__PURE__ */ l($A, {}), /* @__PURE__ */ l(qe, {
         label: "Info",
         labelPosition: "center",
         variant: "dashed"
-      }), /* @__PURE__ */ l(NA, {}), /* @__PURE__ */ l(IA, {})]
+      }), /* @__PURE__ */ l(LA, {}), /* @__PURE__ */ l(AA, {})]
     }), /* @__PURE__ */ l(Ae, {
       sx: {
         height: "100%",
         flexGrow: 1,
         maxWidth: "60%"
       },
-      children: /* @__PURE__ */ l($A, {})
+      children: /* @__PURE__ */ l(NA, {})
     })]
   });
 }
-const VA = Q(function() {
+const FA = Q(function() {
   const t = lt(), {
     panel: {
       queryID: n,
@@ -26082,7 +26110,7 @@ const VA = Q(function() {
   });
 });
 var nh = /* @__PURE__ */ ((e) => (e.migrated = "migrated", e.nothingToMigrate = "nothingToMigrate", e.checkFailed = "checkFailed", e.migrationFailed = "migrationFailed", e))(nh || {}), xi = /* @__PURE__ */ ((e) => (e.notStarted = "notStarted", e.inProgress = "inProgress", e.done = "done", e))(xi || {});
-class FA {
+class zA {
   constructor(t) {
     he(this, "vizInstance");
     he(this, "operationManager");
@@ -26134,7 +26162,7 @@ function rh(e) {
       return n.createScoped().provideFactory(Nt.instanceScope.vizInstance, () => r.getOrCreateInstance(e)).provideFactory(Nt.instanceScope.interactionManager, (i) => {
         const a = i.getRequired(Nt.instanceScope.vizInstance);
         return new Hs(a, o, ca);
-      }).provideFactory(Nt.instanceScope.operationManager, (i) => i.getRequired(Nt.instanceScope.interactionManager).operationManager).provideFactory(Nt.instanceScope.triggerManager, (i) => i.getRequired(Nt.instanceScope.interactionManager).triggerManager).provideValue(Nt.instanceScope.panelModel, t).provideFactory(Nt.instanceScope.migrator, (i) => new FA(i));
+      }).provideFactory(Nt.instanceScope.operationManager, (i) => i.getRequired(Nt.instanceScope.interactionManager).operationManager).provideFactory(Nt.instanceScope.triggerManager, (i) => i.getRequired(Nt.instanceScope.interactionManager).triggerManager).provideValue(Nt.instanceScope.panelModel, t).provideFactory(Nt.instanceScope.migrator, (i) => new zA(i));
     },
     [e.viz.type, e.viz.conf]
   );
@@ -26156,7 +26184,7 @@ function ih(e, t) {
     e(r);
   }), [e, t.viz.type]), n;
 }
-function zA({
+function jA({
   setVizConf: e,
   ...t
 }) {
@@ -26176,7 +26204,7 @@ function zA({
     children: "Checking update..."
   });
 }
-function jA(e) {
+function KA(e) {
   const {
     panel: t,
     setVizConf: n
@@ -26192,7 +26220,7 @@ function jA(e) {
     children: "Checking update"
   });
 }
-function KA(e, t) {
+function HA(e, t) {
   const {
     vizManager: n
   } = Xn(Ln), {
@@ -26215,7 +26243,7 @@ function KA(e, t) {
   try {
     return n.resolveComponent(r.type), /* @__PURE__ */ l(Gi, {
       configure: d,
-      children: /* @__PURE__ */ l(jA, {
+      children: /* @__PURE__ */ l(KA, {
         setVizConf: r.setConf,
         panel: u,
         data: e,
@@ -26227,7 +26255,7 @@ function KA(e, t) {
     return console.info(dt(f, "message")), null;
   }
 }
-const HA = ["richText", "button"], ah = Q(function({
+const BA = ["richText", "button"], ah = Q(function({
   height: t,
   viz: n,
   data: r,
@@ -26238,11 +26266,11 @@ const HA = ["richText", "button"], ah = Q(function({
     ref: a,
     width: s,
     height: c
-  } = $o(), u = j.useMemo(() => !Array.isArray(r) || r.length === 0, [r]), d = KA(r, {
+  } = $o(), u = j.useMemo(() => !Array.isArray(r) || r.length === 0, [r]), d = HA(r, {
     w: s,
     h: c
   });
-  return HA.includes(n.type) ? /* @__PURE__ */ l("div", {
+  return BA.includes(n.type) ? /* @__PURE__ */ l("div", {
     className: "viz-root",
     style: {
       height: t
@@ -26283,7 +26311,7 @@ const HA = ["richText", "button"], ah = Q(function({
       children: d
     })]
   });
-}), BA = Q(() => {
+}), GA = Q(() => {
   const {
     data: e,
     loading: t,
@@ -26298,7 +26326,7 @@ const HA = ["richText", "button"], ah = Q(function({
     height: "100%"
   });
 }), bl = [];
-function GA() {
+function WA() {
   const {
     vizManager: e
   } = Xn(Ln);
@@ -26307,14 +26335,14 @@ function GA() {
     label: t.displayName
   })).concat(bl), [e]);
 }
-function WA(e, t) {
+function qA(e, t) {
   try {
     return e.resolveComponent(t).createConfig();
   } catch {
     return null;
   }
 }
-function qA() {
+function UA() {
   const {
     data: e,
     panel: {
@@ -26344,7 +26372,7 @@ function qA() {
   try {
     return d.resolveComponent(f.viz.type), /* @__PURE__ */ l(Gi, {
       configure: g,
-      children: /* @__PURE__ */ l(zA, {
+      children: /* @__PURE__ */ l(jA, {
         variables: t,
         setVizConf: n.setConf,
         panel: f,
@@ -26357,7 +26385,7 @@ function qA() {
     return console.info(dt(h, "message")), null;
   }
 }
-const UA = Q(() => {
+const YA = Q(() => {
   const {
     data: e,
     panel: {
@@ -26368,7 +26396,7 @@ const UA = Q(() => {
   } = Xn(Ln), a = j.useCallback(() => {
     if (!o)
       return;
-    const g = WA(i, n);
+    const g = qA(i, n);
     t.setType(n), t.setConf(g || {});
   }, [t, o, n]), s = (g) => {
     try {
@@ -26379,11 +26407,11 @@ const UA = Q(() => {
   }, c = j.useMemo(() => {
     var g;
     return (g = bl.find((h) => h.value === n)) == null ? void 0 : g.Panel;
-  }, [n, bl]), u = qA(), d = c ? Sr(c, {
+  }, [n, bl]), u = UA(), d = c ? Sr(c, {
     data: e,
     conf: t.conf,
     setConf: t.setConf
-  }) : null, f = u || d, p = GA();
+  }) : null, f = u || d, p = WA();
   return /* @__PURE__ */ m($e, {
     children: [/* @__PURE__ */ l(Ee, {
       label: "Visualization",
@@ -26405,7 +26433,7 @@ const UA = Q(() => {
     })]
   });
 });
-function YA() {
+function XA() {
   return /* @__PURE__ */ m(D, {
     grow: !0,
     noWrap: !0,
@@ -26422,18 +26450,18 @@ function YA() {
         overflow: "scroll",
         height: "100%"
       },
-      children: /* @__PURE__ */ l(UA, {})
+      children: /* @__PURE__ */ l(YA, {})
     }), /* @__PURE__ */ l(Ae, {
       sx: {
         height: "100%",
         flexGrow: 1,
         maxWidth: "60%"
       },
-      children: /* @__PURE__ */ l(BA, {})
+      children: /* @__PURE__ */ l(GA, {})
     })]
   });
 }
-const XA = T.model("VariableModel", {
+const QA = T.model("VariableModel", {
   name: T.string,
   size: T.string,
   weight: T.string,
@@ -26468,7 +26496,7 @@ const XA = T.model("VariableModel", {
     return Pn(e);
   }
 }));
-class QA {
+class JA {
   constructor(t) {
     he(this, "origin");
     he(this, "copy");
@@ -26484,7 +26512,7 @@ class QA {
     Rr(this.copy, t);
   }
 }
-const JA = (e) => new QA(e), Aa = {
+const ZA = (e) => new JA(e), Aa = {
   name: "new_var",
   size: "1rem",
   weight: "initial",
@@ -26504,7 +26532,7 @@ const JA = (e) => new QA(e), Aa = {
     average: !1
   }
 };
-class ZA {
+class e$ {
   constructor(t) {
     he(this, "panel");
     he(this, "selected");
@@ -26529,11 +26557,11 @@ class ZA {
     }
   }
 }
-function e$() {
+function t$() {
   const { panel: e } = Gt();
-  return On(() => new ZA(e), [e]);
+  return On(() => new e$(e), [e]);
 }
-const t$ = j.forwardRef(function({
+const n$ = j.forwardRef(function({
   value: t,
   onChange: n,
   data: r,
@@ -26608,7 +26636,7 @@ const t$ = j.forwardRef(function({
     overflow: "auto",
     paddingRight: 10
   }
-})), n$ = (e) => {
+})), r$ = (e) => {
   const {
     uiModel: t
   } = e;
@@ -26621,7 +26649,7 @@ const t$ = j.forwardRef(function({
       children: n.name
     }, n.name))
   });
-}, r$ = Q(n$), o$ = ({
+}, o$ = Q(r$), i$ = ({
   variable: e,
   data: t
 }) => /* @__PURE__ */ l(D, {
@@ -26634,8 +26662,8 @@ const t$ = j.forwardRef(function({
     p: "md",
     children: Tg(e, t)
   })
-}), i$ = Q(o$), a$ = (e) => {
-  const t = On(() => JA(e.variable), [e.variable]), {
+}), a$ = Q(i$), l$ = (e) => {
+  const t = On(() => ZA(e.variable), [e.variable]), {
     classes: n
   } = lh(), {
     data: r
@@ -26662,18 +26690,18 @@ const t$ = j.forwardRef(function({
           onClick: () => e.uiModel.remove(e.variable),
           children: /* @__PURE__ */ l(Bp, {})
         })]
-      }), /* @__PURE__ */ l(t$, {
+      }), /* @__PURE__ */ l(n$, {
         value: Pn(t.copy),
         onChange: t.update,
         data: r
       })]
-    }), /* @__PURE__ */ l(i$, {
+    }), /* @__PURE__ */ l(a$, {
       variable: Pn(t.copy),
       data: r
     })]
   });
-}, l$ = Q(a$), s$ = () => {
-  const e = e$(), {
+}, s$ = Q(l$), c$ = () => {
+  const e = t$(), {
     classes: t
   } = lh();
   return /* @__PURE__ */ m(D, {
@@ -26695,12 +26723,12 @@ const t$ = j.forwardRef(function({
             fullWidth: !0,
             children: "Add Variable"
           })
-        }), /* @__PURE__ */ l(r$, {
+        }), /* @__PURE__ */ l(o$, {
           uiModel: e
         })]
       })
     }), e.selected ? /* @__PURE__ */ l($e, {
-      children: /* @__PURE__ */ l(l$, {
+      children: /* @__PURE__ */ l(s$, {
         uiModel: e,
         variable: e.selected
       })
@@ -26708,7 +26736,7 @@ const t$ = j.forwardRef(function({
       children: "Select or create a new variable on right side"
     })]
   });
-}, c$ = Q(s$), u$ = Q(function({
+}, u$ = Q(c$), d$ = Q(function({
   opened: t,
   close: n
 }) {
@@ -26776,30 +26804,30 @@ const t$ = j.forwardRef(function({
           children: [/* @__PURE__ */ l(Uo, {
             visible: s,
             exitTransitionDuration: 0
-          }), /* @__PURE__ */ l(VA, {})]
+          }), /* @__PURE__ */ l(FA, {})]
         }), /* @__PURE__ */ l(N.Panel, {
           value: "Panel",
           pt: "sm",
-          children: o === "Panel" && /* @__PURE__ */ l(LA, {})
+          children: o === "Panel" && /* @__PURE__ */ l(VA, {})
         }), /* @__PURE__ */ l(N.Panel, {
           value: "Variables",
           pt: "sm",
-          children: o === "Variables" && /* @__PURE__ */ l(c$, {})
+          children: o === "Variables" && /* @__PURE__ */ l(u$, {})
         }), /* @__PURE__ */ l(N.Panel, {
           value: "Visualization",
           pt: "sm",
-          children: o === "Visualization" && /* @__PURE__ */ l(YA, {})
+          children: o === "Visualization" && /* @__PURE__ */ l(XA, {})
         }), /* @__PURE__ */ l(N.Panel, {
           value: "Interactions",
           pt: "sm",
           children: /* @__PURE__ */ l(Zr, {
-            children: /* @__PURE__ */ l(PA, {})
+            children: /* @__PURE__ */ l(IA, {})
           })
         })]
       })
     })
   });
-}), d$ = Q(({
+}), f$ = Q(({
   view: e
 }) => {
   const t = lt(), n = $h(), [r, o] = j.useState(!1), i = () => o(!0), a = () => o(!1), {
@@ -26890,13 +26918,13 @@ const t$ = j.forwardRef(function({
           })]
         })]
       })
-    }), d && /* @__PURE__ */ l(u$, {
+    }), d && /* @__PURE__ */ l(d$, {
       opened: r,
       close: a
     })]
   });
 });
-const f$ = Q(function() {
+const p$ = Q(function() {
   const {
     panel: t
   } = Gt(), {
@@ -26918,10 +26946,10 @@ const f$ = Q(function() {
     })
   }) : null;
 });
-function p$(e) {
+function g$(e) {
   return !["richText", "button"].includes(e);
 }
-const g$ = {
+const h$ = {
   border: "1px solid #e9ecef"
 }, ad = {
   border: "1px dashed transparent",
@@ -26930,8 +26958,8 @@ const g$ = {
     borderColor: "#e9ecef"
   }
 };
-function h$(e, t, n) {
-  return e.style.border.enabled ? g$ : n || t ? ad : {
+function v$(e, t, n) {
+  return e.style.border.enabled ? h$ : n || t ? ad : {
     border: "1px dashed transparent"
   };
 }
@@ -26945,7 +26973,7 @@ const Bs = Q(function({
     data: i,
     state: a,
     error: s
-  } = r.getDataStuffByID(t.queryID), c = p$(t.viz.type), u = c && a === "loading", d = t.title ? "calc(100% - 25px - 5px)" : "100%", f = h$(t, c, o), p = c || o;
+  } = r.getDataStuffByID(t.queryID), c = g$(t.viz.type), u = c && a === "loading", d = t.title ? "calc(100% - 25px - 5px)" : "100%", f = v$(t, c, o), p = c || o;
   return /* @__PURE__ */ l(Vv, {
     value: {
       panel: t,
@@ -26968,9 +26996,9 @@ const Bs = Q(function({
           zIndex: 310
         },
         children: /* @__PURE__ */ l(og, {})
-      }), p && /* @__PURE__ */ l(d$, {
+      }), p && /* @__PURE__ */ l(f$, {
         view: n
-      }), /* @__PURE__ */ l(f$, {}), /* @__PURE__ */ l(ah, {
+      }), /* @__PURE__ */ l(p$, {}), /* @__PURE__ */ l(ah, {
         viz: t.viz,
         data: i,
         loading: u,
@@ -27044,7 +27072,7 @@ function uh() {
     };
   }, []);
 }
-const v$ = j.forwardRef(({
+const m$ = j.forwardRef(({
   handleAxis: e
 }, t) => /* @__PURE__ */ l(Te, {
   ref: t,
@@ -27064,7 +27092,7 @@ const v$ = j.forwardRef(({
   children: /* @__PURE__ */ l(av, {
     size: 16
   })
-})), m$ = j.forwardRef(({
+})), y$ = j.forwardRef(({
   handleAxis: e,
   ...t
 }, n) => /* @__PURE__ */ l(Te, {
@@ -27086,7 +27114,7 @@ const v$ = j.forwardRef(({
   children: /* @__PURE__ */ l(lv, {
     size: 16
   })
-})), y$ = Nd($d), b$ = Q(function({
+})), b$ = Nd($d), S$ = Q(function({
   view: t,
   className: n = "layout",
   rowHeight: r = 10,
@@ -27102,7 +27130,7 @@ const v$ = j.forwardRef(({
       !d || d.layout.set(u);
     });
   }, [t]);
-  return /* @__PURE__ */ l(y$, {
+  return /* @__PURE__ */ l(b$, {
     onLayoutChange: a,
     className: `dashboard-layout ${n}`,
     rowHeight: r,
@@ -27110,7 +27138,7 @@ const v$ = j.forwardRef(({
     isDraggable: o,
     isResizable: i,
     draggableHandle: ".react-grid-customDragHandle",
-    resizeHandle: /* @__PURE__ */ l(m$, {}),
+    resizeHandle: /* @__PURE__ */ l(y$, {}),
     children: t.panels.list.map((s, c) => /* @__PURE__ */ m("div", {
       "data-grid": {
         ...s.layout
@@ -27118,18 +27146,18 @@ const v$ = j.forwardRef(({
       style: {
         position: "relative"
       },
-      children: [o && /* @__PURE__ */ l(v$, {}), /* @__PURE__ */ l(Bs, {
+      children: [o && /* @__PURE__ */ l(m$, {}), /* @__PURE__ */ l(Bs, {
         view: t,
         panel: s
       })]
     }, s.id))
   });
-}), S$ = Nd($d), w$ = Q(function({
+}), w$ = Nd($d), C$ = Q(function({
   view: t,
   className: n = "layout",
   rowHeight: r = 10
 }) {
-  return /* @__PURE__ */ l(S$, {
+  return /* @__PURE__ */ l(w$, {
     className: `dashboard-layout ${n}`,
     rowHeight: r,
     isDraggable: !1,
@@ -27143,11 +27171,11 @@ const v$ = j.forwardRef(({
       })
     }, o.id))
   });
-}), C$ = Q(({
+}), x$ = Q(({
   children: e
 }) => /* @__PURE__ */ l(Ae, {
   children: e
-})), x$ = Q(({
+})), _$ = Q(({
   children: e,
   view: t
 }) => /* @__PURE__ */ l(Zt, {
@@ -27182,23 +27210,23 @@ const v$ = j.forwardRef(({
   withinPortal: !1,
   transitionDuration: 0,
   children: e
-})), _$ = Q(({
+})), E$ = Q(({
   view: e,
   children: t
 }) => {
   switch (e.type) {
     case Rn.Modal:
-      return /* @__PURE__ */ l(x$, {
+      return /* @__PURE__ */ l(_$, {
         view: e,
         children: t
       });
     case Rn.Division:
     default:
-      return /* @__PURE__ */ l(C$, {
+      return /* @__PURE__ */ l(x$, {
         children: t
       });
   }
-}), E$ = Q(function({
+}), O$ = Q(function({
   view: t,
   saveDashboardChanges: n,
   fullScreenPanelID: r,
@@ -27228,7 +27256,7 @@ const v$ = j.forwardRef(({
         exitFullScreen: a
       }), !s && /* @__PURE__ */ l(Up, {
         saveChanges: n
-      }), /* @__PURE__ */ l(_$, {
+      }), /* @__PURE__ */ l(E$, {
         view: t,
         children: /* @__PURE__ */ m(Ae, {
           className: "dashboard-sticky-parent",
@@ -27237,7 +27265,7 @@ const v$ = j.forwardRef(({
             children: /* @__PURE__ */ l(Fp, {
               view: t
             })
-          }), !s && /* @__PURE__ */ l(b$, {
+          }), !s && /* @__PURE__ */ l(S$, {
             view: t,
             isDraggable: !0,
             isResizable: !0
@@ -27246,11 +27274,11 @@ const v$ = j.forwardRef(({
       })]
     })
   });
-}), O$ = Q(({
+}), R$ = Q(({
   children: e
 }) => /* @__PURE__ */ l(Ae, {
   children: e
-})), R$ = Q(({
+})), T$ = Q(({
   children: e,
   view: t
 }) => {
@@ -27279,23 +27307,23 @@ const v$ = j.forwardRef(({
     transitionDuration: 0,
     children: e
   });
-}), T$ = Q(({
+}), M$ = Q(({
   view: e,
   children: t
 }) => {
   switch (e.type) {
     case Rn.Modal:
-      return /* @__PURE__ */ l(R$, {
+      return /* @__PURE__ */ l(T$, {
         view: e,
         children: t
       });
     case Rn.Division:
     default:
-      return /* @__PURE__ */ l(O$, {
+      return /* @__PURE__ */ l(R$, {
         children: t
       });
   }
-}), M$ = Q(function({
+}), D$ = Q(function({
   view: t,
   fullScreenPanelID: n,
   setFullScreenPanelID: r
@@ -27324,7 +27352,7 @@ const v$ = j.forwardRef(({
         exitFullScreen: i
       }), !a && /* @__PURE__ */ l(Up, {
         saveChanges: Be.noop
-      }), /* @__PURE__ */ l(T$, {
+      }), /* @__PURE__ */ l(M$, {
         view: t,
         children: /* @__PURE__ */ m(Ae, {
           className: "dashboard-sticky-parent",
@@ -27333,7 +27361,7 @@ const v$ = j.forwardRef(({
             children: /* @__PURE__ */ l(Fp, {
               view: t
             })
-          }), !a && /* @__PURE__ */ l(w$, {
+          }), !a && /* @__PURE__ */ l(C$, {
             view: t
           })]
         })
@@ -27347,10 +27375,10 @@ const v$ = j.forwardRef(({
   setDefaultValue(t) {
     e.default_value = t;
   }
-})), D$ = () => dh.create({
+})), k$ = () => dh.create({
   _name: "checkbox",
   default_value: !1
-}), k$ = T.model("FilterConfigModel_DateRange", {
+}), P$ = T.model("FilterConfigModel_DateRange", {
   _name: T.literal("date-range"),
   required: T.boolean,
   inputFormat: T.enumeration("DateRangeInputFormat", ["YYYY", "YYYYMM", "YYYYMMDD", "YYYY-MM", "YYYY-MM-DD"]),
@@ -27369,7 +27397,7 @@ const v$ = j.forwardRef(({
   setDefaultValue(t) {
     e.default_value.length = 0, e.default_value.push(...t);
   }
-})), fh = T.snapshotProcessor(k$, {
+})), fh = T.snapshotProcessor(P$, {
   preProcessor({ default_value: e, ...t }) {
     return {
       ...t,
@@ -27388,13 +27416,13 @@ const v$ = j.forwardRef(({
       })
     };
   }
-}), P$ = () => fh.create({
+}), I$ = () => fh.create({
   _name: "date-range",
   required: !1,
   inputFormat: "YYYY-MM-DD",
   clearable: !1,
   default_value: [null, null]
-}), I$ = T.model({
+}), A$ = T.model({
   label: T.string,
   value: T.string
 }).actions((e) => ({
@@ -27405,7 +27433,7 @@ const v$ = j.forwardRef(({
     e.value = t;
   }
 })), Gs = T.model("FilterConfigModel_BaseSelect", {
-  static_options: T.optional(T.array(I$), []),
+  static_options: T.optional(T.array(A$), []),
   options_query_id: T.optional(T.string, ""),
   select_first_by_default: T.optional(T.boolean, !1)
 }).views((e) => ({
@@ -27444,7 +27472,7 @@ const v$ = j.forwardRef(({
   setMinWidth(t) {
     e.min_width = t;
   }
-})), A$ = () => ph.create({
+})), $$ = () => ph.create({
   _name: "multi-select",
   default_value: [],
   static_options: [],
@@ -27465,7 +27493,7 @@ const v$ = j.forwardRef(({
   setMinWidth(t) {
     e.min_width = t;
   }
-})), $$ = () => gh.create({
+})), N$ = () => gh.create({
   _name: "tree-select",
   default_value: [],
   static_options: [],
@@ -27490,7 +27518,7 @@ const v$ = j.forwardRef(({
   setWidth(t) {
     e.width = t;
   }
-})), N$ = () => hh.create({
+})), L$ = () => hh.create({
   _name: "select",
   required: !1,
   default_value: "",
@@ -27538,22 +27566,22 @@ const v$ = j.forwardRef(({
   setType(t) {
     switch (t) {
       case ln.Select:
-        e.config = N$();
+        e.config = L$();
         break;
       case ln.MultiSelect:
-        e.config = A$();
+        e.config = $$();
         break;
       case ln.TreeSelect:
-        e.config = $$();
+        e.config = N$();
         break;
       case ln.TextInput:
         e.config = Wp();
         break;
       case ln.Checkbox:
-        e.config = D$();
+        e.config = k$();
         break;
       case ln.DateRange:
-        e.config = P$();
+        e.config = I$();
         break;
     }
     e.type = t;
@@ -27582,7 +27610,7 @@ function vh(e, t) {
 function mh(e) {
   return e.reduce((t, n) => (t[n.key] = vh(n.config.default_value, n.config), t), {});
 }
-function L$(e, t, n) {
+function V$(e, t, n) {
   Od(
     e,
     dv(e, (r, o) => {
@@ -27592,7 +27620,7 @@ function L$(e, t, n) {
     })
   );
 }
-const V$ = T.model("FiltersModel", {
+const F$ = T.model("FiltersModel", {
   current: T.optional(T.array(ld), []),
   values: T.optional(T.frozen(), {}),
   previewValues: T.optional(T.frozen(), {})
@@ -27647,7 +27675,7 @@ const V$ = T.model("FiltersModel", {
   }
 })).actions((e) => {
   function t() {
-    L$(e.current, ld, (n, r) => {
+    V$(e.current, ld, (n, r) => {
       if (n === "setType") {
         const o = vh(r.config.default_value, r.config);
         e.setValueByKey(r.key, o), e.updatePreviewValues({
@@ -27663,13 +27691,13 @@ const V$ = T.model("FiltersModel", {
     }
   };
 });
-function F$(e) {
+function z$(e) {
   return {
     current: e,
     values: mh(e)
   };
 }
-const z$ = T.model("QueryModel", {
+const j$ = T.model("QueryModel", {
   id: T.string,
   name: T.string,
   type: T.enumeration("DataSourceType", [pr.Postgresql, pr.MySQL, pr.HTTP]),
@@ -27683,9 +27711,9 @@ const z$ = T.model("QueryModel", {
     const { id: t, name: n, type: r, key: o, sql: i } = e;
     return { id: t, name: n, type: r, key: o, sql: i };
   }
-})), j$ = T.compose(
+})), K$ = T.compose(
   "QueryModel",
-  z$,
+  j$,
   T.model({
     state: T.optional(T.enumeration(["idle", "loading", "error"]), "idle"),
     data: T.optional(T.array(T.frozen()), []),
@@ -27749,8 +27777,8 @@ const z$ = T.model("QueryModel", {
       })
     );
   }
-})), K$ = T.model("QueriesModel", {
-  current: T.optional(T.array(j$), [])
+})), H$ = T.model("QueriesModel", {
+  current: T.optional(T.array(K$), [])
 }).views((e) => ({
   get firstID() {
     if (e.current.length !== 0)
@@ -27809,7 +27837,7 @@ const z$ = T.model("QueryModel", {
     const n = e.current.find((r) => r.id === t);
     n && (hv(n), e.current.remove(n));
   }
-})), H$ = T.model("SQLSnippetModel", {
+})), B$ = T.model("SQLSnippetModel", {
   key: T.string,
   value: T.string
 }).views((e) => ({
@@ -27830,8 +27858,8 @@ const z$ = T.model("QueryModel", {
   setValue(t) {
     e.value = t;
   }
-})), B$ = T.model("SQLSnippetsModel", {
-  current: T.optional(T.array(H$), [])
+})), G$ = T.model("SQLSnippetsModel", {
+  current: T.optional(T.array(B$), [])
 }).views((e) => ({
   get json() {
     return e.current.map((t) => t.json);
@@ -27859,7 +27887,7 @@ const z$ = T.model("QueryModel", {
   replaceByIndex(t, n) {
     e.current.splice(t, 1, n);
   }
-})), G$ = T.model("ContextModel", {
+})), W$ = T.model("ContextModel", {
   current: T.optional(T.frozen(), {})
 }).views((e) => ({
   get keys() {
@@ -27878,7 +27906,7 @@ const z$ = T.model("QueryModel", {
   set(t, n) {
     e.current[t] = n;
   }
-})), W$ = T.model("MockContextModel", {
+})), q$ = T.model("MockContextModel", {
   current: T.optional(T.frozen(), {})
 }).views((e) => ({
   get keys() {
@@ -27897,7 +27925,7 @@ const z$ = T.model("QueryModel", {
   set(t, n) {
     e.current[t] = n;
   }
-})), q$ = T.model("PanelLayoutModel", {
+})), U$ = T.model("PanelLayoutModel", {
   x: T.number,
   y: T.number,
   w: T.number,
@@ -27921,7 +27949,7 @@ const z$ = T.model("QueryModel", {
     const { x: n, y: r, w: o, h: i, moved: a } = t;
     e.x = n, e.y = r, e.w = o, e.h = i, e.moved = !!a, e.static = !!t.static;
   }
-})), U$ = T.model("PanelStyleBorderModel", {
+})), Y$ = T.model("PanelStyleBorderModel", {
   enabled: T.boolean
 }).views((e) => ({
   get json() {
@@ -27934,8 +27962,8 @@ const z$ = T.model("QueryModel", {
   setEnabled(t) {
     e.enabled = t;
   }
-})), Y$ = T.model("PanelStyleModel", {
-  border: U$
+})), X$ = T.model("PanelStyleModel", {
+  border: Y$
 }).views((e) => ({
   get json() {
     const { border: t } = e;
@@ -27943,7 +27971,7 @@ const z$ = T.model("QueryModel", {
       border: t.json
     };
   }
-})).actions((e) => ({})), X$ = T.model("PanelVizModel", {
+})).actions((e) => ({})), Q$ = T.model("PanelVizModel", {
   type: T.string,
   conf: T.frozen()
 }).views((e) => ({
@@ -27960,15 +27988,15 @@ const z$ = T.model("QueryModel", {
   setConf(t) {
     e.conf = t;
   }
-})), Q$ = T.model({
+})), J$ = T.model({
   id: T.string,
   title: T.string,
   description: T.string,
-  layout: q$,
+  layout: U$,
   queryID: T.string,
-  viz: X$,
-  style: Y$,
-  variables: T.optional(T.array(XA), [])
+  viz: Q$,
+  style: X$,
+  variables: T.optional(T.array(QA), [])
 }).views((e) => ({
   get query() {
     return Xs(e, Sl).queries.findByID(e.queryID);
@@ -28008,8 +28036,8 @@ const z$ = T.model("QueryModel", {
   removeVariable(t) {
     e.variables.remove(t);
   }
-})), J$ = T.model("PanelsModel", {
-  list: T.optional(T.array(Q$), [])
+})), Z$ = T.model("PanelsModel", {
+  list: T.optional(T.array(J$), [])
 }).views((e) => ({
   get json() {
     return e.list.map((t) => t.json);
@@ -28081,12 +28109,12 @@ const z$ = T.model("QueryModel", {
   replaceByIndex(t, n) {
     e.list.splice(t, 1, n);
   }
-})), Z$ = T.model({
+})), eN = T.model({
   id: T.identifier,
   name: T.string,
   type: T.string,
   config: T.frozen(),
-  panels: J$
+  panels: Z$
 }).views((e) => ({
   get json() {
     const { id: t, name: n, type: r, config: o } = e;
@@ -28117,8 +28145,8 @@ const z$ = T.model("QueryModel", {
       [t]: n
     };
   }
-})).actions((e) => ({})), eN = T.model("ViewsModel", {
-  current: T.optional(T.array(Z$), []),
+})).actions((e) => ({})), tN = T.model("ViewsModel", {
+  current: T.optional(T.array(eN), []),
   visibleViewIDs: T.array(T.string),
   idOfVIE: T.string
 }).views((e) => ({
@@ -28200,7 +28228,7 @@ const z$ = T.model("QueryModel", {
     n !== -1 && e.visibleViewIDs.splice(n, 1);
   }
 }));
-function tN(e) {
+function nN(e) {
   const t = e.length > 0 ? [e[0].id] : [], n = e.length > 0 ? e[0].id : "";
   return {
     current: e.map((o) => ({
@@ -28213,16 +28241,16 @@ function tN(e) {
     idOfVIE: n
   };
 }
-const nN = T.model({
+const rN = T.model({
   id: T.identifier,
   name: T.string,
   version: T.string,
-  filters: V$,
-  queries: K$,
-  sqlSnippets: B$,
-  views: eN,
-  context: G$,
-  mock_context: W$,
+  filters: F$,
+  queries: H$,
+  sqlSnippets: G$,
+  views: tN,
+  context: W$,
+  mock_context: q$,
   origin: T.maybe(T.frozen())
 }).views((e) => ({
   get filtersChanged() {
@@ -28293,7 +28321,7 @@ const nN = T.model({
   resetFilters() {
     Rr(e.filters.current, e.origin.filters.current);
   }
-})), Sl = T.snapshotProcessor(nN, {
+})), Sl = T.snapshotProcessor(rN, {
   preProcessor(e) {
     return {
       ...e,
@@ -28311,7 +28339,7 @@ function yh({ id: e, name: t, version: n, filters: r, views: o, definition: { qu
     id: e,
     name: t,
     version: n,
-    filters: F$(r),
+    filters: z$(r),
     queries: {
       current: i
     },
@@ -28324,13 +28352,13 @@ function yh({ id: e, name: t, version: n, filters: r, views: o, definition: { qu
     mock_context: {
       current: s
     },
-    views: tN(o)
+    views: nN(o)
   });
 }
 function bh(e) {
   return j.useCallback((t) => t.provideValue(Nt.pluginManager, e.pluginManager).provideValue(Nt.vizManager, e.vizManager).provideValue(Nt.colorManager, e.colorManager), []);
 }
-const WN = Q(function({
+const qN = Q(function({
   context: t,
   dashboard: n,
   update: r,
@@ -28378,7 +28406,7 @@ const WN = Q(function({
             value: p,
             children: /* @__PURE__ */ l(Gi, {
               configure: g,
-              children: d.views.visibleViews.map((h) => /* @__PURE__ */ l(E$, {
+              children: d.views.visibleViews.map((h) => /* @__PURE__ */ l(O$, {
                 view: h,
                 saveDashboardChanges: f,
                 fullScreenPanelID: a,
@@ -28390,7 +28418,7 @@ const WN = Q(function({
       })
     })
   });
-}), qN = Q(({
+}), UN = Q(({
   context: e,
   dashboard: t,
   className: n = "dashboard",
@@ -28420,7 +28448,7 @@ const WN = Q(function({
             value: s,
             children: /* @__PURE__ */ l(Gi, {
               configure: c,
-              children: a.views.visibleViews.map((u) => /* @__PURE__ */ l(M$, {
+              children: a.views.visibleViews.map((u) => /* @__PURE__ */ l(D$, {
                 view: u,
                 fullScreenPanelID: o,
                 setFullScreenPanelID: i
@@ -28495,7 +28523,7 @@ var Sh = { exports: {} };
     };
   });
 })(Sh);
-const rN = Sh.exports;
+const oN = Sh.exports;
 var wh = { exports: {} };
 (function(e, t) {
   (function(n, r) {
@@ -28577,35 +28605,35 @@ var wh = { exports: {} };
     };
   });
 })(wh);
-const oN = wh.exports;
+const iN = wh.exports;
+hr.extend(iN);
 hr.extend(oN);
-hr.extend(rN);
 hr.tz.setDefault("UTC");
 export {
-  G$ as ContextModel,
-  WN as Dashboard,
+  W$ as ContextModel,
+  qN as Dashboard,
   xR as DashboardFilterType,
   CR as DashboardMode,
   Sl as DashboardModel,
   Rn as EViewComponentType,
   ld as FilterModel,
-  V$ as FiltersModel,
+  F$ as FiltersModel,
   Nn as LayoutStateContext,
-  E$ as MainDashboardView,
+  O$ as MainDashboardView,
   zd as ModelContextProvider,
   Bs as Panel,
   Vv as PanelContextProvider,
-  K$ as QueriesModel,
-  j$ as QueryModel,
-  qN as ReadOnlyDashboard,
-  M$ as ReadOnlyDashboardView,
-  H$ as SQLSnippetModel,
-  B$ as SQLSnippetsModel,
-  Z$ as ViewModel,
-  eN as ViewsModel,
+  H$ as QueriesModel,
+  K$ as QueryModel,
+  UN as ReadOnlyDashboard,
+  D$ as ReadOnlyDashboardView,
+  B$ as SQLSnippetModel,
+  G$ as SQLSnippetsModel,
+  eN as ViewModel,
+  tN as ViewsModel,
   yh as createDashboardModel,
-  tN as createDashboardViewsModel,
-  F$ as getInitialFiltersPayload,
+  nN as createDashboardViewsModel,
+  z$ as getInitialFiltersPayload,
   lt as useModelContext,
   Gt as usePanelContext,
   bh as useTopLevelServices