@databrainhq/plugin 0.7.8 → 0.7.10

package/dist/index.es.js

@@ -2512,68 +2512,70 @@ function useQuery(arg1, arg2, arg3) {
   var parsedOptions = parseQueryArgs(arg1, arg2, arg3);
   return useBaseQuery(parsedOptions, QueryObserver);
 }
-const container$g = "_container_1hfou_1";
-const fixed = "_fixed_1hfou_1";
-const absolute = "_absolute_1hfou_1";
-const table$5 = "_table_1hfou_1";
-const grid = "_grid_1hfou_1";
-const hidden = "_hidden_1hfou_1";
-const transform = "_transform_1hfou_1";
-const resize = "_resize_1hfou_1";
-const truncate = "_truncate_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";
+const container$g = "_container_10z7z_1";
+const fixed = "_fixed_10z7z_1";
+const absolute = "_absolute_10z7z_1";
+const flex = "_flex_10z7z_1";
+const table$5 = "_table_10z7z_1";
+const grid = "_grid_10z7z_1";
+const hidden = "_hidden_10z7z_1";
+const transform = "_transform_10z7z_1";
+const resize = "_resize_10z7z_1";
+const truncate = "_truncate_10z7z_1";
+const border = "_border_10z7z_1";
+const shadow = "_shadow_10z7z_1";
+const filter$1 = "_filter_10z7z_351";
+const floatingFilterButton = "_floatingFilterButton_10z7z_359";
+const floatingFilterButtonIcon = "_floatingFilterButtonIcon_10z7z_367";
+const floatingButton = "_floatingButton_10z7z_375";
+const floatingButtonIcon = "_floatingButtonIcon_10z7z_383";
+const staticContainer = "_staticContainer_10z7z_391";
+const floatingContainer = "_floatingContainer_10z7z_399";
 var styles$B = {
   container: container$g,
-  "static": "_static_1hfou_387",
+  "static": "_static_10z7z_391",
   fixed,
   absolute,
-  "left-2": "_left-2_1hfou_1",
-  "top-1": "_top-1_1hfou_1",
-  "mt-2.5": "_mt-2.5_1hfou_1",
-  "mt-2": "_mt-2_1hfou_1",
-  "mb-3": "_mb-3_1hfou_1",
+  "left-2": "_left-2_10z7z_1",
+  "top-1": "_top-1_10z7z_1",
+  "mt-2.5": "_mt-2.5_10z7z_1",
+  "mt-2": "_mt-2_10z7z_1",
+  "mb-3": "_mb-3_10z7z_1",
+  flex,
   table: table$5,
   grid,
   hidden,
-  "h-screen": "_h-screen_1hfou_1",
-  "h-[10%]": "_h-[10%]_1hfou_1",
-  "w-screen": "_w-screen_1hfou_1",
-  "w-full": "_w-full_1hfou_1",
+  "h-screen": "_h-screen_10z7z_1",
+  "h-[10%]": "_h-[10%]_10z7z_1",
+  "w-screen": "_w-screen_10z7z_1",
+  "w-full": "_w-full_10z7z_1",
   transform,
   resize,
-  "overflow-x-hidden": "_overflow-x-hidden_1hfou_1",
+  "overflow-x-hidden": "_overflow-x-hidden_10z7z_1",
   truncate,
   border,
-  "p-2": "_p-2_1hfou_1",
-  "text-center": "_text-center_1hfou_1",
-  "text-sm": "_text-sm_1hfou_1",
-  "text-xs": "_text-xs_1hfou_1",
-  "text-blue-700": "_text-blue-700_1hfou_1",
+  "p-2": "_p-2_10z7z_1",
+  "text-center": "_text-center_10z7z_1",
+  "text-sm": "_text-sm_10z7z_1",
+  "text-xs": "_text-xs_10z7z_1",
+  "text-blue-700": "_text-blue-700_10z7z_1",
   shadow,
   filter: filter$1,
-  "!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",
+  "!filter": "_!filter_10z7z_1",
+  "embedDashboard-container": "_embedDashboard-container_10z7z_311",
+  "embedDashboard-header-static": "_embedDashboard-header-static_10z7z_319",
+  "embedDashboard-header-floating": "_embedDashboard-header-floating_10z7z_327",
+  "embedDashboard-wrapper": "_embedDashboard-wrapper_10z7z_335",
+  "alt-container": "_alt-container_10z7z_343",
   floatingFilterButton,
   floatingFilterButtonIcon,
   floatingButton,
   floatingButtonIcon,
   staticContainer,
   floatingContainer,
-  "hover:cursor-pointer": "_hover:cursor-pointer_1hfou_1",
-  "hover:cursor-text": "_hover:cursor-text_1hfou_1",
-  "disabled:cursor-text": "_disabled:cursor-text_1hfou_1"
+  "hover:cursor-pointer": "_hover:cursor-pointer_10z7z_1",
+  "hover:cursor-text": "_hover:cursor-text_10z7z_1",
+  "disabled:cursor-text": "_disabled:cursor-text_10z7z_1"
 };
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 function getAugmentedNamespace(n2) {
@@ -7844,29 +7846,31 @@ var styles$z = {
   "noMetric-wrapper": "_noMetric-wrapper_1b506_25",
   "alt-container": "_alt-container_1b506_33"
 };
-const cardContainer = "_cardContainer_kxfcv_1";
-const listHeader = "_listHeader_kxfcv_9";
-const metricName = "_metricName_kxfcv_17";
-const metricDescription = "_metricDescription_kxfcv_25";
-const popup$1 = "_popup_kxfcv_33";
-const popupIcon = "_popupIcon_kxfcv_41";
-const popupMenu = "_popupMenu_kxfcv_49";
-const popupItem = "_popupItem_kxfcv_57";
-const csvBtn = "_csvBtn_kxfcv_65";
-const metricData = "_metricData_kxfcv_73";
-const singleValueData = "_singleValueData_kxfcv_81";
-const singleValue = "_singleValue_kxfcv_81";
-const noData$2 = "_noData_kxfcv_97";
-const noDataContent = "_noDataContent_kxfcv_105";
-const noDataText = "_noDataText_kxfcv_113";
-const loading = "_loading_kxfcv_121";
-const features$1 = "_features_kxfcv_129";
+const cardContainer = "_cardContainer_jf7tb_1";
+const listHeader = "_listHeader_jf7tb_9";
+const metricName = "_metricName_jf7tb_17";
+const metricDescription = "_metricDescription_jf7tb_25";
+const popup$1 = "_popup_jf7tb_33";
+const metricFilter = "_metricFilter_jf7tb_41";
+const popupIcon = "_popupIcon_jf7tb_49";
+const popupMenu = "_popupMenu_jf7tb_57";
+const popupItem = "_popupItem_jf7tb_65";
+const csvBtn = "_csvBtn_jf7tb_73";
+const metricData = "_metricData_jf7tb_81";
+const singleValueData = "_singleValueData_jf7tb_89";
+const singleValue = "_singleValue_jf7tb_89";
+const noData$2 = "_noData_jf7tb_105";
+const noDataContent = "_noDataContent_jf7tb_113";
+const noDataText = "_noDataText_jf7tb_121";
+const loading = "_loading_jf7tb_129";
+const features$1 = "_features_jf7tb_137";
 var styles$y = {
   cardContainer,
   listHeader,
   metricName,
   metricDescription,
   popup: popup$1,
+  metricFilter,
   popupIcon,
   popupMenu,
   popupItem,
@@ -7986,6 +7990,7 @@ const CompanySubsetTableDataDocument = `
         name
         as
       }
+      clientColumn
     }
   }
 }
@@ -81900,14 +81905,15 @@ const SingleValueChart = ({
       }
       case "1s": {
         let num = val.toString().slice(0, 1);
-        for (let i2 = 1; i2 < val.toString().length; i2 += 1) {
+        const num2 = Math.floor(parseFloat(val));
+        for (let i2 = 1; i2 < num2.toString().length; i2 += 1) {
           num += 0;
         }
         const value2 = adaptiveFormatter(num, false);
         return value2;
       }
       case "1f": {
-        const num = parseFloat(val.toFixed(1));
+        const num = parseFloat(val).toFixed(1);
         const value2 = comaFormatter.format(num);
         if (val.toString().includes(".")) {
           return value2;
@@ -81915,26 +81921,29 @@ const SingleValueChart = ({
         return `${value2}.${Array(2).join("0")}`;
       }
       case "2f": {
-        const num = parseFloat(val.toFixed(2));
+        const num = parseFloat(val).toFixed(2);
         const value2 = comaFormatter.format(num);
         if (val.toString().includes(".")) {
           const arr = val.toString().split(".");
           if (arr[1].length > 1) {
             return value2;
           }
-          return `${value2}.${Array(2).join("0")}`;
+          return `${value2}${Array(2).join("0")}`;
         }
         return `${value2}.${Array(3).join("0")}`;
       }
       case "3f": {
-        const num = parseFloat(val.toFixed(3));
+        const num = parseFloat(val).toFixed(3);
         const value2 = comaFormatter.format(num);
         if (val.toString().includes(".")) {
           const arr = val.toString().split(".");
-          if (arr[1].length > 1) {
+          if (arr[1].length > 2) {
             return value2;
           }
-          return `${value2}.${Array(3).join("0")}`;
+          if (arr[1].length === 2) {
+            return `${value2}${Array(2).join("0")}`;
+          }
+          return `${value2}${Array(3).join("0")}`;
         }
         return `${value2}.${Array(4).join("0")}`;
       }
@@ -81942,28 +81951,29 @@ const SingleValueChart = ({
         return `+${comaFormatter.format(val)}`;
       }
       case "$": {
-        const num = parseFloat(val.toFixed(2));
+        const num = parseFloat(val).toFixed(2);
         const value2 = comaFormatter.format(num);
         if (val.toString().includes(".")) {
           const arr = val.toString().split(".");
           if (arr[1].length > 1) {
             return `$${value2}`;
           }
-          return `$${value2}.${Array(2).join("0")}`;
+          return `$${value2}${Array(2).join("0")}`;
         }
         return `$${value2}.${Array(3).join("0")}`;
       }
       case "1%": {
-        const num = val * 100;
-        const value2 = comaFormatter.format(num);
-        if (val.toString().includes(".")) {
+        const num = parseFloat(val) * 100;
+        const num2 = parseFloat(num).toFixed(1);
+        const value2 = comaFormatter.format(num2);
+        if (num.toString().includes(".")) {
           return `${value2}%`;
         }
         return `${value2}.${Array(2).join("0")}%`;
       }
       case "2%": {
-        const num = val * 100;
-        const num2 = parseFloat(val.toFixed(2));
+        const num = parseFloat(val) * 100;
+        const num2 = parseFloat(num).toFixed(2);
         const value2 = comaFormatter.format(num2);
         if (num.toString().includes(".")) {
           const arr = val.toString().split(".");
@@ -81976,7 +81986,7 @@ const SingleValueChart = ({
       }
       case "3%": {
         const num = val * 100;
-        const num2 = parseFloat(val.toFixed(3));
+        const num2 = parseFloat(num).toFixed(3);
         const value2 = comaFormatter.format(num2);
         if (num.toString().includes(".")) {
           const arr = val.toString().split(".");
@@ -81988,14 +81998,14 @@ const SingleValueChart = ({
         return `${value2}.${Array(4).join("0")}%`;
       }
       case "ms1": {
-        const seconds = Math.floor(val / 1e3);
-        const remainingMilliseconds = val % 1e3;
+        const seconds = Math.floor(parseFloat(val) / 1e3);
+        const remainingMilliseconds = parseFloat(val) % 1e3;
         return `${seconds}.${remainingMilliseconds.toString().slice(0, 1)}s`;
       }
       case "ms2": {
-        const seconds = Math.floor(val / 1e3);
-        const remainingMilliseconds = val % 1e3;
-        const deciMiliSec = val - Math.floor(val);
+        const seconds = Math.floor(parseFloat(val) / 1e3);
+        const remainingMilliseconds = Math.floor(parseFloat(val) % 1e3);
+        const deciMiliSec = parseFloat(val) - Math.floor(parseFloat(val));
         const microSeconds = Math.floor(deciMiliSec * 1e3);
         const deciMicro = deciMiliSec * 1e3 - microSeconds;
         const nanoSeconds = Math.floor(deciMicro * 1e3);
@@ -82010,6 +82020,9 @@ const SingleValueChart = ({
           finalResult += `${nanoSeconds}ns`;
         return finalResult;
       }
+      case "4r": {
+        return Math.floor(Math.round(parseFloat(val)));
+      }
       default:
         return val;
     }
@@ -83994,24 +84007,28 @@ const PopoverMenu = ({
   });
 };
 var NoData = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMDAgMzAwIj48ZGVmcz48c3R5bGU+LmNscy0xe3N0cm9rZTojMTgyYzYwO30uY2xzLTEsLmNscy0ye2ZpbGw6bm9uZTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7fS5jbHMtM3tmaWxsOiM1ODY1ZjY7b3BhY2l0eTouMTt9LmNscy00e2ZpbGw6I2YyZjNmNDt9LmNscy01e2ZpbGw6I2MxYzdjOTt9LmNscy02e2ZpbGw6I2RhZGVkZjt9LmNscy03e2ZpbGw6IzE4MmM2MDt9LmNscy0ye3N0cm9rZTojNTg2NWY2O3N0cm9rZS13aWR0aDo0cHg7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTIxMC41LDIwMC44M2MuNC0uNjYuNjgtMS40LjgyLTIuMiwxLjU4LTguODcsMy4xNS0xNy43NSw0LjczLTI2LjYyLDIuMDMtMTEuNDQsNC4wNi0yMi44OCw2LjA5LTM0LjMyLjcyLTQuMDgsMS43Ny04LjI1LDIuMTYtMTIuMzguNDMtNC41Ni0yLjA5LTkuNjgtNi44Ni0xMC42Ni0uMDEsMC0uMDMsMC0uMDQsMC0yLjQtLjQ5LTUuMDItLjIyLTcuNDUtLjIyaC00NC4yMmMtLjUyLDAtMi4zMy0uMzEtMi43NywwbC0yNC4yOCwxNy4yMmgtNjEuNjFjLTMuOTcsMC02Ljk5LDMuNTYtNi4zNCw3LjQ3bDkuNzUsNTkuNDJjLjUxLDMuMTEsMy4yLDUuMzksNi4zNCw1LjM5aDExNy44NiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTIwNywxMTQuNDN2LTguNTRjMC0zLjU1LTIuODgtNi40My02LjQzLTYuNDNoLTE3LjE5Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJtMTAzLjQ3LDk5LjQ2aC0xNS4xMmMtMy41NSwwLTYuNDMsMi44OC02LjQzLDYuNDN2MjUuNDgiLz48Zz48bGluZSBjbGFzcz0iY2xzLTIiIHgxPSIxMTQuMTIiIHkxPSI5NC4wOCIgeDI9IjE0NC44NCIgeTI9Ijk0LjA4Ii8+PGc+PHJlY3QgY2xhc3M9ImNscy02IiB4PSIxMTIuNjEiIHk9IjEwMi40MyIgd2lkdGg9IjE4Ljk3IiBoZWlnaHQ9IjMuMiIvPjxyZWN0IGNsYXNzPSJjbHMtNCIgeD0iMTM3LjYxIiB5PSIxMDIuNDMiIHdpZHRoPSI4LjkiIGhlaWdodD0iMy4yIi8+PC9nPjwvZz48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Im0xNjQuOTgsODEuNDZsLS4wOCwxNi4yOHMuMTUsMy4yNC4zLDMuNjIuNiwxLjUxLDEuMTMsMS44OCwxLjAyLjc5LDEuNzcsMS4wNi45NC40OSwyLjExLjQ5LDE4LjE3LjA0LDE4LjE3LjA0bC0yMy40MS0yMy4zN1oiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0xODguNTEsMTA0LjkxdjkuNTIiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0xMDMuNTMsMTMxLjM3di00NC45NWMwLTIuODQsMi4zLTUuMTUsNS4xNS01LjE1LDE4Ljc3LDAsMzcuNTQsMCw1Ni4zMSwwIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJtMTY1LjAxLDgxLjI3djE4LjM1YzAsMi44NCwyLjMxLDUuMTUsNS4xNSw1LjE1aDE4LjM1cy0yMy41LTIzLjYyLTIzLjUtMjMuNVoiLz48Y2lyY2xlIGNsYXNzPSJjbHMtMSIgY3g9IjE2OC4yMSIgY3k9IjE2My4yNyIgcj0iMjQuOTYiLz48Y2lyY2xlIGNsYXNzPSJjbHMtMSIgY3g9IjE2OC4yMSIgY3k9IjE2My4yNyIgcj0iMzEuMjUiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0xOTIuNTcsMTgzLjMzYzkuNjIsOS42MiwzMC4yOCwzMC4yOCwzMC4yOCwzMC4yOCwxLjE3LDEuMTcsMS4xNywzLjA3LDAsNC4yNHMtMy4wNywxLjE3LTQuMjQsMGMwLDAtMjAuNTgtMjAuNTgtMzAuMjItMzAuMjIiLz48Zz48cGF0aCBjbGFzcz0iY2xzLTUiIGQ9Im0xNjguNjYsMTcwLjkzYy0uNzQsMC0xLjM0LjI0LTEuODEuNzItLjQ3LjQ4LS43MSwxLjA5LS43MSwxLjgzcy4yNCwxLjMyLjcxLDEuODFjLjQ3LjQ5LDEuMDcuNzQsMS44MS43NHMxLjM0LS4yNSwxLjgxLS43NGMuNDctLjQ5LjcxLTEuMS43MS0xLjgxcy0uMjQtMS4zNC0uNzEtMS44M2MtLjQ3LS40OC0xLjA4LS43Mi0xLjgxLS43MloiLz48cGF0aCBjbGFzcz0iY2xzLTUiIGQ9Im0xNzQuNjksMTUzLjc3Yy0uNjItMS4wMi0xLjQ5LTEuODItMi42LTIuNC0xLjEyLS41Ny0yLjQtLjg2LTMuODUtLjg2LTEuNjgsMC0zLjE3LjQtNC40NywxLjE5cy0yLjI5LDEuOTQtMi45OCwzLjQzbDIuNzYsMi4yOGMuNDYtMS4wNiwxLjA3LTEuODYsMS44NS0yLjQuNzctLjU0LDEuNjUtLjgxLDIuNjQtLjgxLjc2LDAsMS40MS4xNCwxLjk3LjQxLjU1LjI4Ljk4LjY3LDEuMjgsMS4xNy4zLjUxLjQ1LDEuMS40NSwxLjc5cy0uMTYsMS4yOS0uNDcsMS44MWMtLjMxLjUyLS43NS45Mi0xLjMxLDEuMjEtLjU2LjI5LTEuMjIuNDMtMS45OC40M2gtLjkzdjYuNjZoMy4yOGwuMjYtMy43M2MuNzEtLjI0LDEuMzctLjU1LDEuOTUtLjkzLjk5LS42NCwxLjc1LTEuNDUsMi4yOS0yLjQxLjU0LS45Ny44MS0yLjA3LjgxLTMuMzEsMC0xLjMzLS4zMS0yLjUxLS45My0zLjU0WiIvPjwvZz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im04NS41NSwyMDMuOTdjLjY4LDIuODksMy4yNiw0Ljk2LDYuMjYsNC45NmgxMTcuNzMiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0yMTUuMzcsMjA2LjA0Yy40Ny0uNzEuOC0xLjUyLjk1LTIuNCwxLjU4LTguODcsMy4xNS0xNy43NSw0LjczLTI2LjYyLDIuMDMtMTEuNDQsNC4wNi0yMi44OCw2LjA5LTM0LjMyLjcyLTQuMDgsMS43Ny04LjI1LDIuMTYtMTIuMzguMzktNC4xNi0xLjY4LTguNzktNS42Ny0xMC4zMSIvPjxwYXRoIGNsYXNzPSJjbHMtNyIgZD0ibTIyMy41MSwxMjAuMDhzLjQ5LDEuNjIuNTMsMS43My4zMiwyLjQ0LjMyLDIuNDRsLS4wNCwxLjkxLTEuMzgsNy4xMy0zLjM5LDE5LjMxLTIuODksMTUuOTItMi45NiwxNi43Ni0yLjQ0LDEzLjE2LS45MiwyLjY1LDQuOTgsNS4xNS44NS0yLjE1LjgxLTQuMDYsMS40OC04LjMzLDIuODItMTUuNzEsMi4xNS0xMi4xMSwxLjk0LTExLjM2LDIuNzUtMTQuNzUuODgtNC42OS4yOC0yLjU4LjA3LTIuMTItLjYtMi43NS0xLjI0LTIuMzYtMS4wOS0xLjU5LTIuMDEtMS4zMS0uOTItLjI4WiIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtNyIgcG9pbnRzPSI4NS42OCAyMDMuOTMgMjA0LjU1IDIwMy44NCAyMDkuMzUgMjA4LjczIDE0OC40OCAyMDguODggOTAuOTUgMjA5LjAyIDg5LjUgMjA4LjY2IDg3Ljk4IDIwNy45MiA4Ni44MiAyMDYuNTggODYuMDEgMjA1LjAzIDg1LjY4IDIwMy45MyIvPjwvc3ZnPg==";
-const container$d = "_container_170ju_1";
-const wrapper$3 = "_wrapper_170ju_5";
-const label$5 = "_label_170ju_9";
-const floatingLabel$1 = "_floatingLabel_170ju_13";
-const dropdown$1 = "_dropdown_170ju_17";
-const options = "_options_170ju_21";
-const checkedOption = "_checkedOption_170ju_25";
-const option$1 = "_option_170ju_21";
-const icon$1 = "_icon_170ju_33";
-const text$1 = "_text_170ju_37";
-const floatingText = "_floatingText_170ju_41";
-const search = "_search_170ju_45";
-const loadMore$1 = "_loadMore_170ju_49";
+const container$d = "_container_1w020_1";
+const wrapper$3 = "_wrapper_1w020_5";
+const label$5 = "_label_1w020_9";
+const floatingLabel$1 = "_floatingLabel_1w020_13";
+const clientText = "_clientText_1w020_17";
+const normalText = "_normalText_1w020_21";
+const dropdown$1 = "_dropdown_1w020_25";
+const options = "_options_1w020_29";
+const checkedOption = "_checkedOption_1w020_33";
+const option$1 = "_option_1w020_29";
+const icon$1 = "_icon_1w020_41";
+const text$1 = "_text_1w020_45";
+const floatingText = "_floatingText_1w020_49";
+const search$1 = "_search_1w020_53";
+const loadMore$1 = "_loadMore_1w020_57";
 var styles$s = {
   container: container$d,
   wrapper: wrapper$3,
   label: label$5,
   floatingLabel: floatingLabel$1,
+  clientText,
+  normalText,
   dropdown: dropdown$1,
   options,
   checkedOption,
@@ -84019,7 +84036,7 @@ var styles$s = {
   icon: icon$1,
   text: text$1,
   floatingText,
-  search,
+  search: search$1,
   loadMore: loadMore$1
 };
 var isCheckBoxInput = (element) => element.type === "checkbox";
@@ -85453,10 +85470,26 @@ function useForm(props = {}) {
   _formControl.current.formState = getProxyFormState(formState, control._proxyFormState);
   return _formControl.current;
 }
+const search = "_search_1klck_1";
 var styles$r = {
-  "searchTab-container": "_searchTab-container_1peao_1",
-  "searchTab-input": "_searchTab-input_1peao_5"
+  "searchTab-container": "_searchTab-container_1klck_1",
+  "searchTab-input": "_searchTab-input_1klck_5",
+  search
 };
+const iconoirSearch = (props) => /* @__PURE__ */ jsx("svg", {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em",
+  ...props,
+  children: /* @__PURE__ */ jsx("path", {
+    fill: "none",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 1.5,
+    d: "M15.5 15.5L19 19M5 11a6 6 0 1 0 12 0a6 6 0 0 0-12 0Z"
+  })
+});
 const SearchTab = ({
   setSearchKeyword,
   className = ""
@@ -85469,13 +85502,20 @@ const SearchTab = ({
   useEffect(() => {
     setSearchKeyword(keyword == null ? void 0 : keyword.toLowerCase());
   }, [setSearchKeyword, watch, keyword]);
-  return /* @__PURE__ */ jsx("div", {
+  return /* @__PURE__ */ jsxs("div", {
     className: `${styles$r["searchTab-container"]} ${className}`,
-    children: /* @__PURE__ */ jsx("input", {
-      placeholder: "Search here...",
+    children: [/* @__PURE__ */ jsx("input", {
+      placeholder: "Search",
       ...register2("searchKeyword"),
       className: styles$r["searchTab-input"]
-    })
+    }), /* @__PURE__ */ jsx("div", {
+      className: styles$r.search,
+      children: /* @__PURE__ */ jsx(iconoirSearch, {
+        color: "#C7C7C7",
+        width: "30px",
+        height: "30px"
+      })
+    })]
   });
 };
 const materialSymbolsKeyboardArrowDown = (props) => /* @__PURE__ */ jsx("svg", {
@@ -85540,7 +85580,7 @@ const FloatingDropDown = ({
     children: [label2 ? /* @__PURE__ */ jsx(Text, {
       variant: "span",
       styleClass: labelVariant === "floating" ? "custom" : "font-14",
-      className: `${styles$s.label} ${labelVariant === "floating" ? styles$s.floatingLabel : ""}`,
+      className: `${styles$s.label} ${labelVariant === "floating" ? styles$s.floatingLabel : ""} ${label2 === "client" ? styles$s.clientText : styles$s.normalText} `,
       children: label2
     }) : null, /* @__PURE__ */ jsxs(Button, {
       type: "button",
@@ -85710,8 +85750,14 @@ const MetricCard = ({
     tenancyLevel: companyTenancyType,
     rlsConditions: companyTenancyType === "DATABASE" ? rlsConditions.map((c2) => ({
       ...c2,
-      tableName: `${client}.${c2.tableName.split(".").slice(1).join(".")}`
-    })) : rlsConditions,
+      tableName: `${client}.${c2.tableName.split(".").slice(1).join(".")}`,
+      dimensionColumn: xAxis || "",
+      measureColumn: yAxisList[0] || ""
+    })) : rlsConditions.map((r2) => ({
+      ...r2,
+      dimensionColumn: xAxis || "",
+      measureColumn: yAxisList[0] || ""
+    })),
     globalFilters: companyTenancyType === "DATABASE" ? {
       ...globalFilters,
       tableName: `${client}.${globalFilters.tableName.split(".").slice(1).join(".")}`
@@ -85901,17 +85947,20 @@ const MetricCard = ({
           })]
         }), /* @__PURE__ */ jsxs("div", {
           className: styles$y.features,
-          children: [!!rlsConditions.length && /* @__PURE__ */ jsx(FloatingDropDown, {
-            label: rlsConditions[0].name,
-            selectedOption: {
-              value: rlsConditions[0].value || rlsConditions[0].options[0],
-              label: rlsConditions[0].value || rlsConditions[0].options[0]
-            },
-            options: rlsConditions[0].options.map((o2) => ({
-              value: o2,
-              label: o2
-            })),
-            onChange: (option2) => onChangeFilterValue(rlsConditions[0].name, option2.value)
+          children: [!!rlsConditions.length && /* @__PURE__ */ jsx("div", {
+            className: styles$y.metricFilter,
+            children: /* @__PURE__ */ jsx(FloatingDropDown, {
+              label: rlsConditions[0].name,
+              selectedOption: {
+                value: rlsConditions[0].value || rlsConditions[0].options[0],
+                label: rlsConditions[0].value || rlsConditions[0].options[0]
+              },
+              options: rlsConditions[0].options.map((o2) => ({
+                value: o2,
+                label: o2
+              })),
+              onChange: (option2) => onChangeFilterValue(rlsConditions[0].name, option2.value)
+            })
           }), /* @__PURE__ */ jsxs(PopoverMenu, {
             buttonClass: styles$y.popup,
             button: /* @__PURE__ */ jsx(mdiDotsVertical, {
@@ -86140,17 +86189,20 @@ const SingleValueCard = ({
           })]
         }), /* @__PURE__ */ jsx("div", {
           className: styles$y.features,
-          children: !!(rlsConditions == null ? void 0 : rlsConditions.length) && /* @__PURE__ */ jsx(FloatingDropDown, {
-            label: rlsConditions[0].name,
-            selectedOption: {
-              value: rlsConditions[0].value || rlsConditions[0].options[0],
-              label: rlsConditions[0].value || rlsConditions[0].options[0]
-            },
-            options: rlsConditions[0].options.map((o2) => ({
-              value: o2,
-              label: o2
-            })),
-            onChange: (option2) => onChangeFilterValue(rlsConditions[0].name, option2.value)
+          children: !!(rlsConditions == null ? void 0 : rlsConditions.length) && /* @__PURE__ */ jsx("div", {
+            className: styles$y.metricFilter,
+            children: /* @__PURE__ */ jsx(FloatingDropDown, {
+              label: rlsConditions[0].name,
+              selectedOption: {
+                value: rlsConditions[0].value || rlsConditions[0].options[0],
+                label: rlsConditions[0].value || rlsConditions[0].options[0]
+              },
+              options: rlsConditions[0].options.map((o2) => ({
+                value: o2,
+                label: o2
+              })),
+              onChange: (option2) => onChangeFilterValue(rlsConditions[0].name, option2.value)
+            })
           })
         })]
       }), chartType2 && /* @__PURE__ */ jsx("div", {
@@ -86710,9 +86762,9 @@ var styles$l = {
   valueLabelWrapper,
   singleCheckBox
 };
-const tab$1 = "_tab_ksqsk_1";
-const button$4 = "_button_ksqsk_7";
-const activeTab = "_activeTab_ksqsk_15";
+const tab$1 = "_tab_1imil_1";
+const button$4 = "_button_1imil_7";
+const activeTab = "_activeTab_1imil_15";
 var styles$k = {
   tab: tab$1,
   button: button$4,
@@ -86813,37 +86865,37 @@ const InputField = ({
     })]
   });
 };
-const listBoxButton = "_listBoxButton_ydw0e_5";
-const selectedOptionText = "_selectedOptionText_ydw0e_17";
-const transitionDiv = "_transitionDiv_ydw0e_21";
-const listboxButtonWrapper = "_listboxButtonWrapper_ydw0e_25";
-const arrowicon = "_arrowicon_ydw0e_28";
-const leave = "_leave_ydw0e_31";
-const leaveFrom = "_leaveFrom_ydw0e_34";
-const leaveTo = "_leaveTo_ydw0e_37";
-const notAvailable = "_notAvailable_ydw0e_40";
-const option = "_option_ydw0e_43";
-const activeOption = "_activeOption_ydw0e_46";
-const optionSelected = "_optionSelected_ydw0e_49";
-const inactiveOption = "_inactiveOption_ydw0e_52";
-const optionLabel = "_optionLabel_ydw0e_55";
-const optionSubLabel = "_optionSubLabel_ydw0e_58";
-const selectedLabel = "_selectedLabel_ydw0e_61";
-const nonselectedLabel = "_nonselectedLabel_ydw0e_64";
-const check = "_check_ydw0e_67";
-const checkActive = "_checkActive_ydw0e_70";
-const checkInactive = "_checkInactive_ydw0e_73";
-const checkIcon$1 = "_checkIcon_ydw0e_76";
-const checkIconSelected = "_checkIconSelected_ydw0e_79";
-const checkIconUnselected = "_checkIconUnselected_ydw0e_82";
-const loadMore = "_loadMore_ydw0e_85";
-const selectedList = "_selectedList_ydw0e_88";
-const selectedListItem = "_selectedListItem_ydw0e_91";
+const listBoxButton = "_listBoxButton_1mdwz_5";
+const selectedOptionText = "_selectedOptionText_1mdwz_17";
+const transitionDiv = "_transitionDiv_1mdwz_21";
+const listboxButtonWrapper = "_listboxButtonWrapper_1mdwz_25";
+const arrowicon = "_arrowicon_1mdwz_28";
+const leave = "_leave_1mdwz_31";
+const leaveFrom = "_leaveFrom_1mdwz_34";
+const leaveTo = "_leaveTo_1mdwz_37";
+const notAvailable = "_notAvailable_1mdwz_40";
+const option = "_option_1mdwz_43";
+const activeOption = "_activeOption_1mdwz_46";
+const optionSelected = "_optionSelected_1mdwz_49";
+const inactiveOption = "_inactiveOption_1mdwz_52";
+const optionLabel = "_optionLabel_1mdwz_55";
+const optionSubLabel = "_optionSubLabel_1mdwz_58";
+const selectedLabel = "_selectedLabel_1mdwz_61";
+const nonselectedLabel = "_nonselectedLabel_1mdwz_64";
+const check = "_check_1mdwz_67";
+const checkActive = "_checkActive_1mdwz_70";
+const checkInactive = "_checkInactive_1mdwz_73";
+const checkIcon$1 = "_checkIcon_1mdwz_76";
+const checkIconSelected = "_checkIconSelected_1mdwz_79";
+const checkIconUnselected = "_checkIconUnselected_1mdwz_82";
+const loadMore = "_loadMore_1mdwz_85";
+const selectedList = "_selectedList_1mdwz_88";
+const selectedListItem = "_selectedListItem_1mdwz_91";
 var style = {
-  "listBox-label": "_listBox-label_ydw0e_1",
-  "listBoxButton-container": "_listBoxButton-container_ydw0e_5",
+  "listBox-label": "_listBox-label_1mdwz_1",
+  "listBoxButton-container": "_listBoxButton-container_1mdwz_5",
   listBoxButton,
-  "listBox-option": "_listBox-option_ydw0e_13",
+  "listBox-option": "_listBox-option_1mdwz_13",
   selectedOptionText,
   transitionDiv,
   listboxButtonWrapper,
@@ -86910,13 +86962,17 @@ const Select = ({
   placeHolder,
   className = "",
   containerClass = "",
-  isSearchEnabled
+  isSearchEnabled,
+  textSize
 }) => {
   const [searchKeyword, setSearchKeyword] = useState("");
   const [limit, setLimit] = useState(20);
   const selectedOption = value || defaultValue2 ? options2 == null ? void 0 : options2.find((i2) => i2.value === value || i2.value === defaultValue2) : {
     label: placeHolder || "Select an option"
   };
+  const fontStyle = {
+    fontSize: textSize
+  };
   return /* @__PURE__ */ jsx(pt, {
     value,
     onChange,
@@ -86969,6 +87025,7 @@ const Select = ({
                   }) => /* @__PURE__ */ jsxs(Fragment, {
                     children: [/* @__PURE__ */ jsx("span", {
                       className: style.optionLabel,
+                      style: fontStyle,
                       children: item.label
                     }), selected ? /* @__PURE__ */ jsx("span", {
                       className: style.check,
@@ -86996,21 +87053,27 @@ const Select = ({
 const HookSelect = ({
   control,
   name,
-  ...props
-}) => /* @__PURE__ */ jsx(Controller, {
-  control,
-  name,
-  render: ({
-    field: {
+  options: options2,
+  label: label2,
+  defaultValue: defaultValue2
+}) => {
+  return /* @__PURE__ */ jsx(Controller, {
+    control,
+    name,
+    render: ({
+      field: {
+        onChange,
+        value
+      }
+    }) => /* @__PURE__ */ jsx(Select, {
       onChange,
-      value
-    }
-  }) => /* @__PURE__ */ jsx(Select, {
-    onChange,
-    value,
-    ...props
-  })
-});
+      value,
+      label: label2,
+      options: options2,
+      defaultValue: defaultValue2
+    })
+  });
+};
 const SelectWithSubValue = ({
   label: label2,
   options: options2,
@@ -87237,8 +87300,8 @@ const HookMultiSelect = ({
     })
   });
 };
-const container$a = "_container_1v094_1";
-const tooltip$1 = "_tooltip_1v094_7";
+const container$a = "_container_1m5jj_1";
+const tooltip$1 = "_tooltip_1m5jj_7";
 var styles$h = {
   container: container$a,
   tooltip: tooltip$1
@@ -87308,8 +87371,8 @@ const ChartConfigure = ({
   setBackGroundColor
 }) => {
   const TabList = ["Margins", "Legend", "Custom"];
-  const singleValueTabs = ["Margins", "Custom"];
-  const [activeTab2, setActiveTab] = useState("Margins");
+  const singleValueTabs = ["Custom"];
+  const [activeTab2, setActiveTab] = useState("Custom");
   return /* @__PURE__ */ jsxs("div", {
     className: styles$l.container,
     children: [/* @__PURE__ */ jsx("div", {
@@ -87469,7 +87532,7 @@ const ChartConfigure = ({
             className: styles$l.seriesWrapper,
             children: [/* @__PURE__ */ jsx(Text, {
               variant: "h1",
-              styleClass: "primary",
+              styleClass: "font-14",
               children: "Value labels"
             }), /* @__PURE__ */ jsx("div", {
               className: styles$l.valueLabelWrapper,
@@ -87795,6 +87858,7 @@ const ChartConfigure = ({
               className: styles$l.valueLabelWrapper,
               children: /* @__PURE__ */ jsx(Select, {
                 value: customSettings.numberFormatter,
+                textSize: "12px",
                 options: [{
                   label: "Original value",
                   value: "original"
@@ -87856,22 +87920,22 @@ const ChartConfigure = ({
     })]
   });
 };
-const chartButtonContainer$1 = "_chartButtonContainer_mrrhu_1";
-const tabContainer = "_tabContainer_mrrhu_23";
-const tab = "_tab_mrrhu_23";
-const tabText = "_tabText_mrrhu_39";
-const chartButtons$1 = "_chartButtons_mrrhu_47";
-const chartButton$1 = "_chartButton_mrrhu_1";
-const chartButtonSelected = "_chartButtonSelected_mrrhu_63";
-const chartTypesButton = "_chartTypesButton_mrrhu_71";
-const button$3 = "_button_mrrhu_79";
-const propertyButton = "_propertyButton_mrrhu_87";
-const settings = "_settings_mrrhu_15";
-const crossIcon = "_crossIcon_mrrhu_103";
+const chartButtonContainer$1 = "_chartButtonContainer_1fmoa_1";
+const tabContainer = "_tabContainer_1fmoa_23";
+const tab = "_tab_1fmoa_23";
+const tabText = "_tabText_1fmoa_39";
+const chartButtons$1 = "_chartButtons_1fmoa_47";
+const chartButton$1 = "_chartButton_1fmoa_1";
+const chartButtonSelected = "_chartButtonSelected_1fmoa_63";
+const chartTypesButton = "_chartTypesButton_1fmoa_71";
+const button$3 = "_button_1fmoa_79";
+const propertyButton = "_propertyButton_1fmoa_87";
+const settings = "_settings_1fmoa_15";
+const crossIcon = "_crossIcon_1fmoa_103";
 var styles$g = {
   chartButtonContainer: chartButtonContainer$1,
-  "chartButton-header": "_chartButton-header_mrrhu_7",
-  "settingsTab-header-control": "_settingsTab-header-control_mrrhu_15",
+  "chartButton-header": "_chartButton-header_1fmoa_7",
+  "settingsTab-header-control": "_settingsTab-header-control_1fmoa_15",
   tabContainer,
   tab,
   tabText,
@@ -88580,6 +88644,16 @@ const ChartSettings = ({
   const FIRST_TAB = "Chart types";
   const SECOND_TAB = "Chart properties";
   const [activeTab2, setActiveTab] = useState(FIRST_TAB);
+  const buttonColor = {
+    background: "#e5e7eb",
+    width: "100%",
+    height: "100%",
+    paddingTop: "8px",
+    paddingBottom: "8px",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center"
+  };
   return /* @__PURE__ */ jsxs("div", {
     className: styles$g.chartButtonContainer,
     children: [/* @__PURE__ */ jsxs("div", {
@@ -88599,18 +88673,24 @@ const ChartSettings = ({
       className: styles$g.chartButtons,
       children: [/* @__PURE__ */ jsxs("div", {
         className: styles$g["settingsTab-header-control"],
-        children: [/* @__PURE__ */ jsx(Button, {
+        children: [/* @__PURE__ */ jsxs(Button, {
           type: "button",
           variant: "custom",
           className: `${styles$g.chartButton} ${selectedTab2 === GENERAL && styles$g.chartButtonSelected}`,
           onClick: () => setSelectedTab(GENERAL),
-          children: "General"
-        }), /* @__PURE__ */ jsx(Button, {
+          children: [selectedTab2 === GENERAL && /* @__PURE__ */ jsx("div", {
+            style: buttonColor,
+            children: "General"
+          }), selectedTab2 !== GENERAL && "General"]
+        }), /* @__PURE__ */ jsxs(Button, {
           type: "button",
           variant: "custom",
           className: `${styles$g.chartButton} ${selectedTab2 === CONFIG && styles$g.chartButtonSelected}`,
           onClick: () => setSelectedTab(CONFIG),
-          children: "Configuration"
+          children: [selectedTab2 === CONFIG && /* @__PURE__ */ jsx("div", {
+            style: buttonColor,
+            children: "Configuration"
+          }), selectedTab2 !== CONFIG && "Configuration"]
         })]
       }), selectedTab2 === GENERAL && /* @__PURE__ */ jsxs(Fragment, {
         children: [/* @__PURE__ */ jsx("div", {
@@ -88769,7 +88849,15 @@ const ChartTab = ({
   const [isShowFullScreen, setShowFullScreen] = useState(false);
   return /* @__PURE__ */ jsxs("div", {
     className: styles$e["chartTab-container"],
-    children: [!(data2 == null ? void 0 : data2.length) && isLoading && /* @__PURE__ */ jsx("div", {
+    children: [/* @__PURE__ */ jsxs("div", {
+      className: styles$e.metricChartHeader,
+      children: [/* @__PURE__ */ jsx(Text, {
+        styleClass: "primary",
+        variant: "p",
+        className: "",
+        children: "Preview"
+      }), headerChild]
+    }), !(data2 == null ? void 0 : data2.length) && isLoading && /* @__PURE__ */ jsx("div", {
       className: styles$e["loader-container"],
       children: /* @__PURE__ */ jsx(eosIconsLoading, {
         style: {
@@ -88800,17 +88888,9 @@ const ChartTab = ({
           children: "No data found! Run a query to display charts"
         })
       })]
-    }), !!(data2 == null ? void 0 : data2.length) && !isLoading && /* @__PURE__ */ jsxs("div", {
+    }), !!(data2 == null ? void 0 : data2.length) && !isLoading && /* @__PURE__ */ jsx("div", {
       className: styles$e.metricChart,
-      children: [/* @__PURE__ */ jsxs("div", {
-        className: styles$e.metricChartHeader,
-        children: [/* @__PURE__ */ jsx(Text, {
-          styleClass: "primary",
-          variant: "p",
-          className: "",
-          children: "Preview"
-        }), headerChild]
-      }), /* @__PURE__ */ jsxs("div", {
+      children: /* @__PURE__ */ jsxs("div", {
         className: styles$e["chartTab-wrapper"],
         children: [/* @__PURE__ */ jsxs("div", {
           className: styles$e["chartTab-wrapper-head"],
@@ -88919,7 +88999,7 @@ const ChartTab = ({
             })
           })]
         })]
-      })]
+      })
     }), /* @__PURE__ */ jsx(FullScreenChart, {
       isShow: isShowFullScreen,
       onCancel: () => setShowFullScreen(false),
@@ -88951,31 +89031,35 @@ const ChartTab = ({
     })]
   });
 };
-const container$8 = "_container_1jc0r_1";
-const wrapper$1 = "_wrapper_1jc0r_5";
-const text = "_text_1jc0r_9";
-const table$3 = "_table_1jc0r_12";
+const container$8 = "_container_yjeiv_1";
+const wrapper$1 = "_wrapper_yjeiv_5";
+const text = "_text_yjeiv_9";
+const table$3 = "_table_yjeiv_12";
 var styles$d = {
   container: container$8,
   wrapper: wrapper$1,
   text,
   table: table$3
 };
-const container$7 = "_container_1uho5_1";
-const table$2 = "_table_1uho5_9";
-const tableHead = "_tableHead_1uho5_17";
-const tableRow$1 = "_tableRow_1uho5_25";
-const tableHeadCol$1 = "_tableHeadCol_1uho5_33";
-const tableRowCol$1 = "_tableRowCol_1uho5_41";
-const empty = "_empty_1uho5_49";
-const error$2 = "_error_1uho5_57";
+const container$7 = "_container_1jkce_1";
+const table$2 = "_table_1jkce_9";
+const tableHead = "_tableHead_1jkce_17";
+const tableRow$1 = "_tableRow_1jkce_25";
+const tableHeadCol$1 = "_tableHeadCol_1jkce_33";
+const tableHeadColText = "_tableHeadColText_1jkce_41";
+const tableRowCol$1 = "_tableRowCol_1jkce_49";
+const tableColText = "_tableColText_1jkce_57";
+const empty = "_empty_1jkce_65";
+const error$2 = "_error_1jkce_73";
 var styles$c = {
   container: container$7,
   table: table$2,
   tableHead,
   tableRow: tableRow$1,
   tableHeadCol: tableHeadCol$1,
+  tableHeadColText,
   tableRowCol: tableRowCol$1,
+  tableColText,
   empty,
   error: error$2
 };
@@ -88998,6 +89082,7 @@ const MetricTable = ({
               children: /* @__PURE__ */ jsx(Text, {
                 styleClass: "font-14c",
                 variant: "h1",
+                className: styles$c.tableHeadColText,
                 children: item
               })
             }, item);
@@ -89010,6 +89095,7 @@ const MetricTable = ({
             children: /* @__PURE__ */ jsx(Text, {
               styleClass: "font-14",
               variant: "p",
+              className: styles$c.tableColText,
               children: JSON.stringify(item[d2])
             })
           }, index2))
@@ -89049,36 +89135,36 @@ const InputTables = ({
     })
   });
 };
-const container$6 = "_container_12jmm_1";
-const header$1 = "_header_12jmm_5";
-const tabButton$1 = "_tabButton_12jmm_16";
-const selectedTab = "_selectedTab_12jmm_19";
-const table$1 = "_table_12jmm_22";
+const container$6 = "_container_38zl3_1";
+const header$1 = "_header_38zl3_5";
+const tabButton$1 = "_tabButton_38zl3_16";
+const selectedTab = "_selectedTab_38zl3_19";
+const table$1 = "_table_38zl3_22";
 var styles$b = {
   container: container$6,
   header: header$1,
-  "text-container": "_text-container_12jmm_9",
-  "btn-container": "_btn-container_12jmm_13",
+  "text-container": "_text-container_38zl3_9",
+  "btn-container": "_btn-container_38zl3_13",
   tabButton: tabButton$1,
   selectedTab,
   table: table$1
 };
-const tableData = "_tableData_1j4gc_7";
-const tableHeadCol = "_tableHeadCol_1j4gc_13";
-const tableRow = "_tableRow_1j4gc_19";
-const tableRowCol = "_tableRowCol_1j4gc_25";
-const row = "_row_1j4gc_31";
-const container$5 = "_container_1j4gc_37";
-const table = "_table_1j4gc_1";
-const previewTable = "_previewTable_1j4gc_49";
-const preview = "_preview_1j4gc_49";
-const previewText = "_previewText_1j4gc_61";
-const noData = "_noData_1j4gc_67";
-const error$1 = "_error_1j4gc_73";
-const errorMsg = "_errorMsg_1j4gc_79";
-const tableIcon = "_tableIcon_1j4gc_85";
+const tableData = "_tableData_o6rhd_7";
+const tableHeadCol = "_tableHeadCol_o6rhd_13";
+const tableRow = "_tableRow_o6rhd_19";
+const tableRowCol = "_tableRowCol_o6rhd_25";
+const row = "_row_o6rhd_31";
+const container$5 = "_container_o6rhd_37";
+const table = "_table_o6rhd_1";
+const previewTable = "_previewTable_o6rhd_49";
+const preview = "_preview_o6rhd_49";
+const previewText = "_previewText_o6rhd_61";
+const noData = "_noData_o6rhd_67";
+const error$1 = "_error_o6rhd_73";
+const errorMsg = "_errorMsg_o6rhd_79";
+const tableIcon = "_tableIcon_o6rhd_85";
 var styles$a = {
-  "table-loader-container": "_table-loader-container_1j4gc_1",
+  "table-loader-container": "_table-loader-container_o6rhd_1",
   tableData,
   tableHeadCol,
   tableRow,
@@ -89198,6 +89284,16 @@ const TableTab = ({
   previewTableDataList
 }) => {
   const [selectedTab2, setSelectedTab] = useState(OUTPUT_TABLE);
+  const buttonColor = {
+    background: "#e5e7eb",
+    width: "100%",
+    height: "100%",
+    paddingTop: "4px",
+    paddingBottom: "4px",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center"
+  };
   return /* @__PURE__ */ jsxs("div", {
     className: styles$b.container,
     children: [/* @__PURE__ */ jsxs("div", {
@@ -89215,18 +89311,24 @@ const TableTab = ({
         })]
       }), /* @__PURE__ */ jsxs("div", {
         className: styles$b["btn-container"],
-        children: [/* @__PURE__ */ jsx(Button, {
+        children: [/* @__PURE__ */ jsxs(Button, {
           type: "button",
           variant: "custom",
-          className: `${styles$b.tabButton} ${selectedTab2 === INPUT_TABLE && styles$b.selectedTab}`,
+          className: styles$b.tabButton,
           onClick: () => setSelectedTab(INPUT_TABLE),
-          children: "Input Table"
-        }), /* @__PURE__ */ jsx(Button, {
+          children: [selectedTab2 === INPUT_TABLE && /* @__PURE__ */ jsx("div", {
+            style: buttonColor,
+            children: "Input Table"
+          }), selectedTab2 !== INPUT_TABLE && "Input Table"]
+        }), /* @__PURE__ */ jsxs(Button, {
           type: "button",
           variant: "custom",
-          className: `${styles$b.tabButton} ${selectedTab2 === OUTPUT_TABLE && styles$b.selectedTab}`,
+          className: styles$b.tabButton,
           onClick: () => setSelectedTab(OUTPUT_TABLE),
-          children: "Output Table"
+          children: [selectedTab2 === OUTPUT_TABLE && /* @__PURE__ */ jsx("div", {
+            style: buttonColor,
+            children: "Output Table"
+          }), selectedTab2 !== OUTPUT_TABLE && "Output Table"]
         })]
       })]
     }), selectedTab2 === INPUT_TABLE && /* @__PURE__ */ jsx(InputTables, {
@@ -89888,7 +89990,9 @@ const MetricForm = ({
   setLoading,
   setQuery,
   isEnableGroupBy,
-  setSelectedGroupBy
+  setSelectedGroupBy,
+  clientId,
+  clientColumn
 }) => {
   const [metrics, setMetrics] = useState([]);
   const [timeGrainValue, setTimeGrainValue] = useState("");
@@ -90484,7 +90588,11 @@ const MetricForm = ({
                 as: (_c2 = columnList.find((c2) => c2.value === timeColumn.value)) == null ? void 0 : _c2.label
               },
               isInclude: isIncludeTime
-            }
+            },
+            clientColumnFilter: clientColumn ? {
+              value: Number(clientId) || clientId,
+              column: isBigQuery || isMySql ? `${clientColumn}` : isMongoDb ? `\`${clientColumn}\`` : `"${clientColumn}"`
+            } : void 0
           }
         }, {
           onSuccess(data2) {
@@ -90591,7 +90699,9 @@ const ConstructMetric = ({
   setQuery,
   isEnableGroupBy,
   setEnableGroupBy,
-  setSelectedGroupBy
+  setSelectedGroupBy,
+  clientId,
+  clientColumn
 }) => {
   return /* @__PURE__ */ jsxs("div", {
     className: styles$6.container,
@@ -90613,7 +90723,9 @@ const ConstructMetric = ({
       setQuery,
       setLoading,
       isEnableGroupBy,
-      setSelectedGroupBy
+      setSelectedGroupBy,
+      clientId,
+      clientColumn
     })]
   });
 };
@@ -90836,6 +90948,7 @@ const EmbeddedMetricCreation = ({
     label: table2.tableName
   })), [companySubsetTableList]);
   const selectedTableData = useMemo(() => companySubsetTableList.find((table2) => table2.tableName === selectTable.value), [selectTable.value, companySubsetTableList]);
+  const clientColumn = useMemo(() => selectedTableData == null ? void 0 : selectedTableData.clientColumn, [selectedTableData]);
   const columnList = useMemo(() => (selectedTableData == null ? void 0 : selectedTableData.columns.map(({
     name,
     as
@@ -91090,7 +91203,9 @@ const EmbeddedMetricCreation = ({
           setLoading,
           isEnableGroupBy,
           setEnableGroupBy,
-          setSelectedGroupBy
+          setSelectedGroupBy,
+          clientId,
+          clientColumn
         }), /* @__PURE__ */ jsx(MetricOutput, {
           data: isEnableGroupBy ? groupedData : data2,
           error: error2,