ydb-embedded-ui 5.0.0 → 5.2.0

package/dist/store/reducers/index.js

@@ -34,7 +34,7 @@ import executeTopTables from './tenantOverview/executeTopTables/executeTopTables
 import healthcheckInfo from './healthcheckInfo';
 import shardsWorkload from './shardsWorkload/shardsWorkload';
 import { tenantOverviewTopShards } from './tenantOverview/topShards/tenantOverviewTopShards';
-import hotKeys from './hotKeys';
+import hotKeys from './hotKeys/hotKeys';
 import olapStats from './olapStats';
 import authentication from './authentication/authentication';
 import header from './header/header';

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

@@ -11,7 +11,7 @@ export declare const FETCH_NODE_STRUCTURE: {
     readonly FAILURE: "node/FETCH_NODE_STRUCTURE_FAILURE";
 };
 declare const node: Reducer<NodeState, NodeAction>;
-export declare const getNodeInfo: (id: string) => (dispatch: import("redux").Dispatch<import("redux").AnyAction>, getState: import("..").GetState) => Promise<unknown>;
+export declare const getNodeInfo: (id: string) => (dispatch: import("redux").Dispatch<import("redux").AnyAction>, getState: import("..").GetState) => Promise<import("./types").PreparedNode | undefined>;
 export declare const getNodeStructure: (nodeId: string) => (dispatch: import("redux").Dispatch<import("redux").AnyAction>, getState: import("..").GetState) => Promise<unknown>;
 export declare function resetNode(): {
     readonly type: "node/RESET_NODE";

package/dist/store/reducers/node/node.js

@@ -1,4 +1,5 @@
 import { createRequestActionTypes, createApiRequest } from '../../utils';
+import { prepareNodeData } from './utils';
 export const FETCH_NODE = createRequestActionTypes('node', 'FETCH_NODE');
 export const FETCH_NODE_STRUCTURE = createRequestActionTypes('node', 'FETCH_NODE_STRUCTURE');
 const RESET_NODE = 'node/RESET_NODE';
@@ -41,6 +42,7 @@ export const getNodeInfo = (id) => {
     return createApiRequest({
         request: window.api.getNodeInfo(id),
         actions: FETCH_NODE,
+        dataHandler: prepareNodeData,
     });
 };
 export const getNodeStructure = (nodeId) => {

package/dist/store/reducers/node/selectors.js

@@ -1,6 +1,6 @@
 import { createSelector } from 'reselect';
 import { stringifyVdiskId } from '../../../utils/dataFormatters/dataFormatters';
-const selectNodeId = (state) => { var _a, _b, _c; return (_c = (_b = (_a = state.node) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.SystemStateInfo) === null || _c === void 0 ? void 0 : _c[0].NodeId; };
+const selectNodeId = (state) => { var _a, _b; return (_b = (_a = state.node) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.NodeId; };
 const selectRawNodeStructure = (state) => { var _a; return (_a = state.node) === null || _a === void 0 ? void 0 : _a.nodeStructure; };
 export const selectNodeStructure = createSelector([selectNodeId, selectRawNodeStructure], (nodeId, storageInfo) => {
     const pools = storageInfo === null || storageInfo === void 0 ? void 0 : storageInfo.StoragePools;

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

@@ -1,7 +1,7 @@
 import type { IResponseError } from '../../../types/api/error';
+import type { TSystemStateInfo } from '../../../types/api/nodes';
 import type { TPDiskStateInfo } from '../../../types/api/pdisk';
 import type { TStorageInfo } from '../../../types/api/storage';
-import type { TEvSystemStateResponse } from '../../../types/api/systemState';
 import type { TVDiskStateInfo } from '../../../types/api/vdisk';
 import type { ApiRequestAction } from '../../utils';
 import { FETCH_NODE, FETCH_NODE_STRUCTURE, resetNode } from './node';
@@ -17,8 +17,12 @@ export interface PreparedStructurePDisk extends TPDiskStateInfo {
     vDisks: PreparedStructureVDisk[];
 }
 export declare type PreparedNodeStructure = Record<string, PreparedStructurePDisk>;
+export interface PreparedNode extends TSystemStateInfo {
+    DC?: string;
+    Rack?: string;
+}
 export interface NodeState {
-    data: TEvSystemStateResponse;
+    data: PreparedNode;
     loading: boolean;
     wasLoaded: boolean;
     error?: IResponseError;
@@ -27,7 +31,7 @@ export interface NodeState {
     wasLoadedStructure: boolean;
     errorStructure?: IResponseError;
 }
-export declare type NodeAction = ApiRequestAction<typeof FETCH_NODE, TEvSystemStateResponse, IResponseError> | ApiRequestAction<typeof FETCH_NODE_STRUCTURE, TStorageInfo, IResponseError> | ReturnType<typeof resetNode>;
+export declare type NodeAction = ApiRequestAction<typeof FETCH_NODE, PreparedNode, IResponseError> | ApiRequestAction<typeof FETCH_NODE_STRUCTURE, TStorageInfo, IResponseError> | ReturnType<typeof resetNode>;
 export interface NodeStateSlice {
     node: NodeState;
 }

package/dist/store/reducers/node/utils.d.ts

@@ -0,0 +1,3 @@
+import type { TEvSystemStateResponse } from '../../../types/api/systemState';
+import type { PreparedNode } from './types';
+export declare const prepareNodeData: (data: TEvSystemStateResponse) => PreparedNode;

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

@@ -0,0 +1,8 @@
+export const prepareNodeData = (data) => {
+    var _a, _b, _c;
+    if (!((_a = data.SystemStateInfo) === null || _a === void 0 ? void 0 : _a.length)) {
+        return {};
+    }
+    const nodeData = data.SystemStateInfo[0];
+    return Object.assign(Object.assign({}, nodeData), { DC: (_b = nodeData.Location) === null || _b === void 0 ? void 0 : _b.DataCenter, Rack: (_c = nodeData.Location) === null || _c === void 0 ? void 0 : _c.Rack });
+};

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

@@ -12,7 +12,7 @@ export interface NodesPreparedEntity {
     NodeId: number;
     Host?: string;
     SystemState?: EFlag;
-    DataCenter?: string;
+    DC?: string;
     Rack?: string;
     Version?: string;
     TenantName?: string;

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

@@ -4,7 +4,7 @@ const prepareComputeNode = (node, tenantName) => {
     var _a;
     return Object.assign(Object.assign({}, node), { 
         // v2 response has tenant name, v1 - doesn't
-        TenantName: (_a = node.Tenant) !== null && _a !== void 0 ? _a : tenantName, SystemState: node === null || node === void 0 ? void 0 : node.Overall, Uptime: calcUptime(node === null || node === void 0 ? void 0 : node.StartTime) });
+        TenantName: (_a = node.Tenant) !== null && _a !== void 0 ? _a : tenantName, SystemState: node === null || node === void 0 ? void 0 : node.Overall, Uptime: calcUptime(node === null || node === void 0 ? void 0 : node.StartTime), DC: node.DataCenter });
 };
 export const prepareComputeNodes = (nodes, tenants) => {
     var _a;
@@ -36,10 +36,10 @@ export const prepareComputeNodesData = (data) => {
 export const prepareNodesData = (data) => {
     const rawNodes = data.Nodes || [];
     const preparedNodes = rawNodes.map((node) => {
-        var _a, _b, _c, _d, _e;
+        var _a, _b, _c, _d, _e, _f, _g;
         // 0 limit means that limit is not set, so it should be undefined
         const sharedCacheLimit = Number((_a = node.SystemState.SharedCacheStats) === null || _a === void 0 ? void 0 : _a.LimitBytes) || undefined;
-        return Object.assign(Object.assign({}, node.SystemState), { Tablets: node.Tablets, NodeId: node.NodeId, Uptime: calcUptime((_b = node.SystemState) === null || _b === void 0 ? void 0 : _b.StartTime), TenantName: (_d = (_c = node.SystemState) === null || _c === void 0 ? void 0 : _c.Tenants) === null || _d === void 0 ? void 0 : _d[0], SharedCacheUsed: (_e = node.SystemState.SharedCacheStats) === null || _e === void 0 ? void 0 : _e.UsedBytes, SharedCacheLimit: sharedCacheLimit });
+        return Object.assign(Object.assign({}, node.SystemState), { Tablets: node.Tablets, NodeId: node.NodeId, Uptime: calcUptime((_b = node.SystemState) === null || _b === void 0 ? void 0 : _b.StartTime), TenantName: (_d = (_c = node.SystemState) === null || _c === void 0 ? void 0 : _c.Tenants) === null || _d === void 0 ? void 0 : _d[0], DC: (_e = node.SystemState.Location) === null || _e === void 0 ? void 0 : _e.DataCenter, Rack: (_f = node.SystemState.Location) === null || _f === void 0 ? void 0 : _f.Rack, SharedCacheUsed: (_g = node.SystemState.SharedCacheStats) === null || _g === void 0 ? void 0 : _g.UsedBytes, SharedCacheLimit: sharedCacheLimit });
     });
     return {
         Nodes: preparedNodes,

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

@@ -16,6 +16,8 @@ export interface PreparedStorageNode extends TSystemStateInfo {
     NodeId: number;
     PDisks: TPDiskStateInfo[] | undefined;
     VDisks: TVDiskStateInfo[] | undefined;
+    DC?: string;
+    Rack?: string;
     Missing: number;
     Uptime: string;
 }

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

@@ -85,7 +85,7 @@ export const prepareStorageGroups = (StorageGroups, StoragePools) => {
 };
 // ==== Prepare nodes ====
 const prepareStorageNodeData = (node) => {
-    var _a, _b;
+    var _a, _b, _c, _d;
     const systemState = (_a = node.SystemState) !== null && _a !== void 0 ? _a : {};
     const missing = ((_b = node.PDisks) === null || _b === void 0 ? void 0 : _b.filter((pDisk) => {
         return pDisk.State !== TPDiskState.Normal;
@@ -93,8 +93,8 @@ const prepareStorageNodeData = (node) => {
     return {
         NodeId: node.NodeId,
         SystemState: systemState.SystemState,
-        DataCenter: systemState.DataCenter,
-        Rack: systemState.Rack,
+        DC: (_c = systemState.Location) === null || _c === void 0 ? void 0 : _c.DataCenter,
+        Rack: (_d = systemState.Location) === null || _d === void 0 ? void 0 : _d.Rack,
         Host: systemState.Host,
         Endpoints: systemState.Endpoints,
         Uptime: calcUptime(systemState.StartTime),

package/dist/store/reducers/tenants/utils.d.ts

@@ -1,13 +1,14 @@
+import type { TPoolStats } from '../../../types/api/nodes';
 import type { TTenant } from '../../../types/api/tenant';
 export declare const calculateTenantMetrics: (tenant?: TTenant | undefined) => {
     cpu: number | undefined;
     memory: number | undefined;
     blobStorage: number | undefined;
-    tableStorage: number | undefined;
+    tabletStorage: number | undefined;
     cpuUsage: number | undefined;
     memoryLimit: number | undefined;
     blobStorageLimit: number | undefined;
-    tableStorageLimit: number | undefined;
+    tabletStorageLimit: number | undefined;
 };
 export declare const prepareTenants: (tenants: TTenant[], useNodeAsBackend: boolean) => {
     backend: string | undefined;
@@ -30,7 +31,7 @@ export declare const prepareTenants: (tenants: TTenant[], useNodeAsBackend: bool
     CreateTime?: string | undefined;
     Owner?: string | undefined;
     Users?: string[] | undefined;
-    PoolStats?: import("../../../types/api/nodes").TPoolStats[] | undefined;
+    PoolStats?: TPoolStats[] | undefined;
     UserAttributes?: Record<string, string> | undefined;
     Overall?: import("../../../types/api/enums").EFlag | undefined;
     SystemTablets?: import("../../../types/api/tablet").TTabletStateInfo[] | undefined;

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

@@ -17,36 +17,41 @@ const getTenantBackend = (tenant) => {
         : undefined;
     return node.Host ? `${node.Host}${address ? address : ''}` : undefined;
 };
+const calculateCpuUsage = (poolsStats) => {
+    var _a, _b, _c;
+    if (!poolsStats) {
+        return undefined;
+    }
+    const systemPoolUsage = ((_a = poolsStats === null || poolsStats === void 0 ? void 0 : poolsStats.find(({ Name }) => Name === 'System')) === null || _a === void 0 ? void 0 : _a.Usage) || 0;
+    const userPoolUsage = ((_b = poolsStats === null || poolsStats === void 0 ? void 0 : poolsStats.find(({ Name }) => Name === 'User')) === null || _b === void 0 ? void 0 : _b.Usage) || 0;
+    const icPoolUsage = ((_c = poolsStats === null || poolsStats === void 0 ? void 0 : poolsStats.find(({ Name }) => Name === 'IC')) === null || _c === void 0 ? void 0 : _c.Usage) || 0;
+    // We use max of system, user and ic pools usage to calculate cpu usage because
+    // only these pools directly indicate resources available to perform user queries
+    return Math.max(Number(systemPoolUsage), Number(userPoolUsage), Number(icPoolUsage)) * 100;
+};
 export const calculateTenantMetrics = (tenant) => {
-    var _a, _b;
     const { CoresUsed, MemoryUsed, StorageAllocatedSize, MemoryLimit, StorageAllocatedLimit, PoolStats, Metrics = {}, DatabaseQuotas = {}, } = tenant || {};
-    const systemPoolUsage = (_a = PoolStats === null || PoolStats === void 0 ? void 0 : PoolStats.find(({ Name }) => Name === 'System')) === null || _a === void 0 ? void 0 : _a.Usage;
-    const userPoolUsage = (_b = PoolStats === null || PoolStats === void 0 ? void 0 : PoolStats.find(({ Name }) => Name === 'User')) === null || _b === void 0 ? void 0 : _b.Usage;
     const cpu = isNumeric(CoresUsed) ? Number(CoresUsed) * 1000000 : undefined;
     const memory = isNumeric(MemoryUsed) ? Number(MemoryUsed) : undefined;
     const blobStorage = isNumeric(StorageAllocatedSize) ? Number(StorageAllocatedSize) : undefined;
-    const tableStorage = isNumeric(Metrics.Storage) ? Number(Metrics.Storage) : undefined;
-    // We use system pool usage and user pool usage to calculate cpu usage because
-    // only these pools directly indicate resources available to perform user queries
-    const cpuUsage = isNumeric(systemPoolUsage) || isNumeric(userPoolUsage)
-        ? Math.max(Number(systemPoolUsage), Number(userPoolUsage)) * 100
-        : undefined;
+    const tabletStorage = isNumeric(Metrics.Storage) ? Number(Metrics.Storage) : undefined;
+    const cpuUsage = calculateCpuUsage(PoolStats);
     const memoryLimit = isNumeric(MemoryLimit) ? Number(MemoryLimit) : undefined;
     const blobStorageLimit = isNumeric(StorageAllocatedLimit)
         ? Number(StorageAllocatedLimit)
         : undefined;
-    const tableStorageLimit = isNumeric(DatabaseQuotas.data_size_hard_quota)
+    const tabletStorageLimit = isNumeric(DatabaseQuotas.data_size_hard_quota)
         ? Number(DatabaseQuotas.data_size_hard_quota)
         : undefined;
     return {
         cpu,
         memory,
         blobStorage,
-        tableStorage,
+        tabletStorage,
         cpuUsage,
         memoryLimit,
         blobStorageLimit,
-        tableStorageLimit,
+        tabletStorageLimit,
     };
 };
 const calculateTenantEntities = (tenant) => {

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

@@ -8,7 +8,7 @@ export declare const showTooltip: (node: EventTarget | null, data: any, template
     type: string;
     node: EventTarget | null;
     data: any;
-    templateType: "node" | "pool" | "tablet" | "nodeEndpoints" | "tabletsOverall" | "histogram" | "cell" | "json";
+    templateType: "node" | "tablet" | "pool" | "nodeEndpoints" | "tabletsOverall" | "histogram" | "cell" | "json";
     additionalData: any;
     positions: ITooltipPositions | undefined;
 };

package/dist/types/api/hotkeys.d.ts

@@ -0,0 +1,7 @@
+export interface JsonHotKeysResponse {
+    hotkeys: HotKey[] | null;
+}
+export interface HotKey {
+    accessSample: number;
+    keyValues: string[];
+}

package/dist/types/api/hotkeys.js

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

package/dist/types/api/nodes.d.ts

@@ -73,8 +73,9 @@ export interface TSystemStateInfo {
     SharedCacheStats?: TNodeSharedCache;
     TotalSessions?: number;
 }
+export declare type PoolName = 'System' | 'User' | 'Batch' | 'IO' | 'IC';
 export interface TPoolStats {
-    Name?: string;
+    Name?: PoolName;
     /** double */
     Usage?: number;
     Threads?: number;

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

@@ -1,8 +1,6 @@
-import { SEND_QUERY, changeUserInput, saveQueryToHistory, goToPreviousQuery, setMonacoHotKey, goToNextQuery, setTenantPath, MONACO_HOT_KEY_ACTIONS } from '../../store/reducers/executeQuery';
+import { SEND_QUERY, changeUserInput, saveQueryToHistory, goToPreviousQuery, goToNextQuery, setTenantPath } from '../../store/reducers/executeQuery';
 import type { ApiRequestAction } from '../../store/utils';
-import type { ValueOf } from '../common';
 import type { IQueryResult, QueryError, QueryErrorResponse } from './query';
-export declare type MonacoHotKeyAction = ValueOf<typeof MONACO_HOT_KEY_ACTIONS>;
 export interface QueryInHistory {
     queryText: string;
     syntax?: string;
@@ -11,17 +9,16 @@ export interface ExecuteQueryState {
     loading: boolean;
     input: string;
     history: {
-        queries: (QueryInHistory | string)[];
+        queries: QueryInHistory[];
         currentIndex: number;
     };
-    monacoHotKey: null | MonacoHotKeyAction;
     tenantPath?: string;
     data?: IQueryResult;
     stats?: IQueryResult['stats'];
     error?: string | QueryErrorResponse;
 }
 declare type SendQueryAction = ApiRequestAction<typeof SEND_QUERY, IQueryResult, QueryError>;
-export declare type ExecuteQueryAction = SendQueryAction | ReturnType<typeof goToNextQuery> | ReturnType<typeof goToPreviousQuery> | ReturnType<typeof changeUserInput> | ReturnType<typeof saveQueryToHistory> | ReturnType<typeof setMonacoHotKey> | ReturnType<typeof setTenantPath>;
+export declare type ExecuteQueryAction = SendQueryAction | ReturnType<typeof goToNextQuery> | ReturnType<typeof goToPreviousQuery> | ReturnType<typeof changeUserInput> | ReturnType<typeof saveQueryToHistory> | ReturnType<typeof setTenantPath>;
 export interface ExecuteQueryStateSlice {
     executeQuery: ExecuteQueryState;
 }

package/dist/types/store/explainQuery.d.ts

@@ -15,6 +15,7 @@ export interface PreparedExplainResponse {
 }
 export interface ExplainQueryState {
     loading: boolean;
+    loadingAst?: boolean;
     data?: PreparedExplainResponse['plan'];
     dataAst?: PreparedExplainResponse['ast'];
     error?: string | QueryErrorResponse;

package/dist/utils/constants.d.ts

@@ -56,12 +56,14 @@ export declare const SAVED_QUERIES_KEY = "saved_queries";
 export declare const ASIDE_HEADER_COMPACT_KEY = "asideHeaderCompact";
 export declare const QUERIES_HISTORY_KEY = "queries_history";
 export declare const DATA_QA_TUNE_COLUMNS_POPUP = "tune-columns-popup";
+export declare const BINARY_DATA_IN_PLAIN_TEXT_DISPLAY = "binaryDataInPlainTextDisplay";
 export declare const DEFAULT_SIZE_RESULT_PANE_KEY = "default-size-result-pane";
 export declare const DEFAULT_SIZE_TENANT_SUMMARY_KEY = "default-size-tenant-summary-pane";
 export declare const DEFAULT_SIZE_TENANT_KEY = "default-size-tenant-pane";
 export declare const DEFAULT_IS_TENANT_SUMMARY_COLLAPSED = "default-is-tenant-summary-collapsed";
 export declare const DEFAULT_IS_TENANT_COMMON_INFO_COLLAPSED = "default-is-tenant-common-info-collapsed";
 export declare const DEFAULT_IS_QUERY_RESULT_COLLAPSED = "default-is-query-result-collapsed";
+export declare const DEFAULT_CLUSTER_TAB_KEY = "default-cluster-tab";
 export declare const DEFAULT_TABLE_SETTINGS: {
     readonly displayIndices: false;
     readonly stickyHead: "moving";
@@ -79,7 +81,6 @@ export declare const TENANT_OVERVIEW_TABLES_SETTINGS: {
 export declare const QUERY_INITIAL_MODE_KEY = "query_initial_mode";
 export declare const LAST_USED_QUERY_ACTION_KEY = "last_used_query_action";
 export declare const PARTITIONS_HIDDEN_COLUMNS_KEY = "partitionsHiddenColumns";
-export declare const CLUSTER_INFO_HIDDEN_KEY = "clusterInfoHidden";
 export declare const TENANT_INITIAL_PAGE_KEY = "saved_tenant_initial_tab";
 export declare const USE_BACKEND_PARAMS_FOR_TABLES_KEY = "useBackendParamsForTables";
 export declare const QUERY_USE_MULTI_SCHEMA_KEY = "queryUseMultiSchema";

package/dist/utils/constants.js

@@ -72,12 +72,14 @@ export const SAVED_QUERIES_KEY = 'saved_queries';
 export const ASIDE_HEADER_COMPACT_KEY = 'asideHeaderCompact';
 export const QUERIES_HISTORY_KEY = 'queries_history';
 export const DATA_QA_TUNE_COLUMNS_POPUP = 'tune-columns-popup';
+export const BINARY_DATA_IN_PLAIN_TEXT_DISPLAY = 'binaryDataInPlainTextDisplay';
 export const DEFAULT_SIZE_RESULT_PANE_KEY = 'default-size-result-pane';
 export const DEFAULT_SIZE_TENANT_SUMMARY_KEY = 'default-size-tenant-summary-pane';
 export const DEFAULT_SIZE_TENANT_KEY = 'default-size-tenant-pane';
 export const DEFAULT_IS_TENANT_SUMMARY_COLLAPSED = 'default-is-tenant-summary-collapsed';
 export const DEFAULT_IS_TENANT_COMMON_INFO_COLLAPSED = 'default-is-tenant-common-info-collapsed';
 export const DEFAULT_IS_QUERY_RESULT_COLLAPSED = 'default-is-query-result-collapsed';
+export const DEFAULT_CLUSTER_TAB_KEY = 'default-cluster-tab';
 export const DEFAULT_TABLE_SETTINGS = {
     displayIndices: false,
     stickyHead: DataTable.MOVING,
@@ -89,7 +91,6 @@ export const TENANT_OVERVIEW_TABLES_SETTINGS = Object.assign(Object.assign({}, D
 export const QUERY_INITIAL_MODE_KEY = 'query_initial_mode';
 export const LAST_USED_QUERY_ACTION_KEY = 'last_used_query_action';
 export const PARTITIONS_HIDDEN_COLUMNS_KEY = 'partitionsHiddenColumns';
-export const CLUSTER_INFO_HIDDEN_KEY = 'clusterInfoHidden';
 // Remain "tab" in key name for backward compatibility
 export const TENANT_INITIAL_PAGE_KEY = 'saved_tenant_initial_tab';
 // Send filters and sort params to backend for Nodes and Storage tables

package/dist/utils/diagnostics.d.ts

@@ -10,6 +10,7 @@ declare const TOP_QUERIES_SORT_VALUES: {
     readonly ReadRows: "ReadRows";
     readonly ReadBytes: "ReadBytes";
     readonly UserSID: "UserSID";
+    readonly Duration: "Duration";
 };
 declare type TopShardsSortValue = ValueOf<typeof TOP_SHARDS_SORT_VALUES>;
 declare type TopQueriesSortValue = ValueOf<typeof TOP_QUERIES_SORT_VALUES>;

package/dist/utils/diagnostics.js

@@ -9,6 +9,7 @@ const TOP_QUERIES_SORT_VALUES = {
     ReadRows: 'ReadRows',
     ReadBytes: 'ReadBytes',
     UserSID: 'UserSID',
+    Duration: 'Duration',
 };
 export const isSortableTopShardsProperty = (value) => Object.values(TOP_SHARDS_SORT_VALUES).includes(value);
 export const isSortableTopQueriesProperty = (value) => Object.values(TOP_QUERIES_SORT_VALUES).includes(value);

package/dist/utils/i18n/i18n.d.ts

@@ -1,4 +1,4 @@
-import { I18N } from '@gravity-ui/i18n';
+import { I18N, KeysData } from '@gravity-ui/i18n';
 declare enum Lang {
     En = "en",
     Ru = "ru"
@@ -6,4 +6,5 @@ declare enum Lang {
 declare const defaultLang = Lang.En;
 declare const currentLang: Lang;
 declare const i18n: I18N;
+export declare function registerKeysets<Keyset extends KeysData>(id: string, data: Record<string, Keyset>): (key: Extract<keyof Keyset, string>, params?: import("@gravity-ui/i18n").Params | undefined) => string;
 export { i18n, Lang, currentLang, defaultLang };

package/dist/utils/i18n/i18n.js

@@ -1,5 +1,7 @@
 import { I18N } from '@gravity-ui/i18n';
 import { configure as configureUiKit } from '@gravity-ui/uikit';
+import { configure as configureUiKitComponents } from '@gravity-ui/components';
+import { configure as configureUiKitNavigation } from '@gravity-ui/navigation';
 import { configure as configureYdbUiComponents } from 'ydb-ui-components';
 import { LANGUAGE_KEY } from '../constants';
 import { settingsManager } from '../../services/settings';
@@ -10,8 +12,19 @@ var Lang;
 })(Lang || (Lang = {}));
 const defaultLang = Lang.En;
 const currentLang = settingsManager.readUserSettingsValue(LANGUAGE_KEY, defaultLang);
-const i18n = new I18N();
-i18n.setLang(currentLang);
+const i18n = new I18N({
+    lang: currentLang,
+    // Enable keysets with only en lang
+    fallbackLang: Lang.En,
+});
 configureYdbUiComponents({ lang: currentLang });
 configureUiKit({ lang: currentLang });
+configureUiKitComponents({ lang: currentLang });
+configureUiKitNavigation({ lang: currentLang });
+export function registerKeysets(id, data) {
+    for (const lang of Object.keys(data)) {
+        i18n.registerKeyset(lang, id, data[lang]);
+    }
+    return i18n.keyset(id);
+}
 export { i18n, Lang, currentLang, defaultLang };

package/dist/utils/monitoring.js

@@ -38,8 +38,6 @@ export function parseMonitoringData(monitoring) {
             return data;
         }
     }
-    catch (error) {
-        console.log(error);
-    }
+    catch (_a) { }
     return undefined;
 }

package/dist/utils/versions/getVersionsColors.js

@@ -20,7 +20,7 @@ export const COLORS = [
     '#3cb371',
     '#b22222', // firebrick
 ];
-export const GRAY_COLOR = '#bfbfbf'; // --yc-color-base-neutral-hover
+export const GRAY_COLOR = '#bfbfbf';
 export const getVersionsMap = (versions, initialMap = new Map()) => {
     versions.forEach((version) => {
         var _a;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ydb-embedded-ui",
-  "version": "5.0.0",
+  "version": "5.2.0",
   "files": [
     "dist"
   ],
@@ -11,15 +11,15 @@
   },
   "dependencies": {
     "@gravity-ui/axios-wrapper": "^1.3.0",
-    "@gravity-ui/chartkit": "^4.15.0",
-    "@gravity-ui/components": "^2.9.1",
-    "@gravity-ui/date-utils": "^1.1.1",
-    "@gravity-ui/i18n": "^1.0.0",
+    "@gravity-ui/chartkit": "^4.20.1",
+    "@gravity-ui/components": "^2.12.0",
+    "@gravity-ui/date-utils": "^1.4.2",
+    "@gravity-ui/i18n": "^1.2.0",
     "@gravity-ui/icons": "^2.8.1",
-    "@gravity-ui/navigation": "^1.8.0",
+    "@gravity-ui/navigation": "^1.9.0",
     "@gravity-ui/paranoid": "^1.4.0",
-    "@gravity-ui/react-data-table": "^1.0.3",
-    "@gravity-ui/uikit": "^5.24.0",
+    "@gravity-ui/react-data-table": "^1.2.0",
+    "@gravity-ui/uikit": "^5.30.1",
     "axios": "^0.21.2",
     "bem-cn-lite": "^4.1.0",
     "copy-to-clipboard": "^3.3.3",
@@ -32,6 +32,7 @@
     "qs": "^6.11.0",
     "react-error-boundary": "^4.0.12",
     "react-json-inspector": "^7.1.1",
+    "react-helmet-async": "2.0.4",
     "react-list": "^0.8.11",
     "react-monaco-editor": "^0.47.0",
     "react-redux": "^7.2.6",

package/dist/containers/Tenant/Diagnostics/TenantOverview/i18n/ru.json

@@ -1,26 +0,0 @@
-{
-    "no-data": "Нет данных",
-    "no-pools-data": "Нет данных о пулах",
-    "top-nodes.empty-data": "Нет узлов",
-    "title.pools": "Пулы",
-    "title.metrics": "Метрики",
-    "top-groups.empty-data": "Нет групп",
-    "top": "Топ",
-    "nodes": "узлов",
-    "shards": "шардов",
-    "groups": "групп",
-    "queries": "запросов",
-    "tables": "таблиц",
-    "by-pools-usage": "по использованию пулов",
-    "by-cpu-time": "по времени cpu",
-    "by-cpu-usage": "по использованию cpu",
-    "by-load": "по нагрузке",
-    "by-memory": "по памяти",
-    "by-usage": "по потреблению",
-    "by-size": "по размеру",
-    "charts.queries-per-second": "Количество запросов в секунду",
-    "charts.transaction-latency": "Задержка транзакций {{percentile}}",
-    "charts.cpu-usage": "Использование CPU",
-    "charts.storage-usage": "Использование хранилища",
-    "charts.memory-usage": "Использование памяти"
-}

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

@@ -1,20 +0,0 @@
-{
-    "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": "English",
-    "settings.invertedDisks.title": "Инвертированные индикаторы места на дисках",
-    "settings.useNodesEndpoint.title": "Сломать вкладку Nodes в диагностике",
-    "settings.useNodesEndpoint.popover": "Использовать эндпоинт /viewer/json/nodes для вкладки Nodes в диагностике. Может возвращать некорректные данные на некоторых версиях",
-    "settings.useVirtualTables.title": "Использовать таблицу с загрузкой данных по скроллу для вкладок Nodes и Storage",
-    "settings.useVirtualTables.popover": "Это улучшит производительность, но может работать нестабильно",
-    "settings.queryUseMultiSchema.title": "Разрешить запросы с несколькими результатами",
-    "settings.queryUseMultiSchema.popover": "Использовать для запросов схему 'multi', которая позволяет выполнять запросы с несколькими результатами. На версиях 23-3 и старше результат не возвращается вообще"
-}

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

@@ -1,11 +0,0 @@
-export function getHotKeys(currentSchemaPath: any, enableSampling: any): (dispatch: import("redux").Dispatch<import("redux").AnyAction>, getState: import(".").GetState) => Promise<any>;
-export function setHotKeysOptions(options: any): {
-    type: string;
-    data: any;
-};
-export default hotKeys;
-declare function hotKeys(state: {
-    loading: boolean;
-    data: {};
-    wasLoaded: boolean;
-} | undefined, action: any): any;

package/dist/store/reducers/hotKeys.js

@@ -1,34 +0,0 @@
-import { createRequestActionTypes, createApiRequest } from '../utils';
-const FETCH_HOT_KEYS = createRequestActionTypes('hot_keys', 'FETCH_HOT_KEYS');
-const SET_HOT_KEYS_OPTIONS = 'hot_keys/SET_HOT_KEYS_OPTIONS';
-const initialState = { loading: true, data: {}, wasLoaded: false };
-const hotKeys = function (state = initialState, action) {
-    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: {
-            return Object.assign(Object.assign({}, state), { error: action.error, loading: false });
-        }
-        case SET_HOT_KEYS_OPTIONS:
-            return Object.assign(Object.assign({}, state), action.data);
-        default:
-            return state;
-    }
-};
-export function getHotKeys(currentSchemaPath, enableSampling) {
-    return createApiRequest({
-        request: window.api.getHotKeys(currentSchemaPath, enableSampling),
-        actions: FETCH_HOT_KEYS,
-    });
-}
-export function setHotKeysOptions(options) {
-    return {
-        type: SET_HOT_KEYS_OPTIONS,
-        data: options,
-    };
-}
-export default hotKeys;