@datawheel/data-explorer 0.1.1 → 0.1.2

package/dist/main.js

@@ -1,9 +1,9 @@
-import { keyframes, createStyles, rem, Select, Flex, Title, Text, Group, Button, Box, Anchor, Input, Stack, SimpleGrid, Table, Alert, Loader, Modal, useMantineTheme, Center, Header, MantineProvider, Paper, useComponentDefaultProps, Menu, ActionIcon, UnstyledButton, Switch, ThemeIcon, Tooltip, Tabs, ScrollArea, TextInput, Accordion, Popover, Divider } from '@mantine/core';
-import { useClipboard, useClickOutside, useFullscreen, useDebouncedValue } from '@mantine/hooks';
+import { keyframes, createStyles, Select, rem, Flex, Title, Text, Group, Button, Box, Anchor, Input, Stack, SimpleGrid, Table, MultiSelect, Center, Alert, Loader, Modal, NumberInput, Menu, ActionIcon, useMantineTheme, Header, MantineProvider, Paper, useComponentDefaultProps, Switch, ThemeIcon, Tooltip, Tabs, ScrollArea, CloseButton, Drawer, Checkbox, UnstyledButton, TextInput, Accordion, Popover, Divider } from '@mantine/core';
+import { useClipboard, useClickOutside, useFullscreen, useMediaQuery, useDebouncedValue, useDisclosure } from '@mantine/hooks';
 import { Prism } from '@mantine/prism';
-import { IconWorld, IconExternalLink, IconClipboard, IconAlertCircle, IconAlertTriangle, IconStack2, IconChevronRight as IconChevronRight$1, IconCopy, IconDownload, IconDotsVertical, IconBox, IconArrowsMinimize, IconArrowsMaximize, IconInfoCircleFilled, IconStack3, IconStack, IconTrash, IconSearch, IconPhotoDown, IconVectorTriangle, IconArrowsSort, IconSortDescendingNumbers, IconSortDescendingLetters, IconSortAscendingNumbers, IconSortAscendingLetters, IconLanguage } from '@tabler/icons-react';
-import * as React13 from 'react';
-import React13__default, { createContext, forwardRef, useMemo, useCallback, useContext, useState, useEffect, useRef, Suspense } from 'react';
+import { IconWorld, IconExternalLink, IconClipboard, IconAlertCircle, IconAlertTriangle, IconSettings, IconMathGreater, IconMathLower, IconArrowsLeftRight, IconCopy, IconDownload, IconDotsVertical, IconArrowsMinimize, IconArrowsMaximize, IconInfoCircleFilled, IconTrash, IconSearch, IconPhotoDown, IconVectorTriangle, IconStack3, IconFilterOff, IconFilter, IconArrowsSort, IconSortDescendingNumbers, IconSortDescendingLetters, IconSortAscendingNumbers, IconSortAscendingLetters, IconLanguage } from '@tabler/icons-react';
+import * as React10 from 'react';
+import React10__default, { createContext, forwardRef, useMemo, useCallback, useContext, useState, useEffect, useRef, Suspense } from 'react';
 import { translationFactory } from '@datawheel/use-translation';
 import { translationDict, generateCharts, createChartConfig } from '@datawheel/vizbuilder';
 import { createSlice, createSelector, combineReducers, bindActionCreators, configureStore } from '@reduxjs/toolkit';
@@ -12,8 +12,10 @@ import ISO6391 from 'iso-639-1';
 import { TesseractDataSource, Format, Client, Measure, Level, Comparison } from '@datawheel/olap-client';
 import formUrlEncode from 'form-urlencoded';
 import formUrlDecode from 'form-urldecoded';
-import { flexRender, MRT_TableHeadCellFilterContainer, MRT_TableBodyCell, useMantineReactTable, MantineReactTable, MRT_TablePagination } from 'mantine-react-table';
+import { MRT_ProgressBar, flexRender, MRT_TableBodyCell, MRT_ToolbarAlertBanner, useMantineReactTable, MantineReactTable, MRT_TablePagination } from 'mantine-react-table';
 import { formatAbbreviate, format } from 'd3plus-format';
+import { QueryClient, QueryClientProvider, useQuery } from '@tanstack/react-query';
+import debounce from 'lodash.debounce';
 import { matchSorter } from 'match-sorter';
 import yn from 'yn';
 import { BarChart, Donut, Geomap, LinePlot, Pie, StackedArea, Treemap } from 'd3plus-react';
