@databrainhq/plugin 0.6.1 → 0.6.4

package/dist/index.es.js

@@ -1,6 +1,7 @@
 import * as React$6 from "react";
 import React__default, { PureComponent, forwardRef, useRef, useEffect, useState, useLayoutEffect, Fragment as Fragment$1, isValidElement, cloneElement as cloneElement$1, createElement as createElement$1, createContext as createContext$1, useContext, useMemo, useReducer, createRef, useCallback, memo } from "react";
 import require$$2$1 from "react-dom";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 function _setPrototypeOf$7(o2, p2) {
   _setPrototypeOf$7 = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf2(o3, p3) {
     o3.__proto__ = p3;
@@ -2512,70 +2513,70 @@ function useQuery(arg1, arg2, arg3) {
   var parsedOptions = parseQueryArgs(arg1, arg2, arg3);
   return useBaseQuery(parsedOptions, QueryObserver);
 }
-const container$f = "_container_gr5gv_1";
-const fixed = "_fixed_gr5gv_1";
-const absolute = "_absolute_gr5gv_1";
-const flex = "_flex_gr5gv_1";
-const table$4 = "_table_gr5gv_1";
-const grid = "_grid_gr5gv_1";
-const hidden = "_hidden_gr5gv_1";
-const transform = "_transform_gr5gv_1";
-const border = "_border_gr5gv_1";
-const shadow = "_shadow_gr5gv_1";
-const filter$1 = "_filter_gr5gv_347";
-const floatingFilterButton = "_floatingFilterButton_gr5gv_355";
-const floatingFilterButtonIcon = "_floatingFilterButtonIcon_gr5gv_363";
-const floatingButton = "_floatingButton_gr5gv_371";
-const floatingButtonIcon = "_floatingButtonIcon_gr5gv_379";
-const staticContainer = "_staticContainer_gr5gv_387";
-const floatingContainer = "_floatingContainer_gr5gv_395";
+const container$f = "_container_1hfou_1";
+const fixed = "_fixed_1hfou_1";
+const absolute = "_absolute_1hfou_1";
+const flex = "_flex_1hfou_1";
+const table$4 = "_table_1hfou_1";
+const grid = "_grid_1hfou_1";
+const hidden = "_hidden_1hfou_1";
+const transform = "_transform_1hfou_1";
+const border = "_border_1hfou_1";
+const shadow = "_shadow_1hfou_1";
+const filter$1 = "_filter_1hfou_347";
+const floatingFilterButton = "_floatingFilterButton_1hfou_355";
+const floatingFilterButtonIcon = "_floatingFilterButtonIcon_1hfou_363";
+const floatingButton = "_floatingButton_1hfou_371";
+const floatingButtonIcon = "_floatingButtonIcon_1hfou_379";
+const staticContainer = "_staticContainer_1hfou_387";
+const floatingContainer = "_floatingContainer_1hfou_395";
 var styles$B = {
   container: container$f,
-  "static": "_static_gr5gv_387",
+  "static": "_static_1hfou_387",
   fixed,
   absolute,
-  "left-2": "_left-2_gr5gv_1",
-  "top-1": "_top-1_gr5gv_1",
-  "mb-2": "_mb-2_gr5gv_1",
-  "mt-2": "_mt-2_gr5gv_1",
-  "mt-2.5": "_mt-2.5_gr5gv_1",
-  "mb-3": "_mb-3_gr5gv_1",
+  "left-2": "_left-2_1hfou_1",
+  "top-1": "_top-1_1hfou_1",
+  "mb-2": "_mb-2_1hfou_1",
+  "mt-2": "_mt-2_1hfou_1",
+  "mt-2.5": "_mt-2.5_1hfou_1",
+  "mb-3": "_mb-3_1hfou_1",
   flex,
   table: table$4,
   grid,
   hidden,
-  "h-screen": "_h-screen_gr5gv_1",
-  "h-full": "_h-full_gr5gv_1",
-  "h-80": "_h-80_gr5gv_1",
-  "w-screen": "_w-screen_gr5gv_1",
-  "w-full": "_w-full_gr5gv_1",
-  "w-[200px]": "_w-[200px]_gr5gv_1",
+  "h-screen": "_h-screen_1hfou_1",
+  "h-full": "_h-full_1hfou_1",
+  "h-80": "_h-80_1hfou_1",
+  "w-screen": "_w-screen_1hfou_1",
+  "w-full": "_w-full_1hfou_1",
+  "w-[200px]": "_w-[200px]_1hfou_1",
   transform,
-  "flex-col": "_flex-col_gr5gv_1",
-  "items-center": "_items-center_gr5gv_1",
-  "justify-center": "_justify-center_gr5gv_1",
-  "gap-5": "_gap-5_gr5gv_1",
-  "divide-solid": "_divide-solid_gr5gv_1",
-  "overflow-y-auto": "_overflow-y-auto_gr5gv_1",
-  "overflow-x-hidden": "_overflow-x-hidden_gr5gv_1",
+  "flex-col": "_flex-col_1hfou_1",
+  "items-center": "_items-center_1hfou_1",
+  "justify-center": "_justify-center_1hfou_1",
+  "gap-5": "_gap-5_1hfou_1",
+  "divide-solid": "_divide-solid_1hfou_1",
+  "overflow-y-auto": "_overflow-y-auto_1hfou_1",
+  "overflow-x-hidden": "_overflow-x-hidden_1hfou_1",
   border,
-  "border-2": "_border-2_gr5gv_1",
-  "p-4": "_p-4_gr5gv_1",
-  "p-2": "_p-2_gr5gv_1",
-  "text-center": "_text-center_gr5gv_1",
-  "text-lg": "_text-lg_gr5gv_1",
-  "text-6xl": "_text-6xl_gr5gv_1",
-  "text-sm": "_text-sm_gr5gv_1",
-  "text-xs": "_text-xs_gr5gv_1",
-  "text-blue-700": "_text-blue-700_gr5gv_1",
+  "border-2": "_border-2_1hfou_1",
+  "p-4": "_p-4_1hfou_1",
+  "p-2": "_p-2_1hfou_1",
+  "text-center": "_text-center_1hfou_1",
+  "text-lg": "_text-lg_1hfou_1",
+  "text-6xl": "_text-6xl_1hfou_1",
+  "text-sm": "_text-sm_1hfou_1",
+  "text-xs": "_text-xs_1hfou_1",
+  "text-blue-700": "_text-blue-700_1hfou_1",
   shadow,
   filter: filter$1,
-  "!filter": "_!filter_gr5gv_1",
-  "embedDashboard-container": "_embedDashboard-container_gr5gv_307",
-  "embedDashboard-header-static": "_embedDashboard-header-static_gr5gv_315",
-  "embedDashboard-header-floating": "_embedDashboard-header-floating_gr5gv_323",
-  "embedDashboard-wrapper": "_embedDashboard-wrapper_gr5gv_331",
-  "alt-container": "_alt-container_gr5gv_339",
+  "!filter": "_!filter_1hfou_1",
+  "embedDashboard-container": "_embedDashboard-container_1hfou_307",
+  "embedDashboard-header-static": "_embedDashboard-header-static_1hfou_315",
+  "embedDashboard-header-floating": "_embedDashboard-header-floating_1hfou_323",
+  "embedDashboard-wrapper": "_embedDashboard-wrapper_1hfou_331",
+  "alt-container": "_alt-container_1hfou_339",
   floatingFilterButton,
   floatingFilterButtonIcon,
   floatingButton,
@@ -2584,16 +2585,16 @@ var styles$B = {
   floatingContainer
 };
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
-function getAugmentedNamespace(n2) {
-  if (n2.__esModule)
-    return n2;
+function getAugmentedNamespace(n) {
+  if (n.__esModule)
+    return n;
   var a2 = Object.defineProperty({}, "__esModule", { value: true });
-  Object.keys(n2).forEach(function(k2) {
-    var d2 = Object.getOwnPropertyDescriptor(n2, k2);
+  Object.keys(n).forEach(function(k2) {
+    var d2 = Object.getOwnPropertyDescriptor(n, k2);
     Object.defineProperty(a2, k2, d2.get ? d2 : {
       enumerable: true,
       get: function() {
-        return n2[k2];
+        return n[k2];
       }
     });
   });
@@ -2655,9 +2656,9 @@ var lodash_isequal = { exports: {} };
     }
     return false;
   }
-  function baseTimes(n2, iteratee) {
-    var index = -1, result = Array(n2);
-    while (++index < n2) {
+  function baseTimes(n, iteratee) {
+    var index = -1, result = Array(n);
+    while (++index < n) {
       result[index] = iteratee(index);
     }
     return result;
@@ -3247,22 +3248,22 @@ var lodash_isequal = { exports: {} };
   module.exports = isEqual;
 })(lodash_isequal, lodash_isequal.exports);
 function r$3(e2) {
-  var t2, f2, n2 = "";
+  var t2, f2, n = "";
   if ("string" == typeof e2 || "number" == typeof e2)
-    n2 += e2;
+    n += e2;
   else if ("object" == typeof e2)
     if (Array.isArray(e2))
       for (t2 = 0; t2 < e2.length; t2++)
-        e2[t2] && (f2 = r$3(e2[t2])) && (n2 && (n2 += " "), n2 += f2);
+        e2[t2] && (f2 = r$3(e2[t2])) && (n && (n += " "), n += f2);
     else
       for (t2 in e2)
-        e2[t2] && (n2 && (n2 += " "), n2 += t2);
-  return n2;
+        e2[t2] && (n && (n += " "), n += t2);
+  return n;
 }
 function clsx() {
-  for (var e2, t2, f2 = 0, n2 = ""; f2 < arguments.length; )
-    (e2 = arguments[f2++]) && (t2 = r$3(e2)) && (n2 && (n2 += " "), n2 += t2);
-  return n2;
+  for (var e2, t2, f2 = 0, n = ""; f2 < arguments.length; )
+    (e2 = arguments[f2++]) && (t2 = r$3(e2)) && (n && (n += " "), n += t2);
+  return n;
 }
 var clsx_m = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
@@ -4367,12 +4368,12 @@ function _unsupportedIterableToArray$1(o2, minLen) {
     return;
   if (typeof o2 === "string")
     return _arrayLikeToArray$1(o2, minLen);
-  var n2 = Object.prototype.toString.call(o2).slice(8, -1);
-  if (n2 === "Object" && o2.constructor)
-    n2 = o2.constructor.name;
-  if (n2 === "Map" || n2 === "Set")
+  var n = Object.prototype.toString.call(o2).slice(8, -1);
+  if (n === "Object" && o2.constructor)
+    n = o2.constructor.name;
+  if (n === "Map" || n === "Set")
     return Array.from(o2);
-  if (n2 === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n2))
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
     return _arrayLikeToArray$1(o2, minLen);
 }
 function _arrayLikeToArray$1(arr, len2) {
@@ -4899,12 +4900,12 @@ _defineProperty$7(DraggableCore$1, "defaultProps", {
       return;
     if (typeof o2 === "string")
       return _arrayLikeToArray2(o2, minLen);
-    var n2 = Object.prototype.toString.call(o2).slice(8, -1);
-    if (n2 === "Object" && o2.constructor)
-      n2 = o2.constructor.name;
-    if (n2 === "Map" || n2 === "Set")
+    var n = Object.prototype.toString.call(o2).slice(8, -1);
+    if (n === "Object" && o2.constructor)
+      n = o2.constructor.name;
+    if (n === "Map" || n === "Set")
       return Array.from(o2);
-    if (n2 === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n2))
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
       return _arrayLikeToArray2(o2, minLen);
   }
   function _arrayLikeToArray2(arr, len2) {
@@ -6526,12 +6527,12 @@ function _unsupportedIterableToArray(o2, minLen) {
     return;
   if (typeof o2 === "string")
     return _arrayLikeToArray(o2, minLen);
-  var n2 = Object.prototype.toString.call(o2).slice(8, -1);
-  if (n2 === "Object" && o2.constructor)
-    n2 = o2.constructor.name;
-  if (n2 === "Map" || n2 === "Set")
+  var n = Object.prototype.toString.call(o2).slice(8, -1);
+  if (n === "Object" && o2.constructor)
+    n = o2.constructor.name;
+  if (n === "Map" || n === "Set")
     return Array.from(o2);
-  if (n2 === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n2))
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
     return _arrayLikeToArray(o2, minLen);
 }
 function _arrayLikeToArray(arr, len2) {
@@ -7916,39 +7917,6 @@ var styles$y = {
   "font-15": "_font-15_xtxvk_38",
   "font-34": "_font-34_xtxvk_41"
 };
-var jsxRuntime = { exports: {} };
-var reactJsxRuntime_production_min = {};
-/**
- * @license React
- * react-jsx-runtime.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var f$5 = React__default, k$2 = Symbol.for("react.element"), l$2 = Symbol.for("react.fragment"), m$3 = Object.prototype.hasOwnProperty, n = f$5.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, p$4 = { key: true, ref: true, __self: true, __source: true };
-function q$1(c2, a2, g) {
-  var b2, d2 = {}, e2 = null, h3 = null;
-  void 0 !== g && (e2 = "" + g);
-  void 0 !== a2.key && (e2 = "" + a2.key);
-  void 0 !== a2.ref && (h3 = a2.ref);
-  for (b2 in a2)
-    m$3.call(a2, b2) && !p$4.hasOwnProperty(b2) && (d2[b2] = a2[b2]);
-  if (c2 && c2.defaultProps)
-    for (b2 in a2 = c2.defaultProps, a2)
-      void 0 === d2[b2] && (d2[b2] = a2[b2]);
-  return { $$typeof: k$2, type: c2, key: e2, ref: h3, props: d2, _owner: n.current };
-}
-reactJsxRuntime_production_min.Fragment = l$2;
-reactJsxRuntime_production_min.jsx = q$1;
-reactJsxRuntime_production_min.jsxs = q$1;
-{
-  jsxRuntime.exports = reactJsxRuntime_production_min;
-}
-const jsx = jsxRuntime.exports.jsx;
-const jsxs = jsxRuntime.exports.jsxs;
-const Fragment = jsxRuntime.exports.Fragment;
 const variants = {
   h1: "h1",
   h2: "h2",
@@ -8034,7 +8002,7 @@ function __extends$2(d2, b2) {
 }
 var __assign = function() {
   __assign = Object.assign || function __assign2(t2) {
-    for (var s2, i2 = 1, n2 = arguments.length; i2 < n2; i2++) {
+    for (var s2, i2 = 1, n = arguments.length; i2 < n; i2++) {
       s2 = arguments[i2];
       for (var p2 in s2)
         if (Object.prototype.hasOwnProperty.call(s2, p2))
@@ -10192,13 +10160,13 @@ function isOutsideBoundary(handlerInstance, x2, y2) {
 var Handler$1 = Handler;
 var DEFAULT_MIN_MERGE = 32;
 var DEFAULT_MIN_GALLOPING = 7;
-function minRunLength(n2) {
+function minRunLength(n) {
   var r2 = 0;
-  while (n2 >= DEFAULT_MIN_MERGE) {
-    r2 |= n2 & 1;
-    n2 >>= 1;
+  while (n >= DEFAULT_MIN_MERGE) {
+    r2 |= n & 1;
+    n >>= 1;
   }
-  return n2 + r2;
+  return n + r2;
 }
 function makeAscendingRun(array, lo, hi, compare2) {
   var runHi = lo + 1;
@@ -10242,8 +10210,8 @@ function binaryInsertionSort(array, lo, hi, start2, compare2) {
         left2 = mid + 1;
       }
     }
-    var n2 = start2 - left2;
-    switch (n2) {
+    var n = start2 - left2;
+    switch (n) {
       case 3:
         array[left2 + 3] = array[left2 + 2];
       case 2:
@@ -10252,9 +10220,9 @@ function binaryInsertionSort(array, lo, hi, start2, compare2) {
         array[left2 + 1] = array[left2];
         break;
       default:
-        while (n2 > 0) {
-          array[left2 + n2] = array[left2 + n2 - 1];
-          n2--;
+        while (n > 0) {
+          array[left2 + n] = array[left2 + n - 1];
+          n--;
         }
     }
     array[left2] = pivot;
@@ -10366,24 +10334,24 @@ function TimSort(array, compare2) {
   }
   function mergeRuns() {
     while (stackSize > 1) {
-      var n2 = stackSize - 2;
-      if (n2 >= 1 && runLength[n2 - 1] <= runLength[n2] + runLength[n2 + 1] || n2 >= 2 && runLength[n2 - 2] <= runLength[n2] + runLength[n2 - 1]) {
-        if (runLength[n2 - 1] < runLength[n2 + 1]) {
-          n2--;
+      var n = stackSize - 2;
+      if (n >= 1 && runLength[n - 1] <= runLength[n] + runLength[n + 1] || n >= 2 && runLength[n - 2] <= runLength[n] + runLength[n - 1]) {
+        if (runLength[n - 1] < runLength[n + 1]) {
+          n--;
         }
-      } else if (runLength[n2] > runLength[n2 + 1]) {
+      } else if (runLength[n] > runLength[n + 1]) {
         break;
       }
-      mergeAt(n2);
+      mergeAt(n);
     }
   }
   function forceMergeRuns() {
     while (stackSize > 1) {
-      var n2 = stackSize - 2;
-      if (n2 > 0 && runLength[n2 - 1] < runLength[n2 + 1]) {
-        n2--;
+      var n = stackSize - 2;
+      if (n > 0 && runLength[n - 1] < runLength[n + 1]) {
+        n--;
       }
-      mergeAt(n2);
+      mergeAt(n);
     }
   }
   function mergeAt(i2) {
@@ -11073,14 +11041,14 @@ function cubicRootAt(p0, p1, p2, p3, val, roots2) {
   var A2 = b2 * b2 - 3 * a2 * c2;
   var B2 = b2 * c2 - 9 * a2 * d2;
   var C2 = c2 * c2 - 3 * b2 * d2;
-  var n2 = 0;
+  var n = 0;
   if (isAroundZero$1(A2) && isAroundZero$1(B2)) {
     if (isAroundZero$1(b2)) {
       roots2[0] = 0;
     } else {
       var t1 = -c2 / b2;
       if (t1 >= 0 && t1 <= 1) {
-        roots2[n2++] = t1;
+        roots2[n++] = t1;
       }
     }
   } else {
@@ -11090,10 +11058,10 @@ function cubicRootAt(p0, p1, p2, p3, val, roots2) {
       var t1 = -b2 / a2 + K;
       var t2 = -K / 2;
       if (t1 >= 0 && t1 <= 1) {
-        roots2[n2++] = t1;
+        roots2[n++] = t1;
       }
       if (t2 >= 0 && t2 <= 1) {
-        roots2[n2++] = t2;
+        roots2[n++] = t2;
       }
     } else if (disc > 0) {
       var discSqrt = mathSqrt$3(disc);
@@ -11111,7 +11079,7 @@ function cubicRootAt(p0, p1, p2, p3, val, roots2) {
       }
       var t1 = (-b2 - (Y1 + Y2)) / (3 * a2);
       if (t1 >= 0 && t1 <= 1) {
-        roots2[n2++] = t1;
+        roots2[n++] = t1;
       }
     } else {
       var T2 = (2 * A2 * b2 - 3 * a2 * B2) / (2 * mathSqrt$3(A2 * A2 * A2));
@@ -11122,28 +11090,28 @@ function cubicRootAt(p0, p1, p2, p3, val, roots2) {
       var t2 = (-b2 + ASqrt * (tmp + THREE_SQRT * Math.sin(theta))) / (3 * a2);
       var t3 = (-b2 + ASqrt * (tmp - THREE_SQRT * Math.sin(theta))) / (3 * a2);
       if (t1 >= 0 && t1 <= 1) {
-        roots2[n2++] = t1;
+        roots2[n++] = t1;
       }
       if (t2 >= 0 && t2 <= 1) {
-        roots2[n2++] = t2;
+        roots2[n++] = t2;
       }
       if (t3 >= 0 && t3 <= 1) {
-        roots2[n2++] = t3;
+        roots2[n++] = t3;
       }
     }
   }
-  return n2;
+  return n;
 }
 function cubicExtrema(p0, p1, p2, p3, extrema2) {
   var b2 = 6 * p2 - 12 * p1 + 6 * p0;
   var a2 = 9 * p1 + 3 * p3 - 3 * p0 - 9 * p2;
   var c2 = 3 * p1 - 3 * p0;
-  var n2 = 0;
+  var n = 0;
   if (isAroundZero$1(a2)) {
     if (isNotAroundZero$1(b2)) {
       var t1 = -c2 / b2;
       if (t1 >= 0 && t1 <= 1) {
-        extrema2[n2++] = t1;
+        extrema2[n++] = t1;
       }
     }
   } else {
@@ -11155,14 +11123,14 @@ function cubicExtrema(p0, p1, p2, p3, extrema2) {
       var t1 = (-b2 + discSqrt) / (2 * a2);
       var t2 = (-b2 - discSqrt) / (2 * a2);
       if (t1 >= 0 && t1 <= 1) {
-        extrema2[n2++] = t1;
+        extrema2[n++] = t1;
       }
       if (t2 >= 0 && t2 <= 1) {
-        extrema2[n2++] = t2;
+        extrema2[n++] = t2;
       }
     }
   }
-  return n2;
+  return n;
 }
 function cubicSubdivide(p0, p1, p2, p3, t2, out2) {
   var p01 = (p1 - p0) * t2 + p0;
@@ -11258,12 +11226,12 @@ function quadraticRootAt(p0, p1, p2, val, roots2) {
   var a2 = p0 - 2 * p1 + p2;
   var b2 = 2 * (p1 - p0);
   var c2 = p0 - val;
-  var n2 = 0;
+  var n = 0;
   if (isAroundZero$1(a2)) {
     if (isNotAroundZero$1(b2)) {
       var t1 = -c2 / b2;
       if (t1 >= 0 && t1 <= 1) {
-        roots2[n2++] = t1;
+        roots2[n++] = t1;
       }
     }
   } else {
@@ -11271,21 +11239,21 @@ function quadraticRootAt(p0, p1, p2, val, roots2) {
     if (isAroundZero$1(disc)) {
       var t1 = -b2 / (2 * a2);
       if (t1 >= 0 && t1 <= 1) {
-        roots2[n2++] = t1;
+        roots2[n++] = t1;
       }
     } else if (disc > 0) {
       var discSqrt = mathSqrt$3(disc);
       var t1 = (-b2 + discSqrt) / (2 * a2);
       var t2 = (-b2 - discSqrt) / (2 * a2);
       if (t1 >= 0 && t1 <= 1) {
-        roots2[n2++] = t1;
+        roots2[n++] = t1;
       }
       if (t2 >= 0 && t2 <= 1) {
-        roots2[n2++] = t2;
+        roots2[n++] = t2;
       }
     }
   }
-  return n2;
+  return n;
 }
 function quadraticExtremum(p0, p1, p2) {
   var divider = p0 + p2 - 2 * p1;
@@ -16777,18 +16745,18 @@ var yDim = [];
 function fromCubic(x0, y0, x1, y1, x2, y2, x3, y3, min3, max3) {
   var cubicExtrema$1 = cubicExtrema;
   var cubicAt$1 = cubicAt;
-  var n2 = cubicExtrema$1(x0, x1, x2, x3, xDim);
+  var n = cubicExtrema$1(x0, x1, x2, x3, xDim);
   min3[0] = Infinity;
   min3[1] = Infinity;
   max3[0] = -Infinity;
   max3[1] = -Infinity;
-  for (var i2 = 0; i2 < n2; i2++) {
+  for (var i2 = 0; i2 < n; i2++) {
     var x4 = cubicAt$1(x0, x1, x2, x3, xDim[i2]);
     min3[0] = mathMin$9(x4, min3[0]);
     max3[0] = mathMax$9(x4, max3[0]);
   }
-  n2 = cubicExtrema$1(y0, y1, y2, y3, yDim);
-  for (var i2 = 0; i2 < n2; i2++) {
+  n = cubicExtrema$1(y0, y1, y2, y3, yDim);
+  for (var i2 = 0; i2 < n; i2++) {
     var y4 = cubicAt$1(y0, y1, y2, y3, yDim[i2]);
     min3[1] = mathMin$9(y4, min3[1]);
     max3[1] = mathMax$9(y4, max3[1]);
@@ -16883,8 +16851,8 @@ var PI2$7 = PI$9 * 2;
 var hasTypedArray = typeof Float32Array !== "undefined";
 var tmpAngles = [];
 function modPI2(radian) {
-  var n2 = Math.round(radian / PI$9 * 1e8) / 1e8;
-  return n2 % 2 * PI$9;
+  var n = Math.round(radian / PI$9 * 1e8) / 1e8;
+  return n % 2 * PI$9;
 }
 function normalizeArcAngles(angles, anticlockwise) {
   var newStartAngle = modPI2(angles[0]);
@@ -19745,8 +19713,8 @@ function processArc(x1, y1, x2, y2, fa, fs, rx, ry, psiDeg, cmd, path) {
     dTheta = 0;
   }
   if (dTheta < 0) {
-    var n2 = Math.round(dTheta / PI$8 * 1e6) / 1e6;
-    dTheta = PI$8 * 2 + n2 % 2 * PI$8;
+    var n = Math.round(dTheta / PI$8 * 1e6) / 1e6;
+    dTheta = PI$8 * 2 + n % 2 * PI$8;
   }
   path.addData(cmd, cx, cy, rx, ry, theta, dTheta, psi, fs);
 }
@@ -29653,8 +29621,8 @@ function normalizeDashArrayX(dash) {
       var dashValue = Math.ceil(dash[i2]);
       result.push([dashValue, dashValue]);
     } else {
-      var dashValue = map$3(dash[i2], function(n2) {
-        return Math.ceil(n2);
+      var dashValue = map$3(dash[i2], function(n) {
+        return Math.ceil(n);
       });
       if (dashValue.length % 2 === 1) {
         result.push(dashValue.concat(dashValue));
@@ -29673,8 +29641,8 @@ function normalizeDashArrayY(dash) {
     var dashValue_1 = Math.ceil(dash);
     return [dashValue_1, dashValue_1];
   }
-  var dashValue = map$3(dash, function(n2) {
-    return Math.ceil(n2);
+  var dashValue = map$3(dash, function(n) {
+    return Math.ceil(n);
   });
   return dash.length % 2 ? dashValue.concat(dashValue) : dashValue;
 }
@@ -48508,8 +48476,8 @@ function init(inRoot) {
   while (node = nodes.pop()) {
     children2 = node.children;
     if (node.isExpand && children2.length) {
-      var n2 = children2.length;
-      for (var i2 = n2 - 1; i2 >= 0; i2--) {
+      var n = children2.length;
+      for (var i2 = n - 1; i2 >= 0; i2--) {
         var child = children2[i2];
         child.hierNode = {
           defaultAncestor: null,
@@ -48569,11 +48537,11 @@ function getViewRect$4(seriesModel, api) {
 }
 function executeShifts(node) {
   var children2 = node.children;
-  var n2 = children2.length;
+  var n = children2.length;
   var shift = 0;
   var change = 0;
-  while (--n2 >= 0) {
-    var child = children2[n2];
+  while (--n >= 0) {
+    var child = children2[n];
     child.hierNode.prelim += shift;
     child.hierNode.modifier += shift;
     change += child.hierNode.change;
@@ -52210,12 +52178,12 @@ function forceLayout(inNodes, inEdges, opts) {
   var center2 = [rect.x + width / 2, rect.y + height / 2];
   var gravity = opts.gravity == null ? 0.1 : opts.gravity;
   for (var i2 = 0; i2 < nodes.length; i2++) {
-    var n2 = nodes[i2];
-    if (!n2.p) {
-      n2.p = create$2(width * (Math.random() - 0.5) + center2[0], height * (Math.random() - 0.5) + center2[1]);
+    var n = nodes[i2];
+    if (!n.p) {
+      n.p = create$2(width * (Math.random() - 0.5) + center2[0], height * (Math.random() - 0.5) + center2[1]);
     }
-    n2.pp = clone$5(n2.p);
-    n2.edges = null;
+    n.pp = clone$5(n.p);
+    n.edges = null;
   }
   var initialFriction = opts.friction == null ? 0.6 : opts.friction;
   var friction = initialFriction;
@@ -52247,16 +52215,16 @@ function forceLayout(inNodes, inEdges, opts) {
           continue;
         }
         var n1 = e2.n1;
-        var n22 = e2.n2;
-        sub(v12, n22.p, n1.p);
+        var n2 = e2.n2;
+        sub(v12, n2.p, n1.p);
         var d2 = len(v12) - e2.d;
-        var w2 = n22.w / (n1.w + n22.w);
+        var w2 = n2.w / (n1.w + n2.w);
         if (isNaN(w2)) {
           w2 = 0;
         }
         normalize$3(v12, v12);
         !n1.fixed && scaleAndAdd(n1.p, n1.p, v12, w2 * d2 * friction);
-        !n22.fixed && scaleAndAdd(n22.p, n22.p, v12, -(1 - w2) * d2 * friction);
+        !n2.fixed && scaleAndAdd(n2.p, n2.p, v12, -(1 - w2) * d2 * friction);
       }
       for (var i3 = 0; i3 < nLen; i3++) {
         var n3 = nodes[i3];
@@ -52268,16 +52236,16 @@ function forceLayout(inNodes, inEdges, opts) {
       for (var i3 = 0; i3 < nLen; i3++) {
         var n1 = nodes[i3];
         for (var j2 = i3 + 1; j2 < nLen; j2++) {
-          var n22 = nodes[j2];
-          sub(v12, n22.p, n1.p);
+          var n2 = nodes[j2];
+          sub(v12, n2.p, n1.p);
           var d2 = len(v12);
           if (d2 === 0) {
             set$3(v12, Math.random() - 0.5, Math.random() - 0.5);
             d2 = 1;
           }
-          var repFact = (n1.rep + n22.rep) / d2 / d2;
+          var repFact = (n1.rep + n2.rep) / d2 / d2;
           !n1.fixed && scaleAndAdd(n1.pp, n1.pp, v12, repFact);
-          !n22.fixed && scaleAndAdd(n22.pp, n22.pp, v12, -repFact);
+          !n2.fixed && scaleAndAdd(n2.pp, n2.pp, v12, -repFact);
         }
       }
       var v4 = [];
@@ -52756,11 +52724,11 @@ var Line = function(_super) {
       var distanceY = distance2[1] * invScale;
       var halfPercent = percent / 2;
       var tangent = line.tangentAt(halfPercent);
-      var n2 = [tangent[1], -tangent[0]];
+      var n = [tangent[1], -tangent[0]];
       var cp = line.pointAt(halfPercent);
-      if (n2[1] > 0) {
-        n2[0] = -n2[0];
-        n2[1] = -n2[1];
+      if (n[1] > 0) {
+        n[0] = -n[0];
+        n[1] = -n[1];
       }
       var dir3 = tangent[0] < 0 ? -1 : 1;
       if (label2.__position !== "start" && label2.__position !== "end") {
@@ -57181,12 +57149,12 @@ function prepareNodesByBreadth(nodes, orient) {
 function initializeNodeDepth(nodesByBreadth, edges, height, width, nodeGap, orient) {
   var minKy = Infinity;
   each$g(nodesByBreadth, function(nodes) {
-    var n2 = nodes.length;
+    var n = nodes.length;
     var sum2 = 0;
     each$g(nodes, function(node) {
       sum2 += node.getLayout().value;
     });
-    var ky = orient === "vertical" ? (width - (n2 - 1) * nodeGap) / sum2 : (height - (n2 - 1) * nodeGap) / sum2;
+    var ky = orient === "vertical" ? (width - (n - 1) * nodeGap) / sum2 : (height - (n - 1) * nodeGap) / sum2;
     if (ky < minKy) {
       minKy = ky;
     }
@@ -57228,9 +57196,9 @@ function resolveCollisions(nodesByBreadth, nodeGap, height, width, orient) {
     var node;
     var dy;
     var y0 = 0;
-    var n2 = nodes.length;
+    var n = nodes.length;
     var nodeDyAttr = orient === "vertical" ? "dx" : "dy";
-    for (var i2 = 0; i2 < n2; i2++) {
+    for (var i2 = 0; i2 < n; i2++) {
       node = nodes[i2];
       dy = y0 - node.getLayout()[keyAttr];
       if (dy > 0) {
@@ -57253,7 +57221,7 @@ function resolveCollisions(nodesByBreadth, nodeGap, height, width, orient) {
         y: nodeX
       }, true);
       y0 = nodeX;
-      for (var i2 = n2 - 2; i2 >= 0; --i2) {
+      for (var i2 = n - 2; i2 >= 0; --i2) {
         node = nodes[i2];
         dy = node.getLayout()[keyAttr] + node.getLayout()[nodeDyAttr] + nodeGap - y0;
         if (dy > 0) {
@@ -60847,7 +60815,7 @@ function doThemeRiverLayout(data, seriesModel, height) {
   var base2 = computeBaseline(layerPoints);
   var baseLine = base2.y0;
   var ky = height / base2.max;
-  var n2 = layerSeries.length;
+  var n = layerSeries.length;
   var m2 = layerSeries[0].indices.length;
   var baseY0;
   for (var j2 = 0; j2 < m2; ++j2) {
@@ -60858,7 +60826,7 @@ function doThemeRiverLayout(data, seriesModel, height) {
       y0: baseY0,
       y: layerPoints[0][j2][1] * ky
     });
-    for (var i2 = 1; i2 < n2; ++i2) {
+    for (var i2 = 1; i2 < n; ++i2) {
       baseY0 += layerPoints[i2 - 1][j2][1] * ky;
       data.setItemLayout(layerSeries[i2].indices[j2], {
         layerIndex: i2,
@@ -65888,13 +65856,13 @@ var Calendar = function() {
       date
     };
   };
-  Calendar2.prototype.getNextNDay = function(date, n2) {
-    n2 = n2 || 0;
-    if (n2 === 0) {
+  Calendar2.prototype.getNextNDay = function(date, n) {
+    n = n || 0;
+    if (n === 0) {
       return this.getDateInfo(date);
     }
     date = new Date(this.getDateInfo(date).time);
-    date.setDate(date.getDate() + n2);
+    date.setDate(date.getDate() + n);
     return this.getDateInfo(date);
   };
   Calendar2.prototype.update = function(ecModel, api) {
@@ -67555,10 +67523,10 @@ var SaveAsImage = function(_super) {
         base64Encoded && (bstr = window.atob(bstr));
         var filename = title2 + "." + type3;
         if (window.navigator.msSaveOrOpenBlob) {
-          var n2 = bstr.length;
-          var u8arr = new Uint8Array(n2);
-          while (n2--) {
-            u8arr[n2] = bstr.charCodeAt(n2);
+          var n = bstr.length;
+          var u8arr = new Uint8Array(n);
+          while (n--) {
+            u8arr[n] = bstr.charCodeAt(n);
           }
           var blob = new Blob([u8arr]);
           window.navigator.msSaveOrOpenBlob(blob, filename);
@@ -79410,8 +79378,8 @@ function _factorize(value) {
   result.sort((a2, b2) => a2 - b2).pop();
   return result;
 }
-function isNumber(n2) {
-  return !isNaN(parseFloat(n2)) && isFinite(n2);
+function isNumber(n) {
+  return !isNaN(parseFloat(n)) && isFinite(n);
 }
 function almostEquals(x2, y2, epsilon) {
   return Math.abs(x2 - y2) < epsilon;
@@ -79790,11 +79758,11 @@ function hexString(v4) {
 const HUE_RE = /^(hsla?|hwb|hsv)\(\s*([-+.e\d]+)(?:deg)?[\s,]+([-+.e\d]+)%[\s,]+([-+.e\d]+)%(?:[\s,]+([-+.e\d]+)(%)?)?\s*\)$/;
 function hsl2rgbn(h3, s2, l2) {
   const a2 = s2 * Math.min(l2, 1 - l2);
-  const f2 = (n2, k2 = (n2 + h3 / 30) % 12) => l2 - a2 * Math.max(Math.min(k2 - 3, 9 - k2, 1), -1);
+  const f2 = (n, k2 = (n + h3 / 30) % 12) => l2 - a2 * Math.max(Math.min(k2 - 3, 9 - k2, 1), -1);
   return [f2(0), f2(8), f2(4)];
 }
 function hsv2rgbn(h3, s2, v4) {
-  const f2 = (n2, k2 = (n2 + h3 / 60) % 6) => v4 - v4 * s2 * Math.max(Math.min(k2, 4 - k2, 1), 0);
+  const f2 = (n, k2 = (n + h3 / 60) % 6) => v4 - v4 * s2 * Math.max(Math.min(k2, 4 - k2, 1), 0);
   return [f2(5), f2(3), f2(1)];
 }
 function hwb2rgbn(h3, w2, b2) {
@@ -80316,7 +80284,7 @@ function getScope$1(node, key) {
     return node;
   }
   const keys2 = key.split(".");
-  for (let i2 = 0, n2 = keys2.length; i2 < n2; ++i2) {
+  for (let i2 = 0, n = keys2.length; i2 < n; ++i2) {
     const k2 = keys2[i2];
     node = node[k2] || (node[k2] = /* @__PURE__ */ Object.create(null));
   }
@@ -93410,7 +93378,30 @@ const BoxPlot = ({
     option: option2
   });
 };
-var styles$w = ".tableContainer{position:relative;max-height:24rem;max-width:56rem;overflow:scroll;border-radius:var(--databrainhq-plugin-border-radiusMd);border-width:1px;border-style:solid;border-color:var(--databrainhq-plugin-color-gray300)}.heatMap{position:relative;border-collapse:separate;--tw-border-spacing-x: 0px;--tw-border-spacing-y: 0px;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)}.label{white-space:nowrap}.heatMap td,.heatMap th{border-right-width:1px;border-bottom-width:1px;border-style:solid;border-color:var(--databrainhq-plugin-color-gray300);padding:.25rem;text-align:center}.heatMap thead th{position:sticky;top:0px}.heatMap thead th:first-child{left:0px;z-index:10;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.heatMap tbody th{position:sticky;left:0px;z-index:10;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.tablechart{position:relative;display:flex;height:100%;padding:1rem}.tablechartWrapper{display:flex;height:100%;width:100%;flex-direction:column}.tablechartContainer{position:sticky;height:4%;width:100%;padding-left:.25rem}.tablechartTable{width:100%}.tablechartHeaderRow{position:sticky;top:0px;height:2.5rem;background-color:var(--databrainhq-plugin-color-primaryLight)}.tablechartHeaderCol{width:16rem}.tablechartHeaderCol>:not([hidden])~:not([hidden]){border-style:solid}.tablechartHeaderCol{border-left-width:1px;padding-left:1rem;padding-right:1rem}.tablechartBodyRow{height:3.5rem}.tablechartBodyCol>:not([hidden])~:not([hidden]){border-style:solid}.tablechartBodyCol{border-left-width:1px;padding-left:1rem;padding-right:1rem;text-align:center}\n";
+const tableContainer = "_tableContainer_3mspj_1";
+const heatMap = "_heatMap_3mspj_9";
+const label$4 = "_label_3mspj_17";
+const tablechart = "_tablechart_3mspj_59";
+const tablechartWrapper = "_tablechartWrapper_3mspj_67";
+const tablechartContainer = "_tablechartContainer_3mspj_75";
+const tablechartTable = "_tablechartTable_3mspj_83";
+const tablechartHeaderRow = "_tablechartHeaderRow_3mspj_91";
+const tablechartHeaderCol = "_tablechartHeaderCol_3mspj_99";
+const tablechartBodyRow = "_tablechartBodyRow_3mspj_107";
+const tablechartBodyCol = "_tablechartBodyCol_3mspj_115";
+var styles$w = {
+  tableContainer,
+  heatMap,
+  label: label$4,
+  tablechart,
+  tablechartWrapper,
+  tablechartContainer,
+  tablechartTable,
+  tablechartHeaderRow,
+  tablechartHeaderCol,
+  tablechartBodyRow,
+  tablechartBodyCol
+};
 const TableChart = ({
   data
 }) => {
@@ -93991,31 +93982,28 @@ const useGenerateDatasetMetricsMutation = (options2) => useMutation(
   (variables) => fetcher(GenerateDatasetMetricsDocument, variables)(),
   options2
 );
-const CompanyIntegrationDocument = `
-    query CompanyIntegration($companyId: uuid = "") {
-  companyIntegrations(where: {companyId: {_eq: $companyId}}) {
-    companyId
-    id
-    integrationId
-    name
-  }
-}
-    `;
-const useCompanyIntegrationQuery = (variables, options2) => useQuery(
-  variables === void 0 ? ["CompanyIntegration"] : ["CompanyIntegration", variables],
-  fetcher(CompanyIntegrationDocument, variables),
-  options2
-);
-const CompanySubsetTableListDocument = `
-    query CompanySubsetTableList($companyId: uuid = "") {
-  companySubsetTables(where: {companyId: {_eq: $companyId}}) {
-    tableList
+const CompanySubsetTableDataDocument = `
+    mutation CompanySubsetTableData($clientId: String = "", $companyId: String = "") {
+  companySubsetTableData(input: {clientId: $clientId, companyId: $companyId}) {
+    companyIntegrationId
+    dbName
+    error {
+      message
+    }
+    tableList {
+      tableName
+      columns {
+        datatype
+        name
+        as
+      }
+    }
   }
 }
     `;
-const useCompanySubsetTableListQuery = (variables, options2) => useQuery(
-  variables === void 0 ? ["CompanySubsetTableList"] : ["CompanySubsetTableList", variables],
-  fetcher(CompanySubsetTableListDocument, variables),
+const useCompanySubsetTableDataMutation = (options2) => useMutation(
+  ["CompanySubsetTableData"],
+  (variables) => fetcher(CompanySubsetTableDataDocument, variables)(),
   options2
 );
 const EmbeddedDashboardMetricsDocument = `
@@ -95897,7 +95885,7 @@ function t$1(e2) {
   }));
 }
 function m$1() {
-  let n2 = [], i2 = [], r2 = { enqueue(e2) {
+  let n = [], i2 = [], r2 = { enqueue(e2) {
     i2.push(e2);
   }, addEventListener(e2, t2, a2, o2) {
     return e2.addEventListener(t2, a2, o2), r2.add(() => e2.removeEventListener(t2, a2, o2));
@@ -95917,15 +95905,15 @@ function m$1() {
       t2.current = false;
     });
   }, add(e2) {
-    return n2.push(e2), () => {
-      let t2 = n2.indexOf(e2);
+    return n.push(e2), () => {
+      let t2 = n.indexOf(e2);
       if (t2 >= 0) {
-        let [a2] = n2.splice(t2, 1);
+        let [a2] = n.splice(t2, 1);
         a2();
       }
     };
   }, dispose() {
-    for (let e2 of n2.splice(0))
+    for (let e2 of n.splice(0))
       e2();
   }, async workQueue() {
     for (let e2 of i2.splice(0))
@@ -95956,24 +95944,24 @@ function r$1() {
   return ++l$1;
 }
 let I$1 = (u$5 = React__default.useId) != null ? u$5 : function() {
-  let n2 = a$2(), [e2, o2] = React__default.useState(n2 ? r$1 : null);
+  let n = a$2(), [e2, o2] = React__default.useState(n ? r$1 : null);
   return s$5(() => {
     e2 === null && o2(r$1());
   }, [e2]), e2 != null ? "" + e2 : void 0;
 };
-function u$4(r2, n2, ...a2) {
-  if (r2 in n2) {
-    let e2 = n2[r2];
+function u$4(r2, n, ...a2) {
+  if (r2 in n) {
+    let e2 = n[r2];
     return typeof e2 == "function" ? e2(...a2) : e2;
   }
-  let t2 = new Error(`Tried to handle "${r2}" but there is no handler defined. Only defined handlers are: ${Object.keys(n2).map((e2) => `"${e2}"`).join(", ")}.`);
+  let t2 = new Error(`Tried to handle "${r2}" but there is no handler defined. Only defined handlers are: ${Object.keys(n).map((e2) => `"${e2}"`).join(", ")}.`);
   throw Error.captureStackTrace && Error.captureStackTrace(t2, u$4), t2;
 }
 function e$2(r2) {
   return e$3 ? null : r2 instanceof Node ? r2.ownerDocument : r2 != null && r2.hasOwnProperty("current") && r2.current instanceof Node ? r2.current.ownerDocument : document;
 }
 let f$4 = ["[contentEditable=true]", "[tabindex]", "a[href]", "area[href]", "button:not([disabled])", "iframe", "input:not([disabled])", "select:not([disabled])", "textarea:not([disabled])"].map((e2) => `${e2}:not([tabindex='-1'])`).join(",");
-var L$1 = ((n2) => (n2[n2.First = 1] = "First", n2[n2.Previous = 2] = "Previous", n2[n2.Next = 4] = "Next", n2[n2.Last = 8] = "Last", n2[n2.WrapAround = 16] = "WrapAround", n2[n2.NoScroll = 32] = "NoScroll", n2))(L$1 || {}), N = ((o2) => (o2[o2.Error = 0] = "Error", o2[o2.Overflow = 1] = "Overflow", o2[o2.Success = 2] = "Success", o2[o2.Underflow = 3] = "Underflow", o2))(N || {}), T$2 = ((r2) => (r2[r2.Previous = -1] = "Previous", r2[r2.Next = 1] = "Next", r2))(T$2 || {});
+var L$1 = ((n) => (n[n.First = 1] = "First", n[n.Previous = 2] = "Previous", n[n.Next = 4] = "Next", n[n.Last = 8] = "Last", n[n.WrapAround = 16] = "WrapAround", n[n.NoScroll = 32] = "NoScroll", n))(L$1 || {}), N = ((o2) => (o2[o2.Error = 0] = "Error", o2[o2.Overflow = 1] = "Overflow", o2[o2.Success = 2] = "Success", o2[o2.Underflow = 3] = "Underflow", o2))(N || {}), T$2 = ((r2) => (r2[r2.Previous = -1] = "Previous", r2[r2.Next = 1] = "Next", r2))(T$2 || {});
 var F$4 = ((r2) => (r2[r2.Strict = 0] = "Strict", r2[r2.Loose = 1] = "Loose", r2))(F$4 || {});
 function h$2(e2, t2 = 0) {
   var r2;
@@ -95994,18 +95982,18 @@ function A$1(e2, t2 = (r2) => r2) {
     let o2 = t2(r2), i2 = t2(l2);
     if (o2 === null || i2 === null)
       return 0;
-    let n2 = o2.compareDocumentPosition(i2);
-    return n2 & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : n2 & Node.DOCUMENT_POSITION_PRECEDING ? 1 : 0;
+    let n = o2.compareDocumentPosition(i2);
+    return n & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : n & Node.DOCUMENT_POSITION_PRECEDING ? 1 : 0;
   });
 }
-function d$1(e2, r2, n2) {
+function d$1(e2, r2, n) {
   let o2 = s$4(r2);
   useEffect(() => {
     function t2(u2) {
       o2.current(u2);
     }
-    return document.addEventListener(e2, t2, n2), () => document.removeEventListener(e2, t2, n2);
-  }, [e2, n2]);
+    return document.addEventListener(e2, t2, n), () => document.removeEventListener(e2, t2, n);
+  }, [e2, n]);
 }
 function L(m2, E, c2 = true) {
   let i2 = useRef(false);
@@ -96019,16 +96007,16 @@ function L(m2, E, c2 = true) {
       return;
     let l2 = function r2(t2) {
       return typeof t2 == "function" ? r2(t2()) : Array.isArray(t2) || t2 instanceof Set ? t2 : [t2];
-    }(m2), n2 = o2(e2);
-    if (n2 !== null && !!n2.getRootNode().contains(n2)) {
+    }(m2), n = o2(e2);
+    if (n !== null && !!n.getRootNode().contains(n)) {
       for (let r2 of l2) {
         if (r2 === null)
           continue;
         let t2 = r2 instanceof HTMLElement ? r2 : r2.current;
-        if (t2 != null && t2.contains(n2) || e2.composed && e2.composedPath().includes(t2))
+        if (t2 != null && t2.contains(n) || e2.composed && e2.composedPath().includes(t2))
           return;
       }
-      return !h$2(n2, F$4.Loose) && n2.tabIndex !== -1 && e2.preventDefault(), E(e2, n2);
+      return !h$2(n, F$4.Loose) && n.tabIndex !== -1 && e2.preventDefault(), E(e2, n);
     }
   }
   let u2 = useRef(null);
@@ -96040,29 +96028,29 @@ function L(m2, E, c2 = true) {
   }, true), d$1("blur", (e2) => f2(e2, () => window.document.activeElement instanceof HTMLIFrameElement ? window.document.activeElement : null), true);
 }
 function i$1(t2) {
-  var n2;
+  var n;
   if (t2.type)
     return t2.type;
-  let e2 = (n2 = t2.as) != null ? n2 : "button";
+  let e2 = (n = t2.as) != null ? n : "button";
   if (typeof e2 == "string" && e2.toLowerCase() === "button")
     return "button";
 }
 function s$3(t2, e2) {
-  let [n2, u2] = useState(() => i$1(t2));
+  let [n, u2] = useState(() => i$1(t2));
   return s$5(() => {
     u2(i$1(t2));
   }, [t2.type, t2.as]), s$5(() => {
-    n2 || !e2.current || e2.current instanceof HTMLButtonElement && !e2.current.hasAttribute("type") && u2("button");
-  }, [n2, e2]), n2;
+    n || !e2.current || e2.current instanceof HTMLButtonElement && !e2.current.hasAttribute("type") && u2("button");
+  }, [n, e2]), n;
 }
 let u$3 = Symbol();
 function y(...t2) {
-  let n2 = useRef(t2);
+  let n = useRef(t2);
   useEffect(() => {
-    n2.current = t2;
+    n.current = t2;
   }, [t2]);
   let c2 = o$2((e2) => {
-    for (let o2 of n2.current)
+    for (let o2 of n.current)
       o2 != null && (typeof o2 == "function" ? o2(e2) : o2.current = e2);
   });
   return t2.every((e2) => e2 == null || (e2 == null ? void 0 : e2[u$3])) ? void 0 : c2;
@@ -96071,26 +96059,26 @@ function f$3(r2) {
   throw new Error("Unexpected object: " + r2);
 }
 var a$1 = ((e2) => (e2[e2.First = 0] = "First", e2[e2.Previous = 1] = "Previous", e2[e2.Next = 2] = "Next", e2[e2.Last = 3] = "Last", e2[e2.Specific = 4] = "Specific", e2[e2.Nothing = 5] = "Nothing", e2))(a$1 || {});
-function x(r2, n2) {
-  let t2 = n2.resolveItems();
+function x(r2, n) {
+  let t2 = n.resolveItems();
   if (t2.length <= 0)
     return null;
-  let l2 = n2.resolveActiveIndex(), s2 = l2 != null ? l2 : -1, d2 = (() => {
+  let l2 = n.resolveActiveIndex(), s2 = l2 != null ? l2 : -1, d2 = (() => {
     switch (r2.focus) {
       case 0:
-        return t2.findIndex((e2) => !n2.resolveDisabled(e2));
+        return t2.findIndex((e2) => !n.resolveDisabled(e2));
       case 1: {
-        let e2 = t2.slice().reverse().findIndex((i2, c2, u2) => s2 !== -1 && u2.length - c2 - 1 >= s2 ? false : !n2.resolveDisabled(i2));
+        let e2 = t2.slice().reverse().findIndex((i2, c2, u2) => s2 !== -1 && u2.length - c2 - 1 >= s2 ? false : !n.resolveDisabled(i2));
         return e2 === -1 ? e2 : t2.length - 1 - e2;
       }
       case 2:
-        return t2.findIndex((e2, i2) => i2 <= s2 ? false : !n2.resolveDisabled(e2));
+        return t2.findIndex((e2, i2) => i2 <= s2 ? false : !n.resolveDisabled(e2));
       case 3: {
-        let e2 = t2.slice().reverse().findIndex((i2) => !n2.resolveDisabled(i2));
+        let e2 = t2.slice().reverse().findIndex((i2) => !n.resolveDisabled(i2));
         return e2 === -1 ? e2 : t2.length - 1 - e2;
       }
       case 4:
-        return t2.findIndex((e2) => n2.resolveId(e2) === r2.id);
+        return t2.findIndex((e2) => n.resolveId(e2) === r2.id);
       case 5:
         return null;
       default:
@@ -96100,9 +96088,9 @@ function x(r2, n2) {
   return d2 === -1 ? l2 : d2;
 }
 var S$1 = ((a2) => (a2[a2.None = 0] = "None", a2[a2.RenderStrategy = 1] = "RenderStrategy", a2[a2.Static = 2] = "Static", a2))(S$1 || {}), j = ((e2) => (e2[e2.Unmount = 0] = "Unmount", e2[e2.Hidden = 1] = "Hidden", e2))(j || {});
-function $({ ourProps: r2, theirProps: t2, slot: e2, defaultTag: a2, features: o2, visible: n2 = true, name: l2 }) {
+function $({ ourProps: r2, theirProps: t2, slot: e2, defaultTag: a2, features: o2, visible: n = true, name: l2 }) {
   let s2 = T$1(t2, r2);
-  if (n2)
+  if (n)
     return p$2(s2, e2, a2, l2);
   let u2 = o2 != null ? o2 : 0;
   if (u2 & 2) {
@@ -96121,7 +96109,7 @@ function $({ ourProps: r2, theirProps: t2, slot: e2, defaultTag: a2, features: o
   return p$2(s2, e2, a2, l2);
 }
 function p$2(r2, t2 = {}, e2, a2) {
-  let { as: o2 = e2, children: n2, refName: l2 = "ref", ...s2 } = m(r2, ["unmount", "static"]), u2 = r2.ref !== void 0 ? { [l2]: r2.ref } : {}, i2 = typeof n2 == "function" ? n2(t2) : n2;
+  let { as: o2 = e2, children: n, refName: l2 = "ref", ...s2 } = m(r2, ["unmount", "static"]), u2 = r2.ref !== void 0 ? { [l2]: r2.ref } : {}, i2 = typeof n == "function" ? n(t2) : n;
   s2.className && typeof s2.className == "function" && (s2.className = s2.className(t2));
   let d2 = {};
   if (t2) {
@@ -96153,17 +96141,17 @@ function T$1(...r2) {
     return r2[0];
   let t2 = {}, e2 = {};
   for (let o2 of r2)
-    for (let n2 in o2)
-      n2.startsWith("on") && typeof o2[n2] == "function" ? (e2[n2] != null || (e2[n2] = []), e2[n2].push(o2[n2])) : t2[n2] = o2[n2];
+    for (let n in o2)
+      n.startsWith("on") && typeof o2[n] == "function" ? (e2[n] != null || (e2[n] = []), e2[n].push(o2[n])) : t2[n] = o2[n];
   if (t2.disabled || t2["aria-disabled"])
     return Object.assign(t2, Object.fromEntries(Object.keys(e2).map((o2) => [o2, void 0])));
   for (let o2 in e2)
-    Object.assign(t2, { [o2](n2, ...l2) {
+    Object.assign(t2, { [o2](n, ...l2) {
       let s2 = e2[o2];
       for (let u2 of s2) {
-        if ((n2 instanceof Event || (n2 == null ? void 0 : n2.nativeEvent) instanceof Event) && n2.defaultPrevented)
+        if ((n instanceof Event || (n == null ? void 0 : n.nativeEvent) instanceof Event) && n.defaultPrevented)
           return;
-        u2(n2, ...l2);
+        u2(n, ...l2);
       }
     } });
   return t2;
@@ -96184,17 +96172,17 @@ function m(r2, t2 = []) {
     a2 in e2 && delete e2[a2];
   return e2;
 }
-function r(n2) {
-  let e2 = n2.parentElement, l2 = null;
+function r(n) {
+  let e2 = n.parentElement, l2 = null;
   for (; e2 && !(e2 instanceof HTMLFieldSetElement); )
     e2 instanceof HTMLLegendElement && (l2 = e2), e2 = e2.parentElement;
   let t2 = (e2 == null ? void 0 : e2.getAttribute("disabled")) === "";
   return t2 && i(l2) ? false : t2;
 }
-function i(n2) {
-  if (!n2)
+function i(n) {
+  if (!n)
     return false;
-  let e2 = n2.previousElementSibling;
+  let e2 = n.previousElementSibling;
   for (; e2 !== null; ) {
     if (e2 instanceof HTMLLegendElement)
       return false;
@@ -96202,24 +96190,24 @@ function i(n2) {
   }
   return true;
 }
-function e$1(n2 = {}, r2 = null, t2 = []) {
-  for (let [i2, o2] of Object.entries(n2))
+function e$1(n = {}, r2 = null, t2 = []) {
+  for (let [i2, o2] of Object.entries(n))
     f$2(t2, s$2(r2, i2), o2);
   return t2;
 }
-function s$2(n2, r2) {
-  return n2 ? n2 + "[" + r2 + "]" : r2;
+function s$2(n, r2) {
+  return n ? n + "[" + r2 + "]" : r2;
 }
-function f$2(n2, r2, t2) {
+function f$2(n, r2, t2) {
   if (Array.isArray(t2))
     for (let [i2, o2] of t2.entries())
-      f$2(n2, s$2(r2, i2.toString()), o2);
+      f$2(n, s$2(r2, i2.toString()), o2);
   else
-    t2 instanceof Date ? n2.push([r2, t2.toISOString()]) : typeof t2 == "boolean" ? n2.push([r2, t2 ? "1" : "0"]) : typeof t2 == "string" ? n2.push([r2, t2]) : typeof t2 == "number" ? n2.push([r2, `${t2}`]) : t2 == null ? n2.push([r2, ""]) : e$1(t2, r2, n2);
+    t2 instanceof Date ? n.push([r2, t2.toISOString()]) : typeof t2 == "boolean" ? n.push([r2, t2 ? "1" : "0"]) : typeof t2 == "string" ? n.push([r2, t2]) : typeof t2 == "number" ? n.push([r2, `${t2}`]) : t2 == null ? n.push([r2, ""]) : e$1(t2, r2, n);
 }
-function p$1(n2) {
+function p$1(n) {
   var t2;
-  let r2 = (t2 = n2 == null ? void 0 : n2.form) != null ? t2 : n2.closest("form");
+  let r2 = (t2 = n == null ? void 0 : n.form) != null ? t2 : n.closest("form");
   if (!!r2) {
     for (let i2 of r2.elements)
       if (i2.tagName === "INPUT" && i2.type === "submit" || i2.tagName === "BUTTON" && i2.type === "submit" || i2.nodeName === "INPUT" && i2.type === "image") {
@@ -96240,13 +96228,13 @@ var p = ((e2) => (e2[e2.Open = 0] = "Open", e2[e2.Closed = 1] = "Closed", e2))(p
 function s() {
   return useContext(o$1);
 }
-function C({ value: t2, children: n2 }) {
-  return React__default.createElement(o$1.Provider, { value: t2 }, n2);
+function C({ value: t2, children: n }) {
+  return React__default.createElement(o$1.Provider, { value: t2 }, n);
 }
 var o = ((r2) => (r2.Space = " ", r2.Enter = "Enter", r2.Escape = "Escape", r2.Backspace = "Backspace", r2.Delete = "Delete", r2.ArrowLeft = "ArrowLeft", r2.ArrowUp = "ArrowUp", r2.ArrowRight = "ArrowRight", r2.ArrowDown = "ArrowDown", r2.Home = "Home", r2.End = "End", r2.PageUp = "PageUp", r2.PageDown = "PageDown", r2.Tab = "Tab", r2))(o || {});
 function T(l2, r2, c2) {
   let [i2, s2] = useState(c2), e2 = l2 !== void 0, t2 = useRef(e2), u2 = useRef(false), d2 = useRef(false);
-  return e2 && !t2.current && !u2.current ? (u2.current = true, t2.current = e2, console.error("A component is changing from uncontrolled to controlled. This may be caused by the value changing from undefined to a defined value, which should not happen.")) : !e2 && t2.current && !d2.current && (d2.current = true, t2.current = e2, console.error("A component is changing from controlled to uncontrolled. This may be caused by the value changing from a defined value to undefined, which should not happen.")), [e2 ? l2 : i2, o$2((n2) => (e2 || s2(n2), r2 == null ? void 0 : r2(n2)))];
+  return e2 && !t2.current && !u2.current ? (u2.current = true, t2.current = e2, console.error("A component is changing from uncontrolled to controlled. This may be caused by the value changing from undefined to a defined value, which should not happen.")) : !e2 && t2.current && !d2.current && (d2.current = true, t2.current = e2, console.error("A component is changing from controlled to uncontrolled. This may be caused by the value changing from a defined value to undefined, which should not happen.")), [e2 ? l2 : i2, o$2((n) => (e2 || s2(n), r2 == null ? void 0 : r2(n)))];
 }
 function t(e2) {
   return [e2.screenX, e2.screenY];
@@ -96254,8 +96242,8 @@ function t(e2) {
 function u$2() {
   let e2 = useRef([-1, -1]);
   return { wasMoved(r2) {
-    let n2 = t(r2);
-    return e2.current[0] === n2[0] && e2.current[1] === n2[1] ? false : (e2.current = n2, true);
+    let n = t(r2);
+    return e2.current[0] === n[0] && e2.current[1] === n[1] ? false : (e2.current = n, true);
   }, update(r2) {
     e2.current = t(r2);
   } };
@@ -96268,16 +96256,16 @@ function f$1() {
 }
 let d = createContext$1(null);
 function u$1() {
-  let n2 = useContext(d);
-  if (n2 === null) {
+  let n = useContext(d);
+  if (n === null) {
     let t2 = new Error("You used a <Description /> component, but it is not inside a relevant parent.");
     throw Error.captureStackTrace && Error.captureStackTrace(t2, u$1), t2;
   }
-  return n2;
+  return n;
 }
 function k() {
-  let [n2, t2] = useState([]);
-  return [n2.length > 0 ? n2.join(" ") : void 0, useMemo(() => function(e2) {
+  let [n, t2] = useState([]);
+  return [n.length > 0 ? n.join(" ") : void 0, useMemo(() => function(e2) {
     let i2 = o$2((r2) => (t2((o2) => [...o2, r2]), () => t2((o2) => {
       let s2 = o2.slice(), p2 = s2.indexOf(r2);
       return p2 !== -1 && s2.splice(p2, 1), s2;
@@ -96291,7 +96279,7 @@ let S = "p", F$2 = C$1(function(t2, c2) {
   let s2 = { ref: o2, ...r2.props, id: i2 };
   return $({ ourProps: s2, theirProps: a2, slot: r2.slot || {}, defaultTag: S, name: r2.name || "Description" });
 });
-var Ue = ((o2) => (o2[o2.Open = 0] = "Open", o2[o2.Closed = 1] = "Closed", o2))(Ue || {}), Be = ((o2) => (o2[o2.Single = 0] = "Single", o2[o2.Multi = 1] = "Multi", o2))(Be || {}), He = ((o2) => (o2[o2.Pointer = 0] = "Pointer", o2[o2.Other = 1] = "Other", o2))(He || {}), Ge = ((n2) => (n2[n2.OpenListbox = 0] = "OpenListbox", n2[n2.CloseListbox = 1] = "CloseListbox", n2[n2.GoToOption = 2] = "GoToOption", n2[n2.Search = 3] = "Search", n2[n2.ClearSearch = 4] = "ClearSearch", n2[n2.RegisterOption = 5] = "RegisterOption", n2[n2.UnregisterOption = 6] = "UnregisterOption", n2[n2.RegisterLabel = 7] = "RegisterLabel", n2))(Ge || {});
+var Ue = ((o2) => (o2[o2.Open = 0] = "Open", o2[o2.Closed = 1] = "Closed", o2))(Ue || {}), Be = ((o2) => (o2[o2.Single = 0] = "Single", o2[o2.Multi = 1] = "Multi", o2))(Be || {}), He = ((o2) => (o2[o2.Pointer = 0] = "Pointer", o2[o2.Other = 1] = "Other", o2))(He || {}), Ge = ((n) => (n[n.OpenListbox = 0] = "OpenListbox", n[n.CloseListbox = 1] = "CloseListbox", n[n.GoToOption = 2] = "GoToOption", n[n.Search = 3] = "Search", n[n.ClearSearch = 4] = "ClearSearch", n[n.RegisterOption = 5] = "RegisterOption", n[n.UnregisterOption = 6] = "UnregisterOption", n[n.RegisterLabel = 7] = "RegisterLabel", n))(Ge || {});
 function q(e2, r2 = (o2) => o2) {
   let o2 = e2.activeOptionIndex !== null ? e2.options[e2.activeOptionIndex] : null, p2 = A$1(r2(e2.options.slice()), (c2) => c2.dataRef.current.domRef.current), i2 = o2 ? p2.indexOf(o2) : null;
   return i2 === -1 && (i2 = null), { options: p2, activeOptionIndex: i2 };
@@ -96312,9 +96300,9 @@ let je = { [1](e2) {
 }, [3]: (e2, r2) => {
   if (e2.dataRef.current.disabled || e2.listboxState === 1)
     return e2;
-  let p2 = e2.searchQuery !== "" ? 0 : 1, i2 = e2.searchQuery + r2.value.toLowerCase(), t2 = (e2.activeOptionIndex !== null ? e2.options.slice(e2.activeOptionIndex + p2).concat(e2.options.slice(0, e2.activeOptionIndex + p2)) : e2.options).find((n2) => {
+  let p2 = e2.searchQuery !== "" ? 0 : 1, i2 = e2.searchQuery + r2.value.toLowerCase(), t2 = (e2.activeOptionIndex !== null ? e2.options.slice(e2.activeOptionIndex + p2).concat(e2.options.slice(0, e2.activeOptionIndex + p2)) : e2.options).find((n) => {
     var T2;
-    return !n2.dataRef.current.disabled && ((T2 = n2.dataRef.current.textValue) == null ? void 0 : T2.startsWith(i2));
+    return !n.dataRef.current.disabled && ((T2 = n.dataRef.current.textValue) == null ? void 0 : T2.startsWith(i2));
   }), u2 = t2 ? e2.options.indexOf(t2) : -1;
   return u2 === -1 || u2 === e2.activeOptionIndex ? { ...e2, searchQuery: i2 } : { ...e2, searchQuery: i2, activeOptionIndex: u2, activationTrigger: 1 };
 }, [4](e2) {
@@ -96352,19 +96340,19 @@ function Ke(e2, r2) {
   return u$4(r2.type, je, e2, r2);
 }
 let Ve = Fragment$1, Ne = C$1(function(r2, o2) {
-  let { value: p$12, defaultValue: i2, name: c2, onChange: t2, by: u2 = (l2, f2) => l2 === f2, disabled: n2 = false, horizontal: T$12 = false, multiple: g = false, ...A2 } = r2;
+  let { value: p$12, defaultValue: i2, name: c2, onChange: t2, by: u2 = (l2, f2) => l2 === f2, disabled: n = false, horizontal: T$12 = false, multiple: g = false, ...A2 } = r2;
   const m2 = T$12 ? "horizontal" : "vertical";
   let P2 = y(o2), [y$1 = g ? [] : void 0, S2] = T(p$12, t2, i2), [h3, s2] = useReducer(Ke, { dataRef: createRef(), listboxState: 1, options: [], searchQuery: "", labelId: null, activeOptionIndex: null, activationTrigger: 1 }), a2 = useRef({ static: false, hold: false }), x2 = useRef(null), D2 = useRef(null), Q = useRef(null), M2 = o$2(typeof u2 == "string" ? (l2, f2) => {
     let v4 = u2;
     return (l2 == null ? void 0 : l2[v4]) === (f2 == null ? void 0 : f2[v4]);
-  } : u2), L$12 = useCallback((l2) => u$4(d2.mode, { [1]: () => y$1.some((f2) => M2(f2, l2)), [0]: () => M2(y$1, l2) }), [y$1]), d2 = useMemo(() => ({ ...h3, value: y$1, disabled: n2, mode: g ? 1 : 0, orientation: m2, compare: M2, isSelected: L$12, optionsPropsRef: a2, labelRef: x2, buttonRef: D2, optionsRef: Q }), [y$1, n2, g, h3]);
+  } : u2), L$12 = useCallback((l2) => u$4(d2.mode, { [1]: () => y$1.some((f2) => M2(f2, l2)), [0]: () => M2(y$1, l2) }), [y$1]), d2 = useMemo(() => ({ ...h3, value: y$1, disabled: n, mode: g ? 1 : 0, orientation: m2, compare: M2, isSelected: L$12, optionsPropsRef: a2, labelRef: x2, buttonRef: D2, optionsRef: Q }), [y$1, n, g, h3]);
   s$5(() => {
     h3.dataRef.current = d2;
   }, [d2]), L([d2.buttonRef, d2.optionsRef], (l2, f2) => {
     var v4;
     s2({ type: 1 }), h$2(f2, F$4.Loose) || (l2.preventDefault(), (v4 = d2.buttonRef.current) == null || v4.focus());
   }, d2.listboxState === 0);
-  let G = useMemo(() => ({ open: d2.listboxState === 0, disabled: n2, value: y$1 }), [d2, n2, y$1]), ie2 = o$2((l2) => {
+  let G = useMemo(() => ({ open: d2.listboxState === 0, disabled: n, value: y$1 }), [d2, n, y$1]), ie2 = o$2((l2) => {
     let f2 = d2.options.find((v4) => v4.id === l2);
     !f2 || k2(f2.dataRef.current.value);
   }), re2 = o$2(() => {
@@ -96388,7 +96376,7 @@ let Ve = Fragment$1, Ne = C$1(function(r2, o2) {
   } : void 0, ...F$3({ key: l2, as: "input", type: "hidden", hidden: true, readOnly: true, name: l2, value: f2 }) })), $({ ourProps: be2, theirProps: A2, slot: G, defaultTag: Ve, name: "Listbox" }))));
 }), We = "button", Qe = C$1(function(r$12, o$12) {
   var h3;
-  let p2 = I$1(), { id: i2 = `headlessui-listbox-button-${p2}`, ...c2 } = r$12, t2 = H("Listbox.Button"), u2 = B("Listbox.Button"), n2 = y(t2.buttonRef, o$12), T2 = p$3(), g = o$2((s2) => {
+  let p2 = I$1(), { id: i2 = `headlessui-listbox-button-${p2}`, ...c2 } = r$12, t2 = H("Listbox.Button"), u2 = B("Listbox.Button"), n = y(t2.buttonRef, o$12), T2 = p$3(), g = o$2((s2) => {
     switch (s2.key) {
       case o.Space:
       case o.Enter:
@@ -96419,19 +96407,19 @@ let Ve = Fragment$1, Ne = C$1(function(r2, o2) {
   }), P2 = i$2(() => {
     if (!!t2.labelId)
       return [t2.labelId, i2].join(" ");
-  }, [t2.labelId, i2]), y$1 = useMemo(() => ({ open: t2.listboxState === 0, disabled: t2.disabled, value: t2.value }), [t2]), S2 = { ref: n2, id: i2, type: s$3(r$12, t2.buttonRef), "aria-haspopup": "listbox", "aria-controls": (h3 = t2.optionsRef.current) == null ? void 0 : h3.id, "aria-expanded": t2.disabled ? void 0 : t2.listboxState === 0, "aria-labelledby": P2, disabled: t2.disabled, onKeyDown: g, onKeyUp: A2, onClick: m2 };
+  }, [t2.labelId, i2]), y$1 = useMemo(() => ({ open: t2.listboxState === 0, disabled: t2.disabled, value: t2.value }), [t2]), S2 = { ref: n, id: i2, type: s$3(r$12, t2.buttonRef), "aria-haspopup": "listbox", "aria-controls": (h3 = t2.optionsRef.current) == null ? void 0 : h3.id, "aria-expanded": t2.disabled ? void 0 : t2.listboxState === 0, "aria-labelledby": P2, disabled: t2.disabled, onKeyDown: g, onKeyUp: A2, onClick: m2 };
   return $({ ourProps: S2, theirProps: c2, slot: y$1, defaultTag: We, name: "Listbox.Button" });
 }), $e = "label", ze = C$1(function(r2, o2) {
-  let p2 = I$1(), { id: i2 = `headlessui-listbox-label-${p2}`, ...c2 } = r2, t2 = H("Listbox.Label"), u2 = B("Listbox.Label"), n2 = y(t2.labelRef, o2);
+  let p2 = I$1(), { id: i2 = `headlessui-listbox-label-${p2}`, ...c2 } = r2, t2 = H("Listbox.Label"), u2 = B("Listbox.Label"), n = y(t2.labelRef, o2);
   s$5(() => u2.registerLabel(i2), [i2]);
   let T2 = o$2(() => {
     var m2;
     return (m2 = t2.buttonRef.current) == null ? void 0 : m2.focus({ preventScroll: true });
   }), g = useMemo(() => ({ open: t2.listboxState === 0, disabled: t2.disabled }), [t2]);
-  return $({ ourProps: { ref: n2, id: i2, onClick: T2 }, theirProps: c2, slot: g, defaultTag: $e, name: "Listbox.Label" });
+  return $({ ourProps: { ref: n, id: i2, onClick: T2 }, theirProps: c2, slot: g, defaultTag: $e, name: "Listbox.Label" });
 }), qe = "ul", Xe = S$1.RenderStrategy | S$1.Static, Je$1 = C$1(function(r2, o$12) {
   var s$12;
-  let p$12 = I$1(), { id: i2 = `headlessui-listbox-options-${p$12}`, ...c2 } = r2, t2 = H("Listbox.Options"), u2 = B("Listbox.Options"), n2 = y(t2.optionsRef, o$12), T2 = p$3(), g = p$3(), A2 = s(), m2 = (() => A2 !== null ? A2 === p.Open : t2.listboxState === 0)();
+  let p$12 = I$1(), { id: i2 = `headlessui-listbox-options-${p$12}`, ...c2 } = r2, t2 = H("Listbox.Options"), u2 = B("Listbox.Options"), n = y(t2.optionsRef, o$12), T2 = p$3(), g = p$3(), A2 = s(), m2 = (() => A2 !== null ? A2 === p.Open : t2.listboxState === 0)();
   useEffect(() => {
     var x2;
     let a2 = t2.optionsRef.current;
@@ -96477,28 +96465,28 @@ let Ve = Fragment$1, Ne = C$1(function(r2, o2) {
   }), y$1 = i$2(() => {
     var a2, x2, D2;
     return (D2 = (a2 = t2.labelRef.current) == null ? void 0 : a2.id) != null ? D2 : (x2 = t2.buttonRef.current) == null ? void 0 : x2.id;
-  }, [t2.labelRef.current, t2.buttonRef.current]), S2 = useMemo(() => ({ open: t2.listboxState === 0 }), [t2]), h3 = { "aria-activedescendant": t2.activeOptionIndex === null || (s$12 = t2.options[t2.activeOptionIndex]) == null ? void 0 : s$12.id, "aria-multiselectable": t2.mode === 1 ? true : void 0, "aria-labelledby": y$1, "aria-orientation": t2.orientation, id: i2, onKeyDown: P2, role: "listbox", tabIndex: 0, ref: n2 };
+  }, [t2.labelRef.current, t2.buttonRef.current]), S2 = useMemo(() => ({ open: t2.listboxState === 0 }), [t2]), h3 = { "aria-activedescendant": t2.activeOptionIndex === null || (s$12 = t2.options[t2.activeOptionIndex]) == null ? void 0 : s$12.id, "aria-multiselectable": t2.mode === 1 ? true : void 0, "aria-labelledby": y$1, "aria-orientation": t2.orientation, id: i2, onKeyDown: P2, role: "listbox", tabIndex: 0, ref: n };
   return $({ ourProps: h3, theirProps: c2, slot: S2, defaultTag: qe, features: Xe, visible: m2, name: "Listbox.Options" });
 }), Ye = "li", Ze = C$1(function(r2, o2) {
-  let p2 = I$1(), { id: i2 = `headlessui-listbox-option-${p2}`, disabled: c2 = false, value: t2, ...u2 } = r2, n2 = H("Listbox.Option"), T2 = B("Listbox.Option"), g = n2.activeOptionIndex !== null ? n2.options[n2.activeOptionIndex].id === i2 : false, A2 = n2.isSelected(t2), m2 = useRef(null), P2 = s$4({ disabled: c2, value: t2, domRef: m2, get textValue() {
+  let p2 = I$1(), { id: i2 = `headlessui-listbox-option-${p2}`, disabled: c2 = false, value: t2, ...u2 } = r2, n = H("Listbox.Option"), T2 = B("Listbox.Option"), g = n.activeOptionIndex !== null ? n.options[n.activeOptionIndex].id === i2 : false, A2 = n.isSelected(t2), m2 = useRef(null), P2 = s$4({ disabled: c2, value: t2, domRef: m2, get textValue() {
     var L2, d2;
     return (d2 = (L2 = m2.current) == null ? void 0 : L2.textContent) == null ? void 0 : d2.toLowerCase();
   } }), y$1 = y(o2, m2);
   s$5(() => {
-    if (n2.listboxState !== 0 || !g || n2.activationTrigger === 0)
+    if (n.listboxState !== 0 || !g || n.activationTrigger === 0)
       return;
     let L2 = m$1();
     return L2.requestAnimationFrame(() => {
       var d2, G;
       (G = (d2 = m2.current) == null ? void 0 : d2.scrollIntoView) == null || G.call(d2, { block: "nearest" });
     }), L2.dispose;
-  }, [m2, g, n2.listboxState, n2.activationTrigger, n2.activeOptionIndex]), s$5(() => T2.registerOption(i2, P2), [P2, i2]);
+  }, [m2, g, n.listboxState, n.activationTrigger, n.activeOptionIndex]), s$5(() => T2.registerOption(i2, P2), [P2, i2]);
   let S2 = o$2((L2) => {
     if (c2)
       return L2.preventDefault();
-    T2.onChange(t2), n2.mode === 0 && (T2.closeListbox(), m$1().nextFrame(() => {
+    T2.onChange(t2), n.mode === 0 && (T2.closeListbox(), m$1().nextFrame(() => {
       var d2;
-      return (d2 = n2.buttonRef.current) == null ? void 0 : d2.focus({ preventScroll: true });
+      return (d2 = n.buttonRef.current) == null ? void 0 : d2.focus({ preventScroll: true });
     }));
   }), h3 = o$2(() => {
     if (c2)
@@ -96513,16 +96501,16 @@ let Ve = Fragment$1, Ne = C$1(function(r2, o2) {
 }), Mt = Object.assign(Ne, { Button: Qe, Label: ze, Options: Je$1, Option: Ze });
 let u = createContext$1(null);
 function c() {
-  let n2 = useContext(u);
-  if (n2 === null) {
+  let n = useContext(u);
+  if (n === null) {
     let r2 = new Error("You used a <Label /> component, but it is not inside a relevant parent.");
     throw Error.captureStackTrace && Error.captureStackTrace(r2, c), r2;
   }
-  return n2;
+  return n;
 }
 function M$2() {
-  let [n2, r2] = useState([]);
-  return [n2.length > 0 ? n2.join(" ") : void 0, useMemo(() => function(e2) {
+  let [n, r2] = useState([]);
+  return [n.length > 0 ? n.join(" ") : void 0, useMemo(() => function(e2) {
     let o2 = o$2((l2) => (r2((t2) => [...t2, l2]), () => r2((t2) => {
       let i2 = t2.slice(), a2 = i2.indexOf(l2);
       return a2 !== -1 && i2.splice(a2, 1), i2;
@@ -96546,20 +96534,20 @@ function Z(y2) {
   } } }, React__default.createElement(b.Provider, { value: p2 }, $({ ourProps: d2, theirProps: h3, defaultTag: Y, name: "Switch.Group" }))));
 }
 let ee = "button", te = C$1(function(t2, a2) {
-  let s2 = I$1(), { id: m2 = `headlessui-switch-${s2}`, checked: c2, defaultChecked: o$12 = false, onChange: p2, name: d2, value: h3, ...v4 } = t2, r$12 = useContext(b), u2 = useRef(null), k2 = y(u2, a2, r$12 === null ? null : r$12.setSwitch), [n2, i2] = T(c2, p2, o$12), T$12 = o$2(() => i2 == null ? void 0 : i2(!n2)), g = o$2((e2) => {
+  let s2 = I$1(), { id: m2 = `headlessui-switch-${s2}`, checked: c2, defaultChecked: o$12 = false, onChange: p2, name: d2, value: h3, ...v4 } = t2, r$12 = useContext(b), u2 = useRef(null), k2 = y(u2, a2, r$12 === null ? null : r$12.setSwitch), [n, i2] = T(c2, p2, o$12), T$12 = o$2(() => i2 == null ? void 0 : i2(!n)), g = o$2((e2) => {
     if (r(e2.currentTarget))
       return e2.preventDefault();
     e2.preventDefault(), T$12();
   }), C2 = o$2((e2) => {
     e2.key === o.Space ? (e2.preventDefault(), T$12()) : e2.key === o.Enter && p$1(e2.currentTarget);
-  }), D2 = o$2((e2) => e2.preventDefault()), L2 = useMemo(() => ({ checked: n2 }), [n2]), R = { id: m2, ref: k2, role: "switch", type: s$3(t2, u2), tabIndex: 0, "aria-checked": n2, "aria-labelledby": r$12 == null ? void 0 : r$12.labelledby, "aria-describedby": r$12 == null ? void 0 : r$12.describedby, onClick: g, onKeyUp: C2, onKeyPress: D2 }, A2 = p$3();
+  }), D2 = o$2((e2) => e2.preventDefault()), L2 = useMemo(() => ({ checked: n }), [n]), R = { id: m2, ref: k2, role: "switch", type: s$3(t2, u2), tabIndex: 0, "aria-checked": n, "aria-labelledby": r$12 == null ? void 0 : r$12.labelledby, "aria-describedby": r$12 == null ? void 0 : r$12.describedby, onClick: g, onKeyUp: C2, onKeyPress: D2 }, A2 = p$3();
   return useEffect(() => {
     var E;
     let e2 = (E = u2.current) == null ? void 0 : E.closest("form");
     !e2 || o$12 !== void 0 && A2.addEventListener(e2, "reset", () => {
       i2(o$12);
     });
-  }, [u2, i2]), React__default.createElement(React__default.Fragment, null, d2 != null && n2 && React__default.createElement(h$1, { features: s$1.Hidden, ...F$3({ as: "input", type: "checkbox", hidden: true, readOnly: true, checked: n2, name: d2, value: h3 }) }), $({ ourProps: R, theirProps: v4, slot: L2, defaultTag: ee, name: "Switch" }));
+  }, [u2, i2]), React__default.createElement(React__default.Fragment, null, d2 != null && n && React__default.createElement(h$1, { features: s$1.Hidden, ...F$3({ as: "input", type: "checkbox", hidden: true, readOnly: true, checked: n, name: d2, value: h3 }) }), $({ ourProps: R, theirProps: v4, slot: L2, defaultTag: ee, name: "Switch" }));
 }), Pe$1 = Object.assign(te, { Group: Z, Label: F$1, Description: F$2 });
 function l(r2) {
   let e2 = { called: false };
@@ -96575,23 +96563,23 @@ function f(t2, ...e2) {
   t2 && e2.length > 0 && t2.classList.remove(...e2);
 }
 function F(t2, e2) {
-  let n2 = m$1();
+  let n = m$1();
   if (!t2)
-    return n2.dispose;
+    return n.dispose;
   let { transitionDuration: a2, transitionDelay: i2 } = getComputedStyle(t2), [m2, d2] = [a2, i2].map((o2) => {
     let [r2 = 0] = o2.split(",").filter(Boolean).map((l2) => l2.includes("ms") ? parseFloat(l2) : parseFloat(l2) * 1e3).sort((l2, g) => g - l2);
     return r2;
   });
   if (m2 + d2 !== 0) {
-    let o2 = n2.addEventListener(t2, "transitionend", (r2) => {
+    let o2 = n.addEventListener(t2, "transitionend", (r2) => {
       r2.target === r2.currentTarget && (e2(), o2());
     });
   } else
     e2();
-  return n2.add(() => e2()), n2.dispose;
+  return n.add(() => e2()), n.dispose;
 }
-function M$1(t2, e2, n2, a2) {
-  let i2 = n2 ? "enter" : "leave", m2 = m$1(), d2 = a2 !== void 0 ? l(a2) : () => {
+function M$1(t2, e2, n, a2) {
+  let i2 = n ? "enter" : "leave", m2 = m$1(), d2 = a2 !== void 0 ? l(a2) : () => {
   };
   i2 === "enter" && (t2.removeAttribute("hidden"), t2.style.display = "");
   let u2 = u$4(i2, { enter: () => e2.enter, leave: () => e2.leave }), o2 = u$4(i2, { enter: () => e2.enterTo, leave: () => e2.leaveTo }), r2 = u$4(i2, { enter: () => e2.enterFrom, leave: () => e2.leaveFrom });
@@ -96604,15 +96592,15 @@ function D({ container: i2, direction: t2, classes: o2, onStart: s2, onStop: u2
   s$5(() => {
     let e2 = m$1();
     c2.add(e2.dispose);
-    let n2 = i2.current;
-    if (!!n2 && r2.current !== "idle" && !!a2.current)
-      return e2.dispose(), s2.current(r2.current), e2.add(M$1(n2, o2.current, r2.current === "enter", () => {
+    let n = i2.current;
+    if (!!n && r2.current !== "idle" && !!a2.current)
+      return e2.dispose(), s2.current(r2.current), e2.add(M$1(n, o2.current, r2.current === "enter", () => {
         e2.dispose(), u2.current(r2.current);
       })), e2.dispose;
   }, [t2]);
 }
-function e(...n2) {
-  return n2.filter(Boolean).join(" ");
+function e(...n) {
+  return n.filter(Boolean).join(" ");
 }
 function P(i2 = "") {
   return i2.split(" ").filter((e2) => e2.trim().length > 1);
@@ -96638,19 +96626,19 @@ function I(i2) {
   return "children" in i2 ? I(i2.children) : i2.current.filter(({ el: e2 }) => e2.current !== null).filter(({ state: e2 }) => e2 === "visible").length > 0;
 }
 function ne(i2, e2) {
-  let s2 = s$4(i2), n2 = useRef([]), m2 = f$1(), R = p$3(), b2 = o$2((l2, r2 = j.Hidden) => {
-    let t2 = n2.current.findIndex(({ el: o2 }) => o2 === l2);
+  let s2 = s$4(i2), n = useRef([]), m2 = f$1(), R = p$3(), b2 = o$2((l2, r2 = j.Hidden) => {
+    let t2 = n.current.findIndex(({ el: o2 }) => o2 === l2);
     t2 !== -1 && (u$4(r2, { [j.Unmount]() {
-      n2.current.splice(t2, 1);
+      n.current.splice(t2, 1);
     }, [j.Hidden]() {
-      n2.current[t2].state = "hidden";
+      n.current[t2].state = "hidden";
     } }), R.microTask(() => {
       var o2;
-      !I(n2) && m2.current && ((o2 = s2.current) == null || o2.call(s2));
+      !I(n) && m2.current && ((o2 = s2.current) == null || o2.call(s2));
     }));
   }), E = o$2((l2) => {
-    let r2 = n2.current.find(({ el: t2 }) => t2 === l2);
-    return r2 ? r2.state !== "visible" && (r2.state = "visible") : n2.current.push({ el: l2, state: "visible" }), () => b2(l2, j.Unmount);
+    let r2 = n.current.find(({ el: t2 }) => t2 === l2);
+    return r2 ? r2.state !== "visible" && (r2.state = "visible") : n.current.push({ el: l2, state: "visible" }), () => b2(l2, j.Unmount);
   }), S2 = useRef([]), u2 = useRef(Promise.resolve()), p2 = useRef({ enter: [], leave: [], idle: [] }), d2 = o$2((l2, r2, t2) => {
     S2.current.splice(0), e2 && (e2.chains.current[r2] = e2.chains.current[r2].filter(([o2]) => o2 !== l2)), e2 == null || e2.chains.current[r2].push([l2, new Promise((o2) => {
       S2.current.push(o2);
@@ -96663,7 +96651,7 @@ function ne(i2, e2) {
       (o2 = S2.current.shift()) == null || o2();
     }).then(() => t2(r2));
   });
-  return useMemo(() => ({ children: n2, register: E, unregister: b2, onStart: d2, onStop: v4, wait: u2, chains: p2 }), [E, b2, n2, d2, v4, p2, u2]);
+  return useMemo(() => ({ children: n, register: E, unregister: b2, onStart: d2, onStop: v4, wait: u2, chains: p2 }), [E, b2, n, d2, v4, p2, u2]);
 }
 function Ee() {
 }
@@ -96671,8 +96659,8 @@ let Se = ["beforeEnter", "afterEnter", "beforeLeave", "afterLeave"];
 function re(i2) {
   var s2;
   let e2 = {};
-  for (let n2 of Se)
-    e2[n2] = (s2 = i2[n2]) != null ? s2 : Ee;
+  for (let n of Se)
+    e2[n] = (s2 = i2[n]) != null ? s2 : Ee;
   return e2;
 }
 function xe(i2) {
@@ -96682,7 +96670,7 @@ function xe(i2) {
   }, [i2]), e2;
 }
 let Pe = "div", ie = S$1.RenderStrategy, oe = C$1(function(e$12, s2) {
-  let { beforeEnter: n2, afterEnter: m2, beforeLeave: R, afterLeave: b2, enter: E, enterFrom: S2, enterTo: u2, entered: p$12, leave: d2, leaveFrom: v4, leaveTo: l2, ...r2 } = e$12, t2 = useRef(null), o2 = y(t2, s2), f2 = r2.unmount ? j.Unmount : j.Hidden, { show: a2, appear: x2, initial: se } = ge(), [h3, _] = useState(a2 ? "visible" : "hidden"), K = be(), { register: D$1, unregister: V } = K, j$1 = useRef(null);
+  let { beforeEnter: n, afterEnter: m2, beforeLeave: R, afterLeave: b2, enter: E, enterFrom: S2, enterTo: u2, entered: p$12, leave: d2, leaveFrom: v4, leaveTo: l2, ...r2 } = e$12, t2 = useRef(null), o2 = y(t2, s2), f2 = r2.unmount ? j.Unmount : j.Hidden, { show: a2, appear: x2, initial: se } = ge(), [h3, _] = useState(a2 ? "visible" : "hidden"), K = be(), { register: D$1, unregister: V } = K, j$1 = useRef(null);
   useEffect(() => D$1(t2), [D$1, t2]), useEffect(() => {
     if (f2 === j.Hidden && !!t2.current) {
       if (a2 && h3 !== "visible") {
@@ -96692,7 +96680,7 @@ let Pe = "div", ie = S$1.RenderStrategy, oe = C$1(function(e$12, s2) {
       return u$4(h3, { ["hidden"]: () => V(t2), ["visible"]: () => D$1(t2) });
     }
   }, [h3, t2, D$1, V, a2, f2]);
-  let U = s$4({ enter: P(E), enterFrom: P(S2), enterTo: P(u2), entered: P(p$12), leave: P(d2), leaveFrom: P(v4), leaveTo: P(l2) }), w2 = xe({ beforeEnter: n2, afterEnter: m2, beforeLeave: R, afterLeave: b2 }), k2 = a$2();
+  let U = s$4({ enter: P(E), enterFrom: P(S2), enterTo: P(u2), entered: P(p$12), leave: P(d2), leaveFrom: P(v4), leaveTo: P(l2) }), w2 = xe({ beforeEnter: n, afterEnter: m2, beforeLeave: R, afterLeave: b2 }), k2 = a$2();
   useEffect(() => {
     if (k2 && h3 === "visible" && t2.current === null)
       throw new Error("Did you forget to passthrough the `ref` to the actual DOM node?");
@@ -96712,20 +96700,20 @@ let Pe = "div", ie = S$1.RenderStrategy, oe = C$1(function(e$12, s2) {
   let B2 = r2, de = { ref: o2 };
   return x2 && a2 && (typeof window == "undefined" || typeof document == "undefined") && (B2 = { ...B2, className: e(r2.className, ...U.current.enter, ...U.current.enterFrom) }), React__default.createElement(M.Provider, { value: L2 }, React__default.createElement(C, { value: u$4(h3, { ["visible"]: p.Open, ["hidden"]: p.Closed }) }, $({ ourProps: de, theirProps: B2, defaultTag: Pe, features: ie, visible: h3 === "visible", name: "Transition.Child" })));
 }), J = C$1(function(e2, s$12) {
-  let { show: n2, appear: m2 = false, unmount: R, ...b2 } = e2, E = useRef(null), S2 = y(E, s$12);
+  let { show: n, appear: m2 = false, unmount: R, ...b2 } = e2, E = useRef(null), S2 = y(E, s$12);
   a$2();
   let u2 = s();
-  if (n2 === void 0 && u2 !== null && (n2 = u$4(u2, { [p.Open]: true, [p.Closed]: false })), ![true, false].includes(n2))
+  if (n === void 0 && u2 !== null && (n = u$4(u2, { [p.Open]: true, [p.Closed]: false })), ![true, false].includes(n))
     throw new Error("A <Transition /> is used but it is missing a `show={true | false}` prop.");
-  let [p$12, d2] = useState(n2 ? "visible" : "hidden"), v4 = ne(() => {
+  let [p$12, d2] = useState(n ? "visible" : "hidden"), v4 = ne(() => {
     d2("hidden");
-  }), [l2, r2] = useState(true), t2 = useRef([n2]);
+  }), [l2, r2] = useState(true), t2 = useRef([n]);
   s$5(() => {
-    l2 !== false && t2.current[t2.current.length - 1] !== n2 && (t2.current.push(n2), r2(false));
-  }, [t2, n2]);
-  let o2 = useMemo(() => ({ show: n2, appear: m2, initial: l2 }), [n2, m2, l2]);
+    l2 !== false && t2.current[t2.current.length - 1] !== n && (t2.current.push(n), r2(false));
+  }, [t2, n]);
+  let o2 = useMemo(() => ({ show: n, appear: m2, initial: l2 }), [n, m2, l2]);
   useEffect(() => {
-    if (n2)
+    if (n)
       d2("visible");
     else if (!I(v4))
       d2("hidden");
@@ -96736,12 +96724,12 @@ let Pe = "div", ie = S$1.RenderStrategy, oe = C$1(function(e$12, s2) {
       let x2 = a2.getBoundingClientRect();
       x2.x === 0 && x2.y === 0 && x2.width === 0 && x2.height === 0 && d2("hidden");
     }
-  }, [n2, v4]);
+  }, [n, v4]);
   let f2 = { unmount: R };
   return React__default.createElement(M.Provider, { value: v4 }, React__default.createElement(A.Provider, { value: o2 }, $({ ourProps: { ...f2, as: Fragment$1, children: React__default.createElement(oe, { ref: S2, ...f2, ...b2 }) }, theirProps: {}, defaultTag: Fragment$1, features: ie, visible: p$12 === "visible", name: "Transition" })));
 }), ye = C$1(function(e2, s$12) {
-  let n2 = useContext(A) !== null, m2 = s() !== null;
-  return React__default.createElement(React__default.Fragment, null, !n2 && m2 ? React__default.createElement(J, { ref: s$12, ...e2 }) : React__default.createElement(oe, { ref: s$12, ...e2 }));
+  let n = useContext(A) !== null, m2 = s() !== null;
+  return React__default.createElement(React__default.Fragment, null, !n && m2 ? React__default.createElement(J, { ref: s$12, ...e2 }) : React__default.createElement(oe, { ref: s$12, ...e2 }));
 }), Je = Object.assign(J, { Child: ye, Root: J });
 const listBoxButton = "_listBoxButton_syk7m_5";
 const selectedOptionText = "_selectedOptionText_syk7m_17";
@@ -98325,15 +98313,15 @@ var styles$j = {
   floatingCreateButton,
   floatingCreateButtonIcon
 };
-const container$a = "_container_hveoi_1";
-const header$3 = "_header_hveoi_5";
-const wrapper$2 = "_wrapper_hveoi_9";
-const column = "_column_hveoi_17";
+const container$a = "_container_32zer_1";
+const header$3 = "_header_32zer_5";
+const wrapper$2 = "_wrapper_32zer_9";
+const column = "_column_32zer_17";
 var styles$i = {
   container: container$a,
   header: header$3,
   wrapper: wrapper$2,
-  "col-container": "_col-container_hveoi_13",
+  "col-container": "_col-container_32zer_13",
   column
 };
 const systemUiconsHash = (props) => /* @__PURE__ */ jsx("svg", {
@@ -99833,7 +99821,7 @@ const ChartTab = ({
             children: [/* @__PURE__ */ jsx(Button, {
               type: "button",
               variant: "custom",
-              className: (labels2 == null ? void 0 : labels2.length) ? styles$d.sqlfullQuery : styles$d.noQuery,
+              className: (labels2 == null ? void 0 : labels2.length) ? styles$d.fullQuery : styles$d.noQuery,
               onClick: (labels2 == null ? void 0 : labels2.length) ? () => setShowFullScreen(true) : void 0,
               children: /* @__PURE__ */ jsx(fluentFullScreenMinimize16Filled, {})
             }), /* @__PURE__ */ jsx(Button, {
@@ -101602,6 +101590,7 @@ const EmbeddedMetricCreation = ({
     value: "",
     label: ""
   });
+  const [companySubsetTableList, setCompanySubsetTableList] = useState([]);
   useEffect(() => {
     if (selectedGroupBy.length)
       setGroupBy({
@@ -101609,43 +101598,52 @@ const EmbeddedMetricCreation = ({
       });
   }, [selectedGroupBy]);
   const {
-    data: subsetData
-  } = useCompanySubsetTableListQuery({
-    companyId
-  }, {
-    enabled: !!companyId
-  });
-  const tableData2 = useMemo(() => {
-    var _a3;
-    return ((_a3 = subsetData == null ? void 0 : subsetData.companySubsetTables[0]) == null ? void 0 : _a3.tableList) || [];
-  }, [subsetData == null ? void 0 : subsetData.companySubsetTables]);
-  const tableList = useMemo(() => (tableData2 == null ? void 0 : tableData2.map((table2) => ({
+    mutate: getCompanySubsetTableData
+  } = useCompanySubsetTableDataMutation();
+  const tableList = useMemo(() => companySubsetTableList.map((table2) => ({
     value: table2.tableName,
     label: table2.tableName
-  }))) || [], [tableData2]);
-  const selectedTableData = useMemo(() => tableData2 == null ? void 0 : tableData2.find((table2) => table2.tableName === selectTable.value), [selectTable.value, tableData2]);
-  const columnList = useMemo(() => {
-    var _a3;
-    return ((_a3 = selectedTableData == null ? void 0 : selectedTableData.columns) == null ? void 0 : _a3.map(({
-      name,
-      as
-    }) => ({
-      value: name,
-      label: as
-    }))) || [];
-  }, [selectedTableData]);
+  })), [companySubsetTableList]);
+  const selectedTableData = useMemo(() => companySubsetTableList.find((table2) => table2.tableName === selectTable.value), [selectTable.value, companySubsetTableList]);
+  const columnList = useMemo(() => (selectedTableData == null ? void 0 : selectedTableData.columns.map(({
+    name,
+    as
+  }) => ({
+    value: name,
+    label: as
+  }))) || [], [selectedTableData]);
   useEffect(() => {
-    if (tableList == null ? void 0 : tableList.length) {
+    if (tableList.length) {
       setSelectTable(tableList[0]);
     }
   }, [tableList]);
-  const dateTimeColumnList = useMemo(() => {
-    var _a3;
-    return ((_a3 = selectedTableData == null ? void 0 : selectedTableData.columns) == null ? void 0 : _a3.filter(({
-      datatype
-    }) => DATE_TYPES.includes(datatype.toLowerCase()))) || [];
-  }, [selectedTableData]);
+  const dateTimeColumnList = useMemo(() => (selectedTableData == null ? void 0 : selectedTableData.columns.filter(({
+    datatype
+  }) => DATE_TYPES.includes(datatype.toLowerCase()))) || [], [selectedTableData]);
   const [companyIntegration, setCompanyIntegration] = useState();
+  useEffect(() => {
+    if (clientId && companyId) {
+      getCompanySubsetTableData({
+        clientId,
+        companyId
+      }, {
+        onSuccess(response) {
+          var _a3;
+          const subsetError = (_a3 = response.companySubsetTableData) == null ? void 0 : _a3.error;
+          const companySubsetTableData = response.companySubsetTableData;
+          if (subsetError) {
+            setError(subsetError.message);
+          } else {
+            setCompanyIntegration({
+              id: companySubsetTableData == null ? void 0 : companySubsetTableData.companyIntegrationId,
+              name: companySubsetTableData == null ? void 0 : companySubsetTableData.dbName
+            });
+            setCompanySubsetTableList(companySubsetTableData == null ? void 0 : companySubsetTableData.tableList);
+          }
+        }
+      });
+    }
+  }, [clientId, companyId, getCompanySubsetTableData]);
   const [chartType2, setChartType] = useState("bar");
   const [xAxis, setXAxis] = useState();
   const [step, setStep] = useState();
@@ -101710,19 +101708,6 @@ const EmbeddedMetricCreation = ({
       setYAxisList(keys2.slice(1));
     }
   }, [data, isEnableGroupBy]);
-  const {
-    data: companyIntegrationData
-  } = useCompanyIntegrationQuery({
-    companyId
-  });
-  useEffect(() => {
-    const compIntdata = companyIntegrationData == null ? void 0 : companyIntegrationData.companyIntegrations[0];
-    if (compIntdata)
-      setCompanyIntegration({
-        id: compIntdata.id,
-        name: compIntdata.name
-      });
-  }, [companyIntegrationData]);
   const {
     createExternalMetric,
     error: saveError