ydb-embedded-ui 9.3.1 → 9.4.1

package/dist/containers/Tenant/Diagnostics/TenantOverview/Healthcheck/HealthcheckPreview.d.ts

@@ -1,4 +1,4 @@
-import './Healthcheck.scss';
+import './HealthcheckPreview.scss';
 interface HealthcheckPreviewProps {
     tenantName: string;
     active?: boolean;

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

@@ -1,31 +1,31 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-import { CircleCheck, CircleInfo, CircleQuestion, CircleXmark, TriangleExclamationFill, } from '@gravity-ui/icons';
-import { Icon, Popover } from '@gravity-ui/uikit';
-import { DiagnosticCard } from '../../../../../components/DiagnosticCard/DiagnosticCard';
+import { Alert, Button, Flex, Icon, Popover, Skeleton } from '@gravity-ui/uikit';
 import { ResponseError } from '../../../../../components/Errors/ResponseError';
-import { Loader } from '../../../../../components/Loader';
 import { useClusterBaseInfo } from '../../../../../store/reducers/cluster/cluster';
 import { healthcheckApi } from '../../../../../store/reducers/healthcheckInfo/healthcheckInfo';
 import { SelfCheckResult } from '../../../../../types/api/healthcheck';
 import { cn } from '../../../../../utils/cn';
-import { useAutoRefreshInterval, useTypedSelector } from '../../../../../utils/hooks';
+import { useAutoRefreshInterval } from '../../../../../utils/hooks';
+import { HEALTHCHECK_RESULT_TO_ICON, HEALTHCHECK_RESULT_TO_TEXT } from '../../../constants';
+import { useTenantQueryParams } from '../../../useTenantQueryParams';
 import i18n from './i18n';
 import CircleExclamationIcon from '@gravity-ui/icons/svgs/circle-exclamation.svg';
-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,
+import './HealthcheckPreview.scss';
+const b = cn('ydb-healthcheck-preview');
+const checkResultToAlertTheme = {
+    [SelfCheckResult.UNSPECIFIED]: 'normal',
+    [SelfCheckResult.GOOD]: 'success',
+    [SelfCheckResult.DEGRADED]: 'info',
+    [SelfCheckResult.MAINTENANCE_REQUIRED]: 'warning',
+    [SelfCheckResult.EMERGENCY]: 'danger',
 };
 export function HealthcheckPreview(props) {
-    const { tenantName, active } = props;
+    var _a;
+    const { tenantName } = props;
     const [autoRefreshInterval] = useAutoRefreshInterval();
-    const { metricsTab } = useTypedSelector((state) => state.tenant);
     const { name } = useClusterBaseInfo();
+    const { handleShowHealthcheckChange } = useTenantQueryParams();
     const healthcheckPreviewDisabled = name === 'ydb_ru';
     const { currentData: data, isFetching, error, } = healthcheckApi.useGetHealthcheckInfoQuery({ database: tenantName }, {
         //FIXME https://github.com/ydb-platform/ydb-embedded-ui/issues/1889
@@ -34,10 +34,10 @@ export function HealthcheckPreview(props) {
     });
     const [getHealthcheckQuery, { currentData: manualData, isFetching: isFetchingManually }] = healthcheckApi.useLazyGetHealthcheckInfoQuery();
     React.useEffect(() => {
-        if (metricsTab === 'healthcheck' && healthcheckPreviewDisabled) {
+        if (healthcheckPreviewDisabled) {
             getHealthcheckQuery({ database: tenantName });
         }
-    }, [metricsTab, healthcheckPreviewDisabled, tenantName, getHealthcheckQuery]);
+    }, [healthcheckPreviewDisabled, tenantName, getHealthcheckQuery]);
     React.useEffect(() => {
         const fetchHealthcheck = () => {
             if (healthcheckPreviewDisabled) {
@@ -50,20 +50,21 @@ export function HealthcheckPreview(props) {
         };
     }, [tenantName, healthcheckPreviewDisabled, getHealthcheckQuery]);
     const loading = (isFetching && data === undefined) || (isFetchingManually && manualData === undefined);
-    const renderHeader = () => {
-        return (_jsx("div", { className: b('preview-header'), children: _jsxs("div", { className: b('preview-title-wrapper'), children: [_jsx("div", { className: b('preview-title'), children: i18n('title.healthcheck') }), healthcheckPreviewDisabled ? (_jsx(Popover, { content: 'Healthcheck is disabled. Please update healthcheck manually.', placement: ['top'], className: b('icon-wrapper'), children: () => (_jsx(Icon, { size: 16, className: b('icon-warn'), data: CircleExclamationIcon })) })) : null] }) }));
-    };
-    const renderContent = () => {
+    const selfCheckResult = (data === null || data === void 0 ? void 0 : data.self_check_result) || (manualData === null || manualData === void 0 ? void 0 : manualData.self_check_result) || SelfCheckResult.UNSPECIFIED;
+    const modifier = selfCheckResult.toLowerCase();
+    if (loading) {
+        return _jsx(Skeleton, { className: b('skeleton') });
+    }
+    const issuesCount = (_a = data === null || data === void 0 ? void 0 : data.issue_log) === null || _a === void 0 ? void 0 : _a.filter((issue) => !issue.reason).length;
+    const issuesText = issuesCount ? i18n('description_problems', { count: issuesCount }) : '';
+    const renderAlertMessage = () => {
         if (error) {
-            return _jsx(ResponseError, { error: error, defaultMessage: i18n('no-data') });
-        }
-        if (loading) {
-            return _jsx(Loader, { size: "m" });
+            return _jsx(ResponseError, { error: error, defaultMessage: i18n('description_no-data') });
         }
-        const selfCheckResult = (data === null || data === void 0 ? void 0 : data.self_check_result) || (manualData === null || manualData === void 0 ? void 0 : manualData.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(Flex, { gap: 1, alignItems: "center", justifyContent: 'space-between', className: b('alert-message'), children: [_jsxs(Flex, { gap: 1, alignItems: "center", children: [HEALTHCHECK_RESULT_TO_TEXT[selfCheckResult], issuesText ? ` ${issuesText}` : '', healthcheckPreviewDisabled ? (_jsx(Popover, { content: 'Healthcheck is disabled. Please update healthcheck manually.', placement: ['top'], className: b('icon-wrapper'), children: () => _jsx(Icon, { size: 16, data: CircleExclamationIcon }) })) : null] }), issuesCount && (_jsx(Button, { onClick: () => {
+                        handleShowHealthcheckChange(true);
+                    }, children: i18n('action_review-issues') }))] }));
     };
-    return (_jsxs(DiagnosticCard, { className: b('preview'), active: active, children: [renderHeader(), renderContent()] }));
+    return (_jsx(Alert, { className: b(), theme: checkResultToAlertTheme[selfCheckResult], view: error ? 'outlined' : 'filled', message: renderAlertMessage(), icon: _jsx(Icon, { size: 18, data: HEALTHCHECK_RESULT_TO_ICON[selfCheckResult], className: b('icon', { [modifier]: true }) }) }));
 }
 //# sourceMappingURL=HealthcheckPreview.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"HealthcheckPreview.js","sourceRoot":"","sources":["../../../../../../src/containers/Tenant/Diagnostics/TenantOverview/Healthcheck/HealthcheckPreview.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"HealthcheckPreview.js","sourceRoot":"","sources":["../../../../../../src/containers/Tenant/Diagnostics/TenantOverview/Healthcheck/HealthcheckPreview.tsx"],"names":[],"mappings":"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"}

package/dist/containers/Tenant/Diagnostics/TenantOverview/Healthcheck/HealthcheckPreview.scss

@@ -0,0 +1,41 @@
+.ydb-healthcheck-preview {
+    $block: &;
+
+    &__icon-wrapper {
+        display: inline-flex;
+
+        color: var(--g-color-text-warning);
+    }
+
+    &__skeleton {
+        width: 100%;
+        height: 60px;
+    }
+
+    &__alert-message {
+        height: 30px;
+    }
+
+    &__icon {
+        display: flex;
+
+        height: 100%;
+        margin: auto;
+
+        &_good {
+            color: var(--g-color-text-positive);
+        }
+        &_degraded {
+            color: var(--g-color-text-info);
+        }
+        &_emergency {
+            color: var(--g-color-text-danger);
+        }
+        &_unspecified {
+            color: var(--g-color-text-misc);
+        }
+        &_maintenance_required {
+            color: var(--g-color-text-warning-heavy);
+        }
+    }
+}

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

@@ -1,8 +1,10 @@
 {
-    "title.healthcheck": "Healthcheck",
-    "label.update": "Update",
-    "label.show-details": "Show details",
-    "label.issues": "Issues:",
-    "status_message.ok": "No issues",
-    "no-data": "no healthcheck data"
+    "description_problems": [
+        "There is {{count}} issue.",
+        "There are {{count}} issues.",
+        "There are {{count}} issues.",
+        "There are {{count}} issues."
+    ],
+    "action_review-issues": "Review issues",
+    "description_no-data": "No healthcheck data"
 }

package/dist/containers/Tenant/Diagnostics/TenantOverview/Healthcheck/i18n/index.d.ts

@@ -1,2 +1,2 @@
-declare const _default: (key: "no-data" | "title.healthcheck" | "label.update" | "label.show-details" | "label.issues" | "status_message.ok", params?: import("@gravity-ui/i18n").Params) => string;
+declare const _default: (key: "description_no-data" | "description_problems" | "action_review-issues", params?: import("@gravity-ui/i18n").Params) => string;
 export default _default;

package/dist/containers/Tenant/Diagnostics/TenantOverview/Healthcheck/i18n/index.js

@@ -1,6 +1,5 @@
 import { registerKeysets } from '../../../../../../utils/i18n';
 import en from './en.json';
-import ru from './ru.json';
 const COMPONENT = 'ydb-diagnostics-healthcheck';
-export default registerKeysets(COMPONENT, { ru, en });
+export default registerKeysets(COMPONENT, { en });
 //# sourceMappingURL=index.js.map

package/dist/containers/Tenant/Diagnostics/TenantOverview/Healthcheck/i18n/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/containers/Tenant/Diagnostics/TenantOverview/Healthcheck/i18n/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAE7D,OAAO,EAAE,MAAM,WAAW,CAAC;AAC3B,OAAO,EAAE,MAAM,WAAW,CAAC;AAE3B,MAAM,SAAS,GAAG,6BAA6B,CAAC;AAEhD,eAAe,eAAe,CAAC,SAAS,EAAE,EAAC,EAAE,EAAE,EAAE,EAAC,CAAC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/containers/Tenant/Diagnostics/TenantOverview/Healthcheck/i18n/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAE7D,OAAO,EAAE,MAAM,WAAW,CAAC;AAE3B,MAAM,SAAS,GAAG,6BAA6B,CAAC;AAEhD,eAAe,eAAe,CAAC,SAAS,EAAE,EAAC,EAAE,EAAC,CAAC,CAAC"}

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

@@ -9,6 +9,8 @@ interface MetricCardProps {
     label?: string;
     status?: MetricStatus;
     metrics: DiagnosticsCardMetric[];
+    interactive?: boolean;
+    note?: string;
 }
-export declare function MetricCard({ active, label, status, metrics }: MetricCardProps): import("react/jsx-runtime").JSX.Element;
+export declare function MetricCard({ active, label, status, metrics, interactive, note }: MetricCardProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Flex, HelpMark } from '@gravity-ui/uikit';
 import { DiagnosticCard } from '../../../../../../components/DiagnosticCard/DiagnosticCard';
 import { ProgressViewer } from '../../../../../../components/ProgressViewer/ProgressViewer';
 import { StatusIcon } from '../../../../../../components/StatusIcon/StatusIcon';
@@ -19,12 +20,18 @@ const getStatusIcon = (status) => {
     }
     return null;
 };
-export function MetricCard({ active, label, status, metrics }) {
+export function MetricCard({ active, label, status, metrics, interactive, note }) {
     const renderContent = () => {
         return metrics.map(({ title, ...progressViewerProps }, index) => {
             return (_jsxs("div", { className: b('metric'), children: [_jsx("div", { className: b('metric-title'), children: title }), _jsx(ProgressViewer, { size: "xs", colorizeProgress: true, ...progressViewerProps })] }, index));
         });
     };
-    return (_jsxs(DiagnosticCard, { className: b({ active }), active: active, children: [_jsxs("div", { className: b('header'), children: [label && _jsx("div", { className: b('label'), children: label }), getStatusIcon(status)] }), _jsx("div", { className: b('content'), children: renderContent() })] }));
+    const renderNote = () => {
+        if (!note) {
+            return null;
+        }
+        return (_jsx(HelpMark, { placement: "top", className: b('note'), children: note }));
+    };
+    return (_jsxs(DiagnosticCard, { className: b({ active }), active: active, interactive: interactive, children: [_jsxs("div", { className: b('header'), children: [label && (_jsxs(Flex, { gap: 1, alignItems: "center", className: b('label'), children: [label, renderNote()] })), getStatusIcon(status)] }), _jsx("div", { className: b('content'), children: renderContent() })] }));
 }
 //# sourceMappingURL=MetricCard.js.map

package/dist/containers/Tenant/Diagnostics/TenantOverview/MetricsCards/MetricCard/MetricCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"MetricCard.js","sourceRoot":"","sources":["../../../../../../../src/containers/Tenant/Diagnostics/TenantOverview/MetricsCards/MetricCard/MetricCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,cAAc,EAAC,MAAM,4DAA4D,CAAC;AAC1F,OAAO,EAAC,cAAc,EAAC,MAAM,4DAA4D,CAAC;AAE1F,OAAO,EAAC,UAAU,EAAC,MAAM,oDAAoD,CAAC;AAE9E,OAAO,EAAC,KAAK,EAAC,MAAM,mCAAmC,CAAC;AACxD,OAAO,EAAC,EAAE,EAAC,MAAM,4BAA4B,CAAC;AAE9C,OAAO,mBAAmB,CAAC;AAE3B,MAAM,CAAC,GAAG,EAAE,CAAC,kBAAkB,CAAC,CAAC;AAEjC,MAAM,aAAa,GAAG,CAAC,MAAqB,EAAE,EAAE;IAC5C,IAAI,WAA8B,CAAC;IAEnC,IAAI,MAAM,KAAK,SAAS,EAAE,CAAC;QACvB,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC;IAC/B,CAAC;IACD,IAAI,MAAM,KAAK,QAAQ,EAAE,CAAC;QACtB,WAAW,GAAG,KAAK,CAAC,GAAG,CAAC;IAC5B,CAAC;IAED,IAAI,WAAW,EAAE,CAAC;QACd,OAAO,KAAC,UAAU,IAAC,MAAM,EAAE,WAAW,EAAE,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,GAAG,GAAG,CAAC;IACrE,CAAC;IAED,OAAO,IAAI,CAAC;AAChB,CAAC,CAAC;AAaF,MAAM,UAAU,UAAU,CAAC,EAAC,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAkB;IACxE,MAAM,aAAa,GAAG,GAAG,EAAE;QACvB,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC,EAAC,KAAK,EAAE,GAAG,mBAAmB,EAAC,EAAE,KAAK,EAAE,EAAE;YAC1D,OAAO,CACH,eAAiB,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,aACnC,cAAK,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,YAAG,KAAK,GAAO,EAChD,KAAC,cAAc,IAAC,IAAI,EAAC,IAAI,EAAC,gBAAgB,EAAE,IAAI,KAAM,mBAAmB,GAAI,KAFvE,KAAK,CAGT,CACT,CAAC;QACN,CAAC,CAAC,CAAC;IACP,CAAC,CAAC;IACF,OAAO,CACH,MAAC,cAAc,IAAC,SAAS,EAAE,CAAC,CAAC,EAAC,MAAM,EAAC,CAAC,EAAE,MAAM,EAAE,MAAM,aAClD,eAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,aACtB,KAAK,IAAI,cAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YAAG,KAAK,GAAO,EAClD,aAAa,CAAC,MAAM,CAAC,IACpB,EACN,cAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,YAAG,aAAa,EAAE,GAAO,IACxC,CACpB,CAAC;AACN,CAAC"}
+{"version":3,"file":"MetricCard.js","sourceRoot":"","sources":["../../../../../../../src/containers/Tenant/Diagnostics/TenantOverview/MetricsCards/MetricCard/MetricCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAEjD,OAAO,EAAC,cAAc,EAAC,MAAM,4DAA4D,CAAC;AAC1F,OAAO,EAAC,cAAc,EAAC,MAAM,4DAA4D,CAAC;AAE1F,OAAO,EAAC,UAAU,EAAC,MAAM,oDAAoD,CAAC;AAE9E,OAAO,EAAC,KAAK,EAAC,MAAM,mCAAmC,CAAC;AACxD,OAAO,EAAC,EAAE,EAAC,MAAM,4BAA4B,CAAC;AAE9C,OAAO,mBAAmB,CAAC;AAE3B,MAAM,CAAC,GAAG,EAAE,CAAC,kBAAkB,CAAC,CAAC;AAEjC,MAAM,aAAa,GAAG,CAAC,MAAqB,EAAE,EAAE;IAC5C,IAAI,WAA8B,CAAC;IAEnC,IAAI,MAAM,KAAK,SAAS,EAAE,CAAC;QACvB,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC;IAC/B,CAAC;IACD,IAAI,MAAM,KAAK,QAAQ,EAAE,CAAC;QACtB,WAAW,GAAG,KAAK,CAAC,GAAG,CAAC;IAC5B,CAAC;IAED,IAAI,WAAW,EAAE,CAAC;QACd,OAAO,KAAC,UAAU,IAAC,MAAM,EAAE,WAAW,EAAE,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,GAAG,GAAG,CAAC;IACrE,CAAC;IAED,OAAO,IAAI,CAAC;AAChB,CAAC,CAAC;AAeF,MAAM,UAAU,UAAU,CAAC,EAAC,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAkB;IAC3F,MAAM,aAAa,GAAG,GAAG,EAAE;QACvB,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC,EAAC,KAAK,EAAE,GAAG,mBAAmB,EAAC,EAAE,KAAK,EAAE,EAAE;YAC1D,OAAO,CACH,eAAiB,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,aACnC,cAAK,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,YAAG,KAAK,GAAO,EAChD,KAAC,cAAc,IAAC,IAAI,EAAC,IAAI,EAAC,gBAAgB,EAAE,IAAI,KAAM,mBAAmB,GAAI,KAFvE,KAAK,CAGT,CACT,CAAC;QACN,CAAC,CAAC,CAAC;IACP,CAAC,CAAC;IACF,MAAM,UAAU,GAAG,GAAG,EAAE;QACpB,IAAI,CAAC,IAAI,EAAE,CAAC;YACR,OAAO,IAAI,CAAC;QAChB,CAAC;QACD,OAAO,CACH,KAAC,QAAQ,IAAC,SAAS,EAAC,KAAK,EAAC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACzC,IAAI,GACE,CACd,CAAC;IACN,CAAC,CAAC;IACF,OAAO,CACH,MAAC,cAAc,IAAC,SAAS,EAAE,CAAC,CAAC,EAAC,MAAM,EAAC,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW,aAC5E,eAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,aACtB,KAAK,IAAI,CACN,MAAC,IAAI,IAAC,GAAG,EAAE,CAAC,EAAE,UAAU,EAAC,QAAQ,EAAC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,aAClD,KAAK,EACL,UAAU,EAAE,IACV,CACV,EACA,aAAa,CAAC,MAAM,CAAC,IACpB,EACN,cAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,YAAG,aAAa,EAAE,GAAO,IACxC,CACpB,CAAC;AACN,CAAC"}

package/dist/containers/Tenant/Diagnostics/TenantOverview/MetricsCards/MetricCard/MetricCard.scss

@@ -14,6 +14,13 @@
         margin-bottom: 10px;
     }
 
+    &__note {
+        display: flex;
+        .g-help-mark__button {
+            display: flex;
+        }
+    }
+
     &__label {
         font-weight: 600;
 

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

@@ -13,7 +13,7 @@ interface MetricsCardsProps {
     memoryStats?: TenantMetricStats[];
     blobStorageStats?: TenantStorageStats[];
     tabletStorageStats?: TenantStorageStats[];
-    tenantName: string;
+    networkStats?: TenantMetricStats[];
 }
-export declare function MetricsCards({ poolsCpuStats, memoryStats, blobStorageStats, tabletStorageStats, tenantName, }: MetricsCardsProps): import("react/jsx-runtime").JSX.Element;
+export declare function MetricsCards({ poolsCpuStats, memoryStats, blobStorageStats, tabletStorageStats, networkStats, }: MetricsCardsProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -4,16 +4,17 @@ import { parseQuery } from '../../../../../routes';
 import { TENANT_METRICS_TABS_IDS } from '../../../../../store/reducers/tenant/constants';
 import { METRIC_STATUS, MetricStatusToSeverity, } from '../../../../../store/reducers/tenants/contants';
 import { getMetricStatusFromUsage } from '../../../../../store/reducers/tenants/utils';
+import { formatBytes } from '../../../../../utils/bytesParsers';
 import { cn } from '../../../../../utils/cn';
+import { SHOW_NETWORK_UTILIZATION } from '../../../../../utils/constants';
 import { formatStorageValues } from '../../../../../utils/dataFormatters/dataFormatters';
-import { useTypedSelector } from '../../../../../utils/hooks';
+import { useSetting, useTypedSelector } from '../../../../../utils/hooks';
 import { TenantTabsGroups, getTenantPath } from '../../../TenantPages';
-import { HealthcheckPreview } from '../Healthcheck/HealthcheckPreview';
 import i18n from '../i18n';
 import { MetricCard } from './MetricCard/MetricCard';
 import './MetricsCards.scss';
 const b = cn('metrics-cards');
-export function MetricsCards({ poolsCpuStats, memoryStats, blobStorageStats, tabletStorageStats, tenantName, }) {
+export function MetricsCards({ poolsCpuStats, memoryStats, blobStorageStats, tabletStorageStats, networkStats, }) {
     const location = useLocation();
     const { metricsTab } = useTypedSelector((state) => state.tenant);
     const queryParams = parseQuery(location);
@@ -37,12 +38,8 @@ export function MetricsCards({ poolsCpuStats, memoryStats, blobStorageStats, tab
             ...queryParams,
             [TenantTabsGroups.metricsTab]: getTabIfNotActive(TENANT_METRICS_TABS_IDS.memory),
         }),
-        [TENANT_METRICS_TABS_IDS.healthcheck]: getTenantPath({
-            ...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, { tenantName: tenantName, 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(NetworkCard, { networkStats: networkStats })] }));
 }
 function CPUCard({ poolsCpuStats = [], active }) {
     let status = METRIC_STATUS.Unspecified;
@@ -99,4 +96,26 @@ function MemoryCard({ active, memoryStats = [] }) {
     });
     return (_jsx(MetricCard, { label: i18n('cards.memory-label'), active: active, metrics: metrics, status: status }));
 }
+function NetworkCard({ networkStats }) {
+    const [showNetworkUtilization] = useSetting(SHOW_NETWORK_UTILIZATION);
+    if (!showNetworkUtilization || !networkStats) {
+        return null;
+    }
+    let status = METRIC_STATUS.Unspecified;
+    const metrics = networkStats.map((metric) => {
+        const { used, limit, usage } = metric;
+        const metricStatus = getMetricStatusFromUsage(usage);
+        if (MetricStatusToSeverity[metricStatus] > MetricStatusToSeverity[status]) {
+            status = metricStatus;
+        }
+        return {
+            title: formatBytes({ value: limit, withSpeedLabel: true }),
+            value: used,
+            capacity: limit,
+            percents: true,
+            withOverflow: true,
+        };
+    });
+    return (_jsx(MetricCard, { interactive: false, label: i18n('cards.network-label'), note: i18n('cards.network-note'), metrics: metrics, status: status }));
+}
 //# sourceMappingURL=MetricsCards.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MetricsCards.js","sourceRoot":"","sources":["../../../../../../src/containers/Tenant/Diagnostics/TenantOverview/MetricsCards/MetricsCards.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"MetricsCards.js","sourceRoot":"","sources":["../../../../../../src/containers/Tenant/Diagnostics/TenantOverview/MetricsCards/MetricsCards.tsx"],"names":[],"mappings":"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"}

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

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Flex, Loader } from '@gravity-ui/uikit';
+import { Flex } from '@gravity-ui/uikit';
 import { EntityStatus } from '../../../../components/EntityStatus/EntityStatus';
+import { LoaderWrapper } from '../../../../components/LoaderWrapper/LoaderWrapper';
 import { LogsButton } from '../../../../components/LogsButton/LogsButton';
 import { MonitoringButton } from '../../../../components/MonitoringButton/MonitoringButton';
 import { overviewApi } from '../../../../store/reducers/overview/overview';
@@ -12,7 +13,7 @@ import { useAutoRefreshInterval, useTypedSelector } from '../../../../utils/hook
 import { useClusterNameFromQuery } from '../../../../utils/hooks/useDatabaseFromQuery';
 import { mapDatabaseTypeToDBName } from '../../utils/schema';
 import { DefaultOverviewContent } from './DefaultOverviewContent/DefaultOverviewContent';
-import { HealthcheckDetails } from './Healthcheck/HealthcheckDetails';
+import { HealthcheckPreview } from './Healthcheck/HealthcheckPreview';
 import { MetricsCards } from './MetricsCards/MetricsCards';
 import { TenantCpu } from './TenantCpu/TenantCpu';
 import { TenantMemory } from './TenantMemory/TenantMemory';
@@ -51,7 +52,7 @@ export function TenantOverview({ tenantName, additionalTenantProps, additionalNo
         },
     };
     // === === ===
-    const { blobStorage, tabletStorage, blobStorageLimit, tabletStorageLimit, poolsStats, memoryStats, blobStorageStats, tabletStorageStats, } = calculateTenantMetrics(tenantData);
+    const { blobStorage, tabletStorage, blobStorageLimit, tabletStorageLimit, poolsStats, memoryStats, networkStats, blobStorageStats, tabletStorageStats, } = calculateTenantMetrics(tenantData);
     const storageMetrics = {
         blobStorageUsed: blobStorage,
         blobStorageLimit,
@@ -72,19 +73,13 @@ export function TenantOverview({ tenantName, additionalTenantProps, additionalNo
             case TENANT_METRICS_TABS_IDS.memory: {
                 return (_jsx(TenantMemory, { tenantName: tenantName, memoryUsed: tenantData.MemoryUsed, memoryLimit: tenantData.MemoryLimit, memoryStats: tenantData.MemoryStats }));
             }
-            case TENANT_METRICS_TABS_IDS.healthcheck: {
-                return _jsx(HealthcheckDetails, { tenantName: tenantName });
-            }
             default: {
                 return _jsx(DefaultOverviewContent, { database: tenantName });
             }
         }
     };
-    if (tenantLoading) {
-        return (_jsx("div", { className: b('loader'), children: _jsx(Loader, { size: "m" }) }));
-    }
     const monitoringLink = (_c = additionalTenantProps === null || additionalTenantProps === void 0 ? void 0 : additionalTenantProps.getMonitoringLink) === null || _c === void 0 ? void 0 : _c.call(additionalTenantProps, Name, Type);
     const logsLink = (_d = additionalTenantProps === null || additionalTenantProps === void 0 ? void 0 : additionalTenantProps.getLogsLink) === null || _d === void 0 ? void 0 : _d.call(additionalTenantProps, Name);
-    return (_jsxs("div", { className: b(), children: [_jsxs("div", { className: b('info'), children: [_jsx("div", { className: b('top-label'), children: tenantType }), _jsxs(Flex, { alignItems: "center", gap: "1", className: b('top'), children: [renderName(), _jsxs(Flex, { gap: "2", children: [monitoringLink && _jsx(MonitoringButton, { href: monitoringLink }), logsLink && _jsx(LogsButton, { href: logsLink })] })] }), _jsx(MetricsCards, { poolsCpuStats: poolsStats, memoryStats: memoryStats, blobStorageStats: blobStorageStats, tabletStorageStats: tabletStorageStats, tenantName: tenantName })] }), renderTabContent()] }));
+    return (_jsx(LoaderWrapper, { loading: tenantLoading, children: _jsxs("div", { className: b(), children: [_jsxs("div", { className: b('info'), children: [_jsx("div", { className: b('top-label'), children: tenantType }), _jsxs(Flex, { alignItems: "center", gap: "1", className: b('top'), children: [renderName(), _jsxs(Flex, { gap: "2", children: [monitoringLink && _jsx(MonitoringButton, { href: monitoringLink }), logsLink && _jsx(LogsButton, { href: logsLink })] })] }), _jsxs(Flex, { direction: "column", gap: 3, children: [_jsx(HealthcheckPreview, { tenantName: tenantName }), _jsx(MetricsCards, { poolsCpuStats: poolsStats, memoryStats: memoryStats, blobStorageStats: blobStorageStats, tabletStorageStats: tabletStorageStats, networkStats: networkStats })] })] }), renderTabContent()] }) }));
 }
 //# sourceMappingURL=TenantOverview.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TenantOverview.js","sourceRoot":"","sources":["../../../../../src/containers/Tenant/Diagnostics/TenantOverview/TenantOverview.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"TenantOverview.js","sourceRoot":"","sources":["../../../../../src/containers/Tenant/Diagnostics/TenantOverview/TenantOverview.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAC,YAAY,EAAC,MAAM,kDAAkD,CAAC;AAC9E,OAAO,EAAC,aAAa,EAAC,MAAM,oDAAoD,CAAC;AACjF,OAAO,EAAC,UAAU,EAAC,MAAM,8CAA8C,CAAC;AACxE,OAAO,EAAC,gBAAgB,EAAC,MAAM,0DAA0D,CAAC;AAC1F,OAAO,EAAC,WAAW,EAAC,MAAM,8CAA8C,CAAC;AACzE,OAAO,EAAC,uBAAuB,EAAC,MAAM,6CAA6C,CAAC;AACpF,OAAO,EAAC,SAAS,EAAC,MAAM,0CAA0C,CAAC;AACnE,OAAO,EAAC,sBAAsB,EAAC,MAAM,0CAA0C,CAAC;AAEhF,OAAO,EAAC,oBAAoB,EAAC,MAAM,6BAA6B,CAAC;AACjE,OAAO,EAAC,sBAAsB,EAAE,gBAAgB,EAAC,MAAM,yBAAyB,CAAC;AACjF,OAAO,EAAC,uBAAuB,EAAC,MAAM,8CAA8C,CAAC;AACrF,OAAO,EAAC,uBAAuB,EAAC,MAAM,oBAAoB,CAAC;AAE3D,OAAO,EAAC,sBAAsB,EAAC,MAAM,iDAAiD,CAAC;AACvF,OAAO,EAAC,kBAAkB,EAAC,MAAM,kCAAkC,CAAC;AACpE,OAAO,EAAC,YAAY,EAAC,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAC,SAAS,EAAC,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAC,YAAY,EAAC,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAC,aAAa,EAAC,MAAM,+BAA+B,CAAC;AAC5D,OAAO,EAAC,CAAC,EAAC,MAAM,SAAS,CAAC;AAE1B,OAAO,uBAAuB,CAAC;AAQ/B,MAAM,UAAU,cAAc,CAAC,EAC3B,UAAU,EACV,qBAAqB,EACrB,oBAAoB,GACF;;IAClB,MAAM,EAAC,UAAU,EAAC,GAAG,gBAAgB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAC/D,MAAM,CAAC,mBAAmB,CAAC,GAAG,sBAAsB,EAAE,CAAC;IACvD,MAAM,WAAW,GAAG,uBAAuB,EAAE,CAAC;IAE9C,MAAM,EAAC,WAAW,EAAE,MAAM,EAAE,UAAU,EAAC,GAAG,SAAS,CAAC,qBAAqB,CACrE,EAAC,IAAI,EAAE,UAAU,EAAE,WAAW,EAAC,EAC/B,EAAC,eAAe,EAAE,mBAAmB,EAAC,CACzC,CAAC;IACF,MAAM,aAAa,GAAG,UAAU,IAAI,MAAM,KAAK,SAAS,CAAC;IACzD,MAAM,EAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAC,GAAG,MAAM,IAAI,EAAE,CAAC;IAE3C,MAAM,UAAU,GAAG,uBAAuB,CAAC,IAAI,CAAC,CAAC;IACjD,0DAA0D;IAC1D,MAAM,EAAC,WAAW,EAAE,gBAAgB,EAAC,GAAG,WAAW,CAAC,mBAAmB,CACnE;QACI,IAAI,EAAE,UAAU;QAChB,QAAQ,EAAE,UAAU;KACvB,EACD;QACI,eAAe,EAAE,mBAAmB;KACvC,CACJ,CAAC;IACF,MAAM,EAAC,MAAM,EAAE,MAAM,EAAC,GAClB,CAAA,MAAA,MAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,eAAe,0CAAE,iBAAiB,0CAAE,cAAc,KAAI,EAAE,CAAC;IAE/E,MAAM,iBAAiB,GAAG,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,SAAS,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,OAAO,EAAE,EAAE;QACpF,IAAI,OAAO,EAAE,CAAC;YACV,OAAO,GAAG,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;QACjC,CAAC;QAED,OAAO,GAAG,CAAC;IACf,CAAC,EAAE,CAAC,CAAC,CAAC;IAEN,MAAM,UAAU,GAAG;QACf,GAAG,MAAM;QACT,OAAO,EAAE;YACL,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO;YAClB,qDAAqD;YACrD,OAAO,EAAE,MAAM,CAAC,iBAAiB,CAAC;SACrC;KACJ,CAAC;IACF,cAAc;IAEd,MAAM,EACF,WAAW,EACX,aAAa,EACb,gBAAgB,EAChB,kBAAkB,EAElB,UAAU,EACV,WAAW,EACX,YAAY,EACZ,gBAAgB,EAChB,kBAAkB,GACrB,GAAG,sBAAsB,CAAC,UAAU,CAAC,CAAC;IAEvC,MAAM,cAAc,GAAG;QACnB,eAAe,EAAE,WAAW;QAC5B,gBAAgB;QAChB,iBAAiB,EAAE,aAAa;QAChC,kBAAkB;KACrB,CAAC;IAEF,MAAM,UAAU,GAAG,GAAG,EAAE;QACpB,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,qBAAqB,CAAC,YACpC,KAAC,YAAY,IACT,MAAM,EAAE,OAAO,EACf,IAAI,EAAE,IAAI,IAAI,oBAAoB,EAClC,YAAY,QACZ,kBAAkB,EAAE,OAAO,CAAC,MAAM,CAAC,EACnC,4BAA4B,SAC9B,GACA,CACT,CAAC;IACN,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC1B,QAAQ,UAAU,EAAE,CAAC;YACjB,KAAK,uBAAuB,CAAC,GAAG,CAAC,CAAC,CAAC;gBAC/B,OAAO,CACH,KAAC,SAAS,IACN,UAAU,EAAE,UAAU,EACtB,oBAAoB,EAAE,oBAAoB,GAC5C,CACL,CAAC;YACN,CAAC;YACD,KAAK,uBAAuB,CAAC,OAAO,CAAC,CAAC,CAAC;gBACnC,OAAO,KAAC,aAAa,IAAC,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,cAAc,GAAI,CAAC;YAC9E,CAAC;YACD,KAAK,uBAAuB,CAAC,MAAM,CAAC,CAAC,CAAC;gBAClC,OAAO,CACH,KAAC,YAAY,IACT,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,CAAC,UAAU,EACjC,WAAW,EAAE,UAAU,CAAC,WAAW,EACnC,WAAW,EAAE,UAAU,CAAC,WAAW,GACrC,CACL,CAAC;YACN,CAAC;YACD,OAAO,CAAC,CAAC,CAAC;gBACN,OAAO,KAAC,sBAAsB,IAAC,QAAQ,EAAE,UAAU,GAAI,CAAC;YAC5D,CAAC;QACL,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,MAAA,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,iBAAiB,sEAAG,IAAI,EAAE,IAAI,CAAC,CAAC;IAC9E,MAAM,QAAQ,GAAG,MAAA,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,WAAW,sEAAG,IAAI,CAAC,CAAC;IAE5D,OAAO,CACH,KAAC,aAAa,IAAC,OAAO,EAAE,aAAa,YACjC,eAAK,SAAS,EAAE,CAAC,EAAE,aACf,eAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,aACrB,cAAK,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,YAAG,UAAU,GAAO,EAClD,MAAC,IAAI,IAAC,UAAU,EAAC,QAAQ,EAAC,GAAG,EAAC,GAAG,EAAC,SAAS,EAAE,CAAC,CAAC,KAAK,CAAC,aAChD,UAAU,EAAE,EACb,MAAC,IAAI,IAAC,GAAG,EAAC,GAAG,aACR,cAAc,IAAI,KAAC,gBAAgB,IAAC,IAAI,EAAE,cAAc,GAAI,EAC5D,QAAQ,IAAI,KAAC,UAAU,IAAC,IAAI,EAAE,QAAQ,GAAI,IACxC,IACJ,EACP,MAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAE,CAAC,aAC3B,KAAC,kBAAkB,IAAC,UAAU,EAAE,UAAU,GAAI,EAC9C,KAAC,YAAY,IACT,aAAa,EAAE,UAAU,EACzB,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,gBAAgB,EAClC,kBAAkB,EAAE,kBAAkB,EACtC,YAAY,EAAE,YAAY,GAC5B,IACC,IACL,EACL,gBAAgB,EAAE,IACjB,GACM,CACnB,CAAC;AACN,CAAC"}

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

@@ -6,10 +6,6 @@
     height: 100%;
     padding-bottom: 20px;
 
-    &__loader {
-        display: flex;
-        justify-content: center;
-    }
     &__tenant-name-wrapper {
         display: flex;
         overflow: hidden;
@@ -35,7 +31,7 @@
         position: sticky;
         left: 0;
 
-        width: max-content;
+        width: 100%;
     }
 
     &__title {

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

@@ -19,6 +19,8 @@
     "cards.cpu-label": "CPU",
     "cards.storage-label": "Storage",
     "cards.memory-label": "Memory",
+    "cards.network-label": "Network",
+    "cards.network-note": "Network usage is the average outgoing bandwidth usage across all nodes in the database",
     "charts.queries-per-second": "Queries per second",
     "charts.transaction-latency": "Transactions latencies {{percentile}}",
     "charts.cpu-usage": "CPU usage by pool",

package/dist/containers/Tenant/Diagnostics/TenantOverview/i18n/index.d.ts

@@ -1,2 +1,2 @@
-declare const _default: (key: "queries" | "nodes" | "tables" | "no-data" | "top" | "groups" | "shards" | "no-pools-data" | "top-nodes.empty-data" | "top-groups.empty-data" | "by-pools-usage" | "by-cpu-time" | "by-cpu-usage" | "by-load" | "by-memory" | "by-usage" | "by-size" | "cards.cpu-label" | "cards.storage-label" | "cards.memory-label" | "charts.queries-per-second" | "charts.transaction-latency" | "charts.cpu-usage" | "charts.storage-usage" | "charts.memory-usage" | "storage.tablet-storage-title" | "storage.tablet-storage-description" | "storage.db-storage-title" | "storage.db-storage-description" | "executed-last-hour" | "column-header.process", params?: import("@gravity-ui/i18n").Params) => string;
+declare const _default: (key: "queries" | "nodes" | "tables" | "no-data" | "top" | "groups" | "shards" | "no-pools-data" | "top-nodes.empty-data" | "top-groups.empty-data" | "by-pools-usage" | "by-cpu-time" | "by-cpu-usage" | "by-load" | "by-memory" | "by-usage" | "by-size" | "cards.cpu-label" | "cards.storage-label" | "cards.memory-label" | "cards.network-label" | "cards.network-note" | "charts.queries-per-second" | "charts.transaction-latency" | "charts.cpu-usage" | "charts.storage-usage" | "charts.memory-usage" | "storage.tablet-storage-title" | "storage.tablet-storage-description" | "storage.db-storage-title" | "storage.db-storage-description" | "executed-last-hour" | "column-header.process", params?: import("@gravity-ui/i18n").Params) => string;
 export default _default;

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

@@ -17,6 +17,7 @@ import { QueryDetailsDrawerContent } from './QueryDetails/QueryDetailsDrawerCont
 import { getTopQueriesColumns } from './columns/columns';
 import { DEFAULT_TOP_QUERIES_COLUMNS, QUERIES_COLUMNS_TITLES, REQUIRED_TOP_QUERIES_COLUMNS, TOP_QUERIES_COLUMNS_WIDTH_LS_KEY, TOP_QUERIES_SELECTED_COLUMNS_LS_KEY, } from './columns/constants';
 import { DEFAULT_TIME_FILTER_VALUE, TIME_FRAME_OPTIONS } from './constants';
+import { useScrollToSelected } from './hooks/useScrollToSelected';
 import { useSetSelectedTopQueryRowFromParams } from './hooks/useSetSelectedTopQueryRowFromParams';
 import { useTopQueriesSort } from './hooks/useTopQueriesSort';
 import i18n from './i18n';
@@ -30,6 +31,8 @@ export const TopQueriesData = ({ tenantName, timeFrame, renderQueryModeControl,
     // Internal state for selected row
     // null is reserved for not found state
     const [selectedRow, setSelectedRow] = React.useState(undefined);
+    // Ref for react-list component to enable scrolling to selected row
+    const reactListRef = React.useRef(null);
     // Get columns for top queries
     const columns = React.useMemo(() => {
         return getTopQueriesColumns();
@@ -45,6 +48,13 @@ export const TopQueriesData = ({ tenantName, timeFrame, renderQueryModeControl,
     }, { pollingInterval: autoRefreshInterval });
     const rows = (_b = (_a = currentData === null || currentData === void 0 ? void 0 : currentData.resultSets) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.result;
     useSetSelectedTopQueryRowFromParams(setSelectedRow, rows);
+    // Enhanced table settings with dynamicInnerRef for scrolling
+    const tableSettings = React.useMemo(() => ({
+        ...TOP_QUERIES_TABLE_SETTINGS,
+        dynamicInnerRef: reactListRef,
+    }), []);
+    // Use custom hook to handle scrolling to selected row
+    useScrollToSelected({ selectedRow, rows, reactListRef });
     const handleCloseDetails = React.useCallback(() => {
         setSelectedRow(undefined);
     }, [setSelectedRow]);
@@ -68,6 +78,6 @@ export const TopQueriesData = ({ tenantName, timeFrame, renderQueryModeControl,
         }
     }, [isDrawerVisible]);
     const drawerControls = React.useMemo(() => [{ type: 'copyLink', link: getTopQueryUrl() }, { type: 'close' }], [getTopQueryUrl]);
-    return (_jsx(DrawerWrapper, { isDrawerVisible: isDrawerVisible, onCloseDrawer: handleCloseDetails, renderDrawerContent: renderDrawerContent, drawerId: "query-details", storageKey: "kv-top-queries-drawer-width", detectClickOutside: true, isPercentageWidth: true, title: i18n('query-details.title'), drawerControls: drawerControls, children: _jsxs(TableWithControlsLayout, { children: [_jsxs(TableWithControlsLayout.Controls, { children: [renderQueryModeControl(), _jsx(Select, { options: TIME_FRAME_OPTIONS, value: [timeFrame], onUpdate: handleTimeFrameChange }), _jsx(DateRange, { from: filters.from, to: filters.to, onChange: handleDateRangeChange, defaultValue: DEFAULT_TIME_FILTER_VALUE }), _jsx(Search, { value: filters.text, inputRef: inputRef, onChange: handleTextSearchUpdate, placeholder: i18n('filter.text.placeholder'), className: b('search') }), _jsx(TableColumnSetup, { popupWidth: 200, items: columnsToSelect, showStatus: true, onUpdate: setColumns, sortable: false })] }), error ? _jsx(ResponseError, { error: parseQueryErrorToString(error) }) : null, _jsx(TableWithControlsLayout.Table, { loading: isLoading, children: _jsx(ResizeableDataTable, { emptyDataMessage: i18n('no-data'), columnsWidthLSKey: TOP_QUERIES_COLUMNS_WIDTH_LS_KEY, columns: columnsToShow, data: rows || [], loading: isFetching && currentData === undefined, settings: TOP_QUERIES_TABLE_SETTINGS, onRowClick: onRowClick, rowClassName: (row) => b('row', { active: isEqual(row, selectedRow) }), sortOrder: tableSort, onSort: handleTableSort }) })] }) }));
+    return (_jsx(DrawerWrapper, { isDrawerVisible: isDrawerVisible, onCloseDrawer: handleCloseDetails, renderDrawerContent: renderDrawerContent, drawerId: "query-details", storageKey: "kv-top-queries-drawer-width", detectClickOutside: true, isPercentageWidth: true, title: i18n('query-details.title'), drawerControls: drawerControls, children: _jsxs(TableWithControlsLayout, { children: [_jsxs(TableWithControlsLayout.Controls, { children: [renderQueryModeControl(), _jsx(Select, { options: TIME_FRAME_OPTIONS, value: [timeFrame], onUpdate: handleTimeFrameChange }), _jsx(DateRange, { from: filters.from, to: filters.to, onChange: handleDateRangeChange, defaultValue: DEFAULT_TIME_FILTER_VALUE }), _jsx(Search, { value: filters.text, inputRef: inputRef, onChange: handleTextSearchUpdate, placeholder: i18n('filter.text.placeholder'), className: b('search') }), _jsx(TableColumnSetup, { popupWidth: 200, items: columnsToSelect, showStatus: true, onUpdate: setColumns, sortable: false })] }), error ? _jsx(ResponseError, { error: parseQueryErrorToString(error) }) : null, _jsx(TableWithControlsLayout.Table, { loading: isLoading, children: _jsx(ResizeableDataTable, { emptyDataMessage: i18n('no-data'), columnsWidthLSKey: TOP_QUERIES_COLUMNS_WIDTH_LS_KEY, columns: columnsToShow, data: rows || [], loading: isFetching && currentData === undefined, settings: tableSettings, onRowClick: onRowClick, rowClassName: (row) => b('row', { active: isEqual(row, selectedRow) }), sortOrder: tableSort, onSort: handleTableSort }) })] }) }));
 };
 //# sourceMappingURL=TopQueriesData.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TopQueriesData.js","sourceRoot":"","sources":["../../../../../src/containers/Tenant/Diagnostics/TopQueries/TopQueriesData.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"TopQueriesData.js","sourceRoot":"","sources":["../../../../../src/containers/Tenant/Diagnostics/TopQueries/TopQueriesData.tsx"],"names":[],"mappings":"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"}

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

@@ -1,12 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import DataTable from '@gravity-ui/react-data-table';
+import { FixedHeightQuery } from '../../../../../components/FixedHeightQuery/FixedHeightQuery';
 import { YDBSyntaxHighlighter } from '../../../../../components/SyntaxHighlighter/YDBSyntaxHighlighter';
-import { TruncatedQuery } from '../../../../../components/TruncatedQuery/TruncatedQuery';
 import { cn } from '../../../../../utils/cn';
 import { formatDateTime, formatNumber } from '../../../../../utils/dataFormatters/dataFormatters';
 import { generateHash } from '../../../../../utils/generateHash';
 import { formatToMs, parseUsToMs } from '../../../../../utils/timeParsers';
-import { MAX_QUERY_HEIGHT } from '../../../utils/constants';
 import { QUERIES_COLUMNS_IDS, QUERIES_COLUMNS_TITLES, isSortableRunningQueriesColumn, isSortableTopQueriesColumn, } from './constants';
 import '../TopQueries.scss';
 const b = cn('kv-top-queries');
@@ -22,7 +21,7 @@ const queryTextColumn = {
     header: QUERIES_COLUMNS_TITLES.QueryText,
     render: ({ row }) => {
         var _a;
-        return (_jsx("div", { className: b('query'), children: _jsx(TruncatedQuery, { value: (_a = row.QueryText) === null || _a === void 0 ? void 0 : _a.toString(), maxQueryHeight: MAX_QUERY_HEIGHT, hasClipboardButton: true }) }));
+        return (_jsx("div", { className: b('query'), children: _jsx(FixedHeightQuery, { value: (_a = row.QueryText) === null || _a === void 0 ? void 0 : _a.toString(), lines: 3, hasClipboardButton: true }) }));
     },
     width: 500,
 };