ydb-embedded-ui 5.2.1 → 5.4.0

package/dist/containers/Tenant/Diagnostics/TenantOverview/Healthcheck/IssuesViewer/IssueTree.d.ts

@@ -1,7 +1,7 @@
-import { IIssuesTree } from '../../../../../../types/store/healthcheck';
+import { IssuesTree } from '../../../../../../store/reducers/healthcheckInfo/types';
 import './IssueTree.scss';
 interface IssuesViewerProps {
-    issueTree: IIssuesTree;
+    issueTree: IssuesTree;
 }
 declare const IssueTree: ({ issueTree }: IssuesViewerProps) => JSX.Element;
 export default IssueTree;

package/dist/containers/Tenant/Diagnostics/TenantOverview/Healthcheck/IssuesViewer/IssueTree.js

@@ -1,20 +1,11 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
+import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useState } from 'react';
 import cn from 'bem-cn-lite';
 import _omit from 'lodash/omit';
 import JSONTree from 'react-json-inspector';
 import { TreeView } from 'ydb-ui-components';
+import { hcStatusToColorFlag } from '../../../../../../store/reducers/healthcheckInfo/utils';
 import { IssueTreeItem } from './IssueTreeItem';
 import './IssueTree.scss';
 const b = cn('issue-tree');
@@ -28,7 +19,7 @@ const IssueTree = ({ issueTree }) => {
             const toggleCollapsed = () => {
                 setCollapsedIssues((collapsedIssues) => (Object.assign(Object.assign({}, collapsedIssues), { [id]: !isCollapsed })));
             };
-            return (_jsxs(TreeView, Object.assign({ name: _jsx(IssueTreeItem, { status: status, message: message, type: type }), collapsed: isCollapsed, hasArrow: true, onClick: toggleCollapsed, onArrowClick: toggleCollapsed, level: level - 1 }, { children: [renderInfoPanel(_omit(rest, ['reason'])), renderTree(reasonsItems || [])] }), id));
+            return (_jsxs(TreeView, Object.assign({ name: _jsx(IssueTreeItem, { status: hcStatusToColorFlag[status], message: message, type: type }), collapsed: isCollapsed, hasArrow: true, onClick: toggleCollapsed, onArrowClick: toggleCollapsed, level: level - 1 }, { children: [renderInfoPanel(_omit(rest, ['reason'])), renderTree(reasonsItems || [])] }), id));
         });
     }, [issueTree, collapsedIssues]);
     const renderInfoPanel = useCallback((info) => {

package/dist/containers/Tenant/Diagnostics/TenantOverview/Healthcheck/IssuesViewer/IssueTreeItem/IssueTreeItem.d.ts

@@ -1,6 +1,7 @@
+import type { EFlag } from '../../../../../../../types/api/enums';
 import './IssueTreeItem.scss';
 interface IssueRowProps {
-    status: string;
+    status: EFlag;
     message: string;
     type: string;
     onClick?: VoidFunction;

package/dist/containers/Tenant/Diagnostics/TenantOverview/Healthcheck/IssuesViewer/IssueTreeItem/IssueTreeItem.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import cn from 'bem-cn-lite';
-import EntityStatus from '../../../../../../../components/EntityStatus/EntityStatus';
+import { EntityStatus } from '../../../../../../../components/EntityStatus/EntityStatus';
 import './IssueTreeItem.scss';
 const b = cn('issue-tree-item');
 export const IssueTreeItem = ({ status, message, type, onClick }) => {

package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantCpu/TenantCpu.js

@@ -6,5 +6,5 @@ import { TopNodesByCpu } from './TopNodesByCpu';
 import { TopShards } from './TopShards';
 import { TopQueries } from './TopQueries';
 export function TenantCpu({ path, additionalNodesProps }) {
-    return (_jsxs(_Fragment, { children: [_jsx(TenantDashboard, { charts: cpuDashboardConfig }), _jsx(TopNodesByLoad, { path: path, additionalNodesProps: additionalNodesProps }), _jsx(TopNodesByCpu, { path: path, additionalNodesProps: additionalNodesProps }), _jsx(TopShards, { path: path }), _jsx(TopQueries, { path: path })] }));
+    return (_jsxs(_Fragment, { children: [_jsx(TenantDashboard, { database: path, charts: cpuDashboardConfig }), _jsx(TopNodesByLoad, { path: path, additionalNodesProps: additionalNodesProps }), _jsx(TopNodesByCpu, { path: path, additionalNodesProps: additionalNodesProps }), _jsx(TopShards, { path: path }), _jsx(TopQueries, { path: path })] }));
 }

package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantCpu/TopNodesByCpu.js

@@ -1,7 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useDispatch } from 'react-redux';
 import { useCallback } from 'react';
-import { useAutofetcher, useSearchQuery, useTypedSelector } from '../../../../../utils/hooks';
+import { useAutofetcher, useSearchQuery, useTypedDispatch, useTypedSelector, } from '../../../../../utils/hooks';
 import { getTopNodesByCpu, selectTopNodesByCpu, setDataWasNotLoaded, } from '../../../../../store/reducers/tenantOverview/topNodesByCpu/topNodesByCpu';
 import { TENANT_DIAGNOSTICS_TABS_IDS } from '../../../../../store/reducers/tenant/constants';
 import { getTopNodesByCpuColumns } from '../../../../Nodes/getNodesColumns';
@@ -10,7 +9,7 @@ import { TenantOverviewTableLayout } from '../TenantOverviewTableLayout';
 import { getSectionTitle } from '../getSectionTitle';
 import i18n from '../i18n';
 export function TopNodesByCpu({ path, additionalNodesProps }) {
-    const dispatch = useDispatch();
+    const dispatch = useTypedDispatch();
     const query = useSearchQuery();
     const { wasLoaded, loading, error } = useTypedSelector((state) => state.topNodesByCpu);
     const { autorefresh } = useTypedSelector((state) => state.schema);

package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantCpu/TopNodesByLoad.js

@@ -1,7 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useDispatch } from 'react-redux';
 import { useCallback } from 'react';
-import { useAutofetcher, useSearchQuery, useTypedSelector } from '../../../../../utils/hooks';
+import { useAutofetcher, useSearchQuery, useTypedDispatch, useTypedSelector, } from '../../../../../utils/hooks';
 import { getTopNodesByLoad, selectTopNodesByLoad, setDataWasNotLoaded, } from '../../../../../store/reducers/tenantOverview/topNodesByLoad/topNodesByLoad';
 import { TENANT_DIAGNOSTICS_TABS_IDS } from '../../../../../store/reducers/tenant/constants';
 import { getTopNodesByLoadColumns } from '../../../../Nodes/getNodesColumns';
@@ -10,7 +9,7 @@ import { TenantOverviewTableLayout } from '../TenantOverviewTableLayout';
 import { getSectionTitle } from '../getSectionTitle';
 import i18n from '../i18n';
 export function TopNodesByLoad({ path, additionalNodesProps }) {
-    const dispatch = useDispatch();
+    const dispatch = useTypedDispatch();
     const query = useSearchQuery();
     const { wasLoaded, loading, error } = useTypedSelector((state) => state.topNodesByLoad);
     const { autorefresh } = useTypedSelector((state) => state.schema);

package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantCpu/TopQueries.js

@@ -1,11 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useDispatch } from 'react-redux';
 import { useHistory, useLocation } from 'react-router';
 import { useCallback } from 'react';
 import { TENANT_DIAGNOSTICS_TABS_IDS, TENANT_PAGE, TENANT_PAGES_IDS, TENANT_QUERY_TABS_ID, } from '../../../../../store/reducers/tenant/constants';
 import { fetchTenantOverviewTopQueries, setDataWasNotLoaded, } from '../../../../../store/reducers/tenantOverview/topQueries/tenantOverviewTopQueries';
 import { changeUserInput } from '../../../../../store/reducers/executeQuery';
-import { useAutofetcher, useTypedSelector } from '../../../../../utils/hooks';
+import { useAutofetcher, useTypedDispatch, useTypedSelector } from '../../../../../utils/hooks';
 import { parseQuery } from '../../../../../routes';
 import { TenantTabsGroups, getTenantPath } from '../../../TenantPages';
 import { getTenantOverviewTopQueriesColumns } from '../../TopQueries/getTopQueriesColumns';
@@ -13,7 +12,7 @@ import { TenantOverviewTableLayout } from '../TenantOverviewTableLayout';
 import { getSectionTitle } from '../getSectionTitle';
 import i18n from '../i18n';
 export function TopQueries({ path }) {
-    const dispatch = useDispatch();
+    const dispatch = useTypedDispatch();
     const location = useLocation();
     const history = useHistory();
     const query = parseQuery(location);

package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantCpu/TopShards.js

@@ -1,7 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useDispatch } from 'react-redux';
 import { useLocation } from 'react-router';
-import { useAutofetcher, useTypedSelector } from '../../../../../utils/hooks';
+import { useAutofetcher, useTypedDispatch, useTypedSelector } from '../../../../../utils/hooks';
 import { parseQuery } from '../../../../../routes';
 import { sendTenantOverviewTopShardsQuery, setDataWasNotLoaded, } from '../../../../../store/reducers/tenantOverview/topShards/tenantOverviewTopShards';
 import { TENANT_DIAGNOSTICS_TABS_IDS } from '../../../../../store/reducers/tenant/constants';
@@ -11,7 +10,7 @@ import { TenantOverviewTableLayout } from '../TenantOverviewTableLayout';
 import { getSectionTitle } from '../getSectionTitle';
 import i18n from '../i18n';
 export const TopShards = ({ path }) => {
-    const dispatch = useDispatch();
+    const dispatch = useTypedDispatch();
     const location = useLocation();
     const query = parseQuery(location);
     const { autorefresh, currentSchemaPath } = useTypedSelector((state) => state.schema);

package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantCpu/cpuDashboardConfig.js

@@ -1,12 +1,17 @@
 import i18n from '../i18n';
+const pools = ['IC', 'IO', 'Batch', 'User', 'System'];
+const getPoolMetricConfig = (poolName) => {
+    return {
+        target: `resources.cpu.${poolName}.usage`,
+        title: poolName,
+    };
+};
 export const cpuDashboardConfig = [
     {
         title: i18n('charts.cpu-usage'),
-        metrics: [
-            {
-                target: 'resources.cpu.usage',
-                title: i18n('charts.cpu-usage'),
-            },
-        ],
+        metrics: pools.map(getPoolMetricConfig),
+        options: {
+            dataType: 'percent',
+        },
     },
 ];

package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantDashboard/TenantDashboard.d.ts

@@ -6,7 +6,8 @@ export interface ChartConfig {
     options?: ChartOptions;
 }
 interface TenantDashboardProps {
+    database: string;
     charts: ChartConfig[];
 }
-export declare const TenantDashboard: ({ charts }: TenantDashboardProps) => JSX.Element;
+export declare const TenantDashboard: ({ database, charts }: TenantDashboardProps) => JSX.Element;
 export {};

package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantDashboard/TenantDashboard.js

@@ -9,7 +9,7 @@ import './TenantDashboard.scss';
 const CHART_WIDTH = 428;
 const CHART_WIDTH_FULL = 872;
 const b = cn('ydb-tenant-dashboard');
-export const TenantDashboard = ({ charts }) => {
+export const TenantDashboard = ({ database, charts }) => {
     const [isDashboardHidden, setIsDashboardHidden] = useState(true);
     const [timeFrame = '1h', setTimeframe] = useQueryParam('timeframe', StringParam);
     const { autorefresh } = useTypedSelector((state) => state.schema);
@@ -35,7 +35,7 @@ export const TenantDashboard = ({ charts }) => {
     const renderContent = () => {
         return charts.map((chartConfig) => {
             const chartId = chartConfig.metrics.map(({ target }) => target).join('&');
-            return (_jsx(MetricChart, { title: chartConfig.title, metrics: chartConfig.metrics, timeFrame: timeFrame, chartOptions: chartConfig.options, autorefresh: shouldRefresh, width: chartWidth, height: chartHeight, onChartDataStatusChange: handleChartDataStatusChange, isChartVisible: !isDashboardHidden }, chartId));
+            return (_jsx(MetricChart, { database: database, title: chartConfig.title, metrics: chartConfig.metrics, timeFrame: timeFrame, chartOptions: chartConfig.options, autorefresh: shouldRefresh, width: chartWidth, height: chartHeight, onChartDataStatusChange: handleChartDataStatusChange, isChartVisible: !isDashboardHidden }, chartId));
         });
     };
     return (_jsxs("div", Object.assign({ className: b(null), style: { display: isDashboardHidden ? 'none' : undefined } }, { children: [_jsx("div", Object.assign({ className: b('controls') }, { children: _jsx(TimeFrameSelector, { value: timeFrame, onChange: setTimeframe }) })), _jsx("div", Object.assign({ className: b('charts') }, { children: renderContent() }))] })));

package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantMemory/TenantMemory.js

@@ -3,5 +3,5 @@ import { TenantDashboard } from '../TenantDashboard/TenantDashboard';
 import { memoryDashboardConfig } from './memoryDashboardConfig';
 import { TopNodesByMemory } from './TopNodesByMemory';
 export function TenantMemory({ path }) {
-    return (_jsxs(_Fragment, { children: [_jsx(TenantDashboard, { charts: memoryDashboardConfig }), _jsx(TopNodesByMemory, { path: path })] }));
+    return (_jsxs(_Fragment, { children: [_jsx(TenantDashboard, { database: path, charts: memoryDashboardConfig }), _jsx(TopNodesByMemory, { path: path })] }));
 }

package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantMemory/TopNodesByMemory.js

@@ -1,7 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useDispatch } from 'react-redux';
 import { useCallback } from 'react';
-import { useAutofetcher, useTypedSelector, useSearchQuery } from '../../../../../utils/hooks';
+import { useAutofetcher, useTypedSelector, useSearchQuery, useTypedDispatch, } from '../../../../../utils/hooks';
 import { getTopNodesByMemory, selectTopNodesByMemory, setDataWasNotLoaded, } from '../../../../../store/reducers/tenantOverview/topNodesByMemory/topNodesByMemory';
 import { TENANT_DIAGNOSTICS_TABS_IDS } from '../../../../../store/reducers/tenant/constants';
 import { getTopNodesByMemoryColumns } from '../../../../Nodes/getNodesColumns';
@@ -10,7 +9,7 @@ import { TenantOverviewTableLayout } from '../TenantOverviewTableLayout';
 import { getSectionTitle } from '../getSectionTitle';
 import i18n from '../i18n';
 export function TopNodesByMemory({ path, additionalNodesProps }) {
-    const dispatch = useDispatch();
+    const dispatch = useTypedDispatch();
     const query = useSearchQuery();
     const { wasLoaded, loading, error } = useTypedSelector((state) => state.topNodesByMemory);
     const { autorefresh } = useTypedSelector((state) => state.schema);

package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantOverview.js

@@ -1,12 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback } from 'react';
-import { useDispatch } from 'react-redux';
 import { Loader } from '@gravity-ui/uikit';
-import EntityStatus from '../../../../components/EntityStatus/EntityStatus';
+import { EntityStatus } from '../../../../components/EntityStatus/EntityStatus';
 import { TENANT_DEFAULT_TITLE } from '../../../../utils/constants';
 import { TENANT_METRICS_TABS_IDS } from '../../../../store/reducers/tenant/constants';
 import { mapDatabaseTypeToDBName } from '../../utils/schema';
-import { useAutofetcher, useTypedSelector } from '../../../../utils/hooks';
+import { useAutofetcher, useTypedSelector, useTypedDispatch } from '../../../../utils/hooks';
 import { getTenantInfo, setDataWasNotLoaded } from '../../../../store/reducers/tenant/tenant';
 import { calculateTenantMetrics } from '../../../../store/reducers/tenants/utils';
 import { TenantCpu } from './TenantCpu/TenantCpu';
@@ -20,7 +19,7 @@ import './TenantOverview.scss';
 import { b } from './utils';
 export function TenantOverview({ tenantName, additionalTenantProps, additionalNodesProps, }) {
     var _a;
-    const dispatch = useDispatch();
+    const dispatch = useTypedDispatch();
     const { tenant, loading: tenantLoading, wasLoaded: tenantWasLoaded, metricsTab, } = useTypedSelector((state) => state.tenant);
     const { autorefresh } = useTypedSelector((state) => state.schema);
     const { issueTrees, issuesStatistics, selfCheckResult, fetchHealthcheck, loading: healthcheckLoading, wasLoaded: healthCheckWasLoaded, error: healthcheckError, } = useHealthcheck(tenantName);
@@ -34,7 +33,7 @@ export function TenantOverview({ tenantName, additionalTenantProps, additionalNo
         fetchTenant(isBackground);
         fetchHealthcheck(isBackground);
     }, [fetchTenant, fetchHealthcheck], autorefresh);
-    const { Name, State, Type } = tenant || {};
+    const { Name, Type, Overall } = tenant || {};
     const tenantType = mapDatabaseTypeToDBName(Type);
     const { cpu, blobStorage, tabletStorage, memory, cpuUsage, blobStorageLimit, tabletStorageLimit, memoryLimit, } = calculateTenantMetrics(tenant);
     // If there is table storage limit (data_size_hard_quota),
@@ -59,7 +58,7 @@ export function TenantOverview({ tenantName, additionalTenantProps, additionalNo
         tabletStorageLimit,
     };
     const renderName = () => {
-        return (_jsx("div", Object.assign({ className: b('tenant-name-wrapper') }, { children: _jsx(EntityStatus, { status: State, name: Name || TENANT_DEFAULT_TITLE, withLeftTrim: true, hasClipboardButton: Boolean(tenant), clipboardButtonAlwaysVisible: true }) })));
+        return (_jsx("div", Object.assign({ className: b('tenant-name-wrapper') }, { children: _jsx(EntityStatus, { status: Overall, name: Name || TENANT_DEFAULT_TITLE, withLeftTrim: true, hasClipboardButton: Boolean(tenant), clipboardButtonAlwaysVisible: true }) })));
     };
     const renderTabContent = () => {
         switch (metricsTab) {
@@ -76,7 +75,7 @@ export function TenantOverview({ tenantName, additionalTenantProps, additionalNo
                 return (_jsx(HealthcheckDetails, { issueTrees: issueTrees, loading: healthcheckLoading, wasLoaded: healthCheckWasLoaded, error: healthcheckError }));
             }
             default: {
-                return _jsx(DefaultOverviewContent, {});
+                return _jsx(DefaultOverviewContent, { database: tenantName });
             }
         }
     };

package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantOverviewTableLayout.js

@@ -1,14 +1,4 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
+import { __rest } from "tslib";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import DataTable from '@gravity-ui/react-data-table';
 import { TENANT_OVERVIEW_TABLES_LIMIT, TENANT_OVERVIEW_TABLES_SETTINGS, } from '../../../../utils/constants';

package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantStorage/TenantStorage.js

@@ -22,5 +22,5 @@ export function TenantStorage({ tenantName, metrics }) {
             value: (_jsx(ProgressViewer, { value: blobStorageUsed, capacity: blobStorageLimit, formatValues: formatStorageValues, colorizeProgress: true, warningThreshold: 75, dangerThreshold: 85 })),
         },
     ];
-    return (_jsxs(_Fragment, { children: [_jsx(TenantDashboard, { charts: storageDashboardConfig }), _jsx(InfoViewer, { className: b('storage-info'), title: "Storage details", info: info }), _jsx(TopTables, { path: tenantName }), _jsx(TopGroups, { tenant: tenantName })] }));
+    return (_jsxs(_Fragment, { children: [_jsx(TenantDashboard, { database: tenantName, charts: storageDashboardConfig }), _jsx(InfoViewer, { className: b('storage-info'), title: "Storage details", info: info }), _jsx(TopTables, { path: tenantName }), _jsx(TopGroups, { tenant: tenantName })] }));
 }

package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantStorage/TopGroups.js

@@ -1,7 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useCallback } from 'react';
-import { useDispatch } from 'react-redux';
-import { useAutofetcher, useSearchQuery, useTypedSelector } from '../../../../../utils/hooks';
+import { useAutofetcher, useSearchQuery, useTypedDispatch, useTypedSelector, } from '../../../../../utils/hooks';
 import { setDataWasNotLoaded, getTopStorageGroups, selectTopStorageGroups, } from '../../../../../store/reducers/tenantOverview/topStorageGroups/topStorageGroups';
 import { TENANT_DIAGNOSTICS_TABS_IDS } from '../../../../../store/reducers/tenant/constants';
 import { getStorageTopGroupsColumns } from '../../../../Storage/StorageGroups/getStorageGroupsColumns';
@@ -10,7 +9,7 @@ import { TenantOverviewTableLayout } from '../TenantOverviewTableLayout';
 import { getSectionTitle } from '../getSectionTitle';
 import i18n from '../i18n';
 export function TopGroups({ tenant }) {
-    const dispatch = useDispatch();
+    const dispatch = useTypedDispatch();
     const query = useSearchQuery();
     const { autorefresh } = useTypedSelector((state) => state.schema);
     const { loading, wasLoaded, error } = useTypedSelector((state) => state.topStorageGroups);

package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantStorage/TopTables.js

@@ -1,8 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useDispatch } from 'react-redux';
 import { useLocation } from 'react-router';
 import DataTable from '@gravity-ui/react-data-table';
-import { useAutofetcher, useTypedSelector } from '../../../../../utils/hooks';
+import { useAutofetcher, useTypedDispatch, useTypedSelector } from '../../../../../utils/hooks';
 import { fetchTopTables, setDataWasNotLoaded, } from '../../../../../store/reducers/tenantOverview/executeTopTables/executeTopTables';
 import { formatBytes, getSizeWithSignificantDigits } from '../../../../../utils/bytesParsers';
 import { LinkToSchemaObject } from '../../../../../components/LinkToSchemaObject/LinkToSchemaObject';
@@ -12,7 +11,7 @@ import { getSectionTitle } from '../getSectionTitle';
 import i18n from '../i18n';
 import '../TenantOverview.scss';
 export function TopTables({ path }) {
-    const dispatch = useDispatch();
+    const dispatch = useTypedDispatch();
     const location = useLocation();
     const { autorefresh } = useTypedSelector((state) => state.schema);
     const { loading, wasLoaded, error, data: { result: data = undefined } = {}, } = useTypedSelector((state) => state.executeTopTables);

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

@@ -18,7 +18,7 @@
     "by-size": "by size",
     "charts.queries-per-second": "Queries per second",
     "charts.transaction-latency": "Transactions latencies {{percentile}}",
-    "charts.cpu-usage": "CPU cores used",
+    "charts.cpu-usage": "CPU usage by pool",
     "charts.storage-usage": "Tablet storage usage",
     "charts.memory-usage": "Memory usage",
     "storage.tablet-storage-title": "Tablet storage",

package/dist/containers/Tenant/Diagnostics/TenantOverview/useHealthcheck.d.ts

@@ -1,8 +1,8 @@
-import type { IIssuesTree } from '../../../../types/store/healthcheck';
+import type { IssuesTree } from '../../../../store/reducers/healthcheckInfo/types';
 import { type StatusFlag, SelfCheckResult } from '../../../../types/api/healthcheck';
 import type { IResponseError } from '../../../../types/api/error';
 interface HealthcheckParams {
-    issueTrees: IIssuesTree[];
+    issueTrees: IssuesTree[];
     issuesStatistics: [StatusFlag, number][];
     fetchHealthcheck: (isBackground?: boolean) => void;
     loading: boolean;

package/dist/containers/Tenant/Diagnostics/TenantOverview/useHealthcheck.js

@@ -1,10 +1,9 @@
 import { useCallback } from 'react';
-import { useDispatch } from 'react-redux';
-import { getHealthcheckInfo, selectIssuesStatistics, selectIssuesTrees, setDataWasNotLoaded, } from '../../../../store/reducers/healthcheckInfo';
+import { getHealthcheckInfo, selectIssuesStatistics, selectIssuesTrees, setDataWasNotLoaded, } from '../../../../store/reducers/healthcheckInfo/healthcheckInfo';
 import { SelfCheckResult } from '../../../../types/api/healthcheck';
-import { useTypedSelector } from '../../../../utils/hooks/useTypedSelector';
+import { useTypedSelector, useTypedDispatch } from '../../../../utils/hooks';
 export const useHealthcheck = (tenantName) => {
-    const dispatch = useDispatch();
+    const dispatch = useTypedDispatch();
     const { data, loading, wasLoaded, error } = useTypedSelector((state) => state.healthcheckInfo);
     const selfCheckResult = (data === null || data === void 0 ? void 0 : data.self_check_result) || SelfCheckResult.UNSPECIFIED;
     const issuesStatistics = useTypedSelector(selectIssuesStatistics);

package/dist/containers/Tenant/Diagnostics/TopQueries/TopQueries.js

@@ -1,6 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useRef, useState } from 'react';
-import { useDispatch } from 'react-redux';
 import { useHistory, useLocation } from 'react-router';
 import cn from 'bem-cn-lite';
 import DataTable from '@gravity-ui/react-data-table';
@@ -11,7 +10,7 @@ import { changeUserInput } from '../../../../store/reducers/executeQuery';
 import { TENANT_PAGE, TENANT_PAGES_IDS, TENANT_QUERY_TABS_ID, } from '../../../../store/reducers/tenant/constants';
 import { setTopQueriesFilters, setTopQueriesState, fetchTopQueries, } from '../../../../store/reducers/executeTopQueries/executeTopQueries';
 import { HOUR_IN_SECONDS } from '../../../../utils/constants';
-import { useAutofetcher, useTypedSelector } from '../../../../utils/hooks';
+import { useAutofetcher, useTypedDispatch, useTypedSelector } from '../../../../utils/hooks';
 import { prepareQueryError } from '../../../../utils/query';
 import { parseQuery } from '../../../../routes';
 import { QUERY_TABLE_SETTINGS } from '../../utils/constants';
@@ -23,7 +22,7 @@ import i18n from './i18n';
 import './TopQueries.scss';
 const b = cn('kv-top-queries');
 export const TopQueries = ({ path, type }) => {
-    const dispatch = useDispatch();
+    const dispatch = useTypedDispatch();
     const location = useLocation();
     const history = useHistory();
     const { autorefresh } = useTypedSelector((state) => state.schema);
@@ -68,8 +67,6 @@ export const TopQueries = ({ path, type }) => {
                 data: undefined,
             }));
         }
-        // @ts-expect-error
-        // typed dispatch required, remove error expectation after adding it
         dispatch(fetchTopQueries({ database: path, filters })).then(setDefaultFiltersFromResponse);
     }, [dispatch, filters, path], autorefresh);
     const handleRowClick = useCallback((row) => {

package/dist/containers/Tenant/Diagnostics/TopShards/TopShards.js

@@ -1,6 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useEffect, useMemo } from 'react';
-import { useDispatch } from 'react-redux';
 import cn from 'bem-cn-lite';
 import { useLocation } from 'react-router';
 import DataTable from '@gravity-ui/react-data-table';
@@ -9,7 +8,7 @@ import { sendShardQuery, setShardsState, setShardsQueryFilters, } from '../../..
 import { EShardsWorkloadMode, } from '../../../../store/reducers/shardsWorkload/types';
 import { formatDateTime } from '../../../../utils/dataFormatters/dataFormatters';
 import { DEFAULT_TABLE_SETTINGS, HOUR_IN_SECONDS } from '../../../../utils/constants';
-import { useAutofetcher, useTypedSelector } from '../../../../utils/hooks';
+import { useAutofetcher, useTypedDispatch, useTypedSelector } from '../../../../utils/hooks';
 import { prepareQueryError } from '../../../../utils/query';
 import { isSortableTopShardsProperty } from '../../../../utils/diagnostics';
 import { isColumnEntityType } from '../../utils/schema';
@@ -61,7 +60,7 @@ function fillDateRangeFor(value) {
     return value;
 }
 export const TopShards = ({ tenantPath, type }) => {
-    const dispatch = useDispatch();
+    const dispatch = useTypedDispatch();
     const location = useLocation();
     const { autorefresh, currentSchemaPath } = useTypedSelector((state) => state.schema);
     const { loading, data: { result: data = undefined } = {}, filters: storeFilters, error, wasLoaded, } = useTypedSelector((state) => state.shardsWorkload);

package/dist/containers/Tenant/Info/ExternalDataSource/ExternalDataSource.js

@@ -3,7 +3,7 @@ import block from 'bem-cn-lite';
 import { useTypedSelector } from '../../../../utils/hooks';
 import { InfoViewer } from '../../../../components/InfoViewer';
 import { formatCommonItem } from '../../../../components/InfoViewer/formatters';
-import EntityStatus from '../../../../components/EntityStatus/EntityStatus';
+import { EntityStatus } from '../../../../components/EntityStatus/EntityStatus';
 import { ResponseError } from '../../../../components/Errors/ResponseError';
 import { getEntityName } from '../../utils';
 import i18n from '../i18n';

package/dist/containers/Tenant/Info/ExternalTable/ExternalTable.js

@@ -5,8 +5,8 @@ import { useTypedSelector } from '../../../../utils/hooks';
 import { createExternalUILink, parseQuery } from '../../../../routes';
 import { formatCommonItem } from '../../../../components/InfoViewer/formatters';
 import { InfoViewer } from '../../../../components/InfoViewer';
-import { ExternalLinkWithIcon } from '../../../../components/ExternalLinkWithIcon/ExternalLinkWithIcon';
-import EntityStatus from '../../../../components/EntityStatus/EntityStatus';
+import { LinkWithIcon } from '../../../../components/LinkWithIcon/LinkWithIcon';
+import { EntityStatus } from '../../../../components/EntityStatus/EntityStatus';
 import { ResponseError } from '../../../../components/Errors/ResponseError';
 import { getEntityName } from '../../utils';
 import i18n from '../i18n';
@@ -22,7 +22,7 @@ const prepareExternalTableSummary = (data, pathToDataSource) => {
         formatCommonItem('CreateStep', CreateStep),
         {
             label: i18n('external-objects.data-source'),
-            value: DataSourcePath && (_jsx("span", Object.assign({ title: DataSourcePath }, { children: _jsx(ExternalLinkWithIcon, { title: dataSourceName || '', url: pathToDataSource }) }))),
+            value: DataSourcePath && (_jsx("span", Object.assign({ title: DataSourcePath }, { children: _jsx(LinkWithIcon, { title: dataSourceName || '', url: pathToDataSource }) }))),
         },
     ];
 };

package/dist/containers/Tenant/ObjectGeneral/ObjectGeneral.d.ts

@@ -4,6 +4,7 @@ import type { AdditionalTenantsProps, AdditionalNodesProps } from '../../../type
 import './ObjectGeneral.scss';
 interface ObjectGeneralProps {
     type: EPathType;
+    tenantName: string;
     additionalTenantProps?: AdditionalTenantsProps;
     additionalNodesProps?: AdditionalNodesProps;
 }

package/dist/containers/Tenant/ObjectGeneral/ObjectGeneral.js

@@ -15,9 +15,9 @@ function ObjectGeneral(props) {
     const theme = useThemeValue();
     const [initialPage] = useSetting(TENANT_INITIAL_PAGE_KEY);
     const queryParams = parseQuery(location);
-    const { name: tenantName, tenantPage = initialPage } = queryParams;
+    const { tenantPage = initialPage } = queryParams;
     const renderTabContent = () => {
-        const { type, additionalTenantProps, additionalNodesProps } = props;
+        const { type, additionalTenantProps, additionalNodesProps, tenantName } = props;
         switch (tenantPage) {
             case TENANT_PAGES_IDS.query: {
                 return _jsx(Query, { path: tenantName, theme: theme, type: type });
@@ -28,6 +28,7 @@ function ObjectGeneral(props) {
         }
     };
     const renderContent = () => {
+        const { tenantName } = props;
         if (!tenantName) {
             return null;
         }

package/dist/containers/Tenant/ObjectSummary/ObjectSummary.js

@@ -4,7 +4,6 @@ import { Button, Tabs } from '@gravity-ui/uikit';
 import cn from 'bem-cn-lite';
 import qs from 'qs';
 import React, { useEffect, useReducer } from 'react';
-import { useDispatch } from 'react-redux';
 import { useLocation } from 'react-router';
 import { Link } from 'react-router-dom';
 import { ClipboardButton } from '../../../components/ClipboardButton';
@@ -20,7 +19,7 @@ import { setQueryTab, setSummaryTab, setTenantPage } from '../../../store/reduce
 import { EPathType, } from '../../../types/api/schema';
 import { DEFAULT_IS_TENANT_COMMON_INFO_COLLAPSED, DEFAULT_SIZE_TENANT_SUMMARY_KEY, } from '../../../utils/constants';
 import { formatDateTime } from '../../../utils/dataFormatters/dataFormatters';
-import { useTypedSelector } from '../../../utils/hooks';
+import { useTypedDispatch, useTypedSelector } from '../../../utils/hooks';
 import { Acl } from '../Acl/Acl';
 import i18n from '../i18n';
 import { ExternalDataSourceSummary } from '../Info/ExternalDataSource/ExternalDataSource';
@@ -61,7 +60,7 @@ function prepareOlapTableSchema(tableSchema = {}) {
 }
 export function ObjectSummary({ type, subType, onCollapseSummary, onExpandSummary, isCollapsed, }) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-    const dispatch = useDispatch();
+    const dispatch = useTypedDispatch();
     const [commonInfoVisibilityState, dispatchCommonInfoVisibilityState] = useReducer(paneVisibilityToggleReducerCreator(DEFAULT_IS_TENANT_COMMON_INFO_COLLAPSED), undefined, getTenantCommonInfoState);
     const { data, currentSchemaPath, currentSchema: currentItem = {}, loading: loadingSchema, } = useTypedSelector((state) => state.schema);
     const { summaryTab = TENANT_SUMMARY_TABS_IDS.overview } = useTypedSelector((state) => state.tenant);

package/dist/containers/Tenant/Query/ExecuteResult/ExecuteResult.js

@@ -3,7 +3,6 @@ import { RadioButton, Tabs } from '@gravity-ui/uikit';
 import cn from 'bem-cn-lite';
 import React, { useEffect, useState } from 'react';
 import JSONTree from 'react-json-inspector';
-import { useDispatch } from 'react-redux';
 import { ClipboardButton } from '../../../../components/ClipboardButton';
 import Divider from '../../../../components/Divider/Divider';
 import EnableFullscreenButton from '../../../../components/EnableFullscreenButton/EnableFullscreenButton';
@@ -12,7 +11,7 @@ import { QueryExecutionStatus } from '../../../../components/QueryExecutionStatu
 import { QueryResultTable } from '../../../../components/QueryResultTable/QueryResultTable';
 import { disableFullscreen } from '../../../../store/reducers/fullscreen';
 import { getArray } from '../../../../utils';
-import { useTypedSelector } from '../../../../utils/hooks';
+import { useTypedDispatch, useTypedSelector } from '../../../../utils/hooks';
 import { prepareQueryError } from '../../../../utils/query';
 import { PaneVisibilityToggleButtons } from '../../utils/paneVisibilityToggleHelpers';
 import { ResultIssues } from '../Issues/Issues';
@@ -33,7 +32,7 @@ export function ExecuteResult({ data, stats, error, isResultsCollapsed, onCollap
     const [selectedResultSet, setSelectedResultSet] = useState(0);
     const [activeSection, setActiveSection] = useState(resultOptionsIds.result);
     const isFullscreen = useTypedSelector((state) => state.fullscreen);
-    const dispatch = useDispatch();
+    const dispatch = useTypedDispatch();
     const resultsSetsCount = (_a = data === null || data === void 0 ? void 0 : data.resultSets) === null || _a === void 0 ? void 0 : _a.length;
     const isMulti = resultsSetsCount && resultsSetsCount > 0;
     const currentResult = isMulti ? (_b = data === null || data === void 0 ? void 0 : data.resultSets) === null || _b === void 0 ? void 0 : _b[selectedResultSet].result : data === null || data === void 0 ? void 0 : data.result;

package/dist/containers/Tenant/Query/ExplainResult/ExplainResult.js

@@ -1,6 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useEffect, useRef, useState } from 'react';
-import { useDispatch, useSelector } from 'react-redux';
 import cn from 'bem-cn-lite';
 import MonacoEditor from 'react-monaco-editor';
 import JSONTree from 'react-json-inspector';
@@ -14,6 +13,7 @@ import { QueryExecutionStatus } from '../../../../components/QueryExecutionStatu
 import { explainVersions } from '../../../../store/reducers/explainQuery';
 import { disableFullscreen } from '../../../../store/reducers/fullscreen';
 import { LANGUAGE_S_EXPRESSION_ID } from '../../../../utils/monaco';
+import { useTypedDispatch, useTypedSelector } from '../../../../utils/hooks';
 import { PaneVisibilityToggleButtons } from '../../utils/paneVisibilityToggleHelpers';
 import { renderExplainNode } from './utils';
 import './ExplainResult.scss';
@@ -69,9 +69,9 @@ function GraphRoot(props) {
     return _jsx("div", { id: "graphRoot", style: { height: '100vh' } });
 }
 export function ExplainResult(props) {
-    const dispatch = useDispatch();
+    const dispatch = useTypedDispatch();
     const [activeOption, setActiveOption] = useState(ExplainOptionIds.schema);
-    const isFullscreen = useSelector((state) => state.fullscreen);
+    const isFullscreen = useTypedSelector((state) => state.fullscreen);
     useEffect(() => {
         return () => {
             dispatch(disableFullscreen());

package/dist/containers/Tenant/Query/Issues/models.d.ts

@@ -1,4 +1,4 @@
 export declare const SEVERITY_LIST: readonly ["S_FATAL", "S_ERROR", "S_WARNING", "S_INFO"];
-export declare type SEVERITY = typeof SEVERITY_LIST[number];
+export type SEVERITY = typeof SEVERITY_LIST[number];
 export declare function isSeverity(value: number | undefined): boolean;
 export declare function getSeverity(value: number | undefined): "S_FATAL" | "S_ERROR" | "S_WARNING" | "S_INFO";