@@ -197,6 +199,9 @@ var defaultTranslation = {
   action_download: "Download",
   action_open: "Open",
   action_reload: "Reload",
+  sidebar: {
+    dataset: "Select Dataset"
+  },
   comparison: {
     EQ: "Equal to",
     GT: "Greater than",
@@ -253,11 +258,15 @@ var defaultTranslation = {
     label_boolean_nonempty: "Only return non-empty data",
     label_boolean_parents: "Include parent levels",
     label_boolean_sparse: "Optimize sparse results",
+    label_clear: "Clear",
     label_cube: "Cube",
     label_cuts_filterby_id: "IDs",
     label_cuts_filterby_name: "Names",
     label_cuts_filterby_any: "Any",
-    label_locale: "",
+    label_fullscreen: "Full screen",
+    label_locale: "Language",
+    label_search: "Search",
+    label_no_results: "No results",
     label_dataset: "Select Dataset",
     label_localeoption: "{{nativeName}}",
     label_measure: "Measure",
@@ -378,13 +387,13 @@ function DebugView(props) {
   const { copy, copied } = useClipboard({ timeout: 1e3 });
   const copyHandler = useCallback(() => copy(url), [url]);
   const openHandler = useCallback(() => window.open(url, "_blank"), [url]);
-  const jssourceLabel = /* @__PURE__ */ React13__default.createElement(Box, { component: "span" }, t("debug_view.jssource_prefix"), /* @__PURE__ */ React13__default.createElement(Anchor, { href: "https://www.npmjs.com/package/@datawheel/olap-client" }, "olap-client"), t("debug_view.jssource_suffix"));
+  const jssourceLabel = /* @__PURE__ */ React10__default.createElement(Box, { component: "span" }, t("debug_view.jssource_prefix"), /* @__PURE__ */ React10__default.createElement(Anchor, { href: "https://www.npmjs.com/package/@datawheel/olap-client" }, "olap-client"), t("debug_view.jssource_suffix"));
   const headers = useMemo(() => {
     const headers2 = Object.entries(props.result.headers || {});
     if (headers2.length === 0) return null;
-    return /* @__PURE__ */ React13__default.createElement(Input.Wrapper, { label: t("debug_view.httpheaders") }, /* @__PURE__ */ React13__default.createElement(Box, { component: "dl", sx: { fontFamily: "monospace", overflowWrap: "break-word" } }, headers2.map((entry) => /* @__PURE__ */ React13__default.createElement(React13__default.Fragment, { key: entry[0] }, /* @__PURE__ */ React13__default.createElement(Text, { component: "dt", fw: "bold", fz: "sm" }, entry[0]), /* @__PURE__ */ React13__default.createElement(Text, { component: "dd", c: "#5c940d", fz: "sm" }, entry[1])))));
+    return /* @__PURE__ */ React10__default.createElement(Input.Wrapper, { label: t("debug_view.httpheaders") }, /* @__PURE__ */ React10__default.createElement(Box, { component: "dl", sx: { fontFamily: "monospace", overflowWrap: "break-word" } }, headers2.map((entry) => /* @__PURE__ */ React10__default.createElement(React10__default.Fragment, { key: entry[0] }, /* @__PURE__ */ React10__default.createElement(Text, { component: "dt", fw: "bold", fz: "sm" }, entry[0]), /* @__PURE__ */ React10__default.createElement(Text, { component: "dd", c: "#5c940d", fz: "sm" }, entry[1])))));
   }, [props.result.headers]);
-  return /* @__PURE__ */ React13__default.createElement(Box, { id: "query-results-debug-view" }, /* @__PURE__ */ React13__default.createElement(Stack, { spacing: "md", px: "md", py: "sm" }, url && /* @__PURE__ */ React13__default.createElement(Input.Wrapper, { label: t("debug_view.url_logiclayer") }, /* @__PURE__ */ React13__default.createElement(Group, { noWrap: true, spacing: "xs" }, /* @__PURE__ */ React13__default.createElement(Input, { icon: /* @__PURE__ */ React13__default.createElement(IconWorld, null), readOnly: true, rightSectionWidth: "auto", value: url, w: "100%" }), /* @__PURE__ */ React13__default.createElement(Button.Group, null, /* @__PURE__ */ React13__default.createElement(Button, { leftIcon: /* @__PURE__ */ React13__default.createElement(IconExternalLink, null), onClick: openHandler, variant: "default" }, t("action_open")), /* @__PURE__ */ React13__default.createElement(Button, { leftIcon: /* @__PURE__ */ React13__default.createElement(IconClipboard, null), onClick: copyHandler, variant: "default" }, copied ? t("action_copy_done") : t("action_copy"))))), /* @__PURE__ */ React13__default.createElement(SimpleGrid, { cols: 2 }, sourceCall && /* @__PURE__ */ React13__default.createElement(Input.Wrapper, { label: jssourceLabel }, /* @__PURE__ */ React13__default.createElement(Prism, { language: "javascript", styles: { line: { boxSizing: "border-box" } } }, sourceCall)), headers)));
+  return /* @__PURE__ */ React10__default.createElement(Box, { id: "query-results-debug-view" }, /* @__PURE__ */ React10__default.createElement(Stack, { spacing: "md", px: "md", py: "sm" }, url && /* @__PURE__ */ React10__default.createElement(Input.Wrapper, { label: t("debug_view.url_logiclayer") }, /* @__PURE__ */ React10__default.createElement(Group, { noWrap: true, spacing: "xs" }, /* @__PURE__ */ React10__default.createElement(Input, { icon: /* @__PURE__ */ React10__default.createElement(IconWorld, null), readOnly: true, rightSectionWidth: "auto", value: url, w: "100%" }), /* @__PURE__ */ React10__default.createElement(Button.Group, null, /* @__PURE__ */ React10__default.createElement(Button, { leftIcon: /* @__PURE__ */ React10__default.createElement(IconExternalLink, null), onClick: openHandler, variant: "default" }, t("action_open")), /* @__PURE__ */ React10__default.createElement(Button, { leftIcon: /* @__PURE__ */ React10__default.createElement(IconClipboard, null), onClick: copyHandler, variant: "default" }, copied ? t("action_copy_done") : t("action_copy"))))), /* @__PURE__ */ React10__default.createElement(SimpleGrid, { cols: 2 }, sourceCall && /* @__PURE__ */ React10__default.createElement(Input.Wrapper, { label: jssourceLabel }, /* @__PURE__ */ React10__default.createElement(Prism, { language: "javascript", styles: { line: { boxSizing: "border-box" } } }, sourceCall)), headers)));
 }
 
 // src/components/Explorer.tsx
@@ -493,7 +502,7 @@ function describeData(cube, params, data) {
     return drilldowns.find((item) => item.uniqueName === name4) || measures.find((item) => item.name === name4) || drilldowns.find((item) => item.name === name4) || drilldowns.find((item) => item.uniqueName === nameWoId) || measures.find((item) => item.name === nameWoId) || drilldowns.find((item) => item.name === nameWoId);
   };
   return Object.fromEntries(
-    filterMap(Object.keys(data[0]), (key) => {
+    filterMap(Object.keys(data[0] || {}), (key) => {
       const entity = entityFinder(key);
       if (!entity) return null;
       const typeSet = new Set(data.map((item) => typeof item[key]));
@@ -567,16 +576,6 @@ function parseName(name4) {
   }
   return levelArrayToRef(name4);
 }
-function safeRegExp(pattern, flags) {
-  let regex;
-  try {
-    regex = new RegExp(pattern, flags);
-  } catch (e) {
-    pattern = pattern.replace(/[-\/\\^$*+?.()|[\]{}]/g, "\\$&");
-    regex = new RegExp(pattern, flags);
-  }
-  return regex;
-}
 function splitName(name4) {
   const nameParts = name4.indexOf("].[") > -1 ? name4.replace(/^\[|\]$/g, "").split("].[") : name4.split(".");
   if (nameParts.length === 1) {
@@ -627,7 +626,7 @@ function buildQueryParams(props) {
     isPreview: props.isPreview || false,
     locale: props.locale || "",
     measures: props.measures || {},
-    pagiLimit: props.pagiLimit || props.limitAmount || props.limit || 0,
+    pagiLimit: props.pagiLimit || props.limitAmount || props.limit || 100,
     pagiOffset: props.pagiOffset || props.limitOffset || props.offset || 0,
     sortDir: props.sortDir || props.sortDirection || props.sortOrder || props.order || "desc",
     sortKey: props.sortKey || props.sortProperty || ""
@@ -1100,7 +1099,7 @@ var selectCutMap = createSelector(
   (params) => params.cuts
 );
 createSelector(selectCutMap, getKeys);
-createSelector(selectCutMap, getValues);
+var selectCutItems = createSelector(selectCutMap, getValues);
 var selectDrilldownMap = createSelector(
   selectCurrentQueryParams,
   (params) => params.drilldowns
@@ -1112,7 +1111,7 @@ var selectFilterMap = createSelector(
   (params) => params.filters
 );
 createSelector(selectFilterMap, getKeys);
-createSelector(selectFilterMap, getValues);
+var selectFilterItems = createSelector(selectFilterMap, getValues);
 var selectMeasureMap = createSelector(
   selectCurrentQueryParams,
   (params) => params.measures
@@ -1127,7 +1126,7 @@ var selectIsPreviewMode = createSelector(
   selectCurrentQueryParams,
   (params) => params.isPreview
 );
-createSelector(
+var selectPaginationParams = createSelector(
   selectCurrentQueryParams,
   (params) => ({ limit: params.pagiLimit || 0, offset: params.pagiOffset || 0 })
 );
@@ -1190,9 +1189,6 @@ var loadingActions = {
     return { type: `${name3}/setLoadingState:${status}`, payload: message };
   }
 };
-function selectLoadingState(state) {
-  return state[name3];
-}
 function isFetchingAction(action) {
   return action.type.endsWith(`:${LOADINGSTATUS.FETCHING}`);
 }
@@ -1288,12 +1284,7 @@ function serializeStateToSearchParams(query) {
     return [stringifyName(item)].concat(item.members).join(",");
   }
   function serializeDrilldown(item) {
-    return [stringifyName(item)].concat(
-      filterMap(
-        item.properties,
-        (prop) => isActiveItem(prop) ? prop.name : null
-      )
-    ).join(",");
+    return [stringifyName(item)].concat(filterMap(item.properties, (prop) => isActiveItem(prop) ? prop.name : null)).join(",");
   }
   function serializeFilter(item) {
     const conditions = filterMap(
@@ -1357,9 +1348,9 @@ function parseStateFromSearchParams(query) {
   }
   function parseFilter(item) {
     const [measure, ...comparisons] = item.split(",");
-    const conditionOne = comparisons.slice(1, 3);
-    const conditionTwo = comparisons.length > 2 ? comparisons.slice(4, 6) : void 0;
-    const joint = comparisons.length > 2 ? comparisons[3] : void 0;
+    const conditionOne = comparisons.slice(0, 3);
+    const conditionTwo = comparisons.length > 2 ? comparisons.slice(3, 5) : void 0;
+    const joint = comparisons.length > 2 ? comparisons[2] : void 0;
     return buildFilter({
       active: true,
       measure,
@@ -1371,6 +1362,7 @@ function parseStateFromSearchParams(query) {
       const comparison = cond[0];
       const inputtedValue = cond[1];
       const interpretedValue = Number.parseFloat(cond[1]);
+      console.log("Entro parse", comparison, inputtedValue, interpretedValue);
       return [comparison, inputtedValue, interpretedValue];
     }
   }
@@ -1425,10 +1417,10 @@ function SettingsProvider(props) {
     panels: props.panels,
     previewLimit: props.previewLimit || 50
   }), [props.formatters, props.previewLimit]);
-  return /* @__PURE__ */ React13__default.createElement(ContextProvider, { value }, props.children);
+  return /* @__PURE__ */ React10__default.createElement(ContextProvider, { value }, props.children);
 }
 function SettingsConsumer(props) {
-  return /* @__PURE__ */ React13__default.createElement(ContextConsumer, null, useCallback((context) => {
+  return /* @__PURE__ */ React10__default.createElement(ContextConsumer, null, useCallback((context) => {
     if (context === void 0) {
       throw new Error("SettingsConsumer must be used within a SettingsProvider.");
     }
@@ -1474,6 +1466,14 @@ function applyQueryParams(query, params, settings) {
   Object.values(params.cuts).forEach((item) => {
     isActiveCut(item) && query.addCut(item, item.members);
   });
+  Object.values(params.filters).forEach((item) => {
+    isActiveItem(item) && query.addFilter(
+      item.measure,
+      item.conditionOne,
+      item.joint && item.conditionTwo ? item.joint : "",
+      item.joint && item.conditionTwo ? item.conditionTwo : ""
+    );
+  });
   Object.values(params.drilldowns).forEach((item) => {
     if (!isActiveItem(item)) return;
     query.addDrilldown(item);
@@ -1541,6 +1541,16 @@ function extractQueryParams(query) {
 
 // src/state/utils.ts
 init_esm_shims();
+var createCutHandler = (cuts, level, dispatch) => {
+  const cutItem = Object.values(cuts).find((cut) => {
+    return cut.uniqueName === level.uniqueName;
+  });
+  if (!cutItem) {
+    const cutItem2 = buildCut({ ...level, key: level.uniqueName, members: [] });
+    cutItem2.active = false;
+    dispatch(actions.updateCut(cutItem2));
+  }
+};
 function calcMaxMemberCount(query, params, dispatch) {
   const ds = query.cube.datasource;
   ds.axiosInstance.defaults.responseType = void 0;
@@ -1550,8 +1560,8 @@ function calcMaxMemberCount(query, params, dispatch) {
   });
   const memberLengths = query.getParam("drilldowns").map(
     (level) => Level.isLevel(level) ? drills[level.uniqueName] || ds.fetchMembers(level).then(async (members) => {
-      const { cube, name: name4, dimension, fullName, depth, properties, hierarchy, annotations } = level;
-      const lv = {
+      const { cube, name: name4, dimension, fullName, depth, properties, hierarchy, annotations, key } = level;
+      ({
         cube: cube.name,
         dimension: dimension.name,
         fullName,
@@ -1559,19 +1569,32 @@ function calcMaxMemberCount(query, params, dispatch) {
         _type: "level",
         name: name4,
         uri: level._source.uri,
-        properties: properties.map((p) => ({ name: p.name, annotations: p.annotations, uri: p._source.uri, _type: "property" })),
+        properties: properties.map((p) => ({
+          name: p.name,
+          annotations: p.annotations,
+          uri: p._source.uri,
+          _type: "property"
+        })),
         hierarchy: hierarchy.name,
         annotations
-      };
-      const dd = buildDrilldown(lv);
-      const ddd = { ...dd, key: dd.fullName, dimType: dimension.dimensionType, memberCount: members.length, members };
-      dispatch(actions.updateDrilldown(ddd));
+      });
+      const drilldown = Object.values(params.drilldowns).find(
+        (d) => d.uniqueName === level.uniqueName
+      );
+      if (drilldown) {
+        const ddd = {
+          ...drilldown,
+          dimType: dimension.dimensionType,
+          memberCount: members.length,
+          members
+        };
+        dispatch(actions.updateDrilldown(ddd));
+        createCutHandler(params.cuts, ddd, dispatch);
+      }
       return members.length;
     }) : Promise.resolve(1)
   );
-  return Promise.all(memberLengths).then(
-    (lengths) => lengths.reduce((prev, curr) => prev * curr)
-  );
+  return Promise.all(memberLengths).then((lengths) => lengths.reduce((prev, curr) => prev * curr));
 }
 function hydrateDrilldownProperties(cube, drilldownItem) {
   const activeProperties = filterMap(
@@ -1585,17 +1608,98 @@ function hydrateDrilldownProperties(cube, drilldownItem) {
         fullName: level.fullName,
         uniqueName: level.uniqueName,
         dimType: level.dimension.dimensionType,
-        properties: level.properties.map((property) => buildProperty({
-          active: activeProperties.includes(property.name),
-          level: level.uniqueName,
-          name: property.name,
-          uniqueName: property.uniqueName
-        }))
+        properties: level.properties.map(
+          (property) => buildProperty({
+            active: activeProperties.includes(property.name),
+            level: level.uniqueName,
+            name: property.name,
+            uniqueName: property.uniqueName
+          })
+        )
       });
     }
   }
   return drilldownItem;
 }
+function deriveDrilldowns(dimensions) {
+  const drilldowns = [];
+  const findDefaultHierarchy = (d) => d.hierarchies.find((h) => h.name === d.defaultHierarchy);
+  const timeDim = dimensions.find((d) => d.dimensionType === "time");
+  if (timeDim) {
+    const timeDrilldown = findDefaultHierarchy(timeDim).levels[0];
+    drilldowns.push(timeDrilldown);
+  }
+  for (const dim of dimensions) {
+    if (dim.type !== "time" && drilldowns.length < 4) {
+      const { levels } = findDefaultHierarchy(dim);
+      const levelIndex = dim.type === "geo" ? levels.length - 1 : 0;
+      drilldowns.push(levels[levelIndex]);
+    }
+  }
+  return drilldowns;
+}
+
+// src/state/selectors.js
+init_esm_shims();
+var selectOlapCube = createSelector(
+  [selectOlapCubeMap, selectCubeName],
+  (cubeMap, cubeName) => cubeName in cubeMap ? cubeMap[cubeName] : void 0
+);
+var selectOlapMeasureItems = createSelector(
+  selectOlapCube,
+  (cube) => cube ? cube.measures : []
+);
+var selectOlapMeasureMap = createSelector(
+  selectOlapMeasureItems,
+  (measures) => Object.fromEntries(measures.map((item) => [item.name, item]))
+);
+var selectOlapDimensionItems = createSelector(
+  selectOlapCube,
+  (cube) => !cube ? [] : cube.dimensions.map((dim) => ({
+    item: {
+      ...dim,
+      hierarchies: dim.hierarchies.slice().map((hierarchy) => {
+        hierarchy.levels.slice().sort(
+          (a, b) => getOrderValue(a) - getOrderValue(b)
+        );
+        return hierarchy;
+      }).sort(
+        (a, b) => getOrderValue(a) - getOrderValue(b)
+      )
+    },
+    count: dim.hierarchies.reduce((acc, hie) => acc + hie.levels.length, 0),
+    alpha: dim.hierarchies.reduce((acc, hie) => acc.concat(hie.name, "-"), "")
+  })).sort(
+    (a, b) => getOrderValue(a.item) - getOrderValue(b.item) || b.count - a.count || a.alpha.localeCompare(b.alpha)
+  ).map((i) => i.item)
+);
+createSelector(
+  selectOlapDimensionItems,
+  (dimensions) => Object.fromEntries(dimensions.map((item) => [item.name, item]))
+);
+createSelector(
+  selectOlapCube,
+  (cube) => !cube ? {} : Object.fromEntries(
+    cube.dimensions.flatMap(
+      (dim) => dim.hierarchies.flatMap(
+        (hie) => hie.levels.map((lvl) => {
+          const fullName = [dim.name, hie.name, lvl.name].join(".");
+          return tuple(fullName, triad(dim, hie, lvl));
+        })
+      )
+    )
+  )
+);
+createSelector(
+  selectOlapDimensionItems,
+  (dimensions) => dimensions.find(
+    (d) => d.dimensionType === "time" || d.name === "Year" || d.name === "Date"
+  )
+);
+var selectSerializedParams = createSelector(
+  selectCurrentQueryParams,
+  serializePermalink
+);
 
 // src/state/thunks.ts
 function willDownloadQuery(format2) {
@@ -1608,15 +1712,14 @@ function willDownloadQuery(format2) {
     const axios = olapClient.datasource.axiosInstance;
     return olapClient.getCube(params.cube).then((cube) => {
       const filename = `${cube.name}_${(/* @__PURE__ */ new Date()).toISOString()}`;
-      const query = applyQueryParams(cube.query, params, { previewLimit }).setFormat(format2);
+      const queryParams = { ...params, pagiLimit: 0, pagiOffset: 0 };
+      const query = applyQueryParams(cube.query, queryParams, { previewLimit }).setFormat(format2);
       const dataURL = query.toString("logiclayer").replace(olapClient.datasource.serverUrl, "");
       return Promise.all([
         axios({ url: dataURL, responseType: "blob" }).then((response) => response.data),
         calcMaxMemberCount(query, params).then((maxRows) => {
           if (maxRows > 5e4) {
-            dispatch(
-              loadingActions.setLoadingMessage({ type: "HEAVY_QUERY", rows: maxRows })
-            );
+            dispatch(loadingActions.setLoadingMessage({ type: "HEAVY_QUERY", rows: maxRows }));
           }
         })
       ]).then((result) => ({
@@ -1627,43 +1730,55 @@ function willDownloadQuery(format2) {
     });
   };
 }
-function willExecuteQuery() {
+function willExecuteQuery({ limit, offset } = {}) {
   return (dispatch, getState, { olapClient, previewLimit }) => {
     const state = getState();
     const params = selectCurrentQueryParams(state);
     const endpoint = selectServerEndpoint(state);
+    const isPrefetch = limit && offset;
+    const allParams = isPrefetch ? { ...params, pagiLimit: limit, pagiOffset: offset } : params;
+    const { result: currentResult } = selectCurrentQueryItem(state);
     if (!isValidQuery(params)) return Promise.resolve();
     return olapClient.getCube(params.cube).then((cube) => {
-      const query = applyQueryParams(cube.query, params, { previewLimit });
+      const query = applyQueryParams(cube.query, allParams, { previewLimit });
       return Promise.all([
         olapClient.execQuery(query, endpoint),
-        calcMaxMemberCount(query, params, dispatch).then((maxRows) => {
+        calcMaxMemberCount(query, allParams, dispatch).then((maxRows) => {
           if (maxRows > 5e4) {
             dispatch(loadingActions.setLoadingMessage({ type: "HEAVY_QUERY", rows: maxRows }));
           }
         })
-      ]).then((result) => {
-        const [aggregation] = result;
-        dispatch(
-          queriesActions.updateResult({
+      ]).then(
+        (result) => {
+          const [aggregation] = result;
+          !isPrefetch && dispatch(
+            queriesActions.updateResult({
+              data: aggregation.data,
+              types: aggregation.data.length ? describeData(cube.toJSON(), params, aggregation.data) : currentResult.types,
+              headers: { ...aggregation.headers },
+              sourceCall: query.toSource(),
+              status: aggregation.status || 500,
+              url: query.toString(endpoint)
+            })
+          );
+          return {
             data: aggregation.data,
-            types: describeData(cube.toJSON(), params, aggregation.data),
-            headers: { ...aggregation.headers },
-            sourceCall: query.toSource(),
-            status: aggregation.status || 500,
-            url: query.toString(endpoint)
-          })
-        );
-      }, (error) => {
-        var _a, _b;
-        dispatch(queriesActions.updateResult({
-          data: [],
-          types: {},
-          error: error.message,
-          status: (_b = (_a = error == null ? void 0 : error.response) == null ? void 0 : _a.status) != null ? _b : 500,
-          url: query.toString(endpoint)
-        }));
-      });
+            types: aggregation.data.length ? describeData(cube.toJSON(), params, aggregation.data) : currentResult.types
+          };
+        },
+        (error) => {
+          var _a, _b;
+          dispatch(
+            queriesActions.updateResult({
+              data: [],
+              types: {},
+              error: error.message,
+              status: (_b = (_a = error == null ? void 0 : error.response) == null ? void 0 : _a.status) != null ? _b : 500,
+              url: query.toString(endpoint)
+            })
+          );
+        }
+      );
     });
   };
 }
@@ -1695,11 +1810,15 @@ function willHydrateParams(suggestedCube) {
         Object.keys(cubeMap)[0]
       );
       return olapClient.getCube(cubeName).then((cube) => {
-        const resolvedMeasures = cube.measures.map((measure) => buildMeasure(measureItems[measure.name] || {
-          active: false,
-          key: measure.name,
-          name: measure.name
-        }));
+        const resolvedMeasures = cube.measures.map(
+          (measure) => buildMeasure(
+            measureItems[measure.name] || {
+              active: false,
+              key: measure.name,
+              name: measure.name
+            }
+          )
+        );
         const resolvedDrilldowns = filterMap(
           Object.values(params.drilldowns),
           (item) => hydrateDrilldownProperties(cube, item) || null
@@ -1724,6 +1843,7 @@ function willHydrateParams(suggestedCube) {
 }
 function willParseQueryUrl(url) {
   return (dispatch, getState, { olapClient }) => olapClient.parseQueryURL(url.toString(), { anyServer: true }).then((query) => {
+    extractQueryParams(query);
     const queryItem = buildQuery({
       params: extractQueryParams(query)
     });
@@ -1748,11 +1868,14 @@ function willRequestQuery() {
     const params = selectCurrentQueryParams(state);
     if (!isValidQuery(params)) return Promise.resolve();
     dispatch(loadingActions.setLoadingState("FETCHING"));
-    return dispatch(willExecuteQuery()).then(() => {
-      dispatch(loadingActions.setLoadingState("SUCCESS"));
-    }, (error) => {
-      dispatch(loadingActions.setLoadingState("FAILURE", error.message));
-    });
+    return dispatch(willExecuteQuery()).then(
+      () => {
+        dispatch(loadingActions.setLoadingState("SUCCESS"));
+      },
+      (error) => {
+        dispatch(loadingActions.setLoadingState("FAILURE", error.message));
+      }
+    );
   };
 }
 function willSetCube(cubeName) {
@@ -1764,15 +1887,22 @@ function willSetCube(cubeName) {
       (item) => item.active ? item.name : null
     );
     return olapClient.getCube(cubeName).then((cube) => {
-      const measures = filterMap(cube.measures, (measure) => buildMeasure({
-        active: currentActiveMeasures.includes(measure.name),
-        key: measure.name,
-        name: measure.name
-      }));
-      dispatch(queriesActions.updateCube({
-        cube: cube.name,
-        measures: keyBy(measures, (item) => item.key)
-      }));
+      const measures = filterMap(
+        cube.measures,
+        (measure) => buildMeasure({
+          active: currentActiveMeasures.includes(measure.name),
+          key: measure.name,
+          name: measure.name
+        })
+      );
+      dispatch(
+        queriesActions.updateCube({
+          cube: cube.name,
+          measures: keyBy(measures, (item) => item.key)
+        })
+      );
+      const dimensions = selectOlapDimensionItems(getState());
+      return { cube, measures, dimensions };
     });
   };
 }
@@ -1780,23 +1910,30 @@ function willSetupClient(serverConfig) {
   return (dispatch, getState, { olapClient: client }) => Client.dataSourceFromURL(serverConfig).then((datasource) => {
     client.setDataSource(datasource);
     return client.checkStatus();
-  }).then((serverInfo) => {
-    dispatch(serverActions.updateServer({
-      online: serverInfo.online,
-      software: serverInfo.software,
-      url: serverInfo.url,
-      version: serverInfo.version,
-      endpoint: serverInfo.software === TesseractDataSource.softwareName ? "logiclayer" : "aggregate"
-    }));
-  }, (error) => {
-    dispatch(serverActions.updateServer({
-      online: false,
-      software: "",
-      url: error.config.url,
-      version: ""
-    }));
-    throw error;
-  });
+  }).then(
+    (serverInfo) => {
+      dispatch(
+        serverActions.updateServer({
+          online: serverInfo.online,
+          software: serverInfo.software,
+          url: serverInfo.url,
+          version: serverInfo.version,
+          endpoint: serverInfo.software === TesseractDataSource.softwareName ? "logiclayer" : "aggregate"
+        })
+      );
+    },
+    (error) => {
+      dispatch(
+        serverActions.updateServer({
+          online: false,
+          software: "",
+          url: error.config.url,
+          version: ""
+        })
+      );
+      throw error;
+    }
+  );
 }
 
 // src/state/index.ts
@@ -1812,7 +1949,7 @@ init_esm_shims();
 
 // src/hooks/setup.js
 init_esm_shims();
-function useSetup(serverConfig, locale) {
+function useSetup(serverConfig, locale, defaultCube) {
   const actions2 = useActions();
   const [done, setDone] = useState(false);
   const cleanLocale = useMemo(
@@ -1845,20 +1982,23 @@ function useSetup(serverConfig, locale) {
         query = buildQuery({ params: { ...historyState } });
       }
       if (!query || !hasOwnProperty(cubeMap, query.params.cube)) {
-        const defaultCube = Object.keys(cubeMap)[0];
-        return actions2.willHydrateParams(defaultCube);
+        const cube = defaultCube && hasOwnProperty(cubeMap, defaultCube) ? defaultCube : Object.keys(cubeMap)[0];
+        return actions2.willHydrateParams(cube);
       }
       query.params.locale = query.params.locale || cleanLocale[0];
       actions2.resetQueries({ [query.key]: query });
-      return actions2.willHydrateParams().then(() => actions2.willExecuteQuery());
-    }).then(() => {
-      actions2.setLoadingState("SUCCESS");
-      setDone(true);
-    }, (error) => {
-      console.dir("There was an error during setup:", error);
-      actions2.setLoadingState("FAILURE", error.message);
-      setDone(true);
-    });
+      return actions2.willHydrateParams();
+    }).then(
+      () => {
+        actions2.setLoadingState("SUCCESS");
+        setDone(true);
+      },
+      (error) => {
+        console.dir("There was an error during setup:", error);
+        actions2.setLoadingState("FAILURE", error.message);
+        setDone(true);
+      }
+    );
   }, [serverConfig]);
   return done;
 }
@@ -1913,7 +2053,7 @@ var defaultProps = {
 function AnimatedCube(props) {
   const { color, shade } = useComponentDefaultProps(AnimatedCube.displayName, defaultProps, props);
   const { classes, cx } = useStyles({ color, shade });
-  return /* @__PURE__ */ React13__default.createElement(
+  return /* @__PURE__ */ React10__default.createElement(
     "svg",
     {
       className: cx("dataex-Anicube-root", classes.root),
@@ -1921,12 +2061,12 @@ function AnimatedCube(props) {
       viewBox: "0 0 256 256",
       height: props.size || 256
     },
-    /* @__PURE__ */ React13__default.createElement("path", { className: cx("dataex-Anicube-side", classes.side, "a"), d: "M128 128v128l111 -64v-128l-111 64z" }),
-    /* @__PURE__ */ React13__default.createElement("path", { className: cx("dataex-Anicube-side", classes.side, "b"), d: "M128 128l111 -64l-111 -64l-111 64l111 64z" }),
-    /* @__PURE__ */ React13__default.createElement("path", { className: cx("dataex-Anicube-side", classes.side, "c"), d: "M128 128l-111 -64v128l111 64v-128z" }),
-    /* @__PURE__ */ React13__default.createElement("path", { className: cx("dataex-Anicube-side", classes.side, "a"), d: "M128 128v-64l-55 32v64l55 -32z" }),
-    /* @__PURE__ */ React13__default.createElement("path", { className: cx("dataex-Anicube-side", classes.side, "b"), d: "M128 128l-55 32l55 32l55 -32l-55 -32z" }),
-    /* @__PURE__ */ React13__default.createElement("path", { className: cx("dataex-Anicube-side", classes.side, "c"), d: "M128 128l55 32v-64l-55 -32v64z" })
+    /* @__PURE__ */ React10__default.createElement("path", { className: cx("dataex-Anicube-side", classes.side, "a"), d: "M128 128v128l111 -64v-128l-111 64z" }),
+    /* @__PURE__ */ React10__default.createElement("path", { className: cx("dataex-Anicube-side", classes.side, "b"), d: "M128 128l111 -64l-111 -64l-111 64l111 64z" }),
+    /* @__PURE__ */ React10__default.createElement("path", { className: cx("dataex-Anicube-side", classes.side, "c"), d: "M128 128l-111 -64v128l111 64v-128z" }),
+    /* @__PURE__ */ React10__default.createElement("path", { className: cx("dataex-Anicube-side", classes.side, "a"), d: "M128 128v-64l-55 32v64l55 -32z" }),
+    /* @__PURE__ */ React10__default.createElement("path", { className: cx("dataex-Anicube-side", classes.side, "b"), d: "M128 128l-55 32l55 32l55 -32l-55 -32z" }),
+    /* @__PURE__ */ React10__default.createElement("path", { className: cx("dataex-Anicube-side", classes.side, "c"), d: "M128 128l55 32v-64l-55 -32v64z" })
   );
 }
 AnimatedCube.displayName = "DataExplorer/Anicube";
@@ -1934,68 +2074,6 @@ AnimatedCube.displayName = "DataExplorer/Anicube";
 // src/components/ExplorerResults.tsx
 init_esm_shims();
 
-// src/state/selectors.js
-init_esm_shims();
-var selectOlapCube = createSelector(
-  [selectOlapCubeMap, selectCubeName],
-  (cubeMap, cubeName) => cubeName in cubeMap ? cubeMap[cubeName] : void 0
-);
-var selectOlapMeasureItems = createSelector(
-  selectOlapCube,
-  (cube) => cube ? cube.measures : []
-);
-var selectOlapMeasureMap = createSelector(
-  selectOlapMeasureItems,
-  (measures) => Object.fromEntries(measures.map((item) => [item.name, item]))
-);
-var selectOlapDimensionItems = createSelector(
-  selectOlapCube,
-  (cube) => !cube ? [] : cube.dimensions.map((dim) => ({
-    item: {
-      ...dim,
-      hierarchies: dim.hierarchies.slice().map((hierarchy) => {
-        hierarchy.levels.slice().sort(
-          (a, b) => getOrderValue(a) - getOrderValue(b)
-        );
-        return hierarchy;
-      }).sort(
-        (a, b) => getOrderValue(a) - getOrderValue(b)
-      )
-    },
-    count: dim.hierarchies.reduce((acc, hie) => acc + hie.levels.length, 0),
-    alpha: dim.hierarchies.reduce((acc, hie) => acc.concat(hie.name, "-"), "")
-  })).sort(
-    (a, b) => getOrderValue(a.item) - getOrderValue(b.item) || b.count - a.count || a.alpha.localeCompare(b.alpha)
-  ).map((i) => i.item)
-);
-createSelector(
-  selectOlapDimensionItems,
-  (dimensions) => Object.fromEntries(dimensions.map((item) => [item.name, item]))
-);
-createSelector(
-  selectOlapCube,
-  (cube) => !cube ? {} : Object.fromEntries(
-    cube.dimensions.flatMap(
-      (dim) => dim.hierarchies.flatMap(
-        (hie) => hie.levels.map((lvl) => {
-          const fullName = [dim.name, hie.name, lvl.name].join(".");
-          return tuple(fullName, triad(dim, hie, lvl));
-        })
-      )
-    )
-  )
-);
-createSelector(
-  selectOlapDimensionItems,
-  (dimensions) => dimensions.find(
-    (d) => d.dimensionType === "time" || d.name === "Year" || d.name === "Date"
-  )
-);
-var selectSerializedParams = createSelector(
-  selectCurrentQueryParams,
-  serializePermalink
-);
-
 // src/components/PreviewModeSwitch.jsx
 init_esm_shims();
 var PreviewModeSwitch = (props) => {
@@ -2011,17 +2089,17 @@ var PreviewModeSwitch = (props) => {
   const onClickLoadAllResults = useCallback(() => {
     actions2.updateIsPreview(!isPreviewMode);
   }, [isPreviewMode]);
-  const target = /* @__PURE__ */ React13__default.createElement(
+  const target = /* @__PURE__ */ React10__default.createElement(
     Switch,
     {
       checked: !isPreviewMode,
       styles: { label: { display: "flex", alignContent: "center", gap: "0.25rem" } },
-      label: /* @__PURE__ */ React13__default.createElement(React13__default.Fragment, null, t("params.label_boolean_full_results"), withTooltip && /* @__PURE__ */ React13__default.createElement(ThemeIcon, { variant: "subtle", size: "sm" }, /* @__PURE__ */ React13__default.createElement(IconInfoCircleFilled, null))),
+      label: /* @__PURE__ */ React10__default.createElement(React10__default.Fragment, null, t("params.label_boolean_full_results"), withTooltip && /* @__PURE__ */ React10__default.createElement(ThemeIcon, { variant: "subtle", size: "sm" }, /* @__PURE__ */ React10__default.createElement(IconInfoCircleFilled, null))),
       onChange: onClickLoadAllResults
     }
   );
   if (!withTooltip) return target;
-  return /* @__PURE__ */ React13__default.createElement(
+  return /* @__PURE__ */ React10__default.createElement(
     Tooltip,
     {
       events: {
@@ -2034,7 +2112,7 @@ var PreviewModeSwitch = (props) => {
       withArrow: true,
       withinPortal: true
     },
-    /* @__PURE__ */ React13__default.createElement("div", null, target)
+    /* @__PURE__ */ React10__default.createElement("div", null, target)
   );
 };
 
@@ -2099,13 +2177,13 @@ function useFormatter(measures) {
 // src/components/icons/index.tsx
 init_esm_shims();
 function IconChevronLeft() {
-  return /* @__PURE__ */ React13__default.createElement("svg", { width: "9", height: "13", viewBox: "0 0 6 11", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ React13__default.createElement("path", { d: "M5.5 1L1 5.5L5.5 10", stroke: "black", strokeLinecap: "round" }));
+  return /* @__PURE__ */ React10__default.createElement("svg", { width: "9", height: "13", viewBox: "0 0 6 11", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ React10__default.createElement("path", { d: "M5.5 1L1 5.5L5.5 10", stroke: "black", strokeLinecap: "round" }));
 }
 function IconChevronRight() {
-  return /* @__PURE__ */ React13__default.createElement("svg", { width: "9", height: "13", viewBox: "0 0 7 11", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ React13__default.createElement("path", { d: "M1 10L5.5 5.5L1 1", stroke: "black", strokeLinecap: "round" }));
+  return /* @__PURE__ */ React10__default.createElement("svg", { width: "9", height: "13", viewBox: "0 0 7 11", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ React10__default.createElement("path", { d: "M1 10L5.5 5.5L1 1", stroke: "black", strokeLinecap: "round" }));
 }
 function DataSetSVG() {
-  return /* @__PURE__ */ React13__default.createElement("svg", { width: "25", height: "25", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ React13__default.createElement(
+  return /* @__PURE__ */ React10__default.createElement("svg", { width: "25", height: "25", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ React10__default.createElement(
     "path",
     {
       d: "M3.33325 5C3.33325 5.66304 4.03563 6.29893 5.28587 6.76777C6.53612 7.23661 8.23181 7.5 9.99992 7.5C11.768 7.5 13.4637 7.23661 14.714 6.76777C15.9642 6.29893 16.6666 5.66304 16.6666 5C16.6666 4.33696 15.9642 3.70107 14.714 3.23223C13.4637 2.76339 11.768 2.5 9.99992 2.5C8.23181 2.5 6.53612 2.76339 5.28587 3.23223C4.03563 3.70107 3.33325 4.33696 3.33325 5Z",
@@ -2113,7 +2191,7 @@ function DataSetSVG() {
       strokeLinecap: "round",
       strokeLinejoin: "round"
     }
-  ), /* @__PURE__ */ React13__default.createElement(
+  ), /* @__PURE__ */ React10__default.createElement(
     "path",
     {
       d: "M3.33325 5V10C3.33325 10.663 4.03563 11.2989 5.28587 11.7678C6.53612 12.2366 8.23181 12.5 9.99992 12.5C11.768 12.5 13.4637 12.2366 14.714 11.7678C15.9642 11.2989 16.6666 10.663 16.6666 10V5",
@@ -2121,7 +2199,7 @@ function DataSetSVG() {
       strokeLinecap: "round",
       strokeLinejoin: "round"
     }
-  ), /* @__PURE__ */ React13__default.createElement(
+  ), /* @__PURE__ */ React10__default.createElement(
     "path",
     {
       d: "M3.33325 10V15C3.33325 15.663 4.03563 16.2989 5.28587 16.7678C6.53612 17.2366 8.23181 17.5 9.99992 17.5C11.768 17.5 13.4637 17.2366 14.714 16.7678C15.9642 16.2989 16.6666 15.663 16.6666 15V10",
@@ -2132,7 +2210,7 @@ function DataSetSVG() {
   ));
 }
 function HomeSVG() {
-  return /* @__PURE__ */ React13__default.createElement("svg", { width: "22", height: "24", viewBox: "0 0 16 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ React13__default.createElement(
+  return /* @__PURE__ */ React10__default.createElement("svg", { width: "22", height: "24", viewBox: "0 0 16 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ React10__default.createElement(
     "path",
     {
       d: "M2 16H5V10H11V16H14V7L8 2.5L2 7V16ZM0 18V6L8 0L16 6V18H9V12H7V18H0Z",
@@ -2140,18 +2218,8 @@ function HomeSVG() {
     }
   ));
 }
-function PlusSVG() {
-  const theme = useMantineTheme();
-  return /* @__PURE__ */ React13__default.createElement("svg", { width: "35", height: "37", viewBox: "0 0 26 29", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ React13__default.createElement("circle", { cx: "13", cy: "12", r: "12", fill: theme.colors[theme.primaryColor][5] }), /* @__PURE__ */ React13__default.createElement(
-    "path",
-    {
-      d: "M18.8008 10.8477V12.8867H7.10547V10.8477H18.8008ZM14.043 5.86719V18.2891H11.875V5.86719H14.043Z",
-      fill: "white"
-    }
-  ));
-}
 function StackSVG() {
-  return /* @__PURE__ */ React13__default.createElement(
+  return /* @__PURE__ */ React10__default.createElement(
     "svg",
     {
       width: "15",
@@ -2160,12 +2228,12 @@ function StackSVG() {
       fill: "currentColor",
       xmlns: "http://www.w3.org/2000/svg"
     },
-    /* @__PURE__ */ React13__default.createElement("path", { d: "M14 3.38826C14 1.87066 10.7949 0.588257 7 0.588257C3.20513 0.588257 0 1.87066 0 3.38826V4.78826C0 6.30586 3.20513 7.58826 7 7.58826C10.7949 7.58826 14 6.30586 14 4.78826V3.38826ZM7 12.4883C3.20513 12.4883 0 11.2059 0 9.68826V11.7883C0 13.3059 3.20513 14.5883 7 14.5883C10.7949 14.5883 14 13.3059 14 11.7883V9.68826C14 11.2059 10.7949 12.4883 7 12.4883Z" }),
-    /* @__PURE__ */ React13__default.createElement("path", { d: "M14 6.18823C14 7.70583 10.7949 8.98823 7 8.98823C3.20513 8.98823 0 7.70583 0 6.18823V8.28823C0 9.80583 3.20513 11.0882 7 11.0882C10.7949 11.0882 14 9.80583 14 8.28823V6.18823Z" })
+    /* @__PURE__ */ React10__default.createElement("path", { d: "M14 3.38826C14 1.87066 10.7949 0.588257 7 0.588257C3.20513 0.588257 0 1.87066 0 3.38826V4.78826C0 6.30586 3.20513 7.58826 7 7.58826C10.7949 7.58826 14 6.30586 14 4.78826V3.38826ZM7 12.4883C3.20513 12.4883 0 11.2059 0 9.68826V11.7883C0 13.3059 3.20513 14.5883 7 14.5883C10.7949 14.5883 14 13.3059 14 11.7883V9.68826C14 11.2059 10.7949 12.4883 7 12.4883Z" }),
+    /* @__PURE__ */ React10__default.createElement("path", { d: "M14 6.18823C14 7.70583 10.7949 8.98823 7 8.98823C3.20513 8.98823 0 7.70583 0 6.18823V8.28823C0 9.80583 3.20513 11.0882 7 11.0882C10.7949 11.0882 14 9.80583 14 8.28823V6.18823Z" })
   );
 }
 function BarsSVG() {
-  return /* @__PURE__ */ React13__default.createElement(
+  return /* @__PURE__ */ React10__default.createElement(
     "svg",
     {
       width: "15",
@@ -2174,316 +2242,97 @@ function BarsSVG() {
       xmlns: "http://www.w3.org/2000/svg",
       fill: "currentColor"
     },
-    /* @__PURE__ */ React13__default.createElement("path", { d: "M3.78947 9.6H0.631579V4.8H3.78947V9.6ZM7.57895 9.6H4.42105V2.4H7.57895V9.6ZM11.3684 9.6H8.21053V0H11.3684V9.6ZM12 12H0V10.8H12V12Z" })
+    /* @__PURE__ */ React10__default.createElement("path", { d: "M3.78947 9.6H0.631579V4.8H3.78947V9.6ZM7.57895 9.6H4.42105V2.4H7.57895V9.6ZM11.3684 9.6H8.21053V0H11.3684V9.6ZM12 12H0V10.8H12V12Z" })
   );
 }
 function SearchSVG() {
-  return /* @__PURE__ */ React13__default.createElement("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ React13__default.createElement("g", { "clip-path": "url(#clip0_905_15769)" }, /* @__PURE__ */ React13__default.createElement("path", { d: "M2.25 7.5C2.25 8.18944 2.3858 8.87213 2.64963 9.50909C2.91347 10.146 3.30018 10.7248 3.78769 11.2123C4.2752 11.6998 4.85395 12.0865 5.49091 12.3504C6.12787 12.6142 6.81056 12.75 7.5 12.75C8.18944 12.75 8.87213 12.6142 9.50909 12.3504C10.146 12.0865 10.7248 11.6998 11.2123 11.2123C11.6998 10.7248 12.0865 10.146 12.3504 9.50909C12.6142 8.87213 12.75 8.18944 12.75 7.5C12.75 6.81056 12.6142 6.12787 12.3504 5.49091C12.0865 4.85395 11.6998 4.2752 11.2123 3.78769C10.7248 3.30018 10.146 2.91347 9.50909 2.64963C8.87213 2.3858 8.18944 2.25 7.5 2.25C6.81056 2.25 6.12787 2.3858 5.49091 2.64963C4.85395 2.91347 4.2752 3.30018 3.78769 3.78769C3.30018 4.2752 2.91347 4.85395 2.64963 5.49091C2.3858 6.12787 2.25 6.81056 2.25 7.5Z", stroke: "black", "stroke-linecap": "round", "stroke-linejoin": "round" }), /* @__PURE__ */ React13__default.createElement("path", { d: "M15.75 15.75L11.25 11.25", stroke: "black", "stroke-linecap": "round", "stroke-linejoin": "round" })), /* @__PURE__ */ React13__default.createElement("defs", null, /* @__PURE__ */ React13__default.createElement("clipPath", { id: "clip0_905_15769" }, /* @__PURE__ */ React13__default.createElement("rect", { width: "18", height: "18", fill: "white" }))));
+  return /* @__PURE__ */ React10__default.createElement("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ React10__default.createElement("g", { clipPath: "url(#clip0_905_15769)" }, /* @__PURE__ */ React10__default.createElement(
+    "path",
+    {
+      d: "M2.25 7.5C2.25 8.18944 2.3858 8.87213 2.64963 9.50909C2.91347 10.146 3.30018 10.7248 3.78769 11.2123C4.2752 11.6998 4.85395 12.0865 5.49091 12.3504C6.12787 12.6142 6.81056 12.75 7.5 12.75C8.18944 12.75 8.87213 12.6142 9.50909 12.3504C10.146 12.0865 10.7248 11.6998 11.2123 11.2123C11.6998 10.7248 12.0865 10.146 12.3504 9.50909C12.6142 8.87213 12.75 8.18944 12.75 7.5C12.75 6.81056 12.6142 6.12787 12.3504 5.49091C12.0865 4.85395 11.6998 4.2752 11.2123 3.78769C10.7248 3.30018 10.146 2.91347 9.50909 2.64963C8.87213 2.3858 8.18944 2.25 7.5 2.25C6.81056 2.25 6.12787 2.3858 5.49091 2.64963C4.85395 2.91347 4.2752 3.30018 3.78769 3.78769C3.30018 4.2752 2.91347 4.85395 2.64963 5.49091C2.3858 6.12787 2.25 6.81056 2.25 7.5Z",
+      stroke: "black",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ), /* @__PURE__ */ React10__default.createElement(
+    "path",
+    {
+      d: "M15.75 15.75L11.25 11.25",
+      stroke: "black",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  )), /* @__PURE__ */ React10__default.createElement("defs", null, /* @__PURE__ */ React10__default.createElement("clipPath", { id: "clip0_905_15769" }, /* @__PURE__ */ React10__default.createElement("rect", { width: "18", height: "18", fill: "white" }))));
 }
 function FullScreenSVG() {
-  return /* @__PURE__ */ React13__default.createElement("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ React13__default.createElement("g", { "clip-path": "url(#clip0_905_15763)" }, /* @__PURE__ */ React13__default.createElement("path", { d: "M3.33325 6.66668V5.00001C3.33325 4.55798 3.50885 4.13406 3.82141 3.8215C4.13397 3.50894 4.55789 3.33334 4.99992 3.33334H6.66659", stroke: "black", "stroke-linecap": "round", "stroke-linejoin": "round" }), /* @__PURE__ */ React13__default.createElement("path", { d: "M3.33325 13.3333V15C3.33325 15.442 3.50885 15.866 3.82141 16.1785C4.13397 16.4911 4.55789 16.6667 4.99992 16.6667H6.66659", stroke: "black", "stroke-linecap": "round", "stroke-linejoin": "round" }), /* @__PURE__ */ React13__default.createElement("path", { d: "M13.3333 3.33334H14.9999C15.4419 3.33334 15.8659 3.50894 16.1784 3.8215C16.491 4.13406 16.6666 4.55798 16.6666 5.00001V6.66668", stroke: "black", "stroke-linecap": "round", "stroke-linejoin": "round" }), /* @__PURE__ */ React13__default.createElement("path", { d: "M13.3333 16.6667H14.9999C15.4419 16.6667 15.8659 16.4911 16.1784 16.1785C16.491 15.866 16.6666 15.442 16.6666 15V13.3333", stroke: "black", "stroke-linecap": "round", "stroke-linejoin": "round" })), /* @__PURE__ */ React13__default.createElement("defs", null, /* @__PURE__ */ React13__default.createElement("clipPath", { id: "clip0_905_15763" }, /* @__PURE__ */ React13__default.createElement("rect", { width: "20", height: "20", fill: "white" }))));
+  return /* @__PURE__ */ React10__default.createElement("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ React10__default.createElement("g", { clipPath: "url(#clip0_905_15763)" }, /* @__PURE__ */ React10__default.createElement(
+    "path",
+    {
+      d: "M3.33325 6.66668V5.00001C3.33325 4.55798 3.50885 4.13406 3.82141 3.8215C4.13397 3.50894 4.55789 3.33334 4.99992 3.33334H6.66659",
+      stroke: "black",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ), /* @__PURE__ */ React10__default.createElement(
+    "path",
+    {
+      d: "M3.33325 13.3333V15C3.33325 15.442 3.50885 15.866 3.82141 16.1785C4.13397 16.4911 4.55789 16.6667 4.99992 16.6667H6.66659",
+      stroke: "black",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ), /* @__PURE__ */ React10__default.createElement(
+    "path",
+    {
+      d: "M13.3333 3.33334H14.9999C15.4419 3.33334 15.8659 3.50894 16.1784 3.8215C16.491 4.13406 16.6666 4.55798 16.6666 5.00001V6.66668",
+      stroke: "black",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ), /* @__PURE__ */ React10__default.createElement(
+    "path",
+    {
+      d: "M13.3333 16.6667H14.9999C15.4419 16.6667 15.8659 16.4911 16.1784 16.1785C16.491 15.866 16.6666 15.442 16.6666 15V13.3333",
+      stroke: "black",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  )), /* @__PURE__ */ React10__default.createElement("defs", null, /* @__PURE__ */ React10__default.createElement("clipPath", { id: "clip0_905_15763" }, /* @__PURE__ */ React10__default.createElement("rect", { width: "20", height: "20", fill: "white" }))));
 }
 function ClearSVG() {
-  return /* @__PURE__ */ React13__default.createElement("svg", { width: "17", height: "16", viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ React13__default.createElement("g", { "clip-path": "url(#clip0_1545_1134)" }, /* @__PURE__ */ React13__default.createElement("path", { d: "M13.4072 10.6882C13.9751 9.56054 14.172 8.28312 13.9697 7.03754C13.7675 5.79196 13.1766 4.64164 12.2808 3.75013C11.3851 2.85861 10.2303 2.27129 8.98048 2.07166C7.73068 1.87204 6.44956 2.07028 5.31928 2.63819M3.7671 3.75952C2.63879 4.88519 2.00527 6.41157 2.0059 8.00288C2.00652 9.59419 2.64125 11.1201 3.77044 12.2449C4.89964 13.3696 6.4308 14.0012 8.02709 14.0006C9.62339 13.9999 11.1541 13.3672 12.2824 12.2415", stroke: "black", "stroke-linecap": "round", "stroke-linejoin": "round" }), /* @__PURE__ */ React13__default.createElement("path", { d: "M2.00626 2L14.0439 14", stroke: "black", "stroke-linecap": "round", "stroke-linejoin": "round" })), /* @__PURE__ */ React13__default.createElement("defs", null, /* @__PURE__ */ React13__default.createElement("clipPath", { id: "clip0_1545_1134" }, /* @__PURE__ */ React13__default.createElement("rect", { width: "16.0501", height: "16", fill: "white" }))));
+  return /* @__PURE__ */ React10__default.createElement("svg", { width: "17", height: "16", viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ React10__default.createElement("g", { clipPath: "url(#clip0_1545_1134)" }, /* @__PURE__ */ React10__default.createElement(
+    "path",
+    {
+      d: "M13.4072 10.6882C13.9751 9.56054 14.172 8.28312 13.9697 7.03754C13.7675 5.79196 13.1766 4.64164 12.2808 3.75013C11.3851 2.85861 10.2303 2.27129 8.98048 2.07166C7.73068 1.87204 6.44956 2.07028 5.31928 2.63819M3.7671 3.75952C2.63879 4.88519 2.00527 6.41157 2.0059 8.00288C2.00652 9.59419 2.64125 11.1201 3.77044 12.2449C4.89964 13.3696 6.4308 14.0012 8.02709 14.0006C9.62339 13.9999 11.1541 13.3672 12.2824 12.2415",
+      stroke: "black",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ), /* @__PURE__ */ React10__default.createElement(
+    "path",
+    {
+      d: "M2.00626 2L14.0439 14",
+      stroke: "black",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  )), /* @__PURE__ */ React10__default.createElement("defs", null, /* @__PURE__ */ React10__default.createElement("clipPath", { id: "clip0_1545_1134" }, /* @__PURE__ */ React10__default.createElement("rect", { width: "16.0501", height: "16", fill: "white" }))));
 }
 
-// src/components/OptionsMenu.tsx
-init_esm_shims();
-
-// src/components/MenuDimension.jsx
+// src/components/TableFooter.tsx
 init_esm_shims();
 
-// src/utils/format.js
-init_esm_shims();
-function abbreviateFullName(nameParts, joint = "/") {
-  if (!nameParts) {
-    return "";
-  }
-  if (typeof nameParts === "string") {
-    nameParts = splitName(nameParts);
-  }
-  const target = [];
-  let n = nameParts.length;
-  while (n--) {
-    const token = nameParts[n];
-    if (target.indexOf(token) === -1) {
-      target.unshift(token);
-    }
-  }
-  return target.join(joint);
-}
-
-// src/components/MenuDimension.jsx
-var DimensionMenu = (props) => {
-  const dimensions = useSelector$1(selectOlapDimensionItems) || [];
-  const locale = useSelector$1(selectLocale);
-  const options = useMemo(
-    () => dimensions.map((dim) => /* @__PURE__ */ React13__default.createElement(
-      DimensionMenuItem,
-      {
-        dimension: dim,
-        locale: locale.code,
-        isMediumScreen: props.isMediumScreen,
-        key: dim.uri,
-        onItemSelect: props.onItemSelect,
-        selectedItems: props.selectedItems
-      }
-    )),
-    [dimensions, props.selectedItems, props.onItemSelect]
-  );
-  return /* @__PURE__ */ React13__default.createElement(Menu, null, options);
-};
-var DimensionMenuItem = (props) => {
-  const { dimension, locale, isMediumScreen, onItemSelect, selectedItems } = props;
-  const { translate: t } = useTranslation();
-  const label = useMemo(
-    () => t("params.dimmenu_dimension", {
-      dimension: getCaption(dimension, locale)
-    }),
-    [locale, dimension]
-  );
-  const isChildSubMenu = dimension.hierarchies.length !== 1;
-  const options = dimension.hierarchies.map((hie) => /* @__PURE__ */ React13__default.createElement(
-    HierarchyMenuItem,
-    {
-      dimension,
-      hierarchy: hie,
-      isMediumScreen,
-      isSubMenu: isChildSubMenu,
-      key: hie.uri,
-      locale,
-      onItemSelect,
-      selectedItems
-    }
-  ));
-  if (!isChildSubMenu) {
-    return options[0];
-  }
-  return /* @__PURE__ */ React13__default.createElement(Menu, { key: dimension.uri, position: "left", shadow: "md", withArrow: true }, /* @__PURE__ */ React13__default.createElement(Menu.Target, null, /* @__PURE__ */ React13__default.createElement(UnstyledButton, { component: "span" }, /* @__PURE__ */ React13__default.createElement(
-    Menu.Item,
-    {
-      icon: /* @__PURE__ */ React13__default.createElement(IconStack3, null),
-      sx: (theme) => ({
-        [theme.fn.smallerThan("md")]: {
-          maxWidth: 200
-        }
-      })
-    },
-    /* @__PURE__ */ React13__default.createElement(Group, { noWrap: true, position: "apart" }, /* @__PURE__ */ React13__default.createElement(Text, null, label), /* @__PURE__ */ React13__default.createElement(IconChevronRight$1, { stroke: 1.5, size: 16 }))
-  ))), /* @__PURE__ */ React13__default.createElement(Menu.Dropdown, null, /* @__PURE__ */ React13__default.createElement(Menu, null, options)));
-};
-var HierarchyMenuItem = (props) => {
-  const { dimension, hierarchy, locale, onItemSelect, selectedItems } = props;
-  const { translate: t } = useTranslation();
-  const label = useMemo(() => {
-    const captions = [getCaption(dimension, locale), getCaption(hierarchy, locale)];
-    if (props.isSubMenu) {
-      return captions[1];
-    }
-    return t("params.dimmenu_hierarchy", {
-      abbr: abbreviateFullName(captions, t("params.dimmenu_abbrjoint")),
-      dimension: captions[0],
-      hierarchy: captions[1]
-    });
-  }, [locale, dimension, hierarchy, props.isSubMenu]);
-  const isChildSubMenu = hierarchy.levels.length !== 1;
-  const options = hierarchy.levels.map((lvl) => /* @__PURE__ */ React13__default.createElement(
-    LevelMenuItem,
-    {
-      dimension,
-      hierarchy,
-      isSubMenu: isChildSubMenu,
-      key: lvl.uri,
-      level: lvl,
-      locale,
-      onItemSelect,
-      selectedItems
-    }
-  ));
-  if (!isChildSubMenu) {
-    return options[0];
-  }
-  return /* @__PURE__ */ React13__default.createElement(Menu, { key: hierarchy.uri, position: "left", shadow: "md", withArrow: true }, /* @__PURE__ */ React13__default.createElement(Menu.Target, null, /* @__PURE__ */ React13__default.createElement(UnstyledButton, { component: "span" }, /* @__PURE__ */ React13__default.createElement(
-    Menu.Item,
-    {
-      icon: /* @__PURE__ */ React13__default.createElement(IconStack2, null),
-      sx: (theme) => ({
-        [theme.fn.smallerThan("md")]: {
-          maxWidth: 200
-        }
-      })
-    },
-    /* @__PURE__ */ React13__default.createElement(Group, { noWrap: true, position: "apart" }, /* @__PURE__ */ React13__default.createElement(Text, null, label), /* @__PURE__ */ React13__default.createElement(IconChevronRight$1, { stroke: 1.5, size: 16 }))
-  ))), /* @__PURE__ */ React13__default.createElement(Menu.Dropdown, null, /* @__PURE__ */ React13__default.createElement(Menu, null, options)));
-};
-var LevelMenuItem = (props) => {
-  const { dimension, hierarchy, level, locale } = props;
-  const { translate: t } = useTranslation();
-  const label = useMemo(() => {
-    const captions = [
-      getCaption(dimension, locale),
-      getCaption(hierarchy, locale),
-      getCaption(level, locale)
-    ];
-    if (props.isSubMenu) {
-      return captions[2];
-    }
-    return t("params.dimmenu_level", {
-      abbr: abbreviateFullName(captions, t("params.dimmenu_abbrjoint")),
-      dimension: captions[0],
-      hierarchy: captions[1],
-      level: captions[2]
-    });
-  }, [locale, dimension, hierarchy, level, props.isSubMenu]);
-  return /* @__PURE__ */ React13__default.createElement(
-    Menu.Item,
-    {
-      disabled: props.selectedItems.includes(stringifyName(level)),
-      icon: /* @__PURE__ */ React13__default.createElement(IconStack, null),
-      key: level.uri,
-      miw: 200,
-      onClick: () => props.onItemSelect(level, hierarchy, dimension),
-      sx: (theme) => ({
-        [theme.fn.smallerThan("md")]: {
-          maxWidth: 200
-        }
-      })
-    },
-    label
-  );
-};
-
-// src/components/MeasuresMenu.tsx
-init_esm_shims();
-function MeasuresMenu(props) {
-  const actions2 = useActions();
-  const { code: locale } = useSelector$1(selectLocale);
-  const itemMap = useSelector$1(selectMeasureMap);
-  useSelector$1(selectOlapMeasureMap);
-  const measures = useSelector$1(selectOlapMeasureItems);
-  const [filter, setFilter] = useState("");
-  useTranslation();
-  const { children } = props;
-  const filteredItems = useMemo(() => {
-    const query = filter ? safeRegExp(filter, "i") : null;
-    return filterMap(measures, (measure) => {
-      if (query && !query.test(getCaption(measure, locale))) {
-        return null;
-      }
-      return itemMap[measure.name] || buildMeasure({ active: false, ...measure });
-    });
-  }, [itemMap, measures, filter, locale]);
-  const activeItems = filteredItems.filter(isActiveItem);
-  const options = filteredItems.map((item) => /* @__PURE__ */ React13__default.createElement(
-    Menu.Item,
-    {
-      disabled: activeItems.map((active) => active.name).includes(item.name),
-      key: item.name,
-      onClick: () => {
-        actions2.updateMeasure({ ...item, active: !item.active });
-        actions2.willRequestQuery();
-      }
-    },
-    item.name
-  ));
-  return /* @__PURE__ */ React13__default.createElement(Menu, { position: "left" }, /* @__PURE__ */ React13__default.createElement(Menu.Target, null, /* @__PURE__ */ React13__default.createElement(UnstyledButton, { component: "span" }, /* @__PURE__ */ React13__default.createElement(
-    Menu.Item,
-    {
-      icon: /* @__PURE__ */ React13__default.createElement(IconStack3, null),
-      sx: (theme) => ({
-        [theme.fn.smallerThan("md")]: {
-          maxWidth: 200
-        }
-      })
-    },
-    /* @__PURE__ */ React13__default.createElement(Group, { noWrap: true, position: "apart" }, /* @__PURE__ */ React13__default.createElement(Text, null, children), /* @__PURE__ */ React13__default.createElement(IconChevronRight$1, { stroke: 1.5, size: 16 }))
-  ))), /* @__PURE__ */ React13__default.createElement(Menu.Dropdown, null, options));
-}
-var MeasuresMenu_default = MeasuresMenu;
-function OptionsMenu({ children }) {
-  const actions2 = useActions();
-  const items = useSelector$1(selectDrilldownItems);
-  const dimensions = useSelector$1(selectOlapDimensionItems);
-  const { willRequestQuery: willRequestQuery2 } = useActions();
-  const createHandler = useCallback(
-    (level) => {
-      const drilldownItem = buildDrilldown({ ...level, key: level.fullName });
-      actions2.updateDrilldown(drilldownItem);
-      actions2.willFetchMembers({ ...level, level: level.name }).then((members) => {
-        const dimension = dimensions.find((dim) => dim.name === level.dimension);
-        if (!dimension) return;
-        actions2.updateDrilldown({
-          ...drilldownItem,
-          dimType: dimension.dimensionType,
-          memberCount: members.length,
-          members
-        });
-      }).then(() => willRequestQuery2());
-    },
-    [dimensions]
-  );
-  return /* @__PURE__ */ React13__default.createElement(
-    Menu,
-    {
-      closeOnClickOutside: true,
-      closeOnEscape: true,
-      position: "left",
-      shadow: "md",
-      withArrow: true,
-      key: "options-menu"
-    },
-    /* @__PURE__ */ React13__default.createElement(Menu.Target, null, /* @__PURE__ */ React13__default.createElement(ActionIcon, { size: "xl", id: "icon-icon-plus" }, children)),
-    /* @__PURE__ */ React13__default.createElement(Menu.Dropdown, null, /* @__PURE__ */ React13__default.createElement(MeasuresMenu_default, null, "Metrics"), /* @__PURE__ */ React13__default.createElement(NestedMenu, { selectedItems: items, onItemSelect: createHandler }, "Dimensions"))
-  );
-}
-function NestedMenu({ selectedItems, children, onItemSelect }) {
-  return /* @__PURE__ */ React13__default.createElement(
-    Menu,
-    {
-      key: "options-dimensions",
-      closeOnClickOutside: true,
-      closeOnEscape: true,
-      position: "left",
-      shadow: "md",
-      withArrow: true
-    },
-    /* @__PURE__ */ React13__default.createElement(Menu.Target, null, /* @__PURE__ */ React13__default.createElement(UnstyledButton, { component: "span" }, /* @__PURE__ */ React13__default.createElement(
-      Menu.Item,
-      {
-        icon: /* @__PURE__ */ React13__default.createElement(IconStack2, null),
-        sx: (theme) => ({
-          [theme.fn.smallerThan("md")]: {
-            maxWidth: 200
-          }
-        })
-      },
-      /* @__PURE__ */ React13__default.createElement(Group, { noWrap: true, position: "apart" }, /* @__PURE__ */ React13__default.createElement(Text, null, children), /* @__PURE__ */ React13__default.createElement(IconChevronRight$1, { stroke: 1.5, size: 16 }))
-    ))),
-    /* @__PURE__ */ React13__default.createElement(Menu.Dropdown, null, /* @__PURE__ */ React13__default.createElement(
-      DimensionMenu,
-      {
-        selectedItems: selectedItems.map(stringifyName),
-        onItemSelect
-      }
-    ))
-  );
-}
-var OptionsMenu_default = OptionsMenu;
-
-// src/components/TableFooter.tsx
-init_esm_shims();
-
-// src/hooks/useAsync.tsx
+// src/hooks/useAsync.tsx
 init_esm_shims();
 function useSafeDispatch(dispatch) {
-  const mounted = React13.useRef(false);
-  React13.useLayoutEffect(() => {
+  const mounted = React10.useRef(false);
+  React10.useLayoutEffect(() => {
     mounted.current = true;
     return () => {
       mounted.current = false;
     };
   }, []);
-  return React13.useCallback(
+  return React10.useCallback(
     (...args) => {
       if (mounted.current) {
         dispatch(...args);
@@ -2494,11 +2343,11 @@ function useSafeDispatch(dispatch) {
 }
 var defaultInitialState = { status: "idle", data: null, error: null };
 function useAsync(initialState4) {
-  const initialStateRef = React13.useRef({
+  const initialStateRef = React10.useRef({
     ...defaultInitialState,
     ...initialState4
   });
-  const [state, dispatch] = React13.useReducer(
+  const [state, dispatch] = React10.useReducer(
     (state2, action) => {
       switch (action.type) {
         case "idle":
@@ -2516,16 +2365,16 @@ function useAsync(initialState4) {
     initialStateRef.current
   );
   const safeDispatch = useSafeDispatch(dispatch);
-  const setData = React13.useCallback(
+  const setData = React10.useCallback(
     (data) => safeDispatch({ type: "resolved", data }),
     [safeDispatch]
   );
-  const setError = React13.useCallback(
+  const setError = React10.useCallback(
     (error) => safeDispatch({ type: "rejected", error }),
     [safeDispatch]
   );
-  const reset = React13.useCallback(() => safeDispatch({ type: "idle" }), [safeDispatch]);
-  const run = React13.useCallback(
+  const reset = React10.useCallback(() => safeDispatch({ type: "idle" }), [safeDispatch]);
+  const run = React10.useCallback(
     (promise) => {
       if (!promise || !promise.then) {
         throw new Error(
@@ -2566,7 +2415,7 @@ init_esm_shims();
 function CubeAnnotation(props) {
   const { annotation, item, locale, ...textProps } = props;
   const content = getAnnotation(item, annotation, locale);
-  return content ? /* @__PURE__ */ React13__default.createElement(Text, { component: "p", ...textProps }, content) : null;
+  return content ? /* @__PURE__ */ React10__default.createElement(Text, { component: "p", ...textProps }, content) : null;
 }
 function CubeSourceAnchor(props) {
   const { item, locale, ...textProps } = props;
@@ -2574,12 +2423,12 @@ function CubeSourceAnchor(props) {
   const srcName = getAnnotation(item, "source_name", locale);
   const srcLink = getAnnotation(item, "source_link", locale);
   if (!srcName) return null;
-  return /* @__PURE__ */ React13__default.createElement(Text, { component: "p", ...textProps }, `${t("params.label_source")}: `, srcLink ? /* @__PURE__ */ React13__default.createElement(Anchor, { href: srcLink }, srcName) : /* @__PURE__ */ React13__default.createElement(Text, { span: true }, srcName));
+  return /* @__PURE__ */ React10__default.createElement(Text, { component: "p", ...textProps }, `${t("params.label_source")}: `, srcLink ? /* @__PURE__ */ React10__default.createElement(Anchor, { href: srcLink }, srcName) : /* @__PURE__ */ React10__default.createElement(Text, { span: true }, srcName));
 }
 function CubeSource() {
   const selectedItem = useSelector$1(selectOlapCube);
   const { code: locale } = useSelector$1(selectLocale);
-  return selectedItem && /* @__PURE__ */ React13__default.createElement(Text, { sx: { "& p": { margin: 0 } } }, /* @__PURE__ */ React13__default.createElement(
+  return selectedItem && /* @__PURE__ */ React10__default.createElement(Text, { sx: { "& p": { margin: 0 } } }, /* @__PURE__ */ React10__default.createElement(
     CubeAnnotation,
     {
       annotation: "description",
@@ -2587,7 +2436,7 @@ function CubeSource() {
       item: selectedItem,
       locale
     }
-  ), /* @__PURE__ */ React13__default.createElement(CubeSourceAnchor, { item: selectedItem, locale, fz: "xs" }), /* @__PURE__ */ React13__default.createElement(
+  ), /* @__PURE__ */ React10__default.createElement(CubeSourceAnchor, { item: selectedItem, locale, fz: "xs" }), /* @__PURE__ */ React10__default.createElement(
     CubeAnnotation,
     {
       annotation: "source_description",
@@ -2606,23 +2455,34 @@ function TableFooter(props) {
   const { url } = result;
   const { copy, copied } = useClipboard({ timeout: 1e3 });
   const copyHandler = useCallback(() => copy(url), [url]);
-  return /* @__PURE__ */ React13__default.createElement(Box, { w: "100%", sx: { flex: "0 0 70px" } }, /* @__PURE__ */ React13__default.createElement(Flex, { p: "md", justify: "space-between", align: "center" }, /* @__PURE__ */ React13__default.createElement(CubeSource, null), /* @__PURE__ */ React13__default.createElement(Group, { noWrap: true }, /* @__PURE__ */ React13__default.createElement(Text, { c: "dimmed" }, t("results.count_rows", { n: result.data.length })), /* @__PURE__ */ React13__default.createElement(MRT_TablePagination, { table }), /* @__PURE__ */ React13__default.createElement(ApiAndCsvButtons, { copied, copyHandler, url }))));
+  return /* @__PURE__ */ React10__default.createElement(Box, { w: "100%", sx: { flex: "0 0 70px" } }, /* @__PURE__ */ React10__default.createElement(
+    Flex,
+    {
+      p: "md",
+      justify: "space-between",
+      align: "flex-end",
+      direction: { base: "column-reverse", md: "row" },
+      gap: "sm"
+    },
+    /* @__PURE__ */ React10__default.createElement(CubeSource, null),
+    /* @__PURE__ */ React10__default.createElement(Group, { position: "right", spacing: "sm" }, /* @__PURE__ */ React10__default.createElement(Text, { c: "dimmed" }, t("results.count_rows", { n: result.data.length })), /* @__PURE__ */ React10__default.createElement(MRT_TablePagination, { table }), /* @__PURE__ */ React10__default.createElement(ApiAndCsvButtons, { copied, copyHandler, url }))
+  ));
 }
 var ApiAndCsvButtons = (props) => {
   const { copied, copyHandler, url } = props;
   const { translate: t } = useTranslation();
-  return /* @__PURE__ */ React13__default.createElement(Box, { id: "query-results-debug-view" }, /* @__PURE__ */ React13__default.createElement(Group, { spacing: "xs" }, url && /* @__PURE__ */ React13__default.createElement(
+  return /* @__PURE__ */ React10__default.createElement(Box, { id: "query-results-debug-view" }, /* @__PURE__ */ React10__default.createElement(Group, { spacing: "xs" }, url && /* @__PURE__ */ React10__default.createElement(
     Button,
     {
       variant: "filled",
       color: "dark",
-      leftIcon: /* @__PURE__ */ React13__default.createElement(IconCopy, { size: 20 }),
+      leftIcon: /* @__PURE__ */ React10__default.createElement(IconCopy, { size: 20 }),
       sx: { height: 30, backgroundColor: "#5A5A5A" },
       onClick: copyHandler
     },
     copied ? t("action_copy_done") : t("action_copy"),
     " API"
-  ), /* @__PURE__ */ React13__default.createElement(DownloadQuery, null)));
+  ), /* @__PURE__ */ React10__default.createElement(DownloadQuery, null)));
 };
 var DownloadQuery = () => {
   const actions2 = useActions();
@@ -2633,12 +2493,12 @@ var DownloadQuery = () => {
   const components = [];
   if (csv) {
     components.push(
-      /* @__PURE__ */ React13__default.createElement(
+      /* @__PURE__ */ React10__default.createElement(
         ButtonDownload,
         {
           variant: "filled",
           color: "dark",
-          leftIcon: /* @__PURE__ */ React13__default.createElement(IconDownload, { size: 20 }),
+          leftIcon: /* @__PURE__ */ React10__default.createElement(IconDownload, { size: 20 }),
           sx: { height: 30, backgroundColor: "#5A5A5A" },
           key: csv,
           provider: () => actions2.willDownloadQuery(csv)
@@ -2647,10 +2507,10 @@ var DownloadQuery = () => {
       )
     );
   }
-  if (components.length === 0 || isDirty || result.data.length === 0) {
+  if (components.length === 0 || result.data.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ React13__default.createElement(Box, { id: "button-group-download-results" }, /* @__PURE__ */ React13__default.createElement(Group, { spacing: "xs" }, components, /* @__PURE__ */ React13__default.createElement(MenuOpts, { formats: formats.filter((f) => f !== "csv") })));
+  return /* @__PURE__ */ React10__default.createElement(Box, { id: "button-group-download-results" }, /* @__PURE__ */ React10__default.createElement(Group, { spacing: "xs" }, components, /* @__PURE__ */ React10__default.createElement(MenuOpts, { formats: formats.filter((f) => f !== "csv") })));
 };
 var mimeTypes = {
   csv: "text/csv",
@@ -2696,12 +2556,12 @@ function useDownload(props) {
 var ButtonDownload = (props) => {
   const { provider, ...buttonProps } = props;
   const { onClick, isLoading } = useDownload({ provider });
-  return /* @__PURE__ */ React13__default.createElement(Button, { ...buttonProps, onClick, loading: isLoading }, /* @__PURE__ */ React13__default.createElement(Text, { fz: "sm" }, props.children));
+  return /* @__PURE__ */ React10__default.createElement(Button, { ...buttonProps, onClick, loading: isLoading }, /* @__PURE__ */ React10__default.createElement(Text, { fz: "sm" }, props.children));
 };
 var ItemDownload = (props) => {
   const { provider, icon, setOpened, ...itemProps } = props;
   const { onClick, isLoading } = useDownload({ provider });
-  return /* @__PURE__ */ React13__default.createElement(
+  return /* @__PURE__ */ React10__default.createElement(
     Menu.Item,
     {
       ...itemProps,
@@ -2713,7 +2573,7 @@ var ItemDownload = (props) => {
         });
       }
     },
-    /* @__PURE__ */ React13__default.createElement(Text, { fz: "sm" }, props.children)
+    /* @__PURE__ */ React10__default.createElement(Text, { fz: "sm" }, props.children)
   );
 };
 function MenuOpts({ formats }) {
@@ -2722,20 +2582,20 @@ function MenuOpts({ formats }) {
   const [opened, setOpened] = useState(false);
   const ref = useClickOutside(() => setOpened(false));
   const buttons = useMemo(
-    () => formats.map((format2) => /* @__PURE__ */ React13__default.createElement(
+    () => formats.map((format2) => /* @__PURE__ */ React10__default.createElement(
       ItemDownload,
       {
         component: "a",
         key: format2,
         provider: () => actions2.willDownloadQuery(format2),
-        icon: (loading) => loading ? /* @__PURE__ */ React13__default.createElement(Loader, { size: 15 }) : /* @__PURE__ */ React13__default.createElement(IconDownload, { size: 15 }),
+        icon: (loading) => loading ? /* @__PURE__ */ React10__default.createElement(Loader, { size: 15 }) : /* @__PURE__ */ React10__default.createElement(IconDownload, { size: 15 }),
         setOpened
       },
-      /* @__PURE__ */ React13__default.createElement(Text, { size: "xs" }, t(`formats.${format2}`))
+      /* @__PURE__ */ React10__default.createElement(Text, { size: "xs" }, t(`formats.${format2}`))
     )),
     [formats]
   );
-  return /* @__PURE__ */ React13__default.createElement(Menu, { shadow: "md", width: 200, opened }, /* @__PURE__ */ React13__default.createElement(Menu.Target, null, /* @__PURE__ */ React13__default.createElement(
+  return /* @__PURE__ */ React10__default.createElement(Menu, { shadow: "md", width: 200, opened }, /* @__PURE__ */ React10__default.createElement(Menu.Target, null, /* @__PURE__ */ React10__default.createElement(
     ActionIcon,
     {
       onClick: () => setOpened((o) => !o),
@@ -2746,8 +2606,8 @@ function MenuOpts({ formats }) {
         minWidth: 0
       }
     },
-    /* @__PURE__ */ React13__default.createElement(IconDotsVertical, { size: "0.8rem" })
-  )), /* @__PURE__ */ React13__default.createElement(Menu.Dropdown, null, /* @__PURE__ */ React13__default.createElement(Menu.Label, null, t("params.title_downloaddata")), /* @__PURE__ */ React13__default.createElement("div", { ref }, buttons)));
+    /* @__PURE__ */ React10__default.createElement(IconDotsVertical, { size: "0.8rem" })
+  )), /* @__PURE__ */ React10__default.createElement(Menu.Dropdown, null, /* @__PURE__ */ React10__default.createElement(Menu.Label, null, t("params.title_downloaddata")), /* @__PURE__ */ React10__default.createElement("div", { ref }, buttons)));
 }
 var TableFooter_default = TableFooter;
 
@@ -2760,9 +2620,9 @@ var CustomActionIcon = ({
   children,
   label
 }) => {
-  const [popoverOpened, setPopoverOpened] = React13__default.useState(false);
-  const actionIcon = /* @__PURE__ */ React13__default.createElement(ActionIcon, { disabled, size: 25, ml: 5, onClick }, children);
-  return showTooltip ? /* @__PURE__ */ React13__default.createElement("div", { onMouseEnter: () => setPopoverOpened(true), onMouseLeave: () => setPopoverOpened(false) }, /* @__PURE__ */ React13__default.createElement(
+  const [popoverOpened, setPopoverOpened] = React10__default.useState(false);
+  const actionIcon = /* @__PURE__ */ React10__default.createElement(ActionIcon, { disabled, size: 25, ml: 5, onClick }, children);
+  return showTooltip ? /* @__PURE__ */ React10__default.createElement("div", { onMouseEnter: () => setPopoverOpened(true), onMouseLeave: () => setPopoverOpened(false) }, /* @__PURE__ */ React10__default.createElement(
     Popover,
     {
       width: 200,
@@ -2782,133 +2642,654 @@ var CustomActionIcon = ({
         }
       })
     },
-    /* @__PURE__ */ React13__default.createElement(Popover.Target, null, actionIcon),
-    /* @__PURE__ */ React13__default.createElement(Popover.Dropdown, null, /* @__PURE__ */ React13__default.createElement(Text, { size: "xs" }, label))
+    /* @__PURE__ */ React10__default.createElement(Popover.Target, null, actionIcon),
+    /* @__PURE__ */ React10__default.createElement(Popover.Dropdown, null, /* @__PURE__ */ React10__default.createElement(Text, { size: "xs" }, label))
   )) : actionIcon;
 };
 var CustomActionIcon_default = CustomActionIcon;
 
-// src/components/TableView.tsx
-var removeColumn = (actions2, entity, measures, drilldowns) => {
-  if (entity._type === "measure") {
-    if (entity.name) {
-      const measure = measures[entity.name];
-      actions2.updateMeasure({ ...measure, active: false });
-    }
-  }
-  if (entity._type === "level") {
-    if (entity.fullName) {
-      const drilldown = drilldowns[entity.fullName];
-      actions2.updateDrilldown({ ...drilldown, active: false });
-    }
-  }
-  actions2.willRequestQuery();
-};
-function showTrashIcon(columns, type) {
-  const result = columns.filter((c) => c.entityType === type);
-  return result.length > 1;
-}
-var getActionIcon = (entityType) => {
-  if (entityType === "measure") {
-    return /* @__PURE__ */ React13__default.createElement(ActionIcon, { size: "md", color: "red" }, /* @__PURE__ */ React13__default.createElement(BarsSVG, null));
-  } else if (entityType === "level") {
-    return /* @__PURE__ */ React13__default.createElement(ActionIcon, { size: "md", color: "blue" }, /* @__PURE__ */ React13__default.createElement(StackSVG, null));
-  }
-};
-var getEntityText = (entityType) => {
-  switch (entityType) {
-    case "measure":
-      return "Metric";
-    case "level":
-      return "Dimension";
-    default:
-      return "";
-  }
-};
-var getColumnFilterOption = (entityType) => {
-  switch (entityType) {
-    case "measure":
-      return { columnFilterModeOptions: ["between", "greaterThan", "lessThan"] };
-    case "level":
-      return { columnFilterModeOptions: true };
-    default:
-      return { columnFilterModeOptions: true };
+// src/components/DrawerMenu.tsx
+init_esm_shims();
+
+// src/utils/format.js
+init_esm_shims();
+function abbreviateFullName(nameParts, joint = "/") {
+  if (!nameParts) {
+    return "";
   }
-};
-function getMemberFilterFn(data, key) {
-  const dd = data[0];
-  if (dd[key + " ID"]) {
-    return (member) => `${member.caption} ${member.key}`;
+  if (typeof nameParts === "string") {
+    nameParts = splitName(nameParts);
   }
-  return (member) => member.caption;
-}
-function getMantineFilterMultiSelectProps(isId, isNumeric, range, entity, drilldowns, data, columnKey) {
-  let result = {};
-  const filterVariant = !isId && (!range || range && range[1] - range[0] <= 50) ? "multi-select" : "text";
-  result = Object.assign({}, result, { filterVariant });
-  if (result.filterVariant === "multi-select") {
-    if (entity._type === "level") {
-      if (entity.fullName) {
-        const dd = Object.keys(drilldowns).reduce(
-          (prev, key) => ({ ...prev, [drilldowns[key].fullName]: drilldowns[key] }),
-          {}
-        );
-        const drilldwonData = dd[entity.fullName];
-        if (drilldwonData && drilldwonData.members) {
-          const getmemberFilterValue = getMemberFilterFn(data, columnKey);
-          result = Object.assign({}, result, {
-            mantineFilterMultiSelectProps: {
-              data: drilldwonData.members.map(getmemberFilterValue)
-            },
-            filterFn: (row, id, filterValue) => {
-              if (filterValue.length) {
-                const rowValue = row.getValue(id);
-                if (typeof rowValue === "object") {
-                  return filterValue.includes(String(rowValue.value + " " + rowValue.id));
-                }
-                return filterValue.includes(String(rowValue));
-              }
-              return true;
-            }
-          });
-        }
-      }
+  const target = [];
+  let n = nameParts.length;
+  while (n--) {
+    const token = nameParts[n];
+    if (target.indexOf(token) === -1) {
+      target.unshift(token);
     }
   }
-  return result;
+  return target.join(joint);
 }
-function getSortIcon(value, entityType) {
-  switch (value) {
-    case "asc":
-      return entityType === "measure" ? /* @__PURE__ */ React13__default.createElement(IconSortAscendingNumbers, null) : /* @__PURE__ */ React13__default.createElement(IconSortAscendingLetters, null);
-    case "desc":
-      return entityType === "measure" ? /* @__PURE__ */ React13__default.createElement(IconSortDescendingNumbers, null) : /* @__PURE__ */ React13__default.createElement(IconSortDescendingLetters, null);
-    default:
-      return /* @__PURE__ */ React13__default.createElement(IconArrowsSort, null);
-  }
+function AddColumnsDrawer() {
+  const [opened, { open, close: close2 }] = useDisclosure(false);
+  const theme = useMantineTheme();
+  const smallerThanMd = useMediaQuery(`(max-width: ${theme.breakpoints.md})`);
+  return /* @__PURE__ */ React10__default.createElement(React10__default.Fragment, null, /* @__PURE__ */ React10__default.createElement(
+    Drawer,
+    {
+      opened,
+      position: "right",
+      onClose: close2,
+      title: /* @__PURE__ */ React10__default.createElement(Group, null, /* @__PURE__ */ React10__default.createElement(IconStack3, { size: "0.75rem" }), /* @__PURE__ */ React10__default.createElement(Text, { fw: 700 }, "Add Columns")),
+      styles: (t) => ({
+        inner: {
+          position: "absolute",
+          inset: 0
+        },
+        header: {
+          background: "transparent"
+        },
+        content: {
+          backgroundColor: t.colorScheme === "dark" ? t.colors.dark[8] : t.colors.gray[1]
+        }
+      }),
+      overlayProps: {
+        opacity: 0.1
+      },
+      withinPortal: false
+    },
+    /* @__PURE__ */ React10__default.createElement(MeasuresOptions, null),
+    /* @__PURE__ */ React10__default.createElement(DrillDownOptions, null)
+  ), /* @__PURE__ */ React10__default.createElement(Group, { position: "center" }, smallerThanMd ? /* @__PURE__ */ React10__default.createElement(ActionIcon, { onClick: open, size: "md", variant: "filled", color: theme.primaryColor }, /* @__PURE__ */ React10__default.createElement(IconStack3, { size: "0.75rem" })) : /* @__PURE__ */ React10__default.createElement(Button, { leftIcon: /* @__PURE__ */ React10__default.createElement(IconStack3, { size: "0.75rem" }), onClick: open, m: "md", size: "xs" }, "Add Columns")));
 }
-function useTable({
-  cube,
-  result,
-  columnFilter = () => true,
-  columnSorting = () => 0,
-  ...mantineTableProps
-}) {
-  const { types } = result;
-  const { locale, measures, drilldowns } = useSelector$1(selectCurrentQueryParams);
+function DrillDownOptions() {
+  const locale = useSelector$1(selectLocale);
   const actions2 = useActions();
-  const data = useMemo(
-    () => window.navigator.userAgent.includes("Firefox") ? result.data.slice(0, 1e4) : result.data,
-    [result.data]
+  const selectedDimensions = useSelector$1(selectDrilldownItems);
+  const dimensions = useSelector$1(selectOlapDimensionItems) || [];
+  const createCutHandler2 = React10__default.useCallback((level) => {
+    const cutItem = buildCut({ ...level, key: level.fullName, members: [] });
+    cutItem.active = false;
+    actions2.updateCut(cutItem);
+  }, []);
+  const createHandler = useCallback(
+    (level) => {
+      var _a;
+      const drilldownItem = (_a = selectedDimensions.find((item) => item.uniqueName === level.uniqueName)) != null ? _a : buildDrilldown({ ...level });
+      createCutHandler2(level);
+      actions2.updateDrilldown(drilldownItem);
+      actions2.willFetchMembers({ ...level, level: level.name }).then((members) => {
+        const dimension = dimensions.find((dim) => dim.name === level.dimension);
+        if (!dimension) return;
+        actions2.updateDrilldown({
+          ...drilldownItem,
+          dimType: dimension.dimensionType,
+          memberCount: members.length,
+          members
+        });
+      });
+    },
+    [dimensions]
+  );
+  const activeItems = selectedDimensions.filter((i) => i.active);
+  const options = useMemo(
+    () => dimensions.map((dimension) => /* @__PURE__ */ React10__default.createElement(
+      DimensionItem,
+      {
+        dimension,
+        locale: locale.code,
+        key: dimension.uri,
+        onItemSelect: createHandler,
+        activeItems
+      }
+    )),
+    [dimensions, activeItems, createCutHandler2]
+  );
+  return options;
+}
+function DimensionItem({ dimension, locale, activeItems }) {
+  const isChildSubMenu = dimension.hierarchies.length !== 1;
+  const options = dimension.hierarchies.map((hie) => /* @__PURE__ */ React10__default.createElement(
+    HierarchyItem,
+    {
+      dimension,
+      hierarchy: hie,
+      isSubMenu: isChildSubMenu,
+      key: hie.uri,
+      locale,
+      activeItems
+    }
+  ));
+  if (!isChildSubMenu) {
+    return options[0];
+  }
+  return options;
+}
+function HierarchyItem({ dimension, hierarchy, isSubMenu, locale, activeItems }) {
+  const { translate: t } = useTranslation();
+  useMemo(() => {
+    const captions = [getCaption(dimension, locale), getCaption(hierarchy, locale)];
+    if (isSubMenu) {
+      return captions[1];
+    }
+    return t("params.dimmenu_hierarchy", {
+      abbr: abbreviateFullName(captions, t("params.dimmenu_abbrjoint")),
+      dimension: captions[0],
+      hierarchy: captions[1]
+    });
+  }, [locale, dimension, hierarchy, isSubMenu]);
+  const isChildSubMenu = hierarchy.levels.length !== 1;
+  const options = hierarchy.levels.map((lvl) => /* @__PURE__ */ React10__default.createElement(
+    LevelItem,
+    {
+      dimension,
+      hierarchy,
+      isSubMenu: isChildSubMenu,
+      key: lvl.uri,
+      level: lvl,
+      locale,
+      activeItems
+    }
+  ));
+  if (!isChildSubMenu) {
+    return options[0];
+  }
+  return options;
+}
+function LevelItem({ dimension, hierarchy, isSubMenu, level, locale, activeItems }) {
+  const [activeFilter, setActiveFilter] = useState(false);
+  const { translate: t } = useTranslation();
+  const actions2 = useActions();
+  const cutItems = useSelector$1(selectCutItems);
+  const dimensions = useSelector$1(selectOlapDimensionItems);
+  const drilldowns = useSelector$1(selectDrilldownMap);
+  const label = useMemo(() => {
+    const captions = [
+      getCaption(dimension, locale),
+      getCaption(hierarchy, locale),
+      getCaption(level, locale)
+    ];
+    if (isSubMenu) {
+      return captions[2];
+    }
+    return t("params.dimmenu_level", {
+      abbr: abbreviateFullName(captions, t("params.dimmenu_abbrjoint")),
+      dimension: captions[0],
+      hierarchy: captions[1],
+      level: captions[2]
+    });
+  }, [locale, dimension, hierarchy, level, isSubMenu]);
+  const createCutHandler2 = React10__default.useCallback((level2) => {
+    const cutItem = buildCut({ ...level2, members: [], key: level2.fullName });
+    cutItem.active = false;
+    actions2.updateCut(cutItem);
+  }, []);
+  function createDrilldown(level2, cuts) {
+    const drilldown = buildDrilldown({ ...level2, key: stringifyName(level2), active: false });
+    actions2.updateDrilldown(drilldown);
+    const cut2 = cuts.find((cut3) => cut3.uniqueName === drilldown.uniqueName);
+    if (!cut2) {
+      createCutHandler2({ ...level2, key: stringifyName(level2) });
+    }
+    actions2.willFetchMembers({ ...level2, level: level2.name }).then((members) => {
+      const dimension2 = dimensions.find((dim) => dim.name === level2.dimension);
+      if (!dimension2) return;
+      actions2.updateDrilldown({
+        ...drilldown,
+        dimType: dimension2.dimensionType,
+        memberCount: members.length,
+        members
+      });
+    });
+    return drilldown;
+  }
+  const currentDrilldown = drilldowns[stringifyName(level)] || createDrilldown(level, cutItems);
+  const cut = cutItems.find((cut2) => {
+    return cut2.uniqueName === currentDrilldown.uniqueName;
+  });
+  const updatecutHandler = React10__default.useCallback((item, members) => {
+    actions2.updateCut({ ...item, members });
+  }, []);
+  const checked = activeItems.map(stringifyName).includes(stringifyName(level));
+  return /* @__PURE__ */ React10__default.createElement(React10__default.Fragment, null, /* @__PURE__ */ React10__default.createElement(Group, { mt: "sm", position: "apart", key: level.uri, noWrap: true }, /* @__PURE__ */ React10__default.createElement(
+    Checkbox,
+    {
+      onChange: () => {
+        if (cut) {
+          const active = checked ? false : cut.members.length ? true : false;
+          actions2.updateCut({ ...cut, active });
+        }
+        actions2.updateDrilldown({ ...currentDrilldown, active: !currentDrilldown.active });
+      },
+      checked,
+      label
+    }
+  ), /* @__PURE__ */ React10__default.createElement(Group, null, /* @__PURE__ */ React10__default.createElement(ActionIcon, { size: "xs", onClick: () => setActiveFilter((value) => !value) }, activeFilter ? /* @__PURE__ */ React10__default.createElement(IconFilterOff, null) : /* @__PURE__ */ React10__default.createElement(IconFilter, null)), /* @__PURE__ */ React10__default.createElement(ThemeIcon, { size: "xs", color: "gray", variant: "light", bg: "transparent" }, /* @__PURE__ */ React10__default.createElement(StackSVG, null)))), activeFilter && /* @__PURE__ */ React10__default.createElement(Box, { pt: "md" }, /* @__PURE__ */ React10__default.createElement(
+    MultiSelect,
+    {
+      sx: { flex: "1 1 100%" },
+      searchable: true,
+      onChange: (value) => {
+        if (cut) {
+          if (currentDrilldown.active && !cut.active) {
+            updatecutHandler({ ...cut, active: true }, value);
+          } else {
+            updatecutHandler(cut, value);
+          }
+        }
+      },
+      placeholder: `Filter by ${label}`,
+      value: (cut == null ? void 0 : cut.members) || [],
+      data: currentDrilldown.members.map((m) => ({
+        value: String(m.key),
+        label: m.caption ? `${m.caption} ${m.key}` : m.name
+      })),
+      clearable: true,
+      nothingFound: "Nothing found"
+    }
+  )));
+}
+function getFilterfnText(type) {
+  switch (type) {
+    case "greaterThan":
+      return "Greater Than";
+    case "lessThan":
+      return "Less Than";
+    case "between":
+      return "Between";
+    default:
+      return "Not Found";
+  }
+}
+function getFilterFn(filter) {
+  if (filter.conditionOne && filter.conditionTwo) {
+    if (filter.conditionOne[0] === Comparison.GTE && filter.conditionTwo[0] === Comparison.LTE) {
+      return "between";
+    }
+  }
+  if (filter.conditionOne[0] === Comparison.GTE || filter.conditionOne[0] === Comparison.GT) {
+    return "greaterThan";
+  }
+  if (filter.conditionOne[0] === Comparison.LTE) {
+    return "lessThan";
+  }
+}
+function getFilterValue(filter) {
+  const filterFn = getFilterFn(filter);
+  const isBetween = filterFn === "between";
+  if (isBetween && filter.conditionTwo) {
+    return [filter.conditionOne[2], filter.conditionTwo[2]];
+  }
+  return filter.conditionOne[2];
+}
+function isNotValid(value) {
+  return value === null || value === void 0 || Number.isNaN(value);
+}
+function NumberInputComponent({ text, filter }) {
+  const actions2 = useActions();
+  function getFilterValue2(filter2) {
+    return isNotValid(filter2.conditionOne[2]) || filter2.conditionOne[2] === 0 ? "" : filter2.conditionOne[2];
+  }
+  function onInputChange({ filter: filter2, value }) {
+    const isEmpty = value === "";
+    const conditions = getFiltersConditions(getFilterFn(filter2) || "greaterThan", [Number(value)]) || {};
+    const active = isEmpty ? false : true;
+    actions2.updateFilter(buildFilter({ ...filter2, active, ...conditions }));
+  }
+  return /* @__PURE__ */ React10__default.createElement(
+    NumberInput,
+    {
+      description: text,
+      placeholder: text,
+      value: getFilterValue2(filter),
+      onChange: (value) => onInputChange({ filter, value }),
+      sx: { flex: "1 1 auto" },
+      size: "xs"
+    }
   );
-  const isLimited = result.data.length !== data.length;
+}
+function MinMax({ filter, ...rest }) {
+  const actions2 = useActions();
+  function onInputChangeMinMax(props) {
+    const { filter: filter2, min: min2, max: max2 } = props;
+    const conditions = getFiltersConditions(getFilterFn(filter2) || "greaterThan", [Number(min2), Number(max2)]) || {};
+    const active = Boolean(min2) && Boolean(max2);
+    actions2.updateFilter(buildFilter({ ...filter2, active, ...conditions }));
+  }
+  function getFilterValue2(condition) {
+    if (condition) {
+      return isNotValid(condition[2]) || condition[2] === 0 ? "" : condition[2];
+    }
+    return "";
+  }
+  const min = getFilterValue2(filter.conditionOne);
+  const max = getFilterValue2(filter.conditionTwo);
+  return /* @__PURE__ */ React10__default.createElement(Flex, { gap: "xs" }, /* @__PURE__ */ React10__default.createElement(
+    NumberInput,
+    {
+      placeholder: "Min",
+      description: "Min",
+      value: min,
+      onChange: (value) => onInputChangeMinMax({ filter, min: value, max }),
+      ...rest
+    }
+  ), /* @__PURE__ */ React10__default.createElement(
+    NumberInput,
+    {
+      placeholder: "Max",
+      description: "Max",
+      value: max,
+      onChange: (value) => onInputChangeMinMax({ filter, min, max: value }),
+      ...rest
+    }
+  ));
+}
+function FilterFnsMenu({ filter }) {
+  const actions2 = useActions();
+  return /* @__PURE__ */ React10__default.createElement(React10__default.Fragment, null, /* @__PURE__ */ React10__default.createElement(Menu, { shadow: "md", width: 200 }, /* @__PURE__ */ React10__default.createElement(Menu.Target, null, /* @__PURE__ */ React10__default.createElement(ActionIcon, { size: "xs" }, /* @__PURE__ */ React10__default.createElement(IconSettings, null))), /* @__PURE__ */ React10__default.createElement(Menu.Dropdown, null, /* @__PURE__ */ React10__default.createElement(Menu.Label, null, "Filter Mode"), /* @__PURE__ */ React10__default.createElement(
+    Menu.Item,
+    {
+      icon: /* @__PURE__ */ React10__default.createElement(IconMathGreater, { size: 14 }),
+      onClick: () => {
+        const conditions = getFiltersConditions("greaterThan", [0]) || {};
+        actions2.updateFilter(buildFilter({ ...filter, ...conditions, active: false }));
+      }
+    },
+    "Greater Than"
+  ), /* @__PURE__ */ React10__default.createElement(
+    Menu.Item,
+    {
+      icon: /* @__PURE__ */ React10__default.createElement(IconMathLower, { size: 14 }),
+      onClick: () => {
+        const conditions = getFiltersConditions("lessThan", [0]) || {};
+        actions2.updateFilter(buildFilter({ ...filter, ...conditions, active: false }));
+      }
+    },
+    "Less Than"
+  ), /* @__PURE__ */ React10__default.createElement(
+    Menu.Item,
+    {
+      icon: /* @__PURE__ */ React10__default.createElement(IconArrowsLeftRight, { size: 14 }),
+      onClick: () => {
+        const conditions = getFiltersConditions("between", [0, 0]) || {};
+        actions2.updateFilter(buildFilter({ ...filter, ...conditions, active: false }));
+      }
+    },
+    "Between"
+  ))));
+}
+function MeasuresOptions() {
+  const [activeFilter, setActiveFilter] = useState(false);
+  const { code: locale } = useSelector$1(selectLocale);
+  const itemMap = useSelector$1(selectMeasureMap);
+  const filtersMap = useSelector$1(selectFilterMap);
+  const filtersItems = useSelector$1(selectFilterItems);
+  useSelector$1(selectOlapMeasureMap);
+  const measures = useSelector$1(selectOlapMeasureItems);
+  const actions2 = useActions();
+  function handlerCreateMeasure(data) {
+    const measure = buildMeasure(data);
+    actions2.updateMeasure(measure);
+    return measure;
+  }
+  function handlerCreateFilter(data) {
+    const filter = buildFilter(data);
+    actions2.updateFilter(filter);
+    return filter;
+  }
+  const filteredItems = useMemo(() => {
+    return filterMap(measures, (m) => {
+      const measure = itemMap[m.name] || handlerCreateMeasure({ ...m, active: false });
+      const foundFilter = filtersMap[m.name] || filtersItems.find((f) => f.measure === measure.name);
+      const filter = foundFilter || handlerCreateFilter({
+        measure: measure.name,
+        active: false,
+        key: measure.name
+      });
+      return { measure, filter };
+    });
+  }, [itemMap, measures, filtersMap, filtersItems, locale]);
+  const activeItems = filteredItems.filter((f) => isActiveItem(f.measure));
+  const options = filteredItems.map(({ measure, filter }) => {
+    const filterFn = getFilterFn(filter);
+    const text = getFilterfnText(filterFn);
+    const isBetween = filterFn === "between";
+    const checked = activeItems.map((active) => active.measure.name).includes(measure.name);
+    return /* @__PURE__ */ React10__default.createElement(Box, { key: measure.name }, /* @__PURE__ */ React10__default.createElement(Group, { mt: "sm", position: "apart" }, /* @__PURE__ */ React10__default.createElement(
+      Checkbox,
+      {
+        onChange: () => {
+          actions2.updateMeasure({ ...measure, active: !measure.active });
+          actions2.updateFilter({ ...filter, active: checked ? false : true });
+        },
+        checked,
+        label: measure.name
+      }
+    ), /* @__PURE__ */ React10__default.createElement(Group, null, /* @__PURE__ */ React10__default.createElement(FilterFnsMenu, { filter }), /* @__PURE__ */ React10__default.createElement(ActionIcon, { size: "xs", onClick: () => setActiveFilter((value) => !value) }, activeFilter ? /* @__PURE__ */ React10__default.createElement(IconFilterOff, null) : /* @__PURE__ */ React10__default.createElement(IconFilter, null)), /* @__PURE__ */ React10__default.createElement(ThemeIcon, { size: "xs", color: "gray", variant: "light", bg: "transparent" }, /* @__PURE__ */ React10__default.createElement(BarsSVG, null)))), activeFilter && /* @__PURE__ */ React10__default.createElement(Box, { pt: "md" }, isBetween ? /* @__PURE__ */ React10__default.createElement(MinMax, { filter }) : /* @__PURE__ */ React10__default.createElement(NumberInputComponent, { text, filter })));
+  });
+  return options;
+}
+var DrawerMenu_default = AddColumnsDrawer;
+var removeColumn = (actions2, entity, measures, drilldowns) => {
+  if (entity._type === "measure") {
+    if (entity.name) {
+      const measure = Object.values(measures).find((d) => d.name === entity.name);
+      measure && actions2.updateMeasure({ ...measure, active: false });
+      actions2.willRequestQuery();
+    }
+  }
+  if (entity._type === "level") {
+    const drilldown = Object.values(drilldowns).find((d) => d.uniqueName === (entity == null ? void 0 : entity.uniqueName));
+    drilldown && actions2.updateDrilldown({ ...drilldown, active: false });
+    actions2.willRequestQuery();
+  }
+};
+function showTrashIcon(columns, type) {
+  const result = columns.filter((c) => c.entityType === type);
+  return result.length > 1;
+}
+var getActionIcon = (entityType) => {
+  if (entityType === "measure") {
+    return /* @__PURE__ */ React10__default.createElement(ActionIcon, { size: "md", color: "red" }, /* @__PURE__ */ React10__default.createElement(BarsSVG, null));
+  } else if (entityType === "level") {
+    return /* @__PURE__ */ React10__default.createElement(ActionIcon, { size: "md", color: "blue" }, /* @__PURE__ */ React10__default.createElement(StackSVG, null));
+  }
+};
+var getEntityText = (entityType) => {
+  switch (entityType) {
+    case "measure":
+      return "Metric";
+    case "level":
+      return "Dimension";
+    default:
+      return "";
+  }
+};
+var getColumnFilterOption = (entityType) => {
+  switch (entityType) {
+    case "measure":
+      return {
+        columnFilterModeOptions: ["between", "greaterThan", "lessThan"]
+      };
+    case "level":
+      return { columnFilterModeOptions: true };
+    default:
+      return { columnFilterModeOptions: true };
+  }
+};
+function getMemberFilterFnTypes(member) {
+  return {
+    value: String(member.key),
+    label: member.caption ? `${member.caption} ${member.key}` : member.name
+  };
+}
+function getMantineFilterMultiSelectProps(isId, isNumeric2, range, entity, drilldowns, columnKey, types) {
+  let result = {};
+  const filterVariant = !isId && !isNumeric2 && (!range || range && range[1] - range[0] <= 100) ? "multi-select" : "text";
+  result = Object.assign({}, result, { filterVariant });
+  if (result.filterVariant === "multi-select") {
+    if (entity._type === "level") {
+      const dd = Object.keys(drilldowns).reduce(
+        (prev, key) => ({ ...prev, [drilldowns[key].uniqueName]: drilldowns[key] }),
+        {}
+      );
+      const drilldwonData = dd[entity.uniqueName];
+      if (drilldwonData && drilldwonData.members) {
+        result = Object.assign({}, result, {
+          mantineFilterMultiSelectProps: {
+            data: drilldwonData.members.map(getMemberFilterFnTypes),
+            placeholder: columnKey
+          }
+        });
+      }
+    }
+  }
+  return result;
+}
+function getSortIcon(value, entityType) {
+  switch (value) {
+    case "asc":
+      return entityType === "measure" ? /* @__PURE__ */ React10__default.createElement(IconSortAscendingNumbers, null) : /* @__PURE__ */ React10__default.createElement(IconSortAscendingLetters, null);
+    case "desc":
+      return entityType === "measure" ? /* @__PURE__ */ React10__default.createElement(IconSortDescendingNumbers, null) : /* @__PURE__ */ React10__default.createElement(IconSortDescendingLetters, null);
+    default:
+      return /* @__PURE__ */ React10__default.createElement(IconArrowsSort, null);
+  }
+}
+function getFiltersConditions(fn, value) {
+  var _a;
+  const comparisonMap = /* @__PURE__ */ new Map([
+    [
+      "greaterThan",
+      (value2) => ({
+        conditionOne: [Comparison.GTE, String(value2[0]), Number(value2[0])],
+        conditionTwo: [Comparison.GT, "0", 0]
+      })
+    ],
+    [
+      "lessThan",
+      (value2) => ({
+        conditionOne: [Comparison.LTE, String(value2[0]), Number(value2[0])],
+        conditionTwo: [Comparison.GT, "0", 0]
+      })
+    ],
+    [
+      "between",
+      (values) => {
+        const [min, max] = values;
+        return {
+          conditionOne: [Comparison.GTE, String(min), Number(min)],
+          conditionTwo: [Comparison.LTE, String(max), Number(max)],
+          joint: "and"
+        };
+      }
+    ]
+  ]);
+  return (_a = comparisonMap.get(fn)) == null ? void 0 : _a(value);
+}
+function useTableData({ offset, limit, columns, filters, cuts }) {
+  const normalizedFilters = filters.map((filter) => ({
+    id: filter.measure,
+    value: getFilterValue(filter),
+    fn: getFilterFn(filter)
+  }));
+  const normalizedCuts = cuts.map((cut) => ({ id: cut.uniqueName, members: cut.members }));
+  const filterKey = JSON.stringify(normalizedFilters);
+  const cutKey = JSON.stringify(normalizedCuts);
+  const actions2 = useActions();
+  const [filterKeydebouced, setDebouncedTerm] = useState("");
+  const page = offset;
+  useEffect(() => {
+    const handler = debounce(() => {
+      const term = [limit, offset, ...columns.sort(), filterKey, cutKey, page];
+      setDebouncedTerm(term);
+    }, 700);
+    handler();
+    return () => {
+      handler.cancel();
+    };
+  }, [...columns, offset, filterKey, cutKey, page]);
+  return useQuery({
+    queryKey: ["table", filterKeydebouced],
+    queryFn: () => {
+      return actions2.willExecuteQuery().then((res) => {
+        const { data, types } = res;
+        return { data: data != null ? data : [], types };
+      });
+    },
+    staleTime: 3e5,
+    enabled: !!filterKeydebouced
+    // placeholderData: keepPreviousData
+  });
+}
+function useTable({
+  cube,
+  result,
+  columnFilter = () => true,
+  columnSorting = () => 0,
+  ...mantineTableProps
+}) {
+  const { types } = result;
+  const { measures, drilldowns } = useSelector$1(selectCurrentQueryParams);
+  const filterItems = useSelector$1(selectFilterItems);
+  const finalUniqueKeys = [
+    ...Object.keys(measures).reduce((prev, curr) => {
+      const measure = measures[curr];
+      if (measure.active) {
+        return [...prev, curr];
+      }
+      return prev;
+    }, []),
+    ...Object.keys(drilldowns).reduce((prev, curr) => {
+      const dd = drilldowns[curr];
+      if (dd.active) {
+        return [...prev, curr];
+      }
+      return prev;
+    }, [])
+  ];
+  const actions2 = useActions();
+  const itemsCuts = useSelector$1(selectCutItems);
+  const { limit, offset } = useSelector$1(selectPaginationParams);
+  const [pagination, setPagination] = useState({
+    pageIndex: offset,
+    pageSize: limit
+  });
+  const { isLoading, isFetching, isError, data, isPlaceholderData } = useTableData({
+    offset,
+    limit,
+    columns: finalUniqueKeys,
+    filters: filterItems.filter(isActiveItem),
+    cuts: itemsCuts.filter(isActiveCut)
+  });
+  const tableData = (data == null ? void 0 : data.data) || [];
+  const tableTypes = (data == null ? void 0 : data.types) || types;
+  const finalKeys = Object.values(tableTypes).filter((t2) => !t2.isId).filter(columnFilter).sort(columnSorting);
+  const totalRowCount = result.data.length === limit ? limit * 10 : result.data.length;
+  const fetchedTableData = tableData != null ? tableData : [];
+  useEffect(() => {
+    actions2.updatePagination({
+      limit: pagination.pageSize,
+      offset: pagination.pageIndex * pagination.pageSize
+    });
+  }, [pagination]);
   const { translate: t } = useTranslation();
   const { currentFormats, getAvailableKeys, getFormatter, getFormatterKey, setFormat } = useFormatter(
     cube.measures
   );
-  const finalKeys = Object.values(types).filter((t2) => !t2.isId).filter(columnFilter).sort(columnSorting);
   const columns = useMemo(() => {
-    return finalKeys.map((column) => {
+    const indexColumn = {
+      id: "#",
+      Header: "#",
+      Cell: ({ row }) => row.index + 1,
+      minWidth: 50,
+      maxWidth: 50,
+      width: 50,
+      maxSize: 50,
+      size: 50
+    };
+    const columnsDef = finalKeys.map((column) => {
+      var _a;
       const {
         entity,
         entityType,
@@ -2918,19 +3299,17 @@ function useTable({
         range,
         isId
       } = column;
-      const isNumeric = valueType === "number";
-      const formatterKey = getFormatterKey(columnKey) || (isNumeric ? "Decimal" : "identity");
+      const isNumeric2 = valueType === "number" && columnKey !== "Year";
+      const formatterKey = getFormatterKey(columnKey) || (isNumeric2 ? "Decimal" : "identity");
       const formatter = getFormatter(formatterKey);
       const filterOption = getColumnFilterOption(entityType);
       const mantineFilterVariantObject = getMantineFilterMultiSelectProps(
         isId,
-        isNumeric,
+        isNumeric2,
         range,
         entity,
         drilldowns,
-        data,
-        columnKey
-      );
+        columnKey);
       return {
         ...filterOption,
         ...mantineFilterVariantObject,
@@ -2946,10 +3325,8 @@ function useTable({
           }
           return 0;
         },
-        getFilterValue: () => {
-        },
         Header: ({ column: column2 }) => {
-          return /* @__PURE__ */ React13__default.createElement(Box, { mb: rem(5) }, /* @__PURE__ */ React13__default.createElement(Flex, { justify: "center", align: "center" }, /* @__PURE__ */ React13__default.createElement(Box, { sx: { flexGrow: 1 } }, /* @__PURE__ */ React13__default.createElement(Flex, { gap: "xs", align: "center" }, getActionIcon(entityType), /* @__PURE__ */ React13__default.createElement(Text, { size: "sm" }, column2.columnDef.header), /* @__PURE__ */ React13__default.createElement(
+          return /* @__PURE__ */ React10__default.createElement(Box, { mb: rem(5) }, /* @__PURE__ */ React10__default.createElement(Flex, { justify: "center", align: "center" }, /* @__PURE__ */ React10__default.createElement(Box, { sx: { flexGrow: 1 } }, /* @__PURE__ */ React10__default.createElement(Flex, { gap: "xs", align: "center" }, getActionIcon(entityType), /* @__PURE__ */ React10__default.createElement(Text, { size: "sm" }, column2.columnDef.header), /* @__PURE__ */ React10__default.createElement(
             ActionIcon,
             {
               key: `sort-${column2.columnDef.header}`,
@@ -2958,7 +3335,7 @@ function useTable({
               onClick: column2.getToggleSortingHandler()
             },
             getSortIcon(column2.getIsSorted(), entityType)
-          )), /* @__PURE__ */ React13__default.createElement(Text, { ml: rem(30), size: "sm", color: "dimmed", fw: "normal" }, getEntityText(entityType))), /* @__PURE__ */ React13__default.createElement(
+          )), /* @__PURE__ */ React10__default.createElement(Text, { ml: rem(30), size: "sm", color: "dimmed", fw: "normal" }, getEntityText(entityType))), /* @__PURE__ */ React10__default.createElement(
             CustomActionIcon_default,
             {
               label: `At least one ${getEntityText(entityType)} is required.`,
@@ -2969,18 +3346,17 @@ function useTable({
               size: 25,
               ml: rem(5)
             },
-            /* @__PURE__ */ React13__default.createElement(IconTrash, null)
+            /* @__PURE__ */ React10__default.createElement(IconTrash, null)
           )));
         },
-        size: isId ? 80 : void 0,
         formatter,
         formatterKey,
-        id: columnKey,
+        id: (_a = entity.fullName) != null ? _a : entity.name,
         dataType: valueType,
         accessorFn: (item) => item[columnKey],
-        Cell: isNumeric ? ({ cell }) => formatter(cell.getValue()) : ({ cell, renderedCellValue, row }) => {
+        Cell: isNumeric2 ? ({ cell }) => formatter(cell.getValue()) : ({ cell, renderedCellValue, row }) => {
           const cellId = row.original[`${cell.column.id} ID`];
-          return /* @__PURE__ */ React13__default.createElement(Flex, { justify: "space-between", sx: { width: "100%" }, gap: "sm" }, /* @__PURE__ */ React13__default.createElement(
+          return /* @__PURE__ */ React10__default.createElement(Flex, { justify: "space-between", sx: { width: "100%", maxWidth: 400 }, gap: "sm" }, /* @__PURE__ */ React10__default.createElement(
             Text,
             {
               size: "sm",
@@ -2991,14 +3367,18 @@ function useTable({
               }
             },
             renderedCellValue
-          ), /* @__PURE__ */ React13__default.createElement(Box, null, cellId && /* @__PURE__ */ React13__default.createElement(Text, { color: "dimmed" }, cellId)));
+          ), /* @__PURE__ */ React10__default.createElement(Box, null, cellId && /* @__PURE__ */ React10__default.createElement(Text, { color: "dimmed" }, cellId)));
         }
       };
     });
-  }, [currentFormats, data, types, drilldowns, measures]);
+    return columnsDef.length ? [indexColumn, ...columnsDef] : [];
+  }, [currentFormats, tableData, tableTypes, drilldowns, measures]);
   const constTableProps = useMemo(
     () => ({
-      enableBottomToolbar: isLimited,
+      mantineToolbarAlertBannerProps: isError ? {
+        color: "red",
+        children: "Error loading data."
+      } : void 0,
       enableColumnFilterModes: true,
       enableColumnResizing: true,
       enableDensityToggle: false,
@@ -3008,27 +3388,10 @@ function useTable({
         showRowsPerPage: false
       },
       paginationDisplayMode: "pages",
-      enableRowNumbers: true,
-      rowNumberMode: "static",
-      displayColumnDefOptions: {
-        "mrt-row-numbers": {
-          size: 10,
-          maxSize: 25,
-          enableOrdering: true,
-          mantineTableBodyCellProps: {
-            sx: (t2) => ({
-              fontSize: t2.fontSizes.sm,
-              color: t2.colors.gray[6]
-            })
-          }
-        }
-      },
       enableRowVirtualization: false,
-      // globalFilterFn: "contains",
+      globalFilterFn: "contains",
       initialState: {
-        density: "xs",
-        showColumnFilters: true,
-        pagination: { pageSize: 100, pageIndex: 0 }
+        density: "xs"
       },
       mantineBottomToolbarProps: {
         id: "query-results-table-view-footer"
@@ -3036,8 +3399,9 @@ function useTable({
       mantineTableProps: {
         sx: {
           "& td": {
-            padding: "7px 10px!important"
-          }
+            padding: "7px 10px !important"
+          },
+          tableLayout: "fixed"
         },
         withColumnBorders: true
       },
@@ -3068,12 +3432,12 @@ function useTable({
         }
       },
       renderBottomToolbar() {
-        const [isOpen, setIsOpen] = useState(isLimited);
+        const [isOpen, setIsOpen] = useState(false);
         if (!isOpen) return null;
-        return /* @__PURE__ */ React13__default.createElement(
+        return /* @__PURE__ */ React10__default.createElement(
           Alert,
           {
-            icon: /* @__PURE__ */ React13__default.createElement(IconAlertCircle, { size: "1rem" }),
+            icon: /* @__PURE__ */ React10__default.createElement(IconAlertCircle, { size: "1rem" }),
             color: "yellow",
             withCloseButton: true,
             onClose: () => setIsOpen(false)
@@ -3082,30 +3446,41 @@ function useTable({
         );
       }
     }),
-    [isLimited]
+    [isError]
   );
   const table = useMantineReactTable({
     columns,
-    data,
+    data: fetchedTableData,
+    onPaginationChange: setPagination,
     enableHiding: false,
+    manualFiltering: true,
+    manualPagination: true,
+    manualSorting: false,
+    rowCount: totalRowCount,
+    state: {
+      isLoading: isLoading || isFetching || data === void 0,
+      pagination,
+      showAlertBanner: isError,
+      showProgressBars: isFetching || isLoading
+    },
     ...constTableProps,
     ...mantineTableProps
   });
-  return { table };
+  return { table, isError, isLoading };
 }
-function TableView({ table, result }) {
-  return /* @__PURE__ */ React13__default.createElement(Flex, { justify: "space-between", align: "center", sx: { height: "100%" } }, /* @__PURE__ */ React13__default.createElement(Flex, { direction: "column", justify: "space-between", sx: { height: "100%", flex: "1 1 auto" } }, /* @__PURE__ */ React13__default.createElement(
+function TableView({ table, result, isError, isLoading }) {
+  const isData = Boolean(table.getRowModel().rows.length);
+  return /* @__PURE__ */ React10__default.createElement(Box, { sx: { height: "100%" } }, /* @__PURE__ */ React10__default.createElement(Flex, { direction: "column", justify: "space-between", sx: { height: "100%", flex: "1 1 auto" } }, /* @__PURE__ */ React10__default.createElement(MRT_ProgressBar, { isTopToolbar: false, table }), /* @__PURE__ */ React10__default.createElement(
     Box,
     {
       sx: {
         flex: "1 1 auto",
-        height: "100%",
-        maxHeight: "calc(100vh - 70px)",
+        height: isData ? "100%" : "auto",
         position: "relative",
-        overflowY: "scroll"
+        overflow: "scroll"
       }
     },
-    /* @__PURE__ */ React13__default.createElement(
+    /* @__PURE__ */ React10__default.createElement(
       Table,
       {
         captionSide: "top",
@@ -3117,85 +3492,57 @@ function TableView({ table, result }) {
         withBorder: true,
         withColumnBorders: true
       },
-      /* @__PURE__ */ React13__default.createElement(
+      /* @__PURE__ */ React10__default.createElement(
         Box,
         {
           component: "thead",
           sx: {
             position: "relative",
-            top: 0
+            top: 0,
+            zIndex: 10
           }
         },
-        table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ React13__default.createElement(Box, { component: "tr", key: headerGroup.id }, headerGroup.headers.map((header) => {
-          var _a, _b;
+        table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ React10__default.createElement(Box, { component: "tr", key: headerGroup.id, sx: { fontWeight: "normal" } }, headerGroup.headers.map((header) => {
+          var _a;
           const column = table.getColumn(header.id);
-          if (column.id !== "mrt-row-numbers") {
-            const isNumeric = column.columnDef.dataType === "number";
-            return /* @__PURE__ */ React13__default.createElement(
-              Box,
-              {
-                component: "th",
-                key: header.id,
-                sx: (theme) => ({
-                  backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[7] : theme.colors.gray[0],
-                  align: isNumeric ? "right" : "left",
-                  height: 60,
-                  paddingBottom: 10,
-                  width: 300,
-                  position: "sticky",
-                  fontSize: theme.fontSizes.sm,
-                  top: 0,
-                  display: "table-cell"
-                })
-              },
-              header.isPlaceholder ? null : flexRender(
-                (_a = header.column.columnDef.Header) != null ? _a : header.column.columnDef.header,
-                header.getContext()
-              ),
-              /* @__PURE__ */ React13__default.createElement(MRT_TableHeadCellFilterContainer, { header, table })
-            );
-          } else {
-            return /* @__PURE__ */ React13__default.createElement(React13__default.Fragment, null, /* @__PURE__ */ React13__default.createElement(
-              Box,
-              {
-                component: "th",
-                key: header.id,
-                sx: (theme) => ({
-                  width: `calc(1rem * ${String(table.getRowModel().rows.length).length})`,
-                  maxWidth: `calc(1rem * ${String(table.getRowModel().rows.length).length})`,
-                  position: "sticky",
-                  top: 0,
-                  backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[7] : theme.colors.gray[0],
-                  display: "table-cell"
-                })
-              },
-              /* @__PURE__ */ React13__default.createElement(Box, null, header.isPlaceholder ? null : flexRender(
-                (_b = header.column.columnDef.Header) != null ? _b : header.column.columnDef.header,
-                header.getContext()
-              ))
-            ));
-          }
-        }), /* @__PURE__ */ React13__default.createElement(
-          Box,
-          {
-            component: "th",
-            key: "placeholder",
-            sx: (theme) => ({
-              backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[7] : theme.colors.gray[0],
-              align: "center",
-              height: 60,
-              paddingBottom: 10,
-              width: 20,
-              position: "sticky",
-              top: 0,
-              display: "table-cell",
-              textAlign: "center"
-            })
-          },
-          /* @__PURE__ */ React13__default.createElement(OptionsMenu_default, null, /* @__PURE__ */ React13__default.createElement(PlusSVG, null))
-        )))
+          const isNumeric2 = column.columnDef.dataType === "number";
+          const isRowIndex = column.id === "#";
+          const base = (theme) => ({
+            backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[7] : theme.colors.gray[0],
+            align: isNumeric2 ? "right" : "left",
+            height: 60,
+            paddingBottom: 10,
+            minWidth: 210,
+            width: 300,
+            maxWidth: 450,
+            position: "sticky",
+            fontSize: theme.fontSizes.sm,
+            top: 0,
+            display: "table-cell"
+          });
+          const index = (theme) => ({
+            ...base(theme),
+            minWidth: 10,
+            width: 10,
+            maxWidth: 10,
+            size: 10
+          });
+          return /* @__PURE__ */ React10__default.createElement(
+            Box,
+            {
+              component: "th",
+              key: header.id,
+              sx: (theme) => isRowIndex ? index(theme) : base(theme)
+            },
+            header.isPlaceholder ? null : flexRender(
+              (_a = header.column.columnDef.Header) != null ? _a : header.column.columnDef.header,
+              header.getContext()
+            ),
+            !isRowIndex && /* @__PURE__ */ React10__default.createElement(ColumnFilterCell, { isNumeric: isNumeric2, header, table })
+          );
+        })))
       ),
-      /* @__PURE__ */ React13__default.createElement(Box, { component: "tbody" }, table.getRowModel().rows.map((row) => /* @__PURE__ */ React13__default.createElement("tr", { key: row.id }, row.getVisibleCells().map((cell) => /* @__PURE__ */ React13__default.createElement(
+      isData && /* @__PURE__ */ React10__default.createElement(Box, { component: "tbody" }, table.getRowModel().rows.map((row) => /* @__PURE__ */ React10__default.createElement("tr", { key: row.id }, row.getVisibleCells().map((cell) => /* @__PURE__ */ React10__default.createElement(
         MRT_TableBodyCell,
         {
           key: cell.id,
@@ -3204,25 +3551,95 @@ function TableView({ table, result }) {
           table
         }
       )))))
-    )
-  ), /* @__PURE__ */ React13__default.createElement(TableFooter_default, { table, result })));
+    ),
+    !isData && !isError && !isLoading && /* @__PURE__ */ React10__default.createElement(NoRecords, null)
+  ), /* @__PURE__ */ React10__default.createElement(MRT_ToolbarAlertBanner, { stackAlertBanner: true, table }), /* @__PURE__ */ React10__default.createElement(TableFooter_default, { table, result })));
+}
+var ColumnFilterCell = ({
+  header,
+  table,
+  isNumeric: isNumeric2
+}) => {
+  const filterVariant = header.column.columnDef.filterVariant;
+  const isMulti = filterVariant === "multi-select";
+  if (isMulti) {
+    return /* @__PURE__ */ React10__default.createElement(MultiFilter, { header });
+  }
+  if (isNumeric2) {
+    return /* @__PURE__ */ React10__default.createElement(NumericFilter, { header });
+  }
+};
+function NumericFilter({ header }) {
+  const filters = useSelector$1(selectFilterItems);
+  const filter = filters.find((f) => f.measure === header.column.id);
+  if (filter) {
+    const filterFn = getFilterFn(filter);
+    const text = getFilterfnText(filterFn);
+    const isBetween = filterFn === "between";
+    return /* @__PURE__ */ React10__default.createElement(Flex, { gap: "xs", style: { fontWeight: "normal" } }, /* @__PURE__ */ React10__default.createElement(Box, { sx: { flex: "1 1 auto" } }, isBetween ? /* @__PURE__ */ React10__default.createElement(MinMax, { filter, hideControls: true }) : /* @__PURE__ */ React10__default.createElement(NumberInputComponent, { text, filter })), /* @__PURE__ */ React10__default.createElement(Box, { sx: { alignSelf: "flex-end" } }, /* @__PURE__ */ React10__default.createElement(FilterFnsMenu, { filter })));
+  }
+}
+function MultiFilter({ header }) {
+  const cutItems = useSelector$1(selectCutItems);
+  const drilldownItems = useSelector$1(selectDrilldownItems);
+  const label = header.column.id;
+  const drilldown = drilldownItems.find((c) => c.uniqueName === header.column.id);
+  const actions2 = useActions();
+  const cut = cutItems.find((cut2) => {
+    return cut2.uniqueName === (drilldown == null ? void 0 : drilldown.uniqueName);
+  });
+  const updatecutHandler = React10__default.useCallback((item, members) => {
+    actions2.updateCut({ ...item, members });
+  }, []);
+  return drilldown && cut && /* @__PURE__ */ React10__default.createElement(Box, { pt: "md", style: { fontWeight: "normal" } }, /* @__PURE__ */ React10__default.createElement(
+    MultiSelect,
+    {
+      sx: { flex: "1 1 100%" },
+      searchable: true,
+      onChange: (value) => {
+        updatecutHandler({ ...cut, active: true }, value);
+      },
+      placeholder: `Filter by ${label}`,
+      value: cut.members || [],
+      data: drilldown.members.map((m) => ({
+        value: String(m.key),
+        label: m.caption ? `${m.caption} ${m.key}` : m.name
+      })),
+      clearButtonProps: { "aria-label": "Clear selection" },
+      clearable: true,
+      nothingFound: "Nothing found",
+      size: "xs"
+    }
+  ));
 }
+var NoRecords = () => {
+  return /* @__PURE__ */ React10__default.createElement(Center, { style: { height: "calc(100% - 210px)" } }, /* @__PURE__ */ React10__default.createElement(Text, { size: "xl", color: "gray", italic: true }, "No records to display."));
+};
 TableView.displayName = "TesseractExplorer:TableView";
 
 // src/components/Toolbar.tsx
 init_esm_shims();
 var toolbarSx = (t) => ({
   background: t.colorScheme === "dark" ? t.black : t.white,
-  borderRadius: t.radius.xl
+  borderRadius: t.radius.xl,
+  height: "fit-content"
 });
 function ToolbarButton({ icon, label, onClick = () => void 0 }) {
-  return /* @__PURE__ */ React13__default.createElement(UnstyledButton, { onClick, py: 4, sx: (t) => ({ "& svg path": { stroke: t.colorScheme === "dark" ? "white" : "black" } }) }, /* @__PURE__ */ React13__default.createElement(Group, { spacing: "xs", noWrap: true }, icon, /* @__PURE__ */ React13__default.createElement(Text, { size: "sm" }, label)));
+  return /* @__PURE__ */ React10__default.createElement(
+    UnstyledButton,
+    {
+      onClick,
+      py: { base: "0.2rem", md: 0 },
+      sx: (t) => ({ "& svg path": { stroke: t.colorScheme === "dark" ? "white" : "black" } })
+    },
+    /* @__PURE__ */ React10__default.createElement(Group, { spacing: "xs", noWrap: true }, icon, /* @__PURE__ */ React10__default.createElement(Text, { size: "sm" }, label))
+  );
 }
 function ToolbarSearch({ table }) {
+  const { translate: t } = useTranslation();
   const { setShowGlobalFilter, setGlobalFilter } = table;
-  const { globalFilter, showGlobalFilter } = table.getState();
+  const { showGlobalFilter } = table.getState();
   const inputRef = useRef(null);
-  useState(false);
   const [query, setQuery] = useState(table.getState().globalFilter);
   const [debouncedQuery] = useDebouncedValue(query, 200);
   useEffect(() => {
@@ -3239,30 +3656,24 @@ function ToolbarSearch({ table }) {
       return (_a = inputRef.current) == null ? void 0 : _a.focus();
     }, 100);
   };
-  return /* @__PURE__ */ React13__default.createElement(Group, { position: "left" }, /* @__PURE__ */ React13__default.createElement(
-    ToolbarButton,
-    {
-      icon: /* @__PURE__ */ React13__default.createElement(ClearSVG, null),
-      label: "Clear",
-      onClick: handleClear
-    }
-  ), /* @__PURE__ */ React13__default.createElement(
+  return /* @__PURE__ */ React10__default.createElement(Flex, { justify: "flex-start", direction: { base: "column", md: "row" }, gap: "xs" }, /* @__PURE__ */ React10__default.createElement(ToolbarButton, { icon: /* @__PURE__ */ React10__default.createElement(ClearSVG, null), label: t("params.label_clear"), onClick: handleClear }), /* @__PURE__ */ React10__default.createElement(
     ToolbarButton,
     {
-      icon: /* @__PURE__ */ React13__default.createElement(SearchSVG, null),
-      label: "Search",
+      icon: /* @__PURE__ */ React10__default.createElement(SearchSVG, null),
+      label: t("params.label_search"),
       onClick: () => handleShowFilter(!showGlobalFilter)
     }
-  ), /* @__PURE__ */ React13__default.createElement(
+  ), /* @__PURE__ */ React10__default.createElement(
     Box,
     {
       w: showGlobalFilter ? 120 : 0,
+      h: showGlobalFilter ? "auto" : 0,
       sx: {
         transition: "width .2s cubic-bezier(0.4, 0, 0.2, 1)",
         overflow: "hidden"
       }
     },
-    /* @__PURE__ */ React13__default.createElement(
+    /* @__PURE__ */ React10__default.createElement(
       TextInput,
       {
         ref: inputRef,
@@ -3275,13 +3686,43 @@ function ToolbarSearch({ table }) {
     )
   ));
 }
-function Toolbar({ table, fullscreen }) {
-  return /* @__PURE__ */ React13__default.createElement(Group, { sx: toolbarSx, my: "sm", p: "xs", px: "md", noWrap: true }, /* @__PURE__ */ React13__default.createElement(ToolbarSearch, { table }), /* @__PURE__ */ React13__default.createElement(ToolbarButton, { icon: /* @__PURE__ */ React13__default.createElement(FullScreenSVG, null), label: "Full screen", onClick: fullscreen.toggle }));
+function Toolbar({
+  table,
+  fullscreen
+}) {
+  const { translate: t } = useTranslation();
+  const theme = useMantineTheme();
+  const smallerThanMd = useMediaQuery(`(max-width: ${theme.breakpoints.md})`);
+  const settings = /* @__PURE__ */ React10__default.createElement(
+    Flex,
+    {
+      direction: { base: "column", md: "row" },
+      justify: "flex-start",
+      sx: toolbarSx,
+      p: "0.325rem",
+      px: "md",
+      wrap: "nowrap",
+      gap: "xs"
+    },
+    /* @__PURE__ */ React10__default.createElement(ToolbarSearch, { table }),
+    /* @__PURE__ */ React10__default.createElement(
+      ToolbarButton,
+      {
+        icon: /* @__PURE__ */ React10__default.createElement(FullScreenSVG, null),
+        label: t("params.label_fullscreen"),
+        onClick: fullscreen.toggle
+      }
+    )
+  );
+  return smallerThanMd ? /* @__PURE__ */ React10__default.createElement(Menu, null, /* @__PURE__ */ React10__default.createElement(Menu.Target, null, /* @__PURE__ */ React10__default.createElement(ActionIcon, null, /* @__PURE__ */ React10__default.createElement(IconSettings, null))), /* @__PURE__ */ React10__default.createElement(Menu.Dropdown, null, settings)) : settings;
 }
 
 // src/components/ExplorerTabs.tsx
 init_esm_shims();
 var tabsStyles = (t) => ({
+  root: {
+    alignSelf: "flex-end"
+  },
   tab: {
     fontWeight: 700,
     color: t.colors.gray[6],
@@ -3300,7 +3741,7 @@ function ExplorerTabs({
   value
 }) {
   const { translate: t } = useTranslation();
-  return /* @__PURE__ */ React13__default.createElement(
+  return /* @__PURE__ */ React10__default.createElement(
     Tabs,
     {
       color: "blue",
@@ -3309,7 +3750,7 @@ function ExplorerTabs({
       value,
       styles: tabsStyles
     },
-    /* @__PURE__ */ React13__default.createElement(Tabs.List, null, panels.map((panel) => /* @__PURE__ */ React13__default.createElement(Tabs.Tab, { key: panel.key, id: panel.key, value: panel.key, h: 56 }, t(panel.label))))
+    /* @__PURE__ */ React10__default.createElement(Tabs.List, null, panels.map((panel) => /* @__PURE__ */ React10__default.createElement(Tabs.Tab, { key: panel.key, id: panel.key, value: panel.key, h: 56 }, t(panel.label))))
   );
 }
 var useStyles2 = createStyles(() => ({
@@ -3322,35 +3763,34 @@ var useStyles2 = createStyles(() => ({
 function ExplorerResults(props) {
   const cube = useSelector$1(selectOlapCube);
   const serverStatus = useSelector$1(selectServerState);
-  const { isDirty, params, result } = useSelector$1(selectCurrentQueryItem);
-  const { loading: isLoading } = useSelector$1(selectLoadingState);
+  const { params, result } = useSelector$1(selectCurrentQueryItem);
   const { online: isServerOnline, url: serverUrl } = serverStatus;
   const { data, error } = result;
   const { translate: t } = useTranslation();
   const { classes, cx } = useStyles2();
   if (typeof window === "object" && window.navigator.onLine === false) {
-    return /* @__PURE__ */ React13__default.createElement(
+    return /* @__PURE__ */ React10__default.createElement(
       FailureResult,
       {
         className: cx(classes.container, props.className),
-        icon: /* @__PURE__ */ React13__default.createElement(IconWorld, { color: "orange", size: "5rem" }),
+        icon: /* @__PURE__ */ React10__default.createElement(IconWorld, { color: "orange", size: "5rem" }),
         title: t("results.error_disconnected_title")
       }
     );
   }
   if (isServerOnline === false) {
-    return /* @__PURE__ */ React13__default.createElement(
+    return /* @__PURE__ */ React10__default.createElement(
       FailureResult,
       {
         className: cx(classes.container, props.className),
-        icon: /* @__PURE__ */ React13__default.createElement(IconAlertTriangle, { color: "orange", size: "5rem" }),
+        icon: /* @__PURE__ */ React10__default.createElement(IconAlertTriangle, { color: "orange", size: "5rem" }),
         title: t("results.error_serveroffline_title"),
-        description: /* @__PURE__ */ React13__default.createElement(Text, { span: true }, t("results.error_serveroffline_detail"), /* @__PURE__ */ React13__default.createElement(Anchor, { href: serverUrl, target: "_blank", rel: "noopener noreferrer" }, serverUrl), ".")
+        description: /* @__PURE__ */ React10__default.createElement(Text, { span: true }, t("results.error_serveroffline_detail"), /* @__PURE__ */ React10__default.createElement(Anchor, { href: serverUrl, target: "_blank", rel: "noopener noreferrer" }, serverUrl), ".")
       }
     );
   }
-  if (isServerOnline == null || !cube || isDirty || isLoading) {
-    return /* @__PURE__ */ React13__default.createElement(
+  if (isServerOnline == null || !cube) {
+    return /* @__PURE__ */ React10__default.createElement(
       Paper,
       {
         className: cx(classes.container, props.className),
@@ -3361,27 +3801,16 @@ function ExplorerResults(props) {
     );
   }
   if (error) {
-    return /* @__PURE__ */ React13__default.createElement(
-      FailureResult,
-      {
-        className: cx(classes.container, props.className),
-        description: /* @__PURE__ */ React13__default.createElement(Stack, { align: "center", spacing: "xs" }, /* @__PURE__ */ React13__default.createElement(Text, null, t("results.error_execquery_detail")), /* @__PURE__ */ React13__default.createElement(Text, null, error)),
-        icon: /* @__PURE__ */ React13__default.createElement(IconAlertTriangle, { color: "orange", size: "5rem" })
-      }
-    );
-  }
-  if (data.length === 0) {
-    return /* @__PURE__ */ React13__default.createElement(
+    return /* @__PURE__ */ React10__default.createElement(
       FailureResult,
       {
         className: cx(classes.container, props.className),
-        icon: /* @__PURE__ */ React13__default.createElement(IconBox, { color: "orange", size: "5rem" }),
-        title: t("results.error_emptyresult_title"),
-        description: t("results.error_emptyresult_detail")
+        description: /* @__PURE__ */ React10__default.createElement(Stack, { align: "center", spacing: "xs" }, /* @__PURE__ */ React10__default.createElement(Text, null, t("results.error_execquery_detail")), /* @__PURE__ */ React10__default.createElement(Text, null, error)),
+        icon: /* @__PURE__ */ React10__default.createElement(IconAlertTriangle, { color: "orange", size: "5rem" })
       }
     );
   }
-  return /* @__PURE__ */ React13__default.createElement(
+  return /* @__PURE__ */ React10__default.createElement(
     SuccessResult,
     {
       className: cx(classes.container, props.className),
@@ -3394,7 +3823,7 @@ function ExplorerResults(props) {
   );
 }
 function FailureResult(props) {
-  return /* @__PURE__ */ React13__default.createElement(
+  return /* @__PURE__ */ React10__default.createElement(
     Paper,
     {
       id: "query-results-failure",
@@ -3403,7 +3832,7 @@ function FailureResult(props) {
       withBorder: true,
       sx: { justifyContent: "center" }
     },
-    /* @__PURE__ */ React13__default.createElement(Stack, { align: "center", spacing: "xs" }, props.icon && props.icon, props.title && /* @__PURE__ */ React13__default.createElement(Title, { order: 5 }, props.title), props.description && /* @__PURE__ */ React13__default.createElement(Text, null, props.description), props.children && props.children, props.action && props.action)
+    /* @__PURE__ */ React10__default.createElement(Stack, { align: "center", spacing: "xs" }, props.icon && props.icon, props.title && /* @__PURE__ */ React10__default.createElement(Title, { order: 5 }, props.title), props.description && /* @__PURE__ */ React10__default.createElement(Text, null, props.description), props.children && props.children, props.action && props.action)
   );
 }
 function SuccessResult(props) {
@@ -3412,7 +3841,7 @@ function SuccessResult(props) {
   const { previewLimit, actions: actions2 } = useSettings();
   const queryItem = useSelector$1(selectCurrentQueryItem);
   const isPreviewMode = useSelector$1(selectIsPreviewMode);
-  const { table } = useTable({ cube, result });
+  const { table, isError, isLoading } = useTable({ cube, result });
   const fullscreen = useFullscreen();
   const [CurrentComponent, panelKey, panelMeta] = useMemo(() => {
     const currentPanel = queryItem.panel || `${panels[0].key}-`;
@@ -3423,7 +3852,7 @@ function SuccessResult(props) {
   const tabHandler = useCallback((newTab) => {
     actions2.switchPanel(newTab);
   }, []);
-  return /* @__PURE__ */ React13__default.createElement(Flex, { gap: "xs", direction: "column", w: "100%", className: props.className }, /* @__PURE__ */ React13__default.createElement(Paper, { ref: fullscreen.ref, id: "query-results-success", h: "100%" }, /* @__PURE__ */ React13__default.createElement(
+  return /* @__PURE__ */ React10__default.createElement(Flex, { gap: "xs", direction: "column", w: "100%", className: props.className }, /* @__PURE__ */ React10__default.createElement(Paper, { ref: fullscreen.ref, id: "query-results-success", h: "100%" }, /* @__PURE__ */ React10__default.createElement(
     Flex,
     {
       sx: (t2) => ({
@@ -3433,16 +3862,18 @@ function SuccessResult(props) {
       }),
       w: "100%"
     },
-    /* @__PURE__ */ React13__default.createElement(ExplorerTabs, { panels, onChange: tabHandler, value: panelKey }),
-    (!queryItem.panel || queryItem.panel === "table") && /* @__PURE__ */ React13__default.createElement(Box, { sx: { display: "flex", flex: "0 1 auto" }, mr: "sm" }, /* @__PURE__ */ React13__default.createElement(Toolbar, { table, fullscreen }))
-  ), isPreviewMode && /* @__PURE__ */ React13__default.createElement(Alert, { id: "alert-load-all-results", color: "yellow", radius: 0, sx: { flex: "0 0 auto" } }, /* @__PURE__ */ React13__default.createElement(Group, { position: "apart" }, /* @__PURE__ */ React13__default.createElement(Text, null, /* @__PURE__ */ React13__default.createElement(Text, { fw: 700, span: true }, t("previewMode.title_preview"), ":", " "), /* @__PURE__ */ React13__default.createElement(Text, { span: true }, t("previewMode.description_preview", { limit: previewLimit }))), /* @__PURE__ */ React13__default.createElement(PreviewModeSwitch, null))), /* @__PURE__ */ React13__default.createElement(Box, { id: "query-results-content", sx: { flex: "1 1", height: "calc(100% - 60px)" } }, /* @__PURE__ */ React13__default.createElement(Suspense, { fallback: props.children }, /* @__PURE__ */ React13__default.createElement(Flex, { h: "100%" }, /* @__PURE__ */ React13__default.createElement(Box, { sx: { flex: "1 1" } }, /* @__PURE__ */ React13__default.createElement(
+    /* @__PURE__ */ React10__default.createElement(ExplorerTabs, { panels, onChange: tabHandler, value: panelKey }),
+    (!queryItem.panel || queryItem.panel === "table") && /* @__PURE__ */ React10__default.createElement(Group, { sx: { display: "flex", flex: "0 1 auto" }, mr: "sm", noWrap: true }, /* @__PURE__ */ React10__default.createElement(DrawerMenu_default, null), /* @__PURE__ */ React10__default.createElement(Toolbar, { table, fullscreen }))
+  ), isPreviewMode && /* @__PURE__ */ React10__default.createElement(Alert, { id: "alert-load-all-results", color: "yellow", radius: 0, sx: { flex: "0 0 auto" } }, /* @__PURE__ */ React10__default.createElement(Group, { position: "apart" }, /* @__PURE__ */ React10__default.createElement(Text, null, /* @__PURE__ */ React10__default.createElement(Text, { fw: 700, span: true }, t("previewMode.title_preview"), ":", " "), /* @__PURE__ */ React10__default.createElement(Text, { span: true }, t("previewMode.description_preview", { limit: previewLimit }))), /* @__PURE__ */ React10__default.createElement(PreviewModeSwitch, null))), /* @__PURE__ */ React10__default.createElement(Box, { id: "query-results-content", sx: { flex: "1 1", height: "calc(100% - 60px)" } }, /* @__PURE__ */ React10__default.createElement(Suspense, { fallback: props.children }, /* @__PURE__ */ React10__default.createElement(Flex, { h: "100%" }, /* @__PURE__ */ React10__default.createElement(Box, { sx: { flex: "1 1", overflowX: "scroll" } }, /* @__PURE__ */ React10__default.createElement(
     CurrentComponent,
     {
       panelKey: `${panelKey}-${panelMeta}`,
       cube,
       params,
       result,
-      table
+      table,
+      isError,
+      isLoading
     }
   )))))));
 }
@@ -3453,9 +3884,9 @@ init_esm_shims();
 // src/utils/create-context.ts
 init_esm_shims();
 var createContext2 = (name4) => {
-  const Context = React13__default.createContext(void 0);
+  const Context = React10__default.createContext(void 0);
   const useContext2 = () => {
-    const ctx = React13__default.useContext(Context);
+    const ctx = React10__default.useContext(Context);
     if (ctx === void 0) {
       throw new Error(`useContext for must be inside a ${name4}Provider with a value`);
     }
@@ -3523,7 +3954,7 @@ var Graph = class {
     });
     return subtopic;
   }
-  filter(locale, startingNode, filter) {
+  filter(locale, filter) {
     function addItemToSubtopic(map2, subtopic, item) {
       if (map2.has(subtopic)) {
         map2.get(subtopic).push(item);
@@ -3534,24 +3965,21 @@ var Graph = class {
     const map = /* @__PURE__ */ new Map();
     const matches = [];
     if (filter !== "") {
-      this.depthFirstTraversal(startingNode, (node) => {
-        const items = this.isTable(locale, node);
-        if (items.length) {
-          if (filter) {
-            for (const item of items) {
-              const list = matchSorter([node], filter);
-              if (list.length) {
-                const subtopic = getAnnotation(item, "subtopic", locale);
-                const topic = getAnnotation(item, "topic", locale);
-                addItemToSubtopic(map, `${topic} - ${subtopic}`, list[0]);
-                matches.push(...list);
-              }
-            }
-          } else {
-            matches.push(node);
-          }
-        }
+      const results = matchSorter(this.items, filter, {
+        keys: [
+          "name",
+          (item) => getAnnotation(item, "topic", locale) || "",
+          (item) => getAnnotation(item, "subtopic", locale) || "",
+          (item) => getAnnotation(item, "table", locale) || ""
+        ]
       });
+      for (const item of results) {
+        const topic = getAnnotation(item, "topic", locale);
+        const subtopic = getAnnotation(item, "subtopic", locale);
+        const title = getAnnotation(item, "table", locale);
+        addItemToSubtopic(map, `${topic} - ${subtopic}`, title);
+        matches.push(title);
+      }
     }
     return { matches, map };
   }
@@ -3598,6 +4026,308 @@ var Graph = class {
 };
 var graph_default = Graph;
 
+// src/components/LocaleSelector.tsx
+init_esm_shims();
+
+// src/components/Select.tsx
+init_esm_shims();
+var SelectObject = forwardRef(function(props, ref) {
+  var _a;
+  const { getLabel, getValue = identity, items, onItemSelect, selectedItem, selectProps = {} } = props;
+  const [itemList, itemMap] = useMemo(() => {
+    const valueAccessor = accesorFactory(getValue);
+    const labelAccessor = getLabel ? accesorFactory(getLabel) : valueAccessor;
+    const list = items.map((item) => ({
+      label: labelAccessor(item),
+      value: valueAccessor(item),
+      item
+    }));
+    return [list, keyBy(list, (option) => option.value)];
+  }, [items, getLabel, getValue]);
+  const selected = useMemo(() => {
+    if (selectedItem == null) return null;
+    if (typeof selectedItem === "string") return selectedItem;
+    const valueAccessor = accesorFactory(getValue);
+    return valueAccessor(selectedItem);
+  }, [selectedItem, getValue]);
+  const itemSelectHandler = (value) => {
+    onItemSelect && onItemSelect(itemMap[value].item);
+  };
+  if (items.length === 0 || !selected) {
+    return null;
+  }
+  return /* @__PURE__ */ React10__default.createElement(
+    Select,
+    {
+      ref,
+      data: itemList,
+      disabled: props.loading || props.disabled,
+      hidden: props.hidden,
+      label: props.label,
+      onChange: itemSelectHandler,
+      onClick: inputFocusHandler,
+      onFocus: inputFocusHandler,
+      searchable: (_a = props.searchable) != null ? _a : props.items.length > 6,
+      value: selected,
+      ...selectProps
+    }
+  );
+});
+function inputFocusHandler(event) {
+  if (event.target instanceof HTMLInputElement) event.target.select();
+}
+var localeSelectorStyle = (theme) => ({
+  input: {
+    border: "none",
+    background: theme.colorScheme === "dark" ? theme.fn.darken(theme.fn.primaryColor(), 0.1) : theme.fn.lighten(theme.fn.primaryColor(), 0.8),
+    borderRadius: theme.radius.sm,
+    color: theme.colorScheme === "dark" ? theme.fn.lighten(theme.fn.primaryColor(), 0.7) : theme.fn.primaryColor(),
+    fontSize: 12,
+    fontWeight: 700,
+    width: 94,
+    textTransform: "uppercase"
+  },
+  item: {
+    fontSize: 12,
+    textTransform: "uppercase"
+  },
+  rightSection: {
+    pointerEvents: "none"
+    // weird hack, seems like CSSObject is not completely right defined inside mantine.
+  }
+});
+function LocaleSelector() {
+  const actions2 = useActions();
+  const { resetGraph } = useSideBar();
+  const { translate: t, locale } = useTranslation();
+  const { code: currentCode } = useSelector$1(selectLocale);
+  const { localeOptions } = useSelector$1(selectServerState);
+  const theme = useMantineTheme();
+  const options = useMemo(() => {
+    const languages = ISO6391.getLanguages(localeOptions);
+    return languages.map((lang) => ({
+      label: t("params.label_localeoption", {
+        code: lang.code,
+        engName: lang.name,
+        nativeName: lang.nativeName,
+        customName: t(`params.label_localecustom_${lang.code}`)
+      }) || lang.nativeName,
+      value: lang.code
+    }));
+  }, [locale, localeOptions]);
+  const localeChangeHandler = (l) => {
+    if (currentCode !== l.value) {
+      resetGraph();
+      actions2.updateLocale(l.value);
+      actions2.willRequestQuery();
+    }
+  };
+  if (localeOptions.length < 2) {
+    return null;
+  }
+  return /* @__PURE__ */ React10__default.createElement(Box, { id: "select-locale" }, /* @__PURE__ */ React10__default.createElement(Tooltip, { label: t("params.label_locale") }, /* @__PURE__ */ React10__default.createElement(
+    SelectObject,
+    {
+      getLabel: "value",
+      getValue: "value",
+      items: options,
+      onItemSelect: localeChangeHandler,
+      selectedItem: currentCode,
+      selectProps: {
+        styles: localeSelectorStyle,
+        icon: /* @__PURE__ */ React10__default.createElement(IconLanguage, { size: "0.8rem", color: theme.colorScheme === "dark" ? theme.fn.lighten(theme.fn.primaryColor(), 0.8) : theme.fn.primaryColor() })
+      }
+    }
+  )));
+}
+var [useSideBar, Provider] = createContext2("SideBar");
+function SideBarProvider(props) {
+  const [input, setInput] = useState("");
+  const [expanded, setExpanded] = useState(false);
+  const [results, setResults] = useState([]);
+  const [map, setMap] = useState();
+  const [graph, setGraph] = useState(new graph_default());
+  const resetGraph = () => setGraph(new graph_default());
+  return /* @__PURE__ */ React10__default.createElement(
+    Provider,
+    {
+      ...props,
+      value: {
+        expanded,
+        setExpanded,
+        graph,
+        setGraph,
+        results,
+        setResults,
+        input,
+        map,
+        setMap,
+        setInput,
+        resetGraph
+      }
+    }
+  );
+}
+function SideBar(props) {
+  const { expanded, setExpanded } = useSideBar();
+  const { translate: t } = useTranslation();
+  return /* @__PURE__ */ React10__default.createElement(
+    Box,
+    {
+      id: "dex-sidebar",
+      py: "md",
+      sx: (t2) => ({
+        height: "calc(100vh - 75px)",
+        backgroundColor: t2.colorScheme === "dark" ? t2.colors.dark[8] : t2.colors.gray[1],
+        boxShadow: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
+        maxWidth: expanded ? 300 : 54,
+        padding: 0,
+        zIndex: 99,
+        [t2.fn.smallerThan("md")]: {
+          position: "absolute",
+          width: expanded ? 300 : 54,
+          height: expanded ? "calc(100vh - 75px)" : 54,
+          bottom: expanded ? "unset" : t2.spacing.md,
+          left: expanded ? "unset" : t2.spacing.md,
+          overflow: "hidden",
+          paddingTop: expanded ? t2.spacing.md : 0,
+          paddingBottom: expanded ? t2.spacing.md : 0,
+          borderRadius: expanded ? 0 : "100%"
+        }
+      })
+    },
+    /* @__PURE__ */ React10__default.createElement(Flex, { h: "100%", direction: "column", justify: "flex-start" }, /* @__PURE__ */ React10__default.createElement(Box, { px: "sm", my: "sm" }, /* @__PURE__ */ React10__default.createElement(Flex, { direction: "column", sx: { flex: 1 } }, /* @__PURE__ */ React10__default.createElement(Flex, { align: "center", justify: "apart" }, /* @__PURE__ */ React10__default.createElement(
+      ActionIcon,
+      {
+        onClick: () => setExpanded(!expanded),
+        variant: "subtle",
+        sx: (t2) => ({
+          alignSelf: "center",
+          color: t2.colorScheme === "dark" ? t2.white : t2.colors.gray[7]
+        })
+      },
+      /* @__PURE__ */ React10__default.createElement(DataSetSVG, null)
+    ), /* @__PURE__ */ React10__default.createElement(
+      Group,
+      {
+        position: "apart",
+        noWrap: true,
+        sx: {
+          overflow: "hidden",
+          whiteSpace: "nowrap",
+          transition: "width 0.2s cubic-bezier(0.4, 0, 0.2, 1), margin-left 0.2s cubic-bezier(0.4, 0, 0.2, 1)",
+          width: expanded ? 300 : 0
+        }
+      },
+      /* @__PURE__ */ React10__default.createElement(Text, { sx: (t2) => ({ color: t2.colorScheme === "dark" ? t2.white : t2.black }), ml: "sm" }, t("params.label_dataset")),
+      /* @__PURE__ */ React10__default.createElement(LocaleSelector, null)
+    )), /* @__PURE__ */ React10__default.createElement(
+      Box,
+      {
+        my: "md",
+        sx: {
+          overflow: "hidden",
+          whiteSpace: "nowrap",
+          transition: "width 0.2s cubic-bezier(0.4, 0, 0.2, 1), margin-left 0.2s cubic-bezier(0.4, 0, 0.2, 1)",
+          width: expanded ? "100%" : 0
+        }
+      },
+      /* @__PURE__ */ React10__default.createElement(Auto, null)
+    ), /* @__PURE__ */ React10__default.createElement(Box, { sx: { flexGrow: 1 } }))), /* @__PURE__ */ React10__default.createElement(
+      ScrollArea,
+      {
+        sx: (theme) => ({
+          borderTopColor: theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.colors.gray[3],
+          borderTopWidth: "1px",
+          borderTopStyle: expanded ? "solid" : "none"
+        })
+      },
+      /* @__PURE__ */ React10__default.createElement(Box, { h: expanded ? "auto" : "0px" }, props.children)
+    ), /* @__PURE__ */ React10__default.createElement(
+      Group,
+      {
+        align: "center",
+        position: expanded ? "right" : "center",
+        w: "100%",
+        p: "md",
+        sx: { alignSelf: "flex-end", marginTop: "auto" },
+        noWrap: true
+      },
+      /* @__PURE__ */ React10__default.createElement(
+        ActionIcon,
+        {
+          onClick: () => setExpanded(!expanded),
+          variant: "subtle",
+          mt: "auto",
+          sx: (t2) => ({ alignSelf: "flex-end", color: t2.colors.gray[7] })
+        },
+        expanded ? /* @__PURE__ */ React10__default.createElement(IconChevronLeft, null) : /* @__PURE__ */ React10__default.createElement(IconChevronRight, null)
+      )
+    ))
+  );
+}
+var SideBar_default = SideBar;
+function SideBarItem({ children }) {
+  const { expanded } = useSideBar();
+  return /* @__PURE__ */ React10__default.createElement(
+    Box,
+    {
+      sx: {
+        overflow: "hidden",
+        whiteSpace: "nowrap",
+        width: expanded ? 300 : 0,
+        transition: "width 0.2s cubic-bezier(0.4, 0, 0.2, 1)"
+      }
+    },
+    children
+  );
+}
+function Auto() {
+  const { code: locale } = useSelector$1(selectLocale);
+  const { translate: t } = useTranslation();
+  const { expanded, graph, setResults, input, setInput, setMap } = useSideBar();
+  const [debouncedInput] = useDebouncedValue(input, 200);
+  useEffect(() => {
+    if (graph.items.length > 0) {
+      const { matches, map } = graph.filter(locale, debouncedInput);
+      setResults(matches);
+      setMap(map);
+    }
+  }, [debouncedInput, graph]);
+  return /* @__PURE__ */ React10__default.createElement(
+    Input,
+    {
+      icon: /* @__PURE__ */ React10__default.createElement(IconSearch, null),
+      radius: "xl",
+      size: "md",
+      placeholder: t("params.label_search"),
+      value: input,
+      onInput: (e) => setInput(e.currentTarget.value),
+      styles: {
+        wrapper: {
+          width: expanded ? "100%" : 0,
+          overflow: "hidden",
+          transition: "width 0.2s cubic-bezier(0.4, 0, 0.2, 1), margin-left 0.2s cubic-bezier(0.4, 0, 0.2, 1)"
+        },
+        input: {
+          whiteSpace: "nowrap"
+        }
+      },
+      rightSection: /* @__PURE__ */ React10__default.createElement(
+        CloseButton,
+        {
+          "aria-label": "Clear input",
+          onClick: () => setInput(""),
+          style: { display: input ? void 0 : "none" }
+        }
+      )
+    }
+  );
+}
+
+// src/components/ParamsExplorer.tsx
+init_esm_shims();
+
 // src/components/SelectCubes.tsx
 init_esm_shims();
 
@@ -3611,25 +4341,28 @@ function Results(props) {
   if (map) {
     for (let [key, items] of map) {
       const [topic, subtopic] = key.split(" - ");
-      const component = /* @__PURE__ */ React13__default.createElement("div", { key }, /* @__PURE__ */ React13__default.createElement(Divider, { my: "xs", label: key }), items.map((item) => /* @__PURE__ */ React13__default.createElement(
-        Text,
-        {
-          key: item,
-          component: "a",
-          fz: "sm",
-          className: isSelected2(selectedItem, getCube2(graph.items, item, subtopic, locale)) ? `${classes.link} ${classes.linkActive}` : classes.link,
-          onClick: () => {
-            onSelectCube(item, subtopic);
-            setExpanded(false);
-            setInput("");
-          }
-        },
-        item
-      )));
+      const component = /* @__PURE__ */ React10__default.createElement("div", { key }, /* @__PURE__ */ React10__default.createElement(Divider, { my: "xs", label: key }), items.map((item) => {
+        const cube = getCube2(graph.items, item, subtopic, locale);
+        return /* @__PURE__ */ React10__default.createElement(
+          Text,
+          {
+            key: cube.name,
+            component: "a",
+            fz: "xs",
+            className: isSelected2(selectedItem, cube) ? `${classes.link} ${classes.linkActive}` : classes.link,
+            onClick: () => {
+              onSelectCube(item, subtopic);
+              setExpanded(false);
+              setInput("");
+            }
+          },
+          item
+        );
+      }));
       result.push(component);
     }
   }
-  return result;
+  return /* @__PURE__ */ React10__default.createElement(Box, { px: "sm" }, result);
 }
 var useStyles3 = createStyles((theme) => ({
   link: {
@@ -3661,20 +4394,25 @@ function SelectCube() {
   if (items.length === 1) {
     return null;
   }
-  return /* @__PURE__ */ React13__default.createElement(SelectCubeInternal, { items, selectedItem });
+  return /* @__PURE__ */ React10__default.createElement(SelectCubeInternal, { items, selectedItem });
 }
 function SelectCubeInternal(props) {
   const { items, selectedItem } = props;
   useTranslation();
   const { code: locale } = useSelector$1(selectLocale);
-  const { willRequestQuery: willRequestQuery2, updateMeasure, updateDrilldown, willFetchMembers: willFetchMembers2 } = useActions();
-  const initRef = useRef(false);
+  const { updateMeasure, updateDrilldown, willFetchMembers: willFetchMembers2, updateCut } = useActions();
   const cube = useSelector$1(selectCubeName);
   const itemMap = useSelector$1(selectMeasureMap);
   const dimensions = useSelector$1(selectOlapDimensionItems);
+  const createCutHandler2 = React10__default.useCallback((level) => {
+    const cutItem = buildCut({ ...level });
+    cutItem.active = false;
+    updateCut(cutItem);
+  }, []);
   const addDrilldown = useCallback(
     (level) => {
-      const drilldownItem = buildDrilldown({ ...level, key: level.fullName });
+      const drilldownItem = buildDrilldown(level);
+      createCutHandler2(level);
       updateDrilldown(drilldownItem);
       return willFetchMembers2({ ...level, level: level.name }).then((members) => {
         const dimension = dimensions.find((dim) => dim.name === level.dimension);
@@ -3693,35 +4431,24 @@ function SelectCubeInternal(props) {
     const params = new URLSearchParams(location.search);
     const cubeParam = params.get("cube");
     if (selectedItem && cube && !cubeParam) {
-      initRef.current = true;
-      const measure = Object.keys(itemMap).map((k) => itemMap[k]).shift();
-      const dimension = [...dimensions].shift();
+      const [measure] = Object.values(itemMap);
+      const [dimension] = dimensions;
       if (measure && dimension) {
         updateMeasure({ ...measure, active: true });
-        addDrilldown(dimension.hierarchies[0].levels[0]).then(() => {
-          willRequestQuery2();
-        });
-      }
-    }
-    if (selectedItem && cube && cubeParam) {
-      if (!initRef.current) {
-        initRef.current = true;
-      } else {
-        const measure = Object.keys(itemMap).map((k) => itemMap[k]).shift();
-        const dimension = [...dimensions].shift();
-        if (measure && dimension) {
+        const drilldowns = deriveDrilldowns(dimensions);
+        if (measure && drilldowns.length > 0) {
           updateMeasure({ ...measure, active: true });
-          addDrilldown(dimension.hierarchies[0].levels[0]).then(() => {
-            willRequestQuery2();
-          });
+          for (const level of drilldowns) {
+            addDrilldown(level, dimensions);
+          }
         }
       }
     }
   }, [selectedItem, cube]);
-  return /* @__PURE__ */ React13__default.createElement(Stack, { id: "select-cube", spacing: "xs", w: "100%" }, /* @__PURE__ */ React13__default.createElement(CubeTree, { items, locale, selectedItem }));
+  return /* @__PURE__ */ React10__default.createElement(Stack, { id: "select-cube", spacing: "xs", w: "100%" }, /* @__PURE__ */ React10__default.createElement(CubeTree, { items, locale, selectedItem }));
 }
 function AccordionControl(props) {
-  return /* @__PURE__ */ React13__default.createElement(Box, { sx: { display: "flex", alignItems: "center" } }, /* @__PURE__ */ React13__default.createElement(Accordion.Control, { ...props }));
+  return /* @__PURE__ */ React10__default.createElement(Box, { sx: { display: "flex", alignItems: "center" } }, /* @__PURE__ */ React10__default.createElement(Accordion.Control, { ...props }));
 }
 function getKeys2(items, k, locale, filter) {
   let cubes = items;
@@ -3773,7 +4500,8 @@ function CubeTree({
   locale,
   selectedItem
 }) {
-  const { graph, setGraph, map } = useSideBar();
+  const { graph, setGraph, map, input } = useSideBar();
+  const { translate: t } = useTranslation();
   useBuildGraph(items, locale, graph, setGraph);
   const actions2 = useActions();
   const onSelectCube = (table, subtopic) => {
@@ -3781,11 +4509,14 @@ function CubeTree({
       (item) => getAnnotation(item, "table", locale) === table && getAnnotation(item, "subtopic", locale) === subtopic
     );
     if (cube) {
-      actions2.willSetCube(cube.name);
+      return actions2.willSetCube(cube.name);
     }
   };
   const topics = useMemo(() => getKeys2(items, "topic", locale), [items, locale]);
-  return map && map.size > 0 ? /* @__PURE__ */ React13__default.createElement(
+  if (input.length > 0 && map && !(map.size > 0)) {
+    return /* @__PURE__ */ React10__default.createElement(Text, { ta: "center", fz: "xs", my: "sm", italic: true }, t("params.label_no_results"));
+  }
+  return map && map.size > 0 ? /* @__PURE__ */ React10__default.createElement(
     Results_default,
     {
       onSelectCube,
@@ -3795,7 +4526,7 @@ function CubeTree({
       graph,
       locale
     }
-  ) : graph.items.length > 0 && /* @__PURE__ */ React13__default.createElement(
+  ) : graph.items.length > 0 && /* @__PURE__ */ React10__default.createElement(
     RootAccordions,
     {
       items: topics,
@@ -3819,7 +4550,7 @@ function useAccordionValue(key, locale) {
 }
 function RootAccordions({ items, graph, locale, selectedItem, onSelectCube }) {
   const { value, setValue } = useAccordionValue("topic", locale);
-  return /* @__PURE__ */ React13__default.createElement(
+  return /* @__PURE__ */ React10__default.createElement(
     Accordion,
     {
       value,
@@ -3830,11 +4561,12 @@ function RootAccordions({ items, graph, locale, selectedItem, onSelectCube }) {
       styles: (t) => ({
         control: {
           background: t.colorScheme === "dark" ? t.colors.dark[7] : t.colors.gray[1],
-          borderLeft: 8,
+          borderLeft: 6,
           borderLeftColor: "transparent",
           borderLeftStyle: "solid",
+          fontSize: t.fontSizes.md,
           "&[data-active]": {
-            borderLeft: 8,
+            borderLeft: 6,
             borderLeftColor: t.colors[t.primaryColor][t.fn.primaryShade()],
             borderLeftStyle: "solid",
             color: t.colors[t.primaryColor][t.fn.primaryShade()]
@@ -3849,7 +4581,7 @@ function RootAccordions({ items, graph, locale, selectedItem, onSelectCube }) {
       })
     },
     items.map((item) => {
-      return /* @__PURE__ */ React13__default.createElement(Accordion.Item, { value: `topic-${item}`, key: `topic-${item}` }, /* @__PURE__ */ React13__default.createElement(AccordionControl, null, item), /* @__PURE__ */ React13__default.createElement(Accordion.Panel, null, /* @__PURE__ */ React13__default.createElement(
+      return /* @__PURE__ */ React10__default.createElement(Accordion.Item, { value: `topic-${item}`, key: `topic-${item}` }, /* @__PURE__ */ React10__default.createElement(AccordionControl, null, item), /* @__PURE__ */ React10__default.createElement(Accordion.Panel, null, /* @__PURE__ */ React10__default.createElement(
         SubtopicAccordion,
         {
           graph,
@@ -3872,29 +4604,55 @@ function CubeButton({
   locale,
   parent
 }) {
-  const { setExpanded } = useSideBar();
+  const { updateMeasure, updateCut, updateDrilldown, willFetchMembers: willFetchMembers2 } = useActions();
   const { classes } = useStyles3();
+  const createCutHandler2 = React10__default.useCallback((level) => {
+    const cutItem = buildCut({ ...level });
+    cutItem.active = false;
+    updateCut(cutItem);
+  }, []);
+  const addDrilldown = useCallback((level, dimensions) => {
+    const drilldownItem = buildDrilldown(level);
+    createCutHandler2(level);
+    updateDrilldown(drilldownItem);
+    return willFetchMembers2({ ...level, level: level.name }).then((members) => {
+      const dimension = dimensions.find((dim) => dim.name === level.dimension);
+      if (!dimension) return;
+      return updateDrilldown({
+        ...drilldownItem,
+        dimType: dimension.dimensionType,
+        memberCount: members.length,
+        members
+      });
+    });
+  }, []);
   const table = item;
   const subtopic = parent != null ? parent : "";
-  return /* @__PURE__ */ React13__default.createElement(
+  return /* @__PURE__ */ React10__default.createElement(
     Text,
     {
       key: `table-${item}`,
-      fz: "sm",
+      fz: "xs",
       pl: 60,
-      maw: 240,
+      maw: "100%",
       pr: "md",
       component: "a",
       className: isSelected(selectedItem, getCube(graph.items, table, subtopic, locale)) ? `${classes.link} ${classes.linkActive}` : classes.link,
       sx: (t) => ({
         background: isSelected(selectedItem, getCube(graph.items, table, subtopic, locale)) ? t.fn.primaryColor() : t.colorScheme === "dark" ? t.colors.dark[6] : t.colors.gray[3],
-        whiteSpace: "nowrap",
-        overflow: "hidden",
-        textOverflow: "ellipsis"
+        overflow: "hidden"
       }),
       onClick: () => {
-        onSelectCube(item, subtopic);
-        setExpanded(false);
+        onSelectCube(item, subtopic).then(({ cube, measures, dimensions }) => {
+          const [measure] = Object.values(measures);
+          const drilldowns = deriveDrilldowns(dimensions);
+          if (measure && drilldowns.length > 0) {
+            updateMeasure({ ...measure, active: true });
+            for (const level of drilldowns) {
+              addDrilldown(level, dimensions);
+            }
+          }
+        });
       }
     },
     item
@@ -3909,7 +4667,7 @@ function SubtopicAccordion({
   locale
 }) {
   const { value, setValue } = useAccordionValue("subtopic", locale);
-  return /* @__PURE__ */ React13__default.createElement(
+  return /* @__PURE__ */ React10__default.createElement(
     Accordion,
     {
       value,
@@ -3920,15 +4678,13 @@ function SubtopicAccordion({
       ml: 0,
       styles: (t) => ({
         control: {
-          fontSize: 14,
+          fontSize: t.fontSizes.sm,
           background: t.colorScheme === "dark" ? t.colors.dark[7] : t.colors.gray[2],
           borderLeft: 8,
           borderLeftColor: "transparent",
           borderLeftStyle: "solid",
-          "&[data-active]": {
-            borderLeft: 8,
-            borderLeftColor: t.colors[t.primaryColor][4],
-            borderLeftStyle: "solid"
+          "&[data-active] span": {
+            color: t.fn.primaryColor()
           }
         },
         content: {
@@ -3938,7 +4694,7 @@ function SubtopicAccordion({
     },
     [...items].map((item, index) => {
       const filtered = [...graph.adjList[item]].filter((value2) => value2 !== parent);
-      return /* @__PURE__ */ React13__default.createElement(Accordion.Item, { value: `subtopic-${item}`, key: `subtopic-${item}-${index}` }, /* @__PURE__ */ React13__default.createElement(AccordionControl, null, item), /* @__PURE__ */ React13__default.createElement(Accordion.Panel, null, filtered.map((table, index2) => /* @__PURE__ */ React13__default.createElement(
+      return /* @__PURE__ */ React10__default.createElement(Accordion.Item, { value: `subtopic-${item}`, key: `subtopic-${item}-${index}` }, /* @__PURE__ */ React10__default.createElement(AccordionControl, null, item), /* @__PURE__ */ React10__default.createElement(Accordion.Panel, null, filtered.map((table, index2) => /* @__PURE__ */ React10__default.createElement(
         CubeButton,
         {
           key: index2,
@@ -3954,281 +4710,19 @@ function SubtopicAccordion({
   );
 }
 
-// src/components/LocaleSelector.tsx
-init_esm_shims();
-
-// src/components/Select.tsx
-init_esm_shims();
-var SelectObject = forwardRef(function(props, ref) {
-  var _a;
-  const { getLabel, getValue = identity, items, onItemSelect, selectedItem, selectProps = {} } = props;
-  const [itemList, itemMap] = useMemo(() => {
-    const valueAccessor = accesorFactory(getValue);
-    const labelAccessor = getLabel ? accesorFactory(getLabel) : valueAccessor;
-    const list = items.map((item) => ({
-      label: labelAccessor(item),
-      value: valueAccessor(item),
-      item
-    }));
-    return [list, keyBy(list, (option) => option.value)];
-  }, [items, getLabel, getValue]);
-  const selected = useMemo(() => {
-    if (selectedItem == null) return null;
-    if (typeof selectedItem === "string") return selectedItem;
-    const valueAccessor = accesorFactory(getValue);
-    return valueAccessor(selectedItem);
-  }, [selectedItem, getValue]);
-  const itemSelectHandler = (value) => {
-    onItemSelect && onItemSelect(itemMap[value].item);
-  };
-  if (items.length === 0 || !selected) {
-    return null;
-  }
-  return /* @__PURE__ */ React13__default.createElement(
-    Select,
-    {
-      ref,
-      data: itemList,
-      disabled: props.loading || props.disabled,
-      hidden: props.hidden,
-      label: props.label,
-      onChange: itemSelectHandler,
-      onClick: inputFocusHandler,
-      onFocus: inputFocusHandler,
-      searchable: (_a = props.searchable) != null ? _a : props.items.length > 6,
-      value: selected,
-      ...selectProps
-    }
-  );
-});
-function inputFocusHandler(event) {
-  if (event.target instanceof HTMLInputElement) event.target.select();
-}
-var localeSelectorStyle = (theme) => ({
-  input: {
-    border: "none",
-    background: theme.colorScheme === "dark" ? theme.fn.darken(theme.fn.primaryColor(), 0.1) : theme.fn.lighten(theme.fn.primaryColor(), 0.8),
-    borderRadius: theme.radius.sm,
-    color: theme.colorScheme === "dark" ? theme.fn.lighten(theme.fn.primaryColor(), 0.7) : theme.fn.primaryColor(),
-    fontSize: 12,
-    fontWeight: 700,
-    width: 94,
-    textTransform: "uppercase"
-  },
-  item: {
-    fontSize: 12,
-    textTransform: "uppercase"
-  },
-  rightSection: {
-    pointerEvents: "none"
-    // weird hack, seems like CSSObject is not completely right defined inside mantine.
-  }
-});
-function LocaleSelector() {
-  const actions2 = useActions();
-  const { resetGraph } = useSideBar();
-  const { translate: t, locale } = useTranslation();
-  const { code: currentCode } = useSelector$1(selectLocale);
-  const { localeOptions } = useSelector$1(selectServerState);
-  const theme = useMantineTheme();
-  const options = useMemo(() => {
-    const languages = ISO6391.getLanguages(localeOptions);
-    return languages.map((lang) => ({
-      label: t("params.label_localeoption", {
-        code: lang.code,
-        engName: lang.name,
-        nativeName: lang.nativeName,
-        customName: t(`params.label_localecustom_${lang.code}`)
-      }) || lang.nativeName,
-      value: lang.code
-    }));
-  }, [locale, localeOptions]);
-  const localeChangeHandler = (l) => {
-    if (currentCode !== l.value) {
-      resetGraph();
-      actions2.updateLocale(l.value);
-    }
-  };
-  if (localeOptions.length < 2) {
-    return null;
-  }
-  return /* @__PURE__ */ React13__default.createElement(Box, { id: "select-locale" }, /* @__PURE__ */ React13__default.createElement(Tooltip, { label: t("params.label_locale") }, /* @__PURE__ */ React13__default.createElement(
-    SelectObject,
-    {
-      getLabel: "value",
-      getValue: "value",
-      items: options,
-      onItemSelect: localeChangeHandler,
-      selectedItem: currentCode,
-      selectProps: {
-        styles: localeSelectorStyle,
-        icon: /* @__PURE__ */ React13__default.createElement(IconLanguage, { size: "0.8rem", color: theme.colorScheme === "dark" ? theme.fn.lighten(theme.fn.primaryColor(), 0.8) : theme.fn.primaryColor() })
-      }
-    }
-  )));
-}
-
-// src/components/SideBar.tsx
-var [useSideBar, Provider] = createContext2("SideBar");
-function SideBarProvider(props) {
-  const [input, setInput] = useState("");
-  const [expanded, setExpanded] = useState(false);
-  const [results, setResults] = useState([]);
-  const [map, setMap] = useState();
-  const [graph, setGraph] = useState(new graph_default());
-  const resetGraph = () => {
-    setGraph(new graph_default());
-  };
-  return /* @__PURE__ */ React13__default.createElement(
-    Provider,
-    {
-      ...props,
-      value: {
-        expanded,
-        setExpanded,
-        graph,
-        setGraph,
-        results,
-        setResults,
-        input,
-        map,
-        setMap,
-        setInput,
-        resetGraph
-      }
-    }
-  );
-}
-function SideBar(props) {
-  const { expanded, setExpanded } = useSideBar();
-  return /* @__PURE__ */ React13__default.createElement(
-    Box,
-    {
-      py: "md",
-      sx: (t) => ({
-        height: "calc(100vh - 75px)",
-        backgroundColor: t.colorScheme === "dark" ? t.colors.dark[8] : t.colors.gray[2],
-        boxShadow: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
-        maxWidth: 300,
-        padding: 0
-      })
-    },
-    /* @__PURE__ */ React13__default.createElement(Flex, { h: "100%", direction: "column", justify: "flex-start" }, /* @__PURE__ */ React13__default.createElement(Box, { px: "sm" }, /* @__PURE__ */ React13__default.createElement(Flex, { direction: "column", sx: { flex: 1 } }, /* @__PURE__ */ React13__default.createElement(Flex, { align: "center", justify: "center" }, /* @__PURE__ */ React13__default.createElement(
-      ActionIcon,
-      {
-        onClick: () => setExpanded(!expanded),
-        variant: "subtle",
-        sx: (t) => ({ alignSelf: "center", color: t.colorScheme === "dark" ? t.white : t.colors.gray[7] })
-      },
-      /* @__PURE__ */ React13__default.createElement(DataSetSVG, null)
-    ), /* @__PURE__ */ React13__default.createElement(
-      Group,
-      {
-        position: "apart",
-        noWrap: true,
-        sx: {
-          overflow: "hidden",
-          whiteSpace: "nowrap",
-          transition: "width 0.2s cubic-bezier(0.4, 0, 0.2, 1), margin-left 0.2s cubic-bezier(0.4, 0, 0.2, 1)",
-          width: expanded ? 300 : 0
-        }
-      },
-      /* @__PURE__ */ React13__default.createElement(Text, { sx: (t) => ({ color: t.colorScheme === "dark" ? t.white : t.black }), ml: "sm" }, "Select Dataset"),
-      /* @__PURE__ */ React13__default.createElement(LocaleSelector, null)
-    )), /* @__PURE__ */ React13__default.createElement(Box, { my: "md" }, /* @__PURE__ */ React13__default.createElement(Auto, null)), /* @__PURE__ */ React13__default.createElement(Box, { sx: { flexGrow: 1 } }))), /* @__PURE__ */ React13__default.createElement(ScrollArea, { sx: (theme) => ({
-      borderTopColor: theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.colors.gray[3],
-      borderTopWidth: "1px",
-      borderTopStyle: expanded ? "solid" : "none"
-    }) }, /* @__PURE__ */ React13__default.createElement(Box, { h: expanded ? "auto" : "0px" }, props.children)), /* @__PURE__ */ React13__default.createElement(
-      Group,
-      {
-        align: "center",
-        position: expanded ? "right" : "center",
-        w: "100%",
-        p: "md",
-        sx: { alignSelf: "flex-end", marginTop: "auto" },
-        noWrap: true
-      },
-      /* @__PURE__ */ React13__default.createElement(
-        ActionIcon,
-        {
-          onClick: () => setExpanded(!expanded),
-          variant: "subtle",
-          mt: "auto",
-          sx: (t) => ({ alignSelf: "flex-end", color: t.colors.gray[7] })
-        },
-        expanded ? /* @__PURE__ */ React13__default.createElement(IconChevronLeft, null) : /* @__PURE__ */ React13__default.createElement(IconChevronRight, null)
-      )
-    ))
-  );
-}
-var SideBar_default = SideBar;
-function SideBarItem({ children }) {
-  const { expanded } = useSideBar();
-  return /* @__PURE__ */ React13__default.createElement(
-    Box,
-    {
-      sx: {
-        overflow: "hidden",
-        whiteSpace: "nowrap",
-        width: expanded ? 300 : 0,
-        transition: "width 0.2s cubic-bezier(0.4, 0, 0.2, 1)"
-      }
-    },
-    children
-  );
-}
-function Auto() {
-  const { code: locale } = useSelector$1(selectLocale);
-  const { expanded, graph, setResults, input, setInput, setMap } = useSideBar();
-  const items = graph.items;
-  const roots = useMemo(() => getKeys2(items, "topic", locale), [items]);
-  useEffect(() => {
-    if (graph.items.length > 0) {
-      let matches = [];
-      let maps = /* @__PURE__ */ new Map();
-      roots.forEach((root) => {
-        const { matches: result, map } = graph.filter(locale, root, input);
-        matches = [...matches, ...result];
-        maps = new Map([...maps, ...map]);
-      });
-      setResults(matches);
-      setMap(maps);
-    }
-  }, [input, graph]);
-  return /* @__PURE__ */ React13__default.createElement(Box, null, /* @__PURE__ */ React13__default.createElement(
-    Input,
-    {
-      icon: /* @__PURE__ */ React13__default.createElement(IconSearch, null),
-      radius: "xl",
-      size: "md",
-      placeholder: "Search",
-      value: input,
-      onInput: (e) => setInput(e.currentTarget.value),
-      styles: {
-        wrapper: {
-          whiteSpace: "nowrap",
-          width: expanded ? "100%" : 0,
-          overflow: "hidden",
-          animation: "width 0.2s cubic-bezier(0.4, 0, 0.2, 1)"
-        },
-        input: {
-          whiteSpace: "nowrap",
-          width: expanded ? "100%" : 0,
-          overflow: "hidden"
-        }
-      }
-    }
-  ));
-}
-
 // src/components/ParamsExplorer.tsx
-init_esm_shims();
 function ParamsExplorer(props) {
-  return /* @__PURE__ */ React13__default.createElement(SelectCube, null);
+  return /* @__PURE__ */ React10__default.createElement(SelectCube, null);
 }
 var ParamsExplorer_default = ParamsExplorer;
 
+// src/context/index.tsx
+init_esm_shims();
+var queryClient = new QueryClient();
+function AppProviders({ children }) {
+  return /* @__PURE__ */ React10.createElement(QueryClientProvider, { client: queryClient }, children);
+}
+
 // src/components/ExplorerContent.tsx
 var useStyles4 = createStyles((theme, params) => ({
   container: {
@@ -4241,7 +4735,8 @@ var useStyles4 = createStyles((theme, params) => ({
   root: {
     display: "flex",
     flexFlow: "column nowrap",
-    height: "calc(100% - 50px)",
+    position: "relative",
+    height: "calc(100% - 70px)",
     [theme.fn.largerThan("md")]: {
       flexDirection: "row"
       // height: params.height,
@@ -4250,9 +4745,10 @@ var useStyles4 = createStyles((theme, params) => ({
   },
   flexCol: {
     flex: "1 1 auto",
-    height: "calc(100vh - 50px)",
+    height: "calc(100vh - 70px)",
     [theme.fn.largerThan("md")]: {
-      width: 0
+      width: 0,
+      paddingLeft: 0
     }
   }
 }));
@@ -4260,17 +4756,16 @@ function ExplorerContent(props) {
   useMantineTheme();
   useState(false);
   const translation = useTranslation();
-  useSetup(props.source, props.dataLocale);
-  useSelector$1(selectServerState);
+  useSetup(props.source, props.dataLocale, props.defaultCube);
   const { classes } = useStyles4({ height: props.height });
   useEffect(() => {
     if (props.uiLocale) translation.setLocale(props.uiLocale);
   }, [props.uiLocale]);
   const splash = useMemo(() => {
     const SplashComponent = props.splash;
-    return SplashComponent ? /* @__PURE__ */ React13__default.createElement(SplashComponent, { translation }) : /* @__PURE__ */ React13__default.createElement(Center, { h: "100%", sx: { flex: 1 } }, /* @__PURE__ */ React13__default.createElement(AnimatedCube, null));
+    return SplashComponent ? /* @__PURE__ */ React10__default.createElement(SplashComponent, { translation }) : /* @__PURE__ */ React10__default.createElement(Center, { h: "100%", sx: { flex: 1 } }, /* @__PURE__ */ React10__default.createElement(AnimatedCube, null));
   }, [props.splash]);
-  return /* @__PURE__ */ React13__default.createElement("div", { className: classes.container }, /* @__PURE__ */ React13__default.createElement(Header, { height: { base: 50 }, p: "md" }, /* @__PURE__ */ React13__default.createElement("div", { style: { display: "flex", alignItems: "center", height: "100%", padding: 5 } }, /* @__PURE__ */ React13__default.createElement(HomeSVG, null))), /* @__PURE__ */ React13__default.createElement("div", { className: classes.root }, /* @__PURE__ */ React13__default.createElement(SideBarProvider, null, /* @__PURE__ */ React13__default.createElement(SideBar_default, null, /* @__PURE__ */ React13__default.createElement(SideBarItem, null, /* @__PURE__ */ React13__default.createElement(ParamsExplorer_default, null)), /* @__PURE__ */ React13__default.createElement(SideBarItem, null))), /* @__PURE__ */ React13__default.createElement(ExplorerResults, { className: classes.flexCol, panels: props.panels, splash })));
+  return /* @__PURE__ */ React10__default.createElement("div", { className: classes.container }, /* @__PURE__ */ React10__default.createElement(Header, { height: { base: 50 }, p: "md" }, /* @__PURE__ */ React10__default.createElement("div", { style: { display: "flex", alignItems: "center", height: "100%", padding: 5 } }, /* @__PURE__ */ React10__default.createElement(HomeSVG, null))), /* @__PURE__ */ React10__default.createElement("div", { className: classes.root }, /* @__PURE__ */ React10__default.createElement(AppProviders, null, /* @__PURE__ */ React10__default.createElement(SideBarProvider, null, /* @__PURE__ */ React10__default.createElement(SideBar_default, null, /* @__PURE__ */ React10__default.createElement(SideBarItem, null, /* @__PURE__ */ React10__default.createElement(ParamsExplorer_default, null)))), /* @__PURE__ */ React10__default.createElement(ExplorerResults, { className: classes.flexCol, panels: props.panels, splash }))));
 }
 
 // src/components/PivotView.tsx
@@ -4556,7 +5051,7 @@ var ButtonDownload2 = (props) => {
       console.error("Error downloading content:", error.message);
     });
   }, [provider]);
-  return /* @__PURE__ */ React13__default.createElement(
+  return /* @__PURE__ */ React10__default.createElement(
     Button,
     {
       ...buttonProps,
@@ -4564,13 +5059,13 @@ var ButtonDownload2 = (props) => {
       onClick,
       variant: "default"
     },
-    /* @__PURE__ */ React13__default.createElement(Text, { fz: "xs" }, props.children)
+    /* @__PURE__ */ React10__default.createElement(Text, { fz: "xs" }, props.children)
   );
 };
 
 // src/components/NonIdealState.jsx
 init_esm_shims();
-var NonIdealState = (props) => /* @__PURE__ */ React13__default.createElement(
+var NonIdealState = (props) => /* @__PURE__ */ React10__default.createElement(
   Center,
   {
     h: "100%",
@@ -4581,7 +5076,7 @@ var NonIdealState = (props) => /* @__PURE__ */ React13__default.createElement(
       }
     })
   },
-  /* @__PURE__ */ React13__default.createElement(Stack, { align: "center", spacing: "xs" }, props.icon && props.icon, props.title && /* @__PURE__ */ React13__default.createElement(Title, { order: 5 }, props.title), props.description && /* @__PURE__ */ React13__default.createElement(Text, null, props.description), props.children && props.children, props.action && props.action)
+  /* @__PURE__ */ React10__default.createElement(Stack, { align: "center", spacing: "xs" }, props.icon && props.icon, props.title && /* @__PURE__ */ React10__default.createElement(Title, { order: 5 }, props.title), props.description && /* @__PURE__ */ React10__default.createElement(Text, null, props.description), props.children && props.children, props.action && props.action)
 );
 
 // src/components/PivotView.tsx
@@ -4671,12 +5166,12 @@ function PivotView(props) {
     const warnings2 = [];
     if (rowProp.type === "prop" || colProp.type === "prop") {
       warnings2.push(
-        /* @__PURE__ */ React13__default.createElement(
+        /* @__PURE__ */ React10__default.createElement(
           Alert,
           {
             color: "yellow",
             m: "sm",
-            icon: /* @__PURE__ */ React13__default.createElement(IconAlertCircle, { size: "2rem" }),
+            icon: /* @__PURE__ */ React10__default.createElement(IconAlertCircle, { size: "2rem" }),
             key: "propertypivot"
           },
           t("pivot_view.warning_propertypivot")
@@ -4686,21 +5181,21 @@ function PivotView(props) {
     const drilldownCount = Object.values(params.drilldowns).filter(isActiveItem).length;
     if (drilldownCount > 2) {
       warnings2.push(
-        valProp.type !== "SUM" ? /* @__PURE__ */ React13__default.createElement(
+        valProp.type !== "SUM" ? /* @__PURE__ */ React10__default.createElement(
           Alert,
           {
             color: "yellow",
             m: "sm",
-            icon: /* @__PURE__ */ React13__default.createElement(IconAlertCircle, { size: "2rem" }),
+            icon: /* @__PURE__ */ React10__default.createElement(IconAlertCircle, { size: "2rem" }),
             key: "notsummeasure"
           },
           t("pivot_view.warning_notsummeasure")
-        ) : /* @__PURE__ */ React13__default.createElement(
+        ) : /* @__PURE__ */ React10__default.createElement(
           Alert,
           {
             color: "yellow",
             m: "sm",
-            icon: /* @__PURE__ */ React13__default.createElement(IconAlertCircle, { size: "2rem" }),
+            icon: /* @__PURE__ */ React10__default.createElement(IconAlertCircle, { size: "2rem" }),
             key: "sumdimensions"
           },
           t("pivot_view.warning_sumdimensions")
@@ -4711,7 +5206,7 @@ function PivotView(props) {
   }, [params.drilldowns, rowProp, colProp, valProp]);
   const downloadToolbar = useMemo(() => {
     if (!pivottedData) return null;
-    return /* @__PURE__ */ React13__default.createElement(Input.Wrapper, { label: t("pivot_view.title_download") }, /* @__PURE__ */ React13__default.createElement(Button.Group, null, /* @__PURE__ */ React13__default.createElement(
+    return /* @__PURE__ */ React10__default.createElement(Input.Wrapper, { label: t("pivot_view.title_download") }, /* @__PURE__ */ React10__default.createElement(Button.Group, null, /* @__PURE__ */ React10__default.createElement(
       ButtonDownload2,
       {
         provider: () => ({
@@ -4721,7 +5216,7 @@ function PivotView(props) {
         })
       },
       "CSV"
-    ), /* @__PURE__ */ React13__default.createElement(
+    ), /* @__PURE__ */ React10__default.createElement(
       ButtonDownload2,
       {
         provider: () => ({
@@ -4734,51 +5229,51 @@ function PivotView(props) {
     )));
   }, [pivottedData, formatter]);
   if (drilldownOptions.length < 2) {
-    return /* @__PURE__ */ React13__default.createElement(
+    return /* @__PURE__ */ React10__default.createElement(
       NonIdealState,
       {
-        icon: /* @__PURE__ */ React13__default.createElement(IconAlertTriangle, { color: "orange", size: "5rem" }),
+        icon: /* @__PURE__ */ React10__default.createElement(IconAlertTriangle, { color: "orange", size: "5rem" }),
         title: t("pivot_view.error_missingparams")
       }
     );
   }
   let preview;
   if (!colProp || !rowProp || !valProp) {
-    preview = /* @__PURE__ */ React13__default.createElement(
+    preview = /* @__PURE__ */ React10__default.createElement(
       NonIdealState,
       {
-        icon: /* @__PURE__ */ React13__default.createElement(IconAlertTriangle, { color: "orange", size: "5rem" }),
+        icon: /* @__PURE__ */ React10__default.createElement(IconAlertTriangle, { color: "orange", size: "5rem" }),
         title: t("pivot_view.error_missingparams")
       }
     );
   } else if (colProp === rowProp) {
-    preview = /* @__PURE__ */ React13__default.createElement(
+    preview = /* @__PURE__ */ React10__default.createElement(
       NonIdealState,
       {
-        icon: /* @__PURE__ */ React13__default.createElement(IconAlertTriangle, { color: "orange", size: "5rem" }),
+        icon: /* @__PURE__ */ React10__default.createElement(IconAlertTriangle, { color: "orange", size: "5rem" }),
         title: t("pivot_view.error_onedimension")
       }
     );
   } else if (pivottingError != null) {
-    preview = /* @__PURE__ */ React13__default.createElement(
+    preview = /* @__PURE__ */ React10__default.createElement(
       NonIdealState,
       {
-        icon: /* @__PURE__ */ React13__default.createElement(IconAlertTriangle, { color: "orange", size: "5rem" }),
+        icon: /* @__PURE__ */ React10__default.createElement(IconAlertTriangle, { color: "orange", size: "5rem" }),
         title: t("pivot_view.error_internal"),
         description: t("pivot_view.error_internal_detail", { error: pivottingError.message })
       }
     );
   } else if (!pivottedData) {
-    preview = /* @__PURE__ */ React13__default.createElement(
+    preview = /* @__PURE__ */ React10__default.createElement(
       NonIdealState,
       {
-        icon: /* @__PURE__ */ React13__default.createElement(Loader, { size: "xl" }),
+        icon: /* @__PURE__ */ React10__default.createElement(Loader, { size: "xl" }),
         title: t("pivot_view.loading_title"),
         description: t("pivot_view.loading_details")
       }
     );
   } else {
-    preview = /* @__PURE__ */ React13__default.createElement(
+    preview = /* @__PURE__ */ React10__default.createElement(
       MatrixTable,
       {
         key: `${fileName} ${formatterKey}`,
@@ -4789,13 +5284,13 @@ function PivotView(props) {
       }
     );
   }
-  return /* @__PURE__ */ React13__default.createElement(
+  return /* @__PURE__ */ React10__default.createElement(
     Box,
     {
       id: "query-results-pivot-view",
       className: cx(props.className, classes.container)
     },
-    /* @__PURE__ */ React13__default.createElement(Box, { className: classes.colParams }, /* @__PURE__ */ React13__default.createElement(
+    /* @__PURE__ */ React10__default.createElement(Box, { className: classes.colParams }, /* @__PURE__ */ React10__default.createElement(
       SimpleGrid,
       {
         id: "query-results-pivot-view-params",
@@ -4808,7 +5303,7 @@ function PivotView(props) {
           { minWidth: "md", cols: 1 }
         ]
       },
-      /* @__PURE__ */ React13__default.createElement(
+      /* @__PURE__ */ React10__default.createElement(
         SelectOption,
         {
           getLabel: "label",
@@ -4819,7 +5314,7 @@ function PivotView(props) {
           label: colProp.type === "prop" ? t("pivot_view.label_ddcolumnprop") : t("pivot_view.label_ddcolumn")
         }
       ),
-      /* @__PURE__ */ React13__default.createElement(
+      /* @__PURE__ */ React10__default.createElement(
         SelectOption,
         {
           getLabel: "label",
@@ -4830,7 +5325,7 @@ function PivotView(props) {
           label: rowProp.type === "prop" ? t("pivot_view.label_ddrowprop") : t("pivot_view.label_ddrow")
         }
       ),
-      /* @__PURE__ */ React13__default.createElement(
+      /* @__PURE__ */ React10__default.createElement(
         SelectOption,
         {
           getLabel: "label",
@@ -4841,7 +5336,7 @@ function PivotView(props) {
           selectedItem: valProp.value
         }
       ),
-      /* @__PURE__ */ React13__default.createElement(
+      /* @__PURE__ */ React10__default.createElement(
         SelectObject,
         {
           getLabel: "label",
@@ -4854,7 +5349,7 @@ function PivotView(props) {
       ),
       downloadToolbar
     ), warnings.length > 0 ? warnings : null),
-    /* @__PURE__ */ React13__default.createElement(Box, { className: classes.colContent }, preview)
+    /* @__PURE__ */ React10__default.createElement(Box, { className: classes.colContent }, preview)
   );
 }
 function MatrixTable(props) {
@@ -4916,7 +5411,7 @@ function MatrixTable(props) {
     columns,
     data
   });
-  return /* @__PURE__ */ React13__default.createElement(MantineReactTable, { table });
+  return /* @__PURE__ */ React10__default.createElement(MantineReactTable, { table });
 }
 function stringifyMatrix(matrix, formatter, format2) {
   const joint = { csv: ",", tsv: "	" }[format2];
@@ -4963,7 +5458,7 @@ function ExplorerComponent(props) {
       extra.previewLimit = previewLimit;
     });
   }, [previewLimit]);
-  let content = /* @__PURE__ */ React13__default.createElement(
+  let content = /* @__PURE__ */ React10__default.createElement(
     SettingsProvider,
     {
       actions: boundActions,
@@ -4973,7 +5468,7 @@ function ExplorerComponent(props) {
       withPermalink: props.withPermalink,
       panels
     },
-    /* @__PURE__ */ React13__default.createElement(TranslationProvider, { defaultLocale: props.uiLocale, translations: props.translations }, /* @__PURE__ */ React13__default.createElement(
+    /* @__PURE__ */ React10__default.createElement(TranslationProvider, { defaultLocale: props.uiLocale, translations: props.translations }, /* @__PURE__ */ React10__default.createElement(
       ExplorerContent,
       {
         dataLocale: locale,
@@ -4983,12 +5478,13 @@ function ExplorerComponent(props) {
         source: props.source,
         splash: props.splash,
         uiLocale: props.uiLocale,
+        defaultCube: props.defaultCube,
         withMultiQuery
       }
     ))
   );
   if (withinMantineProvider) {
-    content = /* @__PURE__ */ React13__default.createElement(
+    content = /* @__PURE__ */ React10__default.createElement(
       MantineProvider,
       {
         withNormalizeCSS: true,
@@ -5025,13 +5521,10 @@ function ExplorerComponent(props) {
     );
   }
   if (withinReduxProvider) {
-    content = /* @__PURE__ */ React13__default.createElement(Provider$1, { store }, content);
+    content = /* @__PURE__ */ React10__default.createElement(Provider$1, { store }, content);
   }
   return content;
 }
-ExplorerComponent.defaultProps = {
-  version: process.env.BUILD_VERSION || "dev"
-};
 ExplorerComponent.displayName = "TesseractExplorer";
 
 // src/vizbuilder/components/VizbuilderView.tsx
@@ -5915,7 +6408,7 @@ function saveElement_default(elem) {
 
 // src/vizbuilder/components/ErrorBoundary.tsx
 init_esm_shims();
-var ErrorBoundary = class extends React13__default.Component {
+var ErrorBoundary = class extends React10__default.Component {
   constructor() {
     super(...arguments);
     this.state = {
@@ -5932,9 +6425,9 @@ var ErrorBoundary = class extends React13__default.Component {
     if (!message) {
       return this.props.children;
     }
-    return /* @__PURE__ */ React13__default.createElement(TranslationConsumer, null, ({ translate: t }) => {
+    return /* @__PURE__ */ React10__default.createElement(TranslationConsumer, null, ({ translate: t }) => {
       const detailText = t("error.detail");
-      return /* @__PURE__ */ React13__default.createElement(Flex, { p: "xl", align: "center", justify: "center", direction: "column", className: "chart-card error" }, /* @__PURE__ */ React13__default.createElement(Title, { order: 3 }, t("error.title")), detailText.length ? /* @__PURE__ */ React13__default.createElement(Text, null, detailText) : null, /* @__PURE__ */ React13__default.createElement(Text, null, t("error.message", { message })), /* @__PURE__ */ React13__default.createElement(Group, { spacing: "xs", my: "sm" }, /* @__PURE__ */ React13__default.createElement(
+      return /* @__PURE__ */ React10__default.createElement(Flex, { p: "xl", align: "center", justify: "center", direction: "column", className: "chart-card error" }, /* @__PURE__ */ React10__default.createElement(Title, { order: 3 }, t("error.title")), detailText.length ? /* @__PURE__ */ React10__default.createElement(Text, null, detailText) : null, /* @__PURE__ */ React10__default.createElement(Text, null, t("error.message", { message })), /* @__PURE__ */ React10__default.createElement(Group, { spacing: "xs", my: "sm" }, /* @__PURE__ */ React10__default.createElement(
         Button,
         {
           onClick: this.clearError,
@@ -5942,7 +6435,7 @@ var ErrorBoundary = class extends React13__default.Component {
           variant: "light"
         },
         t("action_retry")
-      ), /* @__PURE__ */ React13__default.createElement(Button, { error: name4, message })));
+      ), /* @__PURE__ */ React10__default.createElement(Button, { error: name4, message })));
     });
   }
 };
@@ -5988,12 +6481,12 @@ function ChartCard(props) {
     return asArray2(props.downloadFormats).map((format2) => {
       const formatLower = format2.toLowerCase();
       const Icon = iconByFormat[formatLower] || IconDownload;
-      return /* @__PURE__ */ React13__default.createElement(
+      return /* @__PURE__ */ React10__default.createElement(
         Button,
         {
           compact: true,
           key: format2,
-          leftIcon: /* @__PURE__ */ React13__default.createElement(Icon, { size: 16 }),
+          leftIcon: /* @__PURE__ */ React10__default.createElement(Icon, { size: 16 }),
           onClick: () => {
             const { current: boxElement } = nodeRef;
             const svgElement = boxElement && boxElement.querySelector("svg");
@@ -6015,11 +6508,11 @@ function ChartCard(props) {
   const focusButton = useMemo(() => {
     if (!isFocused && isSingleChart) return null;
     const Icon = isFocused ? IconArrowsMinimize : IconArrowsMaximize;
-    return /* @__PURE__ */ React13__default.createElement(
+    return /* @__PURE__ */ React10__default.createElement(
       Button,
       {
         compact: true,
-        leftIcon: /* @__PURE__ */ React13__default.createElement(Icon, { size: 16 }),
+        leftIcon: /* @__PURE__ */ React10__default.createElement(Icon, { size: 16 }),
         onClick: props.onToggle,
         size: "sm",
         variant: isFocused ? "filled" : "light"
@@ -6028,7 +6521,7 @@ function ChartCard(props) {
     );
   }, [isFocused, isSingleChart, locale, props.onToggle]);
   const height = isFocused ? "calc(100vh - 3rem)" : isSingleChart ? "75vh" : 300;
-  return /* @__PURE__ */ React13__default.createElement(Paper, { h: height, w: "100%", style: { overflow: "hidden" } }, /* @__PURE__ */ React13__default.createElement(ErrorBoundary, null, /* @__PURE__ */ React13__default.createElement(Stack, { spacing: 0, h: height, style: { position: "relative" }, w: "100%" }, /* @__PURE__ */ React13__default.createElement(Group, { position: "right", p: "xs", spacing: "xs", align: "center" }, downloadButtons, focusButton), /* @__PURE__ */ React13__default.createElement(Box, { style: { flex: "1 1 auto" }, ref: nodeRef, pb: "xs", px: "xs" }, /* @__PURE__ */ React13__default.createElement(ChartComponent, { config })))));
+  return /* @__PURE__ */ React10__default.createElement(Paper, { h: height, w: "100%", style: { overflow: "hidden" } }, /* @__PURE__ */ React10__default.createElement(ErrorBoundary, null, /* @__PURE__ */ React10__default.createElement(Stack, { spacing: 0, h: height, style: { position: "relative" }, w: "100%" }, /* @__PURE__ */ React10__default.createElement(Group, { position: "right", p: "xs", spacing: "xs", align: "center" }, downloadButtons, focusButton), /* @__PURE__ */ React10__default.createElement(Box, { style: { flex: "1 1 auto" }, ref: nodeRef, pb: "xs", px: "xs" }, /* @__PURE__ */ React10__default.createElement(ChartComponent, { config })))));
 }
 var getBackground = (node) => {
   if (node.nodeType !== Node.ELEMENT_NODE) return "white";
@@ -6107,8 +6600,8 @@ function createVizbuilderView(settings) {
       const isSingleChart = charts.length === 1;
       const chartMap = new Map(charts.map((item) => [item.key, item]));
       const filteredCharts = [...chartMap.values()];
-      if (filteredCharts.length === 0) return /* @__PURE__ */ React13__default.createElement(Notice, null);
-      return /* @__PURE__ */ React13__default.createElement(
+      if (filteredCharts.length === 0) return /* @__PURE__ */ React10__default.createElement(Notice, null);
+      return /* @__PURE__ */ React10__default.createElement(
         SimpleGrid,
         {
           breakpoints: [
@@ -6119,7 +6612,7 @@ function createVizbuilderView(settings) {
           ],
           className: clsx_m_default({ unique: filteredCharts.length === 1 })
         },
-        filteredCharts.map((chart) => /* @__PURE__ */ React13__default.createElement(
+        filteredCharts.map((chart) => /* @__PURE__ */ React10__default.createElement(
           ChartCard,
           {
             chart,
@@ -6140,7 +6633,7 @@ function createVizbuilderView(settings) {
     const focusContent = useMemo(() => {
       const chart = charts.find((chart2) => currentChart && chart2.key === currentChart);
       if (!chart) return null;
-      return /* @__PURE__ */ React13__default.createElement(
+      return /* @__PURE__ */ React10__default.createElement(
         ChartCard,
         {
           chart,
@@ -6155,7 +6648,7 @@ function createVizbuilderView(settings) {
         }
       );
     }, [currentChart, charts]);
-    return /* @__PURE__ */ React13__default.createElement(Box, { className: props.className, p: "sm" }, content, /* @__PURE__ */ React13__default.createElement(
+    return /* @__PURE__ */ React10__default.createElement(Box, { className: props.className, p: "sm" }, content, /* @__PURE__ */ React10__default.createElement(
       Modal,
       {
         centered: true,
@@ -6175,7 +6668,7 @@ function createVizbuilderView(settings) {
 }
 function NonIdealState2() {
   const { translate: t } = useTranslation();
-  return /* @__PURE__ */ React13__default.createElement(Box, { className: "vizbuilder-nonidealstate" }, /* @__PURE__ */ React13__default.createElement(Title, { order: 1, className: "vizbuilder-nonidealstate-header" }, t("nonidealstate_msg")));
+  return /* @__PURE__ */ React10__default.createElement(Box, { className: "vizbuilder-nonidealstate" }, /* @__PURE__ */ React10__default.createElement(Title, { order: 1, className: "vizbuilder-nonidealstate-header" }, t("nonidealstate_msg")));
 }
 /*! Bundled license information: