ydb-embedded-ui 5.0.0 → 5.2.0

package/dist/containers/UserSettings/Setting.js

@@ -4,7 +4,7 @@ import { Settings } from '@gravity-ui/navigation';
 import { LabelWithPopover } from '../../components/LabelWithPopover/LabelWithPopover';
 import { useSetting } from '../../utils/hooks';
 import { b } from './UserSettings';
-export const Setting = ({ type = 'switch', settingKey, title, helpPopoverContent, options, defaultValue, onValueUpdate, }) => {
+export const Setting = ({ type = 'switch', settingKey, title, description, helpPopoverContent, options, defaultValue, onValueUpdate, }) => {
     const [settingValue, setValue] = useSetting(settingKey, defaultValue);
     const onUpdate = (value) => {
         setValue(value);
@@ -33,5 +33,5 @@ export const Setting = ({ type = 'switch', settingKey, title, helpPopoverContent
                 return null;
         }
     };
-    return (_jsx(Settings.Item, Object.assign({ title: title, highlightedTitle: title, renderTitleComponent: renderTitleComponent }, { children: getSettingsElement(type) })));
+    return (_jsx(Settings.Item, Object.assign({ title: title, highlightedTitle: title, description: description, renderTitleComponent: renderTitleComponent }, { children: getSettingsElement(type) })));
 };

package/dist/containers/UserSettings/i18n/en.json

@@ -10,6 +10,8 @@
     "settings.language.title": "Interface language",
     "settings.language.option-russian": "Russian",
     "settings.language.option-english": "English",
+    "settings.binaryDataInPlainTextDisplay.title": "Display binary data in plain text",
+    "settings.binaryDataInPlainTextDisplay.description": "Available starting from version 24.1",
     "settings.invertedDisks.title": "Inverted disks space indicators",
     "settings.useNodesEndpoint.title": "Break the Nodes tab in Diagnostics",
     "settings.useNodesEndpoint.popover": "Use /viewer/json/nodes endpoint for Nodes Tab in diagnostics. It could return incorrect data on some versions",

package/dist/containers/UserSettings/i18n/index.d.ts

@@ -1,2 +1,2 @@
-declare const _default: (key: string, params?: import("@gravity-ui/i18n").Params | undefined) => string;
+declare const _default: (key: "page.general" | "section.appearance" | "page.experiments" | "section.experiments" | "settings.theme.title" | "settings.theme.option-dark" | "settings.theme.option-light" | "settings.theme.option-system" | "settings.language.title" | "settings.language.option-russian" | "settings.language.option-english" | "settings.binaryDataInPlainTextDisplay.title" | "settings.binaryDataInPlainTextDisplay.description" | "settings.invertedDisks.title" | "settings.useNodesEndpoint.title" | "settings.useNodesEndpoint.popover" | "settings.useVirtualTables.title" | "settings.useVirtualTables.popover" | "settings.queryUseMultiSchema.title" | "settings.queryUseMultiSchema.popover", params?: import("@gravity-ui/i18n").Params | undefined) => string;
 export default _default;

package/dist/containers/UserSettings/i18n/index.js

@@ -1,7 +1,3 @@
-import { i18n, Lang } from '../../../utils/i18n';
+import { registerKeysets } from '../../../utils/i18n';
 import en from './en.json';
-import ru from './ru.json';
-const COMPONENT = 'ydb-user-settings';
-i18n.registerKeyset(Lang.En, COMPONENT, en);
-i18n.registerKeyset(Lang.Ru, COMPONENT, ru);
-export default i18n.keyset(COMPONENT);
+export default registerKeysets('ydb-user-settings', { en });

package/dist/containers/UserSettings/settings.d.ts

@@ -14,6 +14,7 @@ export interface SettingsPage {
 export declare type YDBEmbeddedUISettings = SettingsPage[];
 export declare const themeSetting: SettingProps;
 export declare const languageSetting: SettingProps;
+export declare const binaryDataInPlainTextDisplay: SettingProps;
 export declare const invertedDisksSetting: SettingProps;
 export declare const useNodesEndpointSetting: SettingProps;
 export declare const useVirtualTables: SettingProps;

package/dist/containers/UserSettings/settings.js

@@ -1,8 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import favoriteFilledIcon from '../../assets/icons/star.svg';
 import flaskIcon from '../../assets/icons/flask.svg';
-import { INVERTED_DISKS_KEY, LANGUAGE_KEY, THEME_KEY, USE_BACKEND_PARAMS_FOR_TABLES_KEY, USE_NODES_ENDPOINT_IN_DIAGNOSTICS_KEY, QUERY_USE_MULTI_SCHEMA_KEY, } from '../../utils/constants';
+import { INVERTED_DISKS_KEY, LANGUAGE_KEY, THEME_KEY, USE_BACKEND_PARAMS_FOR_TABLES_KEY, USE_NODES_ENDPOINT_IN_DIAGNOSTICS_KEY, QUERY_USE_MULTI_SCHEMA_KEY, BINARY_DATA_IN_PLAIN_TEXT_DISPLAY, } from '../../utils/constants';
 import { Lang, defaultLang } from '../../utils/i18n';
 import i18n from './i18n';
+import { ClusterModeGuard } from '../ClusterModeGuard';
 const themeOptions = [
     {
         value: 'system',
@@ -43,6 +45,11 @@ export const languageSetting = {
         window.location.reload();
     },
 };
+export const binaryDataInPlainTextDisplay = {
+    settingKey: BINARY_DATA_IN_PLAIN_TEXT_DISPLAY,
+    title: i18n('settings.binaryDataInPlainTextDisplay.title'),
+    description: (_jsx(ClusterModeGuard, Object.assign({ mode: "multi" }, { children: i18n('settings.binaryDataInPlainTextDisplay.description') }))),
+};
 export const invertedDisksSetting = {
     settingKey: INVERTED_DISKS_KEY,
     title: i18n('settings.invertedDisks.title'),
@@ -65,7 +72,7 @@ export const queryUseMultiSchemaSetting = {
 export const appearanceSection = {
     id: 'appearanceSection',
     title: i18n('section.appearance'),
-    settings: [themeSetting, invertedDisksSetting],
+    settings: [themeSetting, invertedDisksSetting, binaryDataInPlainTextDisplay],
 };
 export const experimentsSection = {
     id: 'experimentsSection',

package/dist/containers/Versions/NodesTreeTitle/NodesTreeTitle.scss

@@ -65,6 +65,6 @@
 
         margin-left: 8px;
 
-        color: var(--yc-color-text-secondary);
+        color: var(--g-color-text-secondary);
     }
 }

package/dist/lib.d.ts

@@ -1,7 +1,8 @@
 export { App as SingleClusterApp, AppSlots } from './containers/App';
 export { AppWithClusters as MultiClusterApp } from './containers/AppWithClusters/AppWithClusters';
-export { ErrorBoundary } from './components/ErrorBoundary/ErrorBoundary';
+export { ErrorBoundaryInner as ErrorBoundary, ErrorBoundaryFallback, } from './components/ErrorBoundary/ErrorBoundary';
 export { configureStore, rootReducer } from './store';
+export { default as appRoutes } from './routes';
 export { createApi, YdbEmbeddedAPI, YdbWebVersionAPI } from './services/api';
 export { settingsManager } from './services/settings';
 export { settings as userSettings } from './containers/UserSettings/settings';

package/dist/lib.js

@@ -1,7 +1,8 @@
 export { App as SingleClusterApp, AppSlots } from './containers/App';
 export { AppWithClusters as MultiClusterApp } from './containers/AppWithClusters/AppWithClusters';
-export { ErrorBoundary } from './components/ErrorBoundary/ErrorBoundary';
+export { ErrorBoundaryInner as ErrorBoundary, ErrorBoundaryFallback, } from './components/ErrorBoundary/ErrorBoundary';
 export { configureStore, rootReducer } from './store';
+export { default as appRoutes } from './routes';
 export { createApi, YdbEmbeddedAPI, YdbWebVersionAPI } from './services/api';
 export { settingsManager } from './services/settings';
 export { settings as userSettings } from './containers/UserSettings/settings';

package/dist/routes.d.ts

@@ -18,4 +18,9 @@ export declare const parseQuery: (location: Location) => qs.ParsedQs;
 export declare type Query = Record<string | number, string | number | string[] | number[] | undefined>;
 export declare function createHref(route: string, params?: Record<string, string | number>, query?: Query): string;
 export declare const createExternalUILink: (query?: {}) => string;
+export declare function getLocationObjectFromHref(href: string): {
+    pathname: string;
+    search: string;
+    hash: string;
+};
 export default routes;

package/dist/routes.js

@@ -53,4 +53,8 @@ export function createHref(route, params, query = {}) {
 // window.location has the full pathname, while location from router ignores path to project
 // this navigation assumes page reloading
 export const createExternalUILink = (query = {}) => createHref(window.location.pathname, undefined, query);
+export function getLocationObjectFromHref(href) {
+    const { pathname, search, hash } = new URL(href, 'http://localhost');
+    return { pathname, search, hash };
+}
 export default routes;

package/dist/services/api.d.ts

@@ -22,6 +22,7 @@ import type { QuerySyntax } from '../types/store/query';
 import type { ComputeApiRequestParams, NodesApiRequestParams } from '../store/reducers/nodes/types';
 import type { StorageApiRequestParams } from '../store/reducers/storage/types';
 import type { MetaClusters } from '../types/api/meta';
+import type { JsonHotKeysResponse } from '../types/api/hotkeys';
 declare type AxiosOptions = {
     concurrentId?: string;
 };
@@ -89,7 +90,7 @@ export declare class YdbEmbeddedAPI extends AxiosWrapper {
     }, { concurrentId }?: AxiosOptions): Promise<QueryAPIResponse<Action, Schema>>;
     getExplainQuery<Action extends ExplainActions>(query: string, database: string, action: Action, syntax?: QuerySyntax): Promise<ExplainResponse<Action>>;
     getExplainQueryAst(query: string, database: string): Promise<import("../types/api/query").ExplainQueryResponse>;
-    getHotKeys(path: string, enableSampling: boolean): Promise<any>;
+    getHotKeys(path: string, enableSampling: boolean, { concurrentId }?: AxiosOptions): Promise<JsonHotKeysResponse>;
     getHealthcheckInfo(database: string, { concurrentId }?: AxiosOptions): Promise<HealthCheckAPIResponse>;
     killTablet(id?: string): Promise<string>;
     stopTablet(id?: string, hiveId?: string): Promise<string>;

package/dist/services/api.js

@@ -12,8 +12,10 @@ var __rest = (this && this.__rest) || function (s, e) {
 import AxiosWrapper from '@gravity-ui/axios-wrapper';
 import { backend as BACKEND, metaBackend as META_BACKEND } from '../store';
 import { prepareSortValue } from '../utils/filters';
+import { BINARY_DATA_IN_PLAIN_TEXT_DISPLAY } from '../utils/constants';
 import { parseMetaCluster } from './parsers/parseMetaCluster';
 import { parseMetaTenants } from './parsers/parseMetaTenants';
+import { settingsManager } from './settings';
 export class YdbEmbeddedAPI extends AxiosWrapper {
     getPath(path) {
         return `${BACKEND !== null && BACKEND !== void 0 ? BACKEND : ''}${path}`;
@@ -179,7 +181,12 @@ export class YdbEmbeddedAPI extends AxiosWrapper {
         // Time difference to ensure that timeout from ui will be shown rather than backend error
         const uiTimeout = 9 * 60 * 1000;
         const backendTimeout = 10 * 60 * 1000;
-        return this.post(this.getPath(`/viewer/json/query?timeout=${backendTimeout}${schema ? `&schema=${schema}` : ''}`), params, {}, {
+        /**
+         * Return strings using base64 encoding.
+         * @link https://github.com/ydb-platform/ydb/pull/647
+         */
+        const base64 = !settingsManager.readUserSettingsValue(BINARY_DATA_IN_PLAIN_TEXT_DISPLAY, true);
+        return this.post(this.getPath(`/viewer/json/query?timeout=${backendTimeout}&base64=${base64}${schema ? `&schema=${schema}` : ''}`), params, {}, {
             concurrentId,
             timeout: uiTimeout,
         });
@@ -201,11 +208,11 @@ export class YdbEmbeddedAPI extends AxiosWrapper {
             timeout: 600000,
         }, {});
     }
-    getHotKeys(path, enableSampling) {
+    getHotKeys(path, enableSampling, { concurrentId } = {}) {
         return this.get(this.getPath('/viewer/json/hotkeys'), {
             path,
             enable_sampling: enableSampling,
-        });
+        }, { concurrentId: concurrentId || 'getHotKeys' });
     }
     getHealthcheckInfo(database, { concurrentId } = {}) {
         return this.get(this.getPath('/viewer/json/healthcheck?merge_records=true'), { tenant: database }, { concurrentId });

package/dist/services/settings.d.ts

@@ -2,7 +2,6 @@ export declare type SettingsObject = Record<string, unknown>;
 /** User settings keys and their default values */
 export declare const DEFAULT_USER_SETTINGS: SettingsObject;
 declare class SettingsManager {
-    constructor();
     /**
      * Returns parsed settings value.
      * If value cannot be parsed, returns initially stored string.

package/dist/services/settings.js

@@ -1,8 +1,7 @@
 import { TENANT_PAGES_IDS } from '../store/reducers/tenant/constants';
-import { ASIDE_HEADER_COMPACT_KEY, CLUSTER_INFO_HIDDEN_KEY, INVERTED_DISKS_KEY, LANGUAGE_KEY, LAST_USED_QUERY_ACTION_KEY, PARTITIONS_HIDDEN_COLUMNS_KEY, QUERY_INITIAL_MODE_KEY, QUERY_USE_MULTI_SCHEMA_KEY, SAVED_QUERIES_KEY, TENANT_INITIAL_PAGE_KEY, THEME_KEY, USE_BACKEND_PARAMS_FOR_TABLES_KEY, USE_NODES_ENDPOINT_IN_DIAGNOSTICS_KEY, USE_CLUSTER_BALANCER_AS_BACKEND_KEY, } from '../utils/constants';
+import { ASIDE_HEADER_COMPACT_KEY, INVERTED_DISKS_KEY, LANGUAGE_KEY, LAST_USED_QUERY_ACTION_KEY, PARTITIONS_HIDDEN_COLUMNS_KEY, QUERY_INITIAL_MODE_KEY, QUERY_USE_MULTI_SCHEMA_KEY, SAVED_QUERIES_KEY, TENANT_INITIAL_PAGE_KEY, THEME_KEY, USE_BACKEND_PARAMS_FOR_TABLES_KEY, USE_NODES_ENDPOINT_IN_DIAGNOSTICS_KEY, USE_CLUSTER_BALANCER_AS_BACKEND_KEY, BINARY_DATA_IN_PLAIN_TEXT_DISPLAY, } from '../utils/constants';
 import { QUERY_ACTIONS, QUERY_MODES } from '../utils/query';
 import { parseJson } from '../utils/utils';
-const USE_LOCAL_STORAGE_FOR_SETTINGS_KEY = 'useLocalStorageForSettings';
 /** User settings keys and their default values */
 export const DEFAULT_USER_SETTINGS = {
     [THEME_KEY]: 'system',
@@ -10,19 +9,18 @@ export const DEFAULT_USER_SETTINGS = {
     [INVERTED_DISKS_KEY]: false,
     [USE_NODES_ENDPOINT_IN_DIAGNOSTICS_KEY]: false,
     [QUERY_USE_MULTI_SCHEMA_KEY]: false,
+    [BINARY_DATA_IN_PLAIN_TEXT_DISPLAY]: true,
     [SAVED_QUERIES_KEY]: [],
     [TENANT_INITIAL_PAGE_KEY]: TENANT_PAGES_IDS.query,
     [QUERY_INITIAL_MODE_KEY]: QUERY_MODES.script,
     [LAST_USED_QUERY_ACTION_KEY]: QUERY_ACTIONS.execute,
     [ASIDE_HEADER_COMPACT_KEY]: true,
     [PARTITIONS_HIDDEN_COLUMNS_KEY]: [],
-    [CLUSTER_INFO_HIDDEN_KEY]: true,
     [USE_BACKEND_PARAMS_FOR_TABLES_KEY]: false,
     [USE_CLUSTER_BALANCER_AS_BACKEND_KEY]: true,
 };
 class SettingsManager {
     constructor() {
-        var _a;
         /**
          * Extract values by provided settings object
          */
@@ -52,16 +50,6 @@ class SettingsManager {
             }
             catch (_a) { }
         };
-        // Migrate settings to LS if external API was used before
-        const settingsApi = window.web_version ? (_a = window.systemSettings) === null || _a === void 0 ? void 0 : _a.settingsApi : undefined;
-        const useLocalStorage = this.readUserSettingsValue(USE_LOCAL_STORAGE_FOR_SETTINGS_KEY);
-        if (settingsApi && !useLocalStorage) {
-            const externalUserSettings = window.userSettings;
-            if (externalUserSettings) {
-                Object.entries(externalUserSettings).forEach(([key, value]) => this.setUserSettingsValue(key, value));
-            }
-            this.setUserSettingsValue(USE_LOCAL_STORAGE_FOR_SETTINGS_KEY, true);
-        }
     }
     /**
      * Returns parsed settings value.

package/dist/store/index.d.ts

@@ -73,7 +73,7 @@ export function configureStore({ aRootReducer, singleClusterMode, api, }?: {
         healthcheckInfo: import("../types/store/healthcheck").IHealthcheckInfoState;
         shardsWorkload: import("./reducers/shardsWorkload/types").IShardsWorkloadState;
         tenantOverviewTopShards: import("./reducers/tenantOverview/topShards/types").TenantOverviewTopShardsState;
-        hotKeys: any;
+        hotKeys: import("./reducers/hotKeys/types").HotKeysState;
         authentication: import("./reducers/authentication/types").AuthenticationState;
         header: import("./reducers/header/types").HeaderState;
         saveQuery: string | null;

package/dist/store/reducers/cluster/cluster.d.ts

@@ -1,4 +1,5 @@
-import type { Reducer } from 'redux';
+import type { Dispatch, Reducer } from 'redux';
+import { ClusterTab } from '../../../containers/Cluster/utils';
 import type { ClusterAction, ClusterState } from './types';
 export declare const FETCH_CLUSTER: {
     readonly REQUEST: "cluster/FETCH_CLUSTER_REQUEST";
@@ -6,5 +7,10 @@ export declare const FETCH_CLUSTER: {
     readonly FAILURE: "cluster/FETCH_CLUSTER_FAILURE";
 };
 declare const cluster: Reducer<ClusterState, ClusterAction>;
-export declare function getClusterInfo(clusterName?: string): (dispatch: import("redux").Dispatch<import("redux").AnyAction>, getState: import("..").GetState) => Promise<unknown>;
+export declare function setDefaultClusterTab(tab: ClusterTab): {
+    readonly type: "cluster/SET_DEFAULT_CLUSTER_TAB";
+    readonly data: ClusterTab;
+};
+export declare function updateDefaultClusterTab(tab: string): (dispatch: Dispatch) => void;
+export declare function getClusterInfo(clusterName?: string): (dispatch: Dispatch<import("redux").AnyAction>, getState: import("..").GetState) => Promise<unknown>;
 export default cluster;

package/dist/store/reducers/cluster/cluster.js

@@ -1,7 +1,18 @@
+import { DEFAULT_CLUSTER_TAB_KEY } from '../../../utils/constants';
+import { clusterTabsIds, isClusterTab } from '../../../containers/Cluster/utils';
 import { createRequestActionTypes, createApiRequest } from '../../utils';
 import { createSelectClusterGroupsQuery, parseGroupsStatsQueryResponse } from './utils';
+const SET_DEFAULT_CLUSTER_TAB = 'cluster/SET_DEFAULT_CLUSTER_TAB';
 export const FETCH_CLUSTER = createRequestActionTypes('cluster', 'FETCH_CLUSTER');
-const initialState = { loading: true, wasLoaded: false };
+const defaultClusterTabLS = localStorage.getItem(DEFAULT_CLUSTER_TAB_KEY);
+let defaultClusterTab;
+if (isClusterTab(defaultClusterTabLS)) {
+    defaultClusterTab = defaultClusterTabLS;
+}
+else {
+    defaultClusterTab = clusterTabsIds.overview;
+}
+const initialState = { loading: true, wasLoaded: false, defaultClusterTab };
 const cluster = (state = initialState, action) => {
     var _a;
     switch (action.type) {
@@ -18,10 +29,27 @@ const cluster = (state = initialState, action) => {
             }
             return Object.assign(Object.assign({}, state), { error: action.error, loading: false });
         }
+        case SET_DEFAULT_CLUSTER_TAB: {
+            return Object.assign(Object.assign({}, state), { defaultClusterTab: action.data });
+        }
         default:
             return state;
     }
 };
+export function setDefaultClusterTab(tab) {
+    return {
+        type: SET_DEFAULT_CLUSTER_TAB,
+        data: tab,
+    };
+}
+export function updateDefaultClusterTab(tab) {
+    return (dispatch) => {
+        if (isClusterTab(tab)) {
+            localStorage.setItem(DEFAULT_CLUSTER_TAB_KEY, tab);
+            dispatch(setDefaultClusterTab(tab));
+        }
+    };
+}
 export function getClusterInfo(clusterName) {
     async function requestClusterData() {
         // Error here is handled by createApiRequest

package/dist/store/reducers/cluster/types.d.ts

@@ -1,7 +1,8 @@
+import type { ClusterTab } from '../../../containers/Cluster/utils';
 import type { TClusterInfo } from '../../../types/api/cluster';
 import type { IResponseError } from '../../../types/api/error';
 import type { ApiRequestAction } from '../../utils';
-import { FETCH_CLUSTER } from './cluster';
+import type { FETCH_CLUSTER, setDefaultClusterTab } from './cluster';
 export interface DiskErasureGroupsStats {
     diskType: string;
     erasure: string;
@@ -20,9 +21,10 @@ export interface ClusterState {
     data?: TClusterInfo;
     error?: IResponseError;
     groupsStats?: ClusterGroupsStats;
+    defaultClusterTab: ClusterTab;
 }
 export interface HandledClusterResponse {
     clusterData: TClusterInfo;
     groupsStats: ClusterGroupsStats;
 }
-export declare type ClusterAction = ApiRequestAction<typeof FETCH_CLUSTER, HandledClusterResponse, IResponseError>;
+export declare type ClusterAction = ApiRequestAction<typeof FETCH_CLUSTER, HandledClusterResponse, IResponseError> | ReturnType<typeof setDefaultClusterTab>;

package/dist/store/reducers/executeQuery.d.ts

@@ -1,17 +1,12 @@
 import type { Reducer } from 'redux';
 import type { Schemas } from '../../types/api/query';
-import type { ExecuteQueryAction, ExecuteQueryState, ExecuteQueryStateSlice, MonacoHotKeyAction, QueryInHistory } from '../../types/store/executeQuery';
+import type { ExecuteQueryAction, ExecuteQueryState, ExecuteQueryStateSlice, QueryInHistory } from '../../types/store/executeQuery';
 import type { QueryRequestParams, QueryMode } from '../../types/store/query';
 export declare const SEND_QUERY: {
     readonly REQUEST: "query/SEND_QUERY_REQUEST";
     readonly SUCCESS: "query/SEND_QUERY_SUCCESS";
     readonly FAILURE: "query/SEND_QUERY_FAILURE";
 };
-export declare const MONACO_HOT_KEY_ACTIONS: {
-    readonly sendQuery: "sendQuery";
-    readonly goPrev: "goPrev";
-    readonly goNext: "goNext";
-};
 declare const executeQuery: Reducer<ExecuteQueryState, ExecuteQueryAction>;
 interface SendQueryParams extends QueryRequestParams {
     mode?: QueryMode;
@@ -39,10 +34,6 @@ export declare const changeUserInput: ({ input }: {
         readonly input: string;
     };
 };
-export declare const setMonacoHotKey: (value: MonacoHotKeyAction | null) => {
-    readonly type: "query/SET_MONACO_HOT_KEY";
-    readonly data: MonacoHotKeyAction | null;
-};
 export declare const setTenantPath: (value: string) => {
     readonly type: "query/SET_TENANT_PATH";
     readonly data: string;

package/dist/store/reducers/executeQuery.js

@@ -9,25 +9,20 @@ const CHANGE_USER_INPUT = 'query/CHANGE_USER_INPUT';
 const SAVE_QUERY_TO_HISTORY = 'query/SAVE_QUERY_TO_HISTORY';
 const GO_TO_PREVIOUS_QUERY = 'query/GO_TO_PREVIOUS_QUERY';
 const GO_TO_NEXT_QUERY = 'query/GO_TO_NEXT_QUERY';
-const SET_MONACO_HOT_KEY = 'query/SET_MONACO_HOT_KEY';
 const SET_TENANT_PATH = 'query/SET_TENANT_PATH';
 const queriesHistoryInitial = settingsManager.readUserSettingsValue(QUERIES_HISTORY_KEY, []);
 const sliceLimit = queriesHistoryInitial.length - MAXIMUM_QUERIES_IN_HISTORY;
-export const MONACO_HOT_KEY_ACTIONS = {
-    sendQuery: 'sendQuery',
-    goPrev: 'goPrev',
-    goNext: 'goNext',
-};
 const initialState = {
     loading: false,
     input: '',
     history: {
-        queries: queriesHistoryInitial.slice(sliceLimit < 0 ? 0 : sliceLimit),
+        queries: queriesHistoryInitial
+            .slice(sliceLimit < 0 ? 0 : sliceLimit)
+            .map(getQueryInHistory),
         currentIndex: queriesHistoryInitial.length > MAXIMUM_QUERIES_IN_HISTORY
             ? MAXIMUM_QUERIES_IN_HISTORY - 1
             : queriesHistoryInitial.length - 1,
     },
-    monacoHotKey: null,
 };
 const executeQuery = (state = initialState, action) => {
     switch (action.type) {
@@ -56,16 +51,23 @@ const executeQuery = (state = initialState, action) => {
                 } });
         }
         case GO_TO_PREVIOUS_QUERY: {
-            const newCurrentIndex = Math.max(0, state.history.currentIndex - 1);
-            return Object.assign(Object.assign({}, state), { history: Object.assign(Object.assign({}, state.history), { currentIndex: newCurrentIndex }) });
+            const currentIndex = state.history.currentIndex;
+            if (currentIndex <= 0) {
+                return state;
+            }
+            const newCurrentIndex = currentIndex - 1;
+            const query = state.history.queries[newCurrentIndex];
+            return Object.assign(Object.assign({}, state), { history: Object.assign(Object.assign({}, state.history), { currentIndex: newCurrentIndex }), input: query.queryText });
         }
         case GO_TO_NEXT_QUERY: {
             const lastIndexInHistory = state.history.queries.length - 1;
-            const newCurrentIndex = Math.min(lastIndexInHistory, state.history.currentIndex + 1);
-            return Object.assign(Object.assign({}, state), { history: Object.assign(Object.assign({}, state.history), { currentIndex: newCurrentIndex }) });
-        }
-        case SET_MONACO_HOT_KEY: {
-            return Object.assign(Object.assign({}, state), { monacoHotKey: action.data });
+            const currentIndex = state.history.currentIndex;
+            if (currentIndex >= lastIndexInHistory) {
+                return state;
+            }
+            const newCurrentIndex = currentIndex + 1;
+            const query = state.history.queries[newCurrentIndex];
+            return Object.assign(Object.assign({}, state), { history: Object.assign(Object.assign({}, state.history), { currentIndex: newCurrentIndex }), input: query.queryText });
         }
         case SET_TENANT_PATH: {
             return Object.assign(Object.assign({}, state), { tenantPath: action.data });
@@ -119,12 +121,6 @@ export const changeUserInput = ({ input }) => {
         data: { input },
     };
 };
-export const setMonacoHotKey = (value) => {
-    return {
-        type: SET_MONACO_HOT_KEY,
-        data: value,
-    };
-};
 export const setTenantPath = (value) => {
     return {
         type: SET_TENANT_PATH,
@@ -132,13 +128,14 @@ export const setTenantPath = (value) => {
     };
 };
 export const selectQueriesHistory = (state) => {
-    return state.executeQuery.history.queries.map((rawQuery) => {
-        if (typeof rawQuery === 'string') {
-            return {
-                queryText: rawQuery,
-            };
-        }
-        return rawQuery;
-    });
+    return state.executeQuery.history.queries;
 };
+function getQueryInHistory(rawQuery) {
+    if (typeof rawQuery === 'string') {
+        return {
+            queryText: rawQuery,
+        };
+    }
+    return rawQuery;
+}
 export default executeQuery;

package/dist/store/reducers/executeTopQueries/executeTopQueries.js

@@ -19,7 +19,8 @@ SELECT
     EndTime,
     ReadRows,
     ReadBytes,
-    UserSID
+    UserSID,
+    Duration
 FROM \`${path}/.sys/top_queries_by_cpu_time_one_hour\`
 WHERE ${filterConditions || 'true'}
 `;

package/dist/store/reducers/executeTopQueries/utils.js

@@ -1,6 +1,8 @@
+const endTimeColumn = 'EndTime';
+const intervalEndColumn = 'IntervalEnd';
 const getMaxIntervalSubquery = (path) => `(
     SELECT
-        MAX(IntervalEnd)
+        MAX(${intervalEndColumn})
     FROM \`${path}/.sys/top_queries_by_cpu_time_one_hour\`
 )`;
 export function getFiltersConditions(path, filters) {
@@ -12,13 +14,14 @@ export function getFiltersConditions(path, filters) {
         // matching `from` & `to` is an edge case
         // other cases should not include the starting point, since intervals are stored using the ending time
         const gt = filters.to === filters.from ? '>=' : '>';
-        conditions.push(`IntervalEnd ${gt} Timestamp('${new Date(filters.from).toISOString()}')`);
+        conditions.push(`${endTimeColumn} ${gt} Timestamp('${new Date(filters.from).toISOString()}')`);
     }
     if (filters === null || filters === void 0 ? void 0 : filters.to) {
-        conditions.push(`IntervalEnd <= Timestamp('${new Date(filters.to).toISOString()}')`);
+        conditions.push(`${endTimeColumn} <= Timestamp('${new Date(filters.to).toISOString()}')`);
     }
+    // If there is no filters, return queries, that were executed in the last hour
     if (!(filters === null || filters === void 0 ? void 0 : filters.from) && !(filters === null || filters === void 0 ? void 0 : filters.to)) {
-        conditions.push(`IntervalEnd IN ${getMaxIntervalSubquery(path)}`);
+        conditions.push(`${intervalEndColumn} IN ${getMaxIntervalSubquery(path)}`);
     }
     if (filters === null || filters === void 0 ? void 0 : filters.text) {
         conditions.push(`QueryText ILIKE '%${filters.text}%'`);

package/dist/store/reducers/hotKeys/hotKeys.d.ts

@@ -0,0 +1,25 @@
+import type { Reducer } from 'redux';
+import type { JsonHotKeysResponse } from '../../../types/api/hotkeys';
+import type { IResponseError } from '../../../types/api/error';
+import type { HotKeysAction, HotKeysState } from './types';
+export declare const FETCH_HOT_KEYS: {
+    readonly REQUEST: "hot_keys/FETCH_HOT_KEYS_REQUEST";
+    readonly SUCCESS: "hot_keys/FETCH_HOT_KEYS_SUCCESS";
+    readonly FAILURE: "hot_keys/FETCH_HOT_KEYS_FAILURE";
+};
+declare const hotKeys: Reducer<HotKeysState, HotKeysAction>;
+export declare function setHotKeysDataWasNotLoaded(): {
+    readonly type: "hot_keys/SET_DATA_WAS_NOT_LOADED";
+};
+export declare function setHotKeysLoading(): {
+    readonly type: "hot_keys/FETCH_HOT_KEYS_REQUEST";
+};
+export declare function setHotKeysData(data: JsonHotKeysResponse): {
+    readonly type: "hot_keys/FETCH_HOT_KEYS_SUCCESS";
+    readonly data: JsonHotKeysResponse;
+};
+export declare function setHotKeysError(error: IResponseError): {
+    readonly type: "hot_keys/FETCH_HOT_KEYS_FAILURE";
+    readonly error: IResponseError<unknown>;
+};
+export default hotKeys;

package/dist/store/reducers/hotKeys/hotKeys.js

@@ -0,0 +1,49 @@
+import { createRequestActionTypes } from '../../utils';
+export const FETCH_HOT_KEYS = createRequestActionTypes('hot_keys', 'FETCH_HOT_KEYS');
+const SET_DATA_WAS_NOT_LOADED = 'hot_keys/SET_DATA_WAS_NOT_LOADED';
+const initialState = { loading: true, wasLoaded: false, data: null };
+const hotKeys = (state = initialState, action) => {
+    var _a;
+    switch (action.type) {
+        case FETCH_HOT_KEYS.REQUEST: {
+            return Object.assign(Object.assign({}, state), { loading: true });
+        }
+        case FETCH_HOT_KEYS.SUCCESS: {
+            return Object.assign(Object.assign({}, state), { data: action.data.hotkeys, loading: false, error: undefined, wasLoaded: true });
+        }
+        case FETCH_HOT_KEYS.FAILURE: {
+            if ((_a = action.error) === null || _a === void 0 ? void 0 : _a.isCancelled) {
+                return state;
+            }
+            return Object.assign(Object.assign({}, state), { error: action.error, loading: false });
+        }
+        case SET_DATA_WAS_NOT_LOADED: {
+            return Object.assign(Object.assign({}, state), { wasLoaded: false });
+        }
+        default:
+            return state;
+    }
+};
+export function setHotKeysDataWasNotLoaded() {
+    return {
+        type: SET_DATA_WAS_NOT_LOADED,
+    };
+}
+export function setHotKeysLoading() {
+    return {
+        type: FETCH_HOT_KEYS.REQUEST,
+    };
+}
+export function setHotKeysData(data) {
+    return {
+        type: FETCH_HOT_KEYS.SUCCESS,
+        data: data,
+    };
+}
+export function setHotKeysError(error) {
+    return {
+        type: FETCH_HOT_KEYS.FAILURE,
+        error: error,
+    };
+}
+export default hotKeys;

package/dist/store/reducers/hotKeys/types.d.ts

@@ -0,0 +1,10 @@
+import type { IResponseError } from '../../../types/api/error';
+import type { HotKey } from '../../../types/api/hotkeys';
+import type { setHotKeysData, setHotKeysDataWasNotLoaded, setHotKeysError, setHotKeysLoading } from './hotKeys';
+export interface HotKeysState {
+    loading: boolean;
+    wasLoaded: boolean;
+    data: null | HotKey[];
+    error?: IResponseError;
+}
+export declare type HotKeysAction = ReturnType<typeof setHotKeysDataWasNotLoaded> | ReturnType<typeof setHotKeysLoading> | ReturnType<typeof setHotKeysData> | ReturnType<typeof setHotKeysError>;

package/dist/store/reducers/hotKeys/types.js

@@ -0,0 +1 @@
+export {};

package/dist/store/reducers/index.d.ts

@@ -89,11 +89,7 @@ export declare const rootReducer: {
     healthcheckInfo: import("redux").Reducer<import("../../types/store/healthcheck").IHealthcheckInfoState, import("../../types/store/healthcheck").IHealthCheckInfoAction>;
     shardsWorkload: import("redux").Reducer<import("./shardsWorkload/types").IShardsWorkloadState, import("./shardsWorkload/types").IShardsWorkloadAction>;
     tenantOverviewTopShards: import("redux").Reducer<import("./tenantOverview/topShards/types").TenantOverviewTopShardsState, import("./tenantOverview/topShards/types").TenantOverviewTopShardsAction>;
-    hotKeys: (state: {
-        loading: boolean;
-        data: {};
-        wasLoaded: boolean;
-    } | undefined, action: any) => any;
+    hotKeys: import("redux").Reducer<import("./hotKeys/types").HotKeysState, import("./hotKeys/types").HotKeysAction>;
     authentication: import("redux").Reducer<import("./authentication/types").AuthenticationState, import("./authentication/types").AuthenticationAction>;
     header: import("redux").Reducer<import("./header/types").HeaderState, {
         readonly type: "header/SET_HEADER_BREADCRUMBS";
@@ -187,7 +183,7 @@ declare const combinedReducer: import("redux").Reducer<import("redux").CombinedS
     healthcheckInfo: import("../../types/store/healthcheck").IHealthcheckInfoState;
     shardsWorkload: import("./shardsWorkload/types").IShardsWorkloadState;
     tenantOverviewTopShards: import("./tenantOverview/topShards/types").TenantOverviewTopShardsState;
-    hotKeys: any;
+    hotKeys: import("./hotKeys/types").HotKeysState;
     authentication: import("./authentication/types").AuthenticationState;
     header: import("./header/types").HeaderState;
     saveQuery: string | null;