ydb-embedded-ui 6.6.1 → 6.7.0

package/dist/src/containers/Tenant/Diagnostics/TenantOverview/Healthcheck/HealthcheckPreview.js

@@ -1,28 +1,32 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import { ArrowsRotateRight } from '@gravity-ui/icons';
-import { Button, Icon } from '@gravity-ui/uikit';
+import { CircleCheck, CircleInfo, CircleQuestion, CircleXmark, TriangleExclamationFill, } from '@gravity-ui/icons';
+import { Icon } from '@gravity-ui/uikit';
 import { DiagnosticCard } from '../../../../../components/DiagnosticCard/DiagnosticCard';
-import { EntityStatus } from '../../../../../components/EntityStatus/EntityStatus';
 import { ResponseError } from '../../../../../components/Errors/ResponseError';
 import { Loader } from '../../../../../components/Loader';
-import { hcStatusToColorFlag } from '../../../../../store/reducers/healthcheckInfo/utils';
+import { healthcheckApi } from '../../../../../store/reducers/healthcheckInfo/healthcheckInfo';
+import { SelfCheckResult } from '../../../../../types/api/healthcheck';
 import { cn } from '../../../../../utils/cn';
+import { useAutoRefreshInterval } from '../../../../../utils/hooks';
 import i18n from './i18n';
 import './Healthcheck.scss';
 const b = cn('healthcheck');
+const icons = {
+    [SelfCheckResult.UNSPECIFIED]: CircleQuestion,
+    [SelfCheckResult.GOOD]: CircleCheck,
+    [SelfCheckResult.DEGRADED]: CircleInfo,
+    [SelfCheckResult.MAINTENANCE_REQUIRED]: CircleXmark,
+    [SelfCheckResult.EMERGENCY]: TriangleExclamationFill,
+};
 export function HealthcheckPreview(props) {
-    const { selfCheckResult, issuesStatistics, loading, onUpdate, error, active } = props;
+    const { tenantName, active } = props;
+    const [autoRefreshInterval] = useAutoRefreshInterval();
+    const { currentData: data, isFetching, error, } = healthcheckApi.useGetHealthcheckInfoQuery({ database: tenantName }, {
+        pollingInterval: autoRefreshInterval,
+    });
+    const loading = isFetching && data === undefined;
     const renderHeader = () => {
-        const modifier = selfCheckResult.toLowerCase();
-        if (loading) {
-            return null;
-        }
-        return (_jsxs("div", { className: b('preview-header'), children: [_jsxs("div", { className: b('preview-title-wrapper'), children: [_jsx("div", { className: b('preview-title'), children: i18n('title.healthcheck') }), _jsx(Button, { size: "s", onClick: (event) => {
-                                // FIXME: refactor card to remove the button from the anchor link.
-                                event.preventDefault();
-                                onUpdate();
-                            }, loading: loading, view: "flat-secondary", children: _jsx(Icon, { data: ArrowsRotateRight, size: 20 }) })] }), _jsx("div", { className: b('self-check-status-indicator', { [modifier]: true }), children: selfCheckResult })] }));
+        return (_jsx("div", { className: b('preview-header'), children: _jsx("div", { className: b('preview-title-wrapper'), children: _jsx("div", { className: b('preview-title'), children: i18n('title.healthcheck') }) }) }));
     };
     const renderContent = () => {
         if (error) {
@@ -31,7 +35,9 @@ export function HealthcheckPreview(props) {
         if (loading) {
             return _jsx(Loader, { size: "m" });
         }
-        return (_jsx("div", { className: b('preview-content'), children: !issuesStatistics || !issuesStatistics.length ? (i18n('status_message.ok')) : (_jsxs(React.Fragment, { children: [_jsx("div", { children: i18n('label.issues') }), _jsx("div", { className: b('issues-statistics'), children: issuesStatistics.map(([status, count]) => (_jsx(EntityStatus, { mode: "icons", status: hcStatusToColorFlag[status], label: count.toString(), size: "l" }, status))) })] })) }));
+        const selfCheckResult = (data === null || data === void 0 ? void 0 : data.self_check_result) || SelfCheckResult.UNSPECIFIED;
+        const modifier = selfCheckResult.toLowerCase();
+        return (_jsx("div", { className: b('preview-content'), children: _jsxs("div", { className: b('preview-issue', { [modifier]: true }), children: [_jsx(Icon, { className: b('preview-status-icon'), data: icons[selfCheckResult] }), _jsx("div", { className: b('self-check-status-indicator'), children: selfCheckResult.replace(/_/g, ' ') })] }) }));
     };
     return (_jsxs(DiagnosticCard, { className: b('preview'), active: active, children: [renderHeader(), renderContent()] }));
 }

package/dist/src/containers/Tenant/Diagnostics/TenantOverview/MetricsCards/MetricsCards.d.ts

@@ -1,5 +1,4 @@
 import type { TenantMetricStats, TenantPoolsStats, TenantStorageStats } from '../../../../../store/reducers/tenants/utils';
-import type { SelfCheckResult, StatusFlag } from '../../../../../types/api/healthcheck';
 import './MetricsCards.scss';
 export interface TenantMetrics {
     memoryUsed?: number;
@@ -14,12 +13,7 @@ interface MetricsCardsProps {
     memoryStats?: TenantMetricStats[];
     blobStorageStats?: TenantStorageStats[];
     tabletStorageStats?: TenantStorageStats[];
-    issuesStatistics?: [StatusFlag, number][];
-    selfCheckResult: SelfCheckResult;
-    fetchHealthcheck: VoidFunction;
-    healthcheckLoading?: boolean;
-    healthCheckWasLoaded?: boolean;
-    healthcheckError?: unknown;
+    tenantName: string;
 }
-export declare function MetricsCards({ poolsCpuStats, memoryStats, blobStorageStats, tabletStorageStats, issuesStatistics, selfCheckResult, fetchHealthcheck, healthcheckLoading, healthcheckError, }: MetricsCardsProps): import("react/jsx-runtime").JSX.Element;
+export declare function MetricsCards({ poolsCpuStats, memoryStats, blobStorageStats, tabletStorageStats, tenantName, }: MetricsCardsProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -13,7 +13,7 @@ import i18n from '../i18n';
 import { MetricCard } from './MetricCard/MetricCard';
 import './MetricsCards.scss';
 const b = cn('metrics-cards');
-export function MetricsCards({ poolsCpuStats, memoryStats, blobStorageStats, tabletStorageStats, issuesStatistics, selfCheckResult, fetchHealthcheck, healthcheckLoading, healthcheckError, }) {
+export function MetricsCards({ poolsCpuStats, memoryStats, blobStorageStats, tabletStorageStats, tenantName, }) {
     const location = useLocation();
     const { metricsTab } = useTypedSelector((state) => state.tenant);
     const queryParams = parseQuery(location);
@@ -30,7 +30,7 @@ export function MetricsCards({ poolsCpuStats, memoryStats, blobStorageStats, tab
         [TENANT_METRICS_TABS_IDS.memory]: getTenantPath(Object.assign(Object.assign({}, queryParams), { [TenantTabsGroups.metricsTab]: getTabIfNotActive(TENANT_METRICS_TABS_IDS.memory) })),
         [TENANT_METRICS_TABS_IDS.healthcheck]: getTenantPath(Object.assign(Object.assign({}, queryParams), { [TenantTabsGroups.metricsTab]: getTabIfNotActive(TENANT_METRICS_TABS_IDS.healthcheck) })),
     };
-    return (_jsxs("div", { className: b(), children: [_jsx(Link, { to: tabLinks.cpu, className: b('tab'), children: _jsx(CPUCard, { poolsCpuStats: poolsCpuStats, active: metricsTab === TENANT_METRICS_TABS_IDS.cpu }) }), _jsx(Link, { to: tabLinks.storage, className: b('tab'), children: _jsx(StorageCard, { blobStorageStats: blobStorageStats, tabletStorageStats: tabletStorageStats, active: metricsTab === TENANT_METRICS_TABS_IDS.storage }) }), _jsx(Link, { to: tabLinks.memory, className: b('tab'), children: _jsx(MemoryCard, { memoryStats: memoryStats, active: metricsTab === TENANT_METRICS_TABS_IDS.memory }) }), _jsx(Link, { to: tabLinks.healthcheck, className: b('tab'), children: _jsx(HealthcheckPreview, { selfCheckResult: selfCheckResult, issuesStatistics: issuesStatistics, onUpdate: fetchHealthcheck, loading: healthcheckLoading, error: healthcheckError, active: metricsTab === TENANT_METRICS_TABS_IDS.healthcheck }) })] }));
+    return (_jsxs("div", { className: b(), children: [_jsx(Link, { to: tabLinks.cpu, className: b('tab'), children: _jsx(CPUCard, { poolsCpuStats: poolsCpuStats, active: metricsTab === TENANT_METRICS_TABS_IDS.cpu }) }), _jsx(Link, { to: tabLinks.storage, className: b('tab'), children: _jsx(StorageCard, { blobStorageStats: blobStorageStats, tabletStorageStats: tabletStorageStats, active: metricsTab === TENANT_METRICS_TABS_IDS.storage }) }), _jsx(Link, { to: tabLinks.memory, className: b('tab'), children: _jsx(MemoryCard, { memoryStats: memoryStats, active: metricsTab === TENANT_METRICS_TABS_IDS.memory }) }), _jsx(Link, { to: tabLinks.healthcheck, className: b('tab'), children: _jsx(HealthcheckPreview, { tenantName: tenantName, active: metricsTab === TENANT_METRICS_TABS_IDS.healthcheck }) })] }));
 }
 function CPUCard({ poolsCpuStats = [], active }) {
     let status = METRIC_STATUS.Unspecified;

package/dist/src/containers/Tenant/Diagnostics/TenantOverview/TenantCpu/TenantCpu.d.ts

@@ -1,7 +1,7 @@
 import type { AdditionalNodesProps } from '../../../../../types/additionalProps';
 interface TenantCpuProps {
-    path: string;
+    tenantName: string;
     additionalNodesProps?: AdditionalNodesProps;
 }
-export declare function TenantCpu({ path, additionalNodesProps }: TenantCpuProps): import("react/jsx-runtime").JSX.Element;
+export declare function TenantCpu({ tenantName, additionalNodesProps }: TenantCpuProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -6,6 +6,6 @@ import { TopNodesByLoad } from './TopNodesByLoad';
 import { TopQueries } from './TopQueries';
 import { TopShards } from './TopShards';
 import { cpuDashboardConfig } from './cpuDashboardConfig';
-export function TenantCpu({ path, additionalNodesProps }) {
-    return (_jsxs(React.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 })] }));
+export function TenantCpu({ tenantName, additionalNodesProps }) {
+    return (_jsxs(React.Fragment, { children: [_jsx(TenantDashboard, { database: tenantName, charts: cpuDashboardConfig }), _jsx(TopNodesByLoad, { tenantName: tenantName, additionalNodesProps: additionalNodesProps }), _jsx(TopNodesByCpu, { tenantName: tenantName, additionalNodesProps: additionalNodesProps }), _jsx(TopShards, { tenantName: tenantName, path: tenantName }), _jsx(TopQueries, { tenantName: tenantName })] }));
 }

package/dist/src/containers/Tenant/Diagnostics/TenantOverview/TenantCpu/TopNodesByCpu.d.ts

@@ -1,7 +1,7 @@
 import type { AdditionalNodesProps } from '../../../../../types/additionalProps';
 interface TopNodesByCpuProps {
-    path: string;
+    tenantName: string;
     additionalNodesProps?: AdditionalNodesProps;
 }
-export declare function TopNodesByCpu({ path, additionalNodesProps }: TopNodesByCpuProps): import("react/jsx-runtime").JSX.Element;
+export declare function TopNodesByCpu({ tenantName, additionalNodesProps }: TopNodesByCpuProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,17 +1,17 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { TENANT_DIAGNOSTICS_TABS_IDS } from '../../../../../store/reducers/tenant/constants';
 import { topNodesApi } from '../../../../../store/reducers/tenantOverview/topNodes/topNodes';
-import { useSearchQuery, useTypedSelector } from '../../../../../utils/hooks';
+import { useAutoRefreshInterval, useSearchQuery } from '../../../../../utils/hooks';
 import { NODES_COLUMNS_WIDTH_LS_KEY, getTopNodesByCpuColumns, } from '../../../../Nodes/getNodesColumns';
 import { TenantTabsGroups, getTenantPath } from '../../../TenantPages';
 import { TenantOverviewTableLayout } from '../TenantOverviewTableLayout';
 import { getSectionTitle } from '../getSectionTitle';
 import i18n from '../i18n';
-export function TopNodesByCpu({ path, additionalNodesProps }) {
+export function TopNodesByCpu({ tenantName, additionalNodesProps }) {
     const query = useSearchQuery();
-    const { autorefresh } = useTypedSelector((state) => state.schema);
+    const [autoRefreshInterval] = useAutoRefreshInterval();
     const columns = getTopNodesByCpuColumns(additionalNodesProps === null || additionalNodesProps === void 0 ? void 0 : additionalNodesProps.getNodeRef);
-    const { currentData, isFetching, error } = topNodesApi.useGetTopNodesQuery({ tenant: path, sortValue: 'CPU' }, { pollingInterval: autorefresh });
+    const { currentData, isFetching, error } = topNodesApi.useGetTopNodesQuery({ tenant: tenantName, sortValue: 'CPU' }, { pollingInterval: autoRefreshInterval });
     const loading = isFetching && currentData === undefined;
     const topNodes = currentData;
     const title = getSectionTitle({

package/dist/src/containers/Tenant/Diagnostics/TenantOverview/TenantCpu/TopNodesByLoad.d.ts

@@ -1,7 +1,7 @@
 import type { AdditionalNodesProps } from '../../../../../types/additionalProps';
 interface TopNodesByLoadProps {
-    path: string;
+    tenantName: string;
     additionalNodesProps?: AdditionalNodesProps;
 }
-export declare function TopNodesByLoad({ path, additionalNodesProps }: TopNodesByLoadProps): import("react/jsx-runtime").JSX.Element;
+export declare function TopNodesByLoad({ tenantName, additionalNodesProps }: TopNodesByLoadProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,17 +1,17 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { TENANT_DIAGNOSTICS_TABS_IDS } from '../../../../../store/reducers/tenant/constants';
 import { topNodesApi } from '../../../../../store/reducers/tenantOverview/topNodes/topNodes';
-import { useSearchQuery, useTypedSelector } from '../../../../../utils/hooks';
+import { useAutoRefreshInterval, useSearchQuery } from '../../../../../utils/hooks';
 import { NODES_COLUMNS_WIDTH_LS_KEY, getTopNodesByLoadColumns, } from '../../../../Nodes/getNodesColumns';
 import { TenantTabsGroups, getTenantPath } from '../../../TenantPages';
 import { TenantOverviewTableLayout } from '../TenantOverviewTableLayout';
 import { getSectionTitle } from '../getSectionTitle';
 import i18n from '../i18n';
-export function TopNodesByLoad({ path, additionalNodesProps }) {
+export function TopNodesByLoad({ tenantName, additionalNodesProps }) {
     const query = useSearchQuery();
-    const { autorefresh } = useTypedSelector((state) => state.schema);
+    const [autoRefreshInterval] = useAutoRefreshInterval();
     const columns = getTopNodesByLoadColumns(additionalNodesProps === null || additionalNodesProps === void 0 ? void 0 : additionalNodesProps.getNodeRef);
-    const { currentData, isFetching, error } = topNodesApi.useGetTopNodesQuery({ tenant: path, sortValue: 'LoadAverage' }, { pollingInterval: autorefresh });
+    const { currentData, isFetching, error } = topNodesApi.useGetTopNodesQuery({ tenant: tenantName, sortValue: 'LoadAverage' }, { pollingInterval: autoRefreshInterval });
     const loading = isFetching && currentData === undefined;
     const topNodes = currentData;
     const title = getSectionTitle({

package/dist/src/containers/Tenant/Diagnostics/TenantOverview/TenantCpu/TopQueries.d.ts

@@ -1,5 +1,5 @@
 interface TopQueriesProps {
-    path: string;
+    tenantName: string;
 }
-export declare function TopQueries({ path }: TopQueriesProps): import("react/jsx-runtime").JSX.Element;
+export declare function TopQueries({ tenantName }: TopQueriesProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -5,7 +5,7 @@ import { parseQuery } from '../../../../../routes';
 import { changeUserInput } from '../../../../../store/reducers/executeQuery';
 import { TENANT_DIAGNOSTICS_TABS_IDS, TENANT_PAGE, TENANT_PAGES_IDS, TENANT_QUERY_TABS_ID, } from '../../../../../store/reducers/tenant/constants';
 import { topQueriesApi } from '../../../../../store/reducers/tenantOverview/topQueries/tenantOverviewTopQueries';
-import { useTypedDispatch, useTypedSelector } from '../../../../../utils/hooks';
+import { useAutoRefreshInterval, useTypedDispatch } from '../../../../../utils/hooks';
 import { parseQueryErrorToString } from '../../../../../utils/query';
 import { TenantTabsGroups, getTenantPath } from '../../../TenantPages';
 import { TOP_QUERIES_COLUMNS_WIDTH_LS_KEY, getTenantOverviewTopQueriesColumns, } from '../../TopQueries/getTopQueriesColumns';
@@ -13,14 +13,14 @@ import { TenantOverviewTableLayout } from '../TenantOverviewTableLayout';
 import { getSectionTitle } from '../getSectionTitle';
 import i18n from '../i18n';
 import { b } from '../utils';
-export function TopQueries({ path }) {
+export function TopQueries({ tenantName }) {
     const dispatch = useTypedDispatch();
     const location = useLocation();
     const history = useHistory();
     const query = parseQuery(location);
-    const { autorefresh } = useTypedSelector((state) => state.schema);
+    const [autoRefreshInterval] = useAutoRefreshInterval();
     const columns = getTenantOverviewTopQueriesColumns();
-    const { currentData, isFetching, error } = topQueriesApi.useGetOverviewTopQueriesQuery({ database: path }, { pollingInterval: autorefresh });
+    const { currentData, isFetching, error } = topQueriesApi.useGetOverviewTopQueriesQuery({ database: tenantName }, { pollingInterval: autoRefreshInterval });
     const loading = isFetching && currentData === undefined;
     const { result: data } = currentData || {};
     const handleRowClick = React.useCallback((row) => {

package/dist/src/containers/Tenant/Diagnostics/TenantOverview/TenantCpu/TopShards.d.ts

@@ -1,5 +1,6 @@
 interface TopShardsProps {
+    tenantName: string;
     path: string;
 }
-export declare const TopShards: ({ path }: TopShardsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TopShards: ({ tenantName, path }: TopShardsProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -3,21 +3,21 @@ import { useLocation } from 'react-router';
 import { parseQuery } from '../../../../../routes';
 import { TENANT_DIAGNOSTICS_TABS_IDS } from '../../../../../store/reducers/tenant/constants';
 import { topShardsApi } from '../../../../../store/reducers/tenantOverview/topShards/tenantOverviewTopShards';
-import { useTypedSelector } from '../../../../../utils/hooks';
+import { useAutoRefreshInterval } from '../../../../../utils/hooks';
 import { parseQueryErrorToString } from '../../../../../utils/query';
 import { TenantTabsGroups, getTenantPath } from '../../../TenantPages';
 import { TOP_SHARDS_COLUMNS_WIDTH_LS_KEY, getTopShardsColumns, } from '../../TopShards/getTopShardsColumns';
 import { TenantOverviewTableLayout } from '../TenantOverviewTableLayout';
 import { getSectionTitle } from '../getSectionTitle';
 import i18n from '../i18n';
-export const TopShards = ({ path }) => {
+export const TopShards = ({ tenantName, path }) => {
     const location = useLocation();
     const query = parseQuery(location);
-    const { autorefresh, currentSchemaPath } = useTypedSelector((state) => state.schema);
-    const { currentData, isFetching, error } = topShardsApi.useGetTopShardsQuery({ database: path, path: currentSchemaPath }, { pollingInterval: autorefresh });
+    const [autoRefreshInterval] = useAutoRefreshInterval();
+    const { currentData, isFetching, error } = topShardsApi.useGetTopShardsQuery({ database: tenantName, path }, { pollingInterval: autoRefreshInterval });
     const loading = isFetching && currentData === undefined;
     const { result: data } = currentData || {};
-    const columns = getTopShardsColumns(path, location);
+    const columns = getTopShardsColumns(tenantName, location);
     const title = getSectionTitle({
         entity: i18n('shards'),
         postfix: i18n('by-cpu-usage'),

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

@@ -4,7 +4,7 @@ import { StringParam, useQueryParam } from 'use-query-params';
 import { MetricChart } from '../../../../../components/MetricChart';
 import { TimeFrameSelector } from '../../../../../components/TimeFrameSelector/TimeFrameSelector';
 import { cn } from '../../../../../utils/cn';
-import { useTypedSelector } from '../../../../../utils/hooks';
+import { useAutoRefreshInterval } from '../../../../../utils/hooks';
 import './TenantDashboard.scss';
 const CHART_WIDTH = 428;
 const CHART_WIDTH_FULL = 872;
@@ -12,9 +12,9 @@ const b = cn('ydb-tenant-dashboard');
 export const TenantDashboard = ({ database, charts }) => {
     const [isDashboardHidden, setIsDashboardHidden] = React.useState(true);
     const [timeFrame = '1h', setTimeframe] = useQueryParam('timeframe', StringParam);
-    const { autorefresh } = useTypedSelector((state) => state.schema);
+    const [autoRefreshInterval] = useAutoRefreshInterval();
     // Refetch data only if dashboard successfully loaded
-    const shouldRefresh = isDashboardHidden ? 0 : autorefresh;
+    const shouldRefresh = isDashboardHidden ? 0 : autoRefreshInterval;
     /**
      * Charts should be hidden, if they are not enabled:
      * 1. GraphShard is not enabled

package/dist/src/containers/Tenant/Diagnostics/TenantOverview/TenantMemory/TenantMemory.d.ts

@@ -1,5 +1,5 @@
 interface TenantMemoryProps {
-    path: string;
+    tenantName: string;
 }
-export declare function TenantMemory({ path }: TenantMemoryProps): import("react/jsx-runtime").JSX.Element;
+export declare function TenantMemory({ tenantName }: TenantMemoryProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

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

package/dist/src/containers/Tenant/Diagnostics/TenantOverview/TenantMemory/TopNodesByMemory.d.ts

@@ -1,7 +1,7 @@
 import type { AdditionalNodesProps } from '../../../../../types/additionalProps';
 interface TopNodesByMemoryProps {
-    path: string;
+    tenantName: string;
     additionalNodesProps?: AdditionalNodesProps;
 }
-export declare function TopNodesByMemory({ path, additionalNodesProps }: TopNodesByMemoryProps): import("react/jsx-runtime").JSX.Element;
+export declare function TopNodesByMemory({ tenantName, additionalNodesProps }: TopNodesByMemoryProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,19 +1,19 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { TENANT_DIAGNOSTICS_TABS_IDS } from '../../../../../store/reducers/tenant/constants';
 import { topNodesApi } from '../../../../../store/reducers/tenantOverview/topNodes/topNodes';
-import { useSearchQuery, useTypedSelector } from '../../../../../utils/hooks';
+import { useAutoRefreshInterval, useSearchQuery } from '../../../../../utils/hooks';
 import { NODES_COLUMNS_WIDTH_LS_KEY, getTopNodesByMemoryColumns, } from '../../../../Nodes/getNodesColumns';
 import { TenantTabsGroups, getTenantPath } from '../../../TenantPages';
 import { TenantOverviewTableLayout } from '../TenantOverviewTableLayout';
 import { getSectionTitle } from '../getSectionTitle';
 import i18n from '../i18n';
-export function TopNodesByMemory({ path, additionalNodesProps }) {
+export function TopNodesByMemory({ tenantName, additionalNodesProps }) {
     const query = useSearchQuery();
-    const { autorefresh } = useTypedSelector((state) => state.schema);
+    const [autoRefreshInterval] = useAutoRefreshInterval();
     const columns = getTopNodesByMemoryColumns({
         getNodeRef: additionalNodesProps === null || additionalNodesProps === void 0 ? void 0 : additionalNodesProps.getNodeRef,
     });
-    const { currentData, isFetching, error } = topNodesApi.useGetTopNodesQuery({ tenant: path, sortValue: 'Memory' }, { pollingInterval: autorefresh });
+    const { currentData, isFetching, error } = topNodesApi.useGetTopNodesQuery({ tenant: tenantName, sortValue: 'Memory' }, { pollingInterval: autoRefreshInterval });
     const loading = isFetching && currentData === undefined;
     const topNodes = currentData;
     const title = getSectionTitle({

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

@@ -5,7 +5,7 @@ import { TENANT_METRICS_TABS_IDS } from '../../../../store/reducers/tenant/const
 import { tenantApi } from '../../../../store/reducers/tenant/tenant';
 import { calculateTenantMetrics } from '../../../../store/reducers/tenants/utils';
 import { TENANT_DEFAULT_TITLE } from '../../../../utils/constants';
-import { useTypedSelector } from '../../../../utils/hooks';
+import { useAutoRefreshInterval, useTypedSelector } from '../../../../utils/hooks';
 import { mapDatabaseTypeToDBName } from '../../utils/schema';
 import { DefaultOverviewContent } from './DefaultOverviewContent/DefaultOverviewContent';
 import { HealthcheckDetails } from './Healthcheck/HealthcheckDetails';
@@ -13,16 +13,14 @@ import { MetricsCards } from './MetricsCards/MetricsCards';
 import { TenantCpu } from './TenantCpu/TenantCpu';
 import { TenantMemory } from './TenantMemory/TenantMemory';
 import { TenantStorage } from './TenantStorage/TenantStorage';
-import { useHealthcheck } from './useHealthcheck';
 import { b } from './utils';
 import './TenantOverview.scss';
 export function TenantOverview({ tenantName, additionalTenantProps, additionalNodesProps, }) {
     var _a;
     const { metricsTab } = useTypedSelector((state) => state.tenant);
-    const { autorefresh } = useTypedSelector((state) => state.schema);
-    const { issueTrees, issuesStatistics, selfCheckResult, loading: healthcheckLoading, error: healthcheckError, refetch: fetchHealthcheck, } = useHealthcheck(tenantName, { autorefresh });
+    const [autoRefreshInterval] = useAutoRefreshInterval();
     const { currentData: tenant, isFetching } = tenantApi.useGetTenantInfoQuery({ path: tenantName }, {
-        pollingInterval: autorefresh,
+        pollingInterval: autoRefreshInterval,
     });
     const tenantLoading = isFetching && tenant === undefined;
     const { Name, Type, Overall } = tenant || {};
@@ -40,16 +38,16 @@ export function TenantOverview({ tenantName, additionalTenantProps, additionalNo
     const renderTabContent = () => {
         switch (metricsTab) {
             case TENANT_METRICS_TABS_IDS.cpu: {
-                return _jsx(TenantCpu, { path: tenantName, additionalNodesProps: additionalNodesProps });
+                return (_jsx(TenantCpu, { tenantName: tenantName, additionalNodesProps: additionalNodesProps }));
             }
             case TENANT_METRICS_TABS_IDS.storage: {
                 return _jsx(TenantStorage, { tenantName: tenantName, metrics: storageMetrics });
             }
             case TENANT_METRICS_TABS_IDS.memory: {
-                return _jsx(TenantMemory, { path: tenantName });
+                return _jsx(TenantMemory, { tenantName: tenantName });
             }
             case TENANT_METRICS_TABS_IDS.healthcheck: {
-                return (_jsx(HealthcheckDetails, { issueTrees: issueTrees, loading: healthcheckLoading, error: healthcheckError }));
+                return _jsx(HealthcheckDetails, { tenantName: tenantName });
             }
             default: {
                 return _jsx(DefaultOverviewContent, { database: tenantName });
@@ -59,5 +57,5 @@ export function TenantOverview({ tenantName, additionalTenantProps, additionalNo
     if (tenantLoading) {
         return (_jsx("div", { className: b('loader'), children: _jsx(Loader, { size: "m" }) }));
     }
-    return (_jsxs("div", { className: b(), children: [_jsxs("div", { className: b('info'), children: [_jsx("div", { className: b('top-label'), children: tenantType }), _jsxs("div", { className: b('top'), children: [renderName(), (_a = additionalTenantProps === null || additionalTenantProps === void 0 ? void 0 : additionalTenantProps.getMonitoringLink) === null || _a === void 0 ? void 0 : _a.call(additionalTenantProps, Name, Type)] }), _jsx(MetricsCards, { poolsCpuStats: poolsStats, memoryStats: memoryStats, blobStorageStats: blobStorageStats, tabletStorageStats: tabletStorageStats, issuesStatistics: issuesStatistics, selfCheckResult: selfCheckResult, fetchHealthcheck: fetchHealthcheck, healthcheckLoading: healthcheckLoading, healthcheckError: healthcheckError })] }), renderTabContent()] }));
+    return (_jsxs("div", { className: b(), children: [_jsxs("div", { className: b('info'), children: [_jsx("div", { className: b('top-label'), children: tenantType }), _jsxs("div", { className: b('top'), children: [renderName(), (_a = additionalTenantProps === null || additionalTenantProps === void 0 ? void 0 : additionalTenantProps.getMonitoringLink) === null || _a === void 0 ? void 0 : _a.call(additionalTenantProps, Name, Type)] }), _jsx(MetricsCards, { poolsCpuStats: poolsStats, memoryStats: memoryStats, blobStorageStats: blobStorageStats, tabletStorageStats: tabletStorageStats, tenantName: tenantName })] }), renderTabContent()] }));
 }

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { TENANT_DIAGNOSTICS_TABS_IDS } from '../../../../../store/reducers/tenant/constants';
 import { topStorageGroupsApi } from '../../../../../store/reducers/tenantOverview/topStorageGroups/topStorageGroups';
-import { useSearchQuery, useTypedSelector } from '../../../../../utils/hooks';
+import { useAutoRefreshInterval, useSearchQuery } from '../../../../../utils/hooks';
 import { STORAGE_GROUPS_COLUMNS_WIDTH_LS_KEY, getStorageTopGroupsColumns, } from '../../../../Storage/StorageGroups/getStorageGroupsColumns';
 import { TenantTabsGroups, getTenantPath } from '../../../TenantPages';
 import { TenantOverviewTableLayout } from '../TenantOverviewTableLayout';
@@ -9,9 +9,9 @@ import { getSectionTitle } from '../getSectionTitle';
 import i18n from '../i18n';
 export function TopGroups({ tenant }) {
     const query = useSearchQuery();
-    const { autorefresh } = useTypedSelector((state) => state.schema);
+    const [autoRefreshInterval] = useAutoRefreshInterval();
     const columns = getStorageTopGroupsColumns();
-    const { currentData, isFetching, error } = topStorageGroupsApi.useGetTopStorageGroupsQuery({ tenant }, { pollingInterval: autorefresh });
+    const { currentData, isFetching, error } = topStorageGroupsApi.useGetTopStorageGroupsQuery({ tenant }, { pollingInterval: autoRefreshInterval });
     const loading = isFetching && currentData === undefined;
     const topGroups = currentData;
     const title = getSectionTitle({

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

@@ -5,7 +5,7 @@ import { CellWithPopover } from '../../../../../components/CellWithPopover/CellW
 import { LinkToSchemaObject } from '../../../../../components/LinkToSchemaObject/LinkToSchemaObject';
 import { topTablesApi } from '../../../../../store/reducers/tenantOverview/executeTopTables/executeTopTables';
 import { formatBytes, getSizeWithSignificantDigits } from '../../../../../utils/bytesParsers';
-import { useTypedSelector } from '../../../../../utils/hooks';
+import { useAutoRefreshInterval } from '../../../../../utils/hooks';
 import { parseQueryErrorToString } from '../../../../../utils/query';
 import { TenantOverviewTableLayout } from '../TenantOverviewTableLayout';
 import { getSectionTitle } from '../getSectionTitle';
@@ -14,8 +14,8 @@ import '../TenantOverview.scss';
 const TOP_TABLES_COLUMNS_WIDTH_LS_KEY = 'topTablesTableColumnsWidth';
 export function TopTables({ path }) {
     const location = useLocation();
-    const { autorefresh } = useTypedSelector((state) => state.schema);
-    const { currentData, error, isFetching } = topTablesApi.useGetTopTablesQuery({ path }, { pollingInterval: autorefresh });
+    const [autoRefreshInterval] = useAutoRefreshInterval();
+    const { currentData, error, isFetching } = topTablesApi.useGetTopTablesQuery({ path }, { pollingInterval: autoRefreshInterval });
     const loading = isFetching && currentData === undefined;
     const { result: data } = currentData || {};
     const formatSize = (value) => {

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

@@ -2,7 +2,7 @@ import { healthcheckApi, selectIssuesStatistics, selectIssuesTrees, } from '../.
 import { SelfCheckResult } from '../../../../types/api/healthcheck';
 import { useTypedSelector } from '../../../../utils/hooks';
 export const useHealthcheck = (tenantName, { autorefresh } = {}) => {
-    const { currentData: data, isFetching, error, refetch, } = healthcheckApi.useGetHealthcheckInfoQuery(tenantName, {
+    const { currentData: data, isFetching, error, refetch, } = healthcheckApi.useGetHealthcheckInfoQuery({ database: tenantName }, {
         pollingInterval: autorefresh,
     });
     const selfCheckResult = (data === null || data === void 0 ? void 0 : data.self_check_result) || SelfCheckResult.UNSPECIFIED;

package/dist/src/containers/Tenant/Diagnostics/TopQueries/TopQueries.d.ts

@@ -1,8 +1,8 @@
 import type { EPathType } from '../../../../types/api/schema';
 import './TopQueries.scss';
 interface TopQueriesProps {
-    path: string;
+    tenantName: string;
     type?: EPathType;
 }
-export declare const TopQueries: ({ path, type }: TopQueriesProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TopQueries: ({ tenantName, type }: TopQueriesProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -11,7 +11,7 @@ import { setTopQueriesFilters, topQueriesApi, } from '../../../../store/reducers
 import { TENANT_PAGE, TENANT_PAGES_IDS, TENANT_QUERY_TABS_ID, } from '../../../../store/reducers/tenant/constants';
 import { cn } from '../../../../utils/cn';
 import { isSortableTopQueriesProperty } from '../../../../utils/diagnostics';
-import { useTypedDispatch, useTypedSelector } from '../../../../utils/hooks';
+import { useAutoRefreshInterval, useTypedDispatch, useTypedSelector } from '../../../../utils/hooks';
 import { parseQueryErrorToString } from '../../../../utils/query';
 import { TenantTabsGroups, getTenantPath } from '../../TenantPages';
 import { QUERY_TABLE_SETTINGS } from '../../utils/constants';
@@ -20,16 +20,16 @@ import { TOP_QUERIES_COLUMNS_WIDTH_LS_KEY, getTopQueriesColumns } from './getTop
 import i18n from './i18n';
 import './TopQueries.scss';
 const b = cn('kv-top-queries');
-export const TopQueries = ({ path, type }) => {
+export const TopQueries = ({ tenantName, type }) => {
     const dispatch = useTypedDispatch();
     const location = useLocation();
     const history = useHistory();
-    const { autorefresh } = useTypedSelector((state) => state.schema);
+    const [autoRefreshInterval] = useAutoRefreshInterval();
     const filters = useTypedSelector((state) => state.executeTopQueries);
     const { currentData, isFetching, error } = topQueriesApi.useGetTopQueriesQuery({
-        database: path,
+        database: tenantName,
         filters,
-    }, { pollingInterval: autorefresh });
+    }, { pollingInterval: autoRefreshInterval });
     const loading = isFetching && currentData === undefined;
     const { result: data } = currentData || {};
     const rawColumns = getTopQueriesColumns();

package/dist/src/containers/Tenant/Diagnostics/TopShards/TopShards.d.ts

@@ -1,8 +1,9 @@
 import type { EPathType } from '../../../../types/api/schema';
 import './TopShards.scss';
 interface TopShardsProps {
-    tenantPath: string;
+    tenantName: string;
+    path: string;
     type?: EPathType;
 }
-export declare const TopShards: ({ tenantPath, type }: TopShardsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TopShards: ({ tenantName, path, type }: TopShardsProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -10,7 +10,7 @@ import { cn } from '../../../../utils/cn';
 import { DEFAULT_TABLE_SETTINGS, HOUR_IN_SECONDS } from '../../../../utils/constants';
 import { formatDateTime } from '../../../../utils/dataFormatters/dataFormatters';
 import { isSortableTopShardsProperty } from '../../../../utils/diagnostics';
-import { useTypedDispatch, useTypedSelector } from '../../../../utils/hooks';
+import { useAutoRefreshInterval, useTypedDispatch, useTypedSelector } from '../../../../utils/hooks';
 import { parseQueryErrorToString } from '../../../../utils/query';
 import { isColumnEntityType } from '../../utils/schema';
 import { Filters } from './Filters';
@@ -60,10 +60,10 @@ function fillDateRangeFor(value) {
     value.from = value.to - HOUR_IN_SECONDS * 1000;
     return value;
 }
-export const TopShards = ({ tenantPath, type }) => {
+export const TopShards = ({ tenantName, path, type }) => {
     const dispatch = useTypedDispatch();
     const location = useLocation();
-    const { autorefresh, currentSchemaPath } = useTypedSelector((state) => state.schema);
+    const [autoRefreshInterval] = useAutoRefreshInterval();
     const storeFilters = useTypedSelector((state) => state.shardsWorkload);
     // default filters shouldn't propagate into URL until user interacts with the control
     // redux initial value can't be used, as it synchronizes with URL
@@ -79,11 +79,11 @@ export const TopShards = ({ tenantPath, type }) => {
     });
     const [sortOrder, setSortOrder] = React.useState(tableColumnsNames.CPUCores);
     const { data: result, isFetching, error, } = shardApi.useSendShardQueryQuery({
-        database: tenantPath,
-        path: currentSchemaPath,
+        database: tenantName,
+        path: path,
         sortOrder: stringToQuerySortOrder(sortOrder),
         filters,
-    }, { pollingInterval: autorefresh });
+    }, { pollingInterval: autoRefreshInterval });
     const loading = isFetching && result === undefined;
     const { result: data } = result !== null && result !== void 0 ? result : {};
     const onSort = (newSortOrder) => {
@@ -110,7 +110,7 @@ export const TopShards = ({ tenantPath, type }) => {
         setFilters((state) => (Object.assign(Object.assign({}, state), newStateValue)));
     };
     const tableColumns = React.useMemo(() => {
-        const rawColumns = getShardsWorkloadColumns(tenantPath, location);
+        const rawColumns = getShardsWorkloadColumns(tenantName, location);
         const columns = rawColumns.map((column) => (Object.assign(Object.assign({}, column), { sortable: isSortableTopShardsProperty(column.name) })));
         if (filters.mode === EShardsWorkloadMode.History) {
             // after NodeId
@@ -129,7 +129,7 @@ export const TopShards = ({ tenantPath, type }) => {
             });
         }
         return columns;
-    }, [filters.mode, tenantPath, location]);
+    }, [filters.mode, location, tenantName]);
     const renderControls = () => {
         return _jsx(Filters, { value: filters, onChange: handleFiltersChange });
     };

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

@@ -1,10 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { EntityStatus } from '../../../../components/EntityStatus/EntityStatus';
-import { ResponseError } from '../../../../components/Errors/ResponseError';
 import { InfoViewer } from '../../../../components/InfoViewer';
 import { formatCommonItem } from '../../../../components/InfoViewer/formatters';
 import { cn } from '../../../../utils/cn';
-import { useTypedSelector } from '../../../../utils/hooks';
 import { getEntityName } from '../../utils';
 import i18n from '../i18n';
 import './ExternalDataSource.scss';
@@ -38,10 +36,6 @@ const prepareExternalDataSourceInfo = (data) => {
 };
 const ExternalDataSource = ({ data, prepareData }) => {
     const entityName = getEntityName(data === null || data === void 0 ? void 0 : data.PathDescription);
-    const { error: schemaError } = useTypedSelector((state) => state.schema);
-    if (schemaError) {
-        return _jsx(ResponseError, { error: schemaError });
-    }
     if (!data) {
         return _jsxs("div", { className: "error", children: ["No ", entityName, " data"] });
     }