ydb-embedded-ui 11.3.0 → 11.5.0

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

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { DefinitionList, Flex, Progress, Text } from '@gravity-ui/uikit';
+import { getMemorySegmentColor } from '../../../../../components/MemoryViewer/utils';
+import progressI18n from '../../../../../components/ProgressWrapper/i18n';
+import { cn } from '../../../../../utils/cn';
+import { formatStorageValuesToGb } from '../../../../../utils/dataFormatters/dataFormatters';
+const b = cn('memory-details');
+export function MemorySegmentsList({ segments, className }) {
+    // TODO: Stretch content https://github.com/gravity-ui/uikit/issues/2353
+    return (_jsx(DefinitionList, { nameMaxWidth: 200, responsive: true, className: className, children: segments.map((segment) => {
+            const segmentColor = getMemorySegmentColor(segment.key);
+            const [valueFormatted, capacityFormatted] = formatStorageValuesToGb(segment.value, segment.capacity);
+            const valueText = segment.capacity
+                ? progressI18n('context_capacity-usage', {
+                    value: valueFormatted,
+                    capacity: capacityFormatted,
+                })
+                : valueFormatted;
+            const progressValue = segment.capacity
+                ? (segment.value / segment.capacity) * 100
+                : 100;
+            const progressStyle = {
+                '--g-progress-filled-background-color': segmentColor,
+            };
+            return (_jsx(DefinitionList.Item, { name: _jsxs(Flex, { alignItems: "center", gap: "1", children: [_jsx("div", { className: b('segment-indicator'), style: { backgroundColor: segmentColor } }), _jsx(Text, { variant: "body-1", color: "secondary", children: segment.label })] }), children: _jsxs(Flex, { alignItems: "center", gap: "3", children: [_jsx("div", { className: b('segment-progress'), children: _jsx("div", { style: progressStyle, children: _jsx(Progress, { value: progressValue, size: "s", className: b('progress-bar') }) }) }), _jsx(Text, { variant: "body-1", color: "secondary", children: valueText })] }) }, segment.key));
+        }) }));
+}
+//# sourceMappingURL=MemorySegmentsList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MemorySegmentsList.js","sourceRoot":"","sources":["../../../../../../src/containers/Tenant/Diagnostics/TenantOverview/TenantMemory/MemorySegmentsList.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,cAAc,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAGvE,OAAO,EAAC,qBAAqB,EAAC,MAAM,8CAA8C,CAAC;AACnF,OAAO,YAAY,MAAM,gDAAgD,CAAC;AAC1E,OAAO,EAAC,EAAE,EAAC,MAAM,yBAAyB,CAAC;AAC3C,OAAO,EAAC,uBAAuB,EAAC,MAAM,oDAAoD,CAAC;AAE3F,MAAM,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,CAAC;AAO/B,MAAM,UAAU,kBAAkB,CAAC,EAAC,QAAQ,EAAE,SAAS,EAA0B;IAC7E,wEAAwE;IACxE,OAAO,CACH,KAAC,cAAc,IAAC,YAAY,EAAE,GAAG,EAAE,UAAU,QAAC,SAAS,EAAE,SAAS,YAC7D,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE;YACtB,MAAM,YAAY,GAAG,qBAAqB,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;YACxD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,uBAAuB,CAC/D,OAAO,CAAC,KAAK,EACb,OAAO,CAAC,QAAQ,CACnB,CAAC;YACF,MAAM,SAAS,GAAG,OAAO,CAAC,QAAQ;gBAC9B,CAAC,CAAC,YAAY,CAAC,wBAAwB,EAAE;oBACnC,KAAK,EAAE,cAAc;oBACrB,QAAQ,EAAE,iBAAiB;iBAC9B,CAAC;gBACJ,CAAC,CAAC,cAAc,CAAC;YACrB,MAAM,aAAa,GAAG,OAAO,CAAC,QAAQ;gBAClC,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,GAAG,OAAO,CAAC,QAAQ,CAAC,GAAG,GAAG;gBAC1C,CAAC,CAAC,GAAG,CAAC;YACV,MAAM,aAAa,GAAiD;gBAChE,sCAAsC,EAAE,YAAY;aACvD,CAAC;YAEF,OAAO,CACH,KAAC,cAAc,CAAC,IAAI,IAEhB,IAAI,EACA,MAAC,IAAI,IAAC,UAAU,EAAC,QAAQ,EAAC,GAAG,EAAC,GAAG,aAC7B,cACI,SAAS,EAAE,CAAC,CAAC,mBAAmB,CAAC,EACjC,KAAK,EAAE,EAAC,eAAe,EAAE,YAAY,EAAC,GACxC,EACF,KAAC,IAAI,IAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAC,WAAW,YACnC,OAAO,CAAC,KAAK,GACX,IACJ,YAGX,MAAC,IAAI,IAAC,UAAU,EAAC,QAAQ,EAAC,GAAG,EAAC,GAAG,aAC7B,cAAK,SAAS,EAAE,CAAC,CAAC,kBAAkB,CAAC,YACjC,cAAK,KAAK,EAAE,aAAa,YACrB,KAAC,QAAQ,IACL,KAAK,EAAE,aAAa,EACpB,IAAI,EAAC,GAAG,EACR,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,GAC9B,GACA,GACJ,EACN,KAAC,IAAI,IAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAC,WAAW,YACnC,SAAS,GACP,IACJ,IA1BF,OAAO,CAAC,GAAG,CA2BE,CACzB,CAAC;QACN,CAAC,CAAC,GACW,CACpB,CAAC;AACN,CAAC"}

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

@@ -1,4 +1,5 @@
 import type { TMemoryStats } from '../../../../../types/api/nodes';
+import './TenantMemory.scss';
 interface TenantMemoryProps {
     tenantName: string;
     memoryStats?: TMemoryStats;

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

@@ -1,13 +1,36 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import { MemoryViewer } from '../../../../../components/MemoryViewer/MemoryViewer';
-import { ProgressViewer } from '../../../../../components/ProgressViewer/ProgressViewer';
+import { InfoViewer } from '../../../../../components/InfoViewer/InfoViewer';
+import { ProgressWrapper } from '../../../../../components/ProgressWrapper';
+import { TENANT_DIAGNOSTICS_TABS_IDS } from '../../../../../store/reducers/tenant/constants';
+import { cn } from '../../../../../utils/cn';
 import { formatStorageValuesToGb } from '../../../../../utils/dataFormatters/dataFormatters';
+import { useSearchQuery } from '../../../../../utils/hooks';
+import { TenantTabsGroups, getTenantPath } from '../../../TenantPages';
+import { StatsWrapper } from '../StatsWrapper/StatsWrapper';
 import { TenantDashboard } from '../TenantDashboard/TenantDashboard';
-import { b } from '../utils';
+import i18n from '../i18n';
+import { MemoryDetailsSection } from './MemoryDetailsSection';
 import { TopNodesByMemory } from './TopNodesByMemory';
 import { memoryDashboardConfig } from './memoryDashboardConfig';
+import './TenantMemory.scss';
+const b = cn('tenant-memory');
 export function TenantMemory({ tenantName, memoryStats, memoryUsed, memoryLimit, }) {
-    return (_jsxs(React.Fragment, { children: [_jsx(TenantDashboard, { database: tenantName, charts: memoryDashboardConfig }), _jsx("div", { className: b('title'), children: 'Memory details' }), _jsx("div", { className: b('memory-info'), children: memoryStats ? (_jsx(MemoryViewer, { formatValues: formatStorageValuesToGb, stats: memoryStats })) : (_jsx(ProgressViewer, { value: memoryUsed, capacity: memoryLimit, formatValues: formatStorageValuesToGb, colorizeProgress: true })) }), _jsx(TopNodesByMemory, { tenantName: tenantName })] }));
+    const query = useSearchQuery();
+    const renderMemoryDetails = () => {
+        if (memoryStats) {
+            return _jsx(MemoryDetailsSection, { memoryStats: memoryStats });
+        }
+        // Simple fallback view
+        return (_jsx(InfoViewer, { variant: "small", title: i18n('title_memory-details'), info: [
+                {
+                    label: i18n('field_memory-usage'),
+                    value: (_jsx(ProgressWrapper, { value: memoryUsed, capacity: memoryLimit, formatValues: formatStorageValuesToGb, withCapacityUsage: true, className: b('fallback-progress-wrapper'), size: "m", width: 400 })),
+                },
+            ] }));
+    };
+    return (_jsxs("div", { className: b(), children: [_jsx(TenantDashboard, { database: tenantName, charts: memoryDashboardConfig }), renderMemoryDetails(), _jsx(StatsWrapper, { title: i18n('title_top-nodes-by-memory'), allEntitiesLink: getTenantPath({
+                    ...query,
+                    [TenantTabsGroups.diagnosticsTab]: TENANT_DIAGNOSTICS_TABS_IDS.nodes,
+                }), children: _jsx(TopNodesByMemory, { tenantName: tenantName }) })] }));
 }
 //# sourceMappingURL=TenantMemory.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TenantMemory.js","sourceRoot":"","sources":["../../../../../../src/containers/Tenant/Diagnostics/TenantOverview/TenantMemory/TenantMemory.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,YAAY,EAAC,MAAM,qDAAqD,CAAC;AACjF,OAAO,EAAC,cAAc,EAAC,MAAM,yDAAyD,CAAC;AAEvF,OAAO,EAAC,uBAAuB,EAAC,MAAM,oDAAoD,CAAC;AAC3F,OAAO,EAAC,eAAe,EAAC,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAC,CAAC,EAAC,MAAM,UAAU,CAAC;AAE3B,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAC,qBAAqB,EAAC,MAAM,yBAAyB,CAAC;AAS9D,MAAM,UAAU,YAAY,CAAC,EACzB,UAAU,EACV,WAAW,EACX,UAAU,EACV,WAAW,GACK;IAChB,OAAO,CACH,MAAC,KAAK,CAAC,QAAQ,eACX,KAAC,eAAe,IAAC,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,qBAAqB,GAAI,EACxE,cAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YAAG,gBAAgB,GAAO,EACpD,cAAK,SAAS,EAAE,CAAC,CAAC,aAAa,CAAC,YAC3B,WAAW,CAAC,CAAC,CAAC,CACX,KAAC,YAAY,IAAC,YAAY,EAAE,uBAAuB,EAAE,KAAK,EAAE,WAAW,GAAI,CAC9E,CAAC,CAAC,CAAC,CACA,KAAC,cAAc,IACX,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,WAAW,EACrB,YAAY,EAAE,uBAAuB,EACrC,gBAAgB,EAAE,IAAI,GACxB,CACL,GACC,EACN,KAAC,gBAAgB,IAAC,UAAU,EAAE,UAAU,GAAI,IAC/B,CACpB,CAAC;AACN,CAAC"}
+{"version":3,"file":"TenantMemory.js","sourceRoot":"","sources":["../../../../../../src/containers/Tenant/Diagnostics/TenantOverview/TenantMemory/TenantMemory.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,iDAAiD,CAAC;AAC3E,OAAO,EAAC,eAAe,EAAC,MAAM,2CAA2C,CAAC;AAC1E,OAAO,EAAC,2BAA2B,EAAC,MAAM,gDAAgD,CAAC;AAE3F,OAAO,EAAC,EAAE,EAAC,MAAM,yBAAyB,CAAC;AAC3C,OAAO,EAAC,uBAAuB,EAAC,MAAM,oDAAoD,CAAC;AAC3F,OAAO,EAAC,cAAc,EAAC,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAC,gBAAgB,EAAE,aAAa,EAAC,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAC,YAAY,EAAC,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAC,eAAe,EAAC,MAAM,oCAAoC,CAAC;AACnE,OAAO,IAAI,MAAM,SAAS,CAAC;AAE3B,OAAO,EAAC,oBAAoB,EAAC,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAC,qBAAqB,EAAC,MAAM,yBAAyB,CAAC;AAE9D,OAAO,qBAAqB,CAAC;AAS7B,MAAM,CAAC,GAAG,EAAE,CAAC,eAAe,CAAC,CAAC;AAE9B,MAAM,UAAU,YAAY,CAAC,EACzB,UAAU,EACV,WAAW,EACX,UAAU,EACV,WAAW,GACK;IAChB,MAAM,KAAK,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,mBAAmB,GAAG,GAAG,EAAE;QAC7B,IAAI,WAAW,EAAE,CAAC;YACd,OAAO,KAAC,oBAAoB,IAAC,WAAW,EAAE,WAAW,GAAI,CAAC;QAC9D,CAAC;QAED,uBAAuB;QACvB,OAAO,CACH,KAAC,UAAU,IACP,OAAO,EAAC,OAAO,EACf,KAAK,EAAE,IAAI,CAAC,sBAAsB,CAAC,EACnC,IAAI,EAAE;gBACF;oBACI,KAAK,EAAE,IAAI,CAAC,oBAAoB,CAAC;oBACjC,KAAK,EAAE,CACH,KAAC,eAAe,IACZ,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,WAAW,EACrB,YAAY,EAAE,uBAAuB,EACrC,iBAAiB,QACjB,SAAS,EAAE,CAAC,CAAC,2BAA2B,CAAC,EACzC,IAAI,EAAC,GAAG,EACR,KAAK,EAAE,GAAG,GACZ,CACL;iBACJ;aACJ,GACH,CACL,CAAC;IACN,CAAC,CAAC;IAEF,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,EAAE,aACf,KAAC,eAAe,IAAC,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,qBAAqB,GAAI,EACvE,mBAAmB,EAAE,EAEtB,KAAC,YAAY,IACT,KAAK,EAAE,IAAI,CAAC,2BAA2B,CAAC,EACxC,eAAe,EAAE,aAAa,CAAC;oBAC3B,GAAG,KAAK;oBACR,CAAC,gBAAgB,CAAC,cAAc,CAAC,EAAE,2BAA2B,CAAC,KAAK;iBACvE,CAAC,YAEF,KAAC,gBAAgB,IAAC,UAAU,EAAE,UAAU,GAAI,GACjC,IACb,CACT,CAAC;AACN,CAAC"}

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

@@ -0,0 +1,20 @@
+@use '../../../../../styles/mixins.scss';
+
+.tenant-memory {
+    &__value-text {
+        flex-shrink: 0;
+
+        min-width: 84px;
+        margin-top: var(--g-spacing-2);
+
+        text-align: right;
+        white-space: nowrap;
+
+        color: var(--g-color-text-secondary);
+        @include mixins.body-1-typography();
+    }
+
+    &__fallback-progress-wrapper {
+        margin-bottom: var(--g-spacing-4);
+    }
+}

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

@@ -3,13 +3,10 @@ import { ResizeableDataTable } from '../../../../../components/ResizeableDataTab
 import { getHostColumn, getLoadColumn, getMemoryColumn, getNodeIdColumn, getSessionsColumn, getTabletsColumn, getUptimeColumn, } from '../../../../../components/nodesColumns/columns';
 import { NODES_COLUMNS_TO_DATA_FIELDS, NODES_COLUMNS_WIDTH_LS_KEY, } from '../../../../../components/nodesColumns/constants';
 import { nodesApi } from '../../../../../store/reducers/nodes/nodes';
-import { TENANT_DIAGNOSTICS_TABS_IDS } from '../../../../../store/reducers/tenant/constants';
 import { TENANT_OVERVIEW_TABLES_LIMIT, TENANT_OVERVIEW_TABLES_SETTINGS, } from '../../../../../utils/constants';
-import { useAutoRefreshInterval, useSearchQuery } from '../../../../../utils/hooks';
+import { useAutoRefreshInterval } from '../../../../../utils/hooks';
 import { getRequiredDataFields } from '../../../../../utils/tableUtils/getRequiredDataFields';
-import { TenantTabsGroups, getTenantPath } from '../../../TenantPages';
 import { TenantOverviewTableLayout } from '../TenantOverviewTableLayout';
-import { getSectionTitle } from '../getSectionTitle';
 import i18n from '../i18n';
 function getTopNodesByMemoryColumns(params) {
     const columns = [
@@ -26,7 +23,6 @@ function getTopNodesByMemoryColumns(params) {
     return [columns, dataFieldsRequired];
 }
 export function TopNodesByMemory({ tenantName, additionalNodesProps }) {
-    const query = useSearchQuery();
     const [autoRefreshInterval] = useAutoRefreshInterval();
     const [columns, fieldsRequired] = getTopNodesByMemoryColumns({
         getNodeRef: additionalNodesProps === null || additionalNodesProps === void 0 ? void 0 : additionalNodesProps.getNodeRef,
@@ -42,14 +38,6 @@ export function TopNodesByMemory({ tenantName, additionalNodesProps }) {
     }, { pollingInterval: autoRefreshInterval });
     const loading = isFetching && currentData === undefined;
     const topNodes = (currentData === null || currentData === void 0 ? void 0 : currentData.Nodes) || [];
-    const title = getSectionTitle({
-        entity: i18n('nodes'),
-        postfix: i18n('by-memory'),
-        link: getTenantPath({
-            ...query,
-            [TenantTabsGroups.diagnosticsTab]: TENANT_DIAGNOSTICS_TABS_IDS.nodes,
-        }),
-    });
-    return (_jsx(TenantOverviewTableLayout, { title: title, loading: loading, error: error, withData: Boolean(currentData), children: _jsx(ResizeableDataTable, { columnsWidthLSKey: NODES_COLUMNS_WIDTH_LS_KEY, data: topNodes, columns: columns, emptyDataMessage: i18n('top-nodes.empty-data'), settings: TENANT_OVERVIEW_TABLES_SETTINGS }) }));
+    return (_jsx(TenantOverviewTableLayout, { loading: loading, error: error, withData: Boolean(currentData), children: _jsx(ResizeableDataTable, { columnsWidthLSKey: NODES_COLUMNS_WIDTH_LS_KEY, data: topNodes, columns: columns, emptyDataMessage: i18n('top-nodes.empty-data'), settings: TENANT_OVERVIEW_TABLES_SETTINGS }) }));
 }
 //# sourceMappingURL=TopNodesByMemory.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TopNodesByMemory.js","sourceRoot":"","sources":["../../../../../../src/containers/Tenant/Diagnostics/TenantOverview/TenantMemory/TopNodesByMemory.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"TopNodesByMemory.js","sourceRoot":"","sources":["../../../../../../src/containers/Tenant/Diagnostics/TenantOverview/TenantMemory/TopNodesByMemory.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,mBAAmB,EAAC,MAAM,mEAAmE,CAAC;AACtG,OAAO,EACH,aAAa,EACb,aAAa,EACb,eAAe,EACf,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,GAClB,MAAM,gDAAgD,CAAC;AACxD,OAAO,EACH,4BAA4B,EAC5B,0BAA0B,GAC7B,MAAM,kDAAkD,CAAC;AAE1D,OAAO,EAAC,QAAQ,EAAC,MAAM,2CAA2C,CAAC;AAInE,OAAO,EACH,4BAA4B,EAC5B,+BAA+B,GAClC,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAC,sBAAsB,EAAC,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAC,qBAAqB,EAAC,MAAM,uDAAuD,CAAC;AAC5F,OAAO,EAAC,yBAAyB,EAAC,MAAM,8BAA8B,CAAC;AACvE,OAAO,IAAI,MAAM,SAAS,CAAC;AAE3B,SAAS,0BAA0B,CAC/B,MAA6B;IAE7B,MAAM,OAAO,GAAG;QACZ,eAAe,EAAuB;QACtC,aAAa,CAAsB,MAAM,CAAC;QAC1C,eAAe,EAAuB;QACtC,aAAa,EAAuB;QACpC,eAAe,EAAuB;QACtC,iBAAiB,EAAuB;QACxC,gBAAgB,CAAsB,MAAM,CAAC;KAChD,CAAC;IAEF,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACxD,MAAM,kBAAkB,GAAG,qBAAqB,CAAC,UAAU,EAAE,4BAA4B,CAAC,CAAC;IAE3F,OAAO,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAC;AACzC,CAAC;AAOD,MAAM,UAAU,gBAAgB,CAAC,EAAC,UAAU,EAAE,oBAAoB,EAAwB;IACtF,MAAM,CAAC,mBAAmB,CAAC,GAAG,sBAAsB,EAAE,CAAC;IACvD,MAAM,CAAC,OAAO,EAAE,cAAc,CAAC,GAAG,0BAA0B,CAAC;QACzD,UAAU,EAAE,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAE,UAAU;QAC5C,QAAQ,EAAE,UAAU;KACvB,CAAC,CAAC;IAEH,MAAM,EAAC,WAAW,EAAE,UAAU,EAAE,KAAK,EAAC,GAAG,QAAQ,CAAC,gBAAgB,CAC9D;QACI,MAAM,EAAE,UAAU;QAClB,IAAI,EAAE,KAAK;QACX,OAAO,EAAE,IAAI;QACb,IAAI,EAAE,SAAS;QACf,KAAK,EAAE,4BAA4B;QACnC,cAAc;KACjB,EACD,EAAC,eAAe,EAAE,mBAAmB,EAAC,CACzC,CAAC;IAEF,MAAM,OAAO,GAAG,UAAU,IAAI,WAAW,KAAK,SAAS,CAAC;IAExD,MAAM,QAAQ,GAAG,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,KAAI,EAAE,CAAC;IAE1C,OAAO,CACH,KAAC,yBAAyB,IAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,CAAC,WAAW,CAAC,YACrF,KAAC,mBAAmB,IAChB,iBAAiB,EAAE,0BAA0B,EAC7C,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,OAAO,EAChB,gBAAgB,EAAE,IAAI,CAAC,sBAAsB,CAAC,EAC9C,QAAQ,EAAE,+BAA+B,GAC3C,GACsB,CAC/B,CAAC;AACN,CAAC"}

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

@@ -0,0 +1,8 @@
+import type { AdditionalNodesProps } from '../../../../../types/additionalProps';
+import './TenantNetwork.scss';
+interface TenantNetworkProps {
+    tenantName: string;
+    additionalNodesProps?: AdditionalNodesProps;
+}
+export declare function TenantNetwork({ tenantName, additionalNodesProps }: TenantNetworkProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Flex } from '@gravity-ui/uikit';
+import { TENANT_DIAGNOSTICS_TABS_IDS } from '../../../../../store/reducers/tenant/constants';
+import { cn } from '../../../../../utils/cn';
+import { ENABLE_NETWORK_TABLE_KEY } from '../../../../../utils/constants';
+import { useSearchQuery, useSetting } from '../../../../../utils/hooks';
+import { TenantTabsGroups, getTenantPath } from '../../../TenantPages';
+import { StatsWrapper } from '../StatsWrapper/StatsWrapper';
+import i18n from '../i18n';
+import { TopNodesByPing } from './TopNodesByPing';
+import { TopNodesBySkew } from './TopNodesBySkew';
+import './TenantNetwork.scss';
+const b = cn('tenant-network');
+export function TenantNetwork({ tenantName, additionalNodesProps }) {
+    const query = useSearchQuery();
+    const [networkTableEnabled] = useSetting(ENABLE_NETWORK_TABLE_KEY);
+    const tab = networkTableEnabled
+        ? { [TenantTabsGroups.diagnosticsTab]: TENANT_DIAGNOSTICS_TABS_IDS.network }
+        : { [TenantTabsGroups.diagnosticsTab]: TENANT_DIAGNOSTICS_TABS_IDS.nodes };
+    const allNodesLink = getTenantPath({
+        ...query,
+        ...tab,
+    });
+    return (_jsxs(Flex, { direction: "column", gap: 4, className: b(), children: [_jsx(StatsWrapper, { title: i18n('title_nodes-by-ping'), allEntitiesLink: allNodesLink, children: _jsx(TopNodesByPing, { tenantName: tenantName, additionalNodesProps: additionalNodesProps }) }), _jsx(StatsWrapper, { title: i18n('title_nodes-by-skew'), allEntitiesLink: allNodesLink, children: _jsx(TopNodesBySkew, { tenantName: tenantName, additionalNodesProps: additionalNodesProps }) })] }));
+}
+//# sourceMappingURL=TenantNetwork.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TenantNetwork.js","sourceRoot":"","sources":["../../../../../../src/containers/Tenant/Diagnostics/TenantOverview/TenantNetwork/TenantNetwork.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAC,2BAA2B,EAAC,MAAM,gDAAgD,CAAC;AAE3F,OAAO,EAAC,EAAE,EAAC,MAAM,yBAAyB,CAAC;AAC3C,OAAO,EAAC,wBAAwB,EAAC,MAAM,gCAAgC,CAAC;AACxE,OAAO,EAAC,cAAc,EAAE,UAAU,EAAC,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAC,gBAAgB,EAAE,aAAa,EAAC,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAC,YAAY,EAAC,MAAM,8BAA8B,CAAC;AAC1D,OAAO,IAAI,MAAM,SAAS,CAAC;AAE3B,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAEhD,OAAO,sBAAsB,CAAC;AAE9B,MAAM,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,CAAC;AAO/B,MAAM,UAAU,aAAa,CAAC,EAAC,UAAU,EAAE,oBAAoB,EAAqB;IAChF,MAAM,KAAK,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,CAAC,mBAAmB,CAAC,GAAG,UAAU,CAAC,wBAAwB,CAAC,CAAC;IAEnE,MAAM,GAAG,GAAG,mBAAmB;QAC3B,CAAC,CAAC,EAAC,CAAC,gBAAgB,CAAC,cAAc,CAAC,EAAE,2BAA2B,CAAC,OAAO,EAAC;QAC1E,CAAC,CAAC,EAAC,CAAC,gBAAgB,CAAC,cAAc,CAAC,EAAE,2BAA2B,CAAC,KAAK,EAAC,CAAC;IAE7E,MAAM,YAAY,GAAG,aAAa,CAAC;QAC/B,GAAG,KAAK;QACR,GAAG,GAAG;KACT,CAAC,CAAC;IAEH,OAAO,CACH,MAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,aAC3C,KAAC,YAAY,IAAC,KAAK,EAAE,IAAI,CAAC,qBAAqB,CAAC,EAAE,eAAe,EAAE,YAAY,YAC3E,KAAC,cAAc,IACX,UAAU,EAAE,UAAU,EACtB,oBAAoB,EAAE,oBAAoB,GAC5C,GACS,EACf,KAAC,YAAY,IAAC,KAAK,EAAE,IAAI,CAAC,qBAAqB,CAAC,EAAE,eAAe,EAAE,YAAY,YAC3E,KAAC,cAAc,IACX,UAAU,EAAE,UAAU,EACtB,oBAAoB,EAAE,oBAAoB,GAC5C,GACS,IACZ,CACV,CAAC;AACN,CAAC"}

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

@@ -0,0 +1,9 @@
+.tenant-network {
+    &__tabs-container {
+        margin-top: var(--g-spacing-3);
+    }
+
+    &__tab-content {
+        margin-top: var(--g-spacing-3);
+    }
+}

package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantNetwork/TopNodesByPing.d.ts

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

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

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ResizeableDataTable } from '../../../../../components/ResizeableDataTable/ResizeableDataTable';
+import { NODES_COLUMNS_WIDTH_LS_KEY } from '../../../../../components/nodesColumns/constants';
+import { nodesApi } from '../../../../../store/reducers/nodes/nodes';
+import { TENANT_OVERVIEW_TABLES_LIMIT, TENANT_OVERVIEW_TABLES_SETTINGS, } from '../../../../../utils/constants';
+import { useAutoRefreshInterval } from '../../../../../utils/hooks';
+import { TenantOverviewTableLayout } from '../TenantOverviewTableLayout';
+import i18n from '../i18n';
+import { getTopNodesByPingColumns } from './columns';
+export function TopNodesByPing({ tenantName, additionalNodesProps }) {
+    const [autoRefreshInterval] = useAutoRefreshInterval();
+    const [columns, fieldsRequired] = getTopNodesByPingColumns({
+        getNodeRef: additionalNodesProps === null || additionalNodesProps === void 0 ? void 0 : additionalNodesProps.getNodeRef,
+        database: tenantName,
+    });
+    const { currentData, isFetching, error } = nodesApi.useGetNodesQuery({
+        tenant: tenantName,
+        type: 'any',
+        sort: '-PingTime',
+        limit: TENANT_OVERVIEW_TABLES_LIMIT,
+        tablets: false,
+        fieldsRequired: fieldsRequired,
+    }, { pollingInterval: autoRefreshInterval });
+    const loading = isFetching && currentData === undefined;
+    const topNodes = (currentData === null || currentData === void 0 ? void 0 : currentData.Nodes) || [];
+    return (_jsx(TenantOverviewTableLayout, { loading: loading, error: error, withData: Boolean(currentData), children: _jsx(ResizeableDataTable, { columnsWidthLSKey: NODES_COLUMNS_WIDTH_LS_KEY, data: topNodes, columns: columns, emptyDataMessage: i18n('top-nodes.empty-data'), settings: TENANT_OVERVIEW_TABLES_SETTINGS }) }));
+}
+//# sourceMappingURL=TopNodesByPing.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TopNodesByPing.js","sourceRoot":"","sources":["../../../../../../src/containers/Tenant/Diagnostics/TenantOverview/TenantNetwork/TopNodesByPing.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,mBAAmB,EAAC,MAAM,mEAAmE,CAAC;AACtG,OAAO,EAAC,0BAA0B,EAAC,MAAM,kDAAkD,CAAC;AAC5F,OAAO,EAAC,QAAQ,EAAC,MAAM,2CAA2C,CAAC;AAEnE,OAAO,EACH,4BAA4B,EAC5B,+BAA+B,GAClC,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAC,sBAAsB,EAAC,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAC,yBAAyB,EAAC,MAAM,8BAA8B,CAAC;AACvE,OAAO,IAAI,MAAM,SAAS,CAAC;AAE3B,OAAO,EAAC,wBAAwB,EAAC,MAAM,WAAW,CAAC;AAOnD,MAAM,UAAU,cAAc,CAAC,EAAC,UAAU,EAAE,oBAAoB,EAAsB;IAClF,MAAM,CAAC,mBAAmB,CAAC,GAAG,sBAAsB,EAAE,CAAC;IACvD,MAAM,CAAC,OAAO,EAAE,cAAc,CAAC,GAAG,wBAAwB,CAAC;QACvD,UAAU,EAAE,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAE,UAAU;QAC5C,QAAQ,EAAE,UAAU;KACvB,CAAC,CAAC;IAEH,MAAM,EAAC,WAAW,EAAE,UAAU,EAAE,KAAK,EAAC,GAAG,QAAQ,CAAC,gBAAgB,CAC9D;QACI,MAAM,EAAE,UAAU;QAClB,IAAI,EAAE,KAAK;QACX,IAAI,EAAE,WAAW;QACjB,KAAK,EAAE,4BAA4B;QACnC,OAAO,EAAE,KAAK;QACd,cAAc,EAAE,cAAc;KACjC,EACD,EAAC,eAAe,EAAE,mBAAmB,EAAC,CACzC,CAAC;IAEF,MAAM,OAAO,GAAG,UAAU,IAAI,WAAW,KAAK,SAAS,CAAC;IACxD,MAAM,QAAQ,GAAG,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,KAAI,EAAE,CAAC;IAE1C,OAAO,CACH,KAAC,yBAAyB,IAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,CAAC,WAAW,CAAC,YACrF,KAAC,mBAAmB,IAChB,iBAAiB,EAAE,0BAA0B,EAC7C,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,OAAO,EAChB,gBAAgB,EAAE,IAAI,CAAC,sBAAsB,CAAC,EAC9C,QAAQ,EAAE,+BAA+B,GAC3C,GACsB,CAC/B,CAAC;AACN,CAAC"}

package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantNetwork/TopNodesBySkew.d.ts

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

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

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ResizeableDataTable } from '../../../../../components/ResizeableDataTable/ResizeableDataTable';
+import { NODES_COLUMNS_WIDTH_LS_KEY } from '../../../../../components/nodesColumns/constants';
+import { nodesApi } from '../../../../../store/reducers/nodes/nodes';
+import { TENANT_OVERVIEW_TABLES_LIMIT, TENANT_OVERVIEW_TABLES_SETTINGS, } from '../../../../../utils/constants';
+import { useAutoRefreshInterval } from '../../../../../utils/hooks';
+import { TenantOverviewTableLayout } from '../TenantOverviewTableLayout';
+import i18n from '../i18n';
+import { getTopNodesBySkewColumns } from './columns';
+export function TopNodesBySkew({ tenantName, additionalNodesProps }) {
+    const [autoRefreshInterval] = useAutoRefreshInterval();
+    const [columns, fieldsRequired] = getTopNodesBySkewColumns({
+        getNodeRef: additionalNodesProps === null || additionalNodesProps === void 0 ? void 0 : additionalNodesProps.getNodeRef,
+        database: tenantName,
+    });
+    const { currentData, isFetching, error } = nodesApi.useGetNodesQuery({
+        tenant: tenantName,
+        type: 'any',
+        sort: '-ClockSkew',
+        limit: TENANT_OVERVIEW_TABLES_LIMIT,
+        tablets: false,
+        fieldsRequired: fieldsRequired,
+    }, { pollingInterval: autoRefreshInterval });
+    const loading = isFetching && currentData === undefined;
+    const topNodes = (currentData === null || currentData === void 0 ? void 0 : currentData.Nodes) || [];
+    return (_jsx(TenantOverviewTableLayout, { loading: loading, error: error, withData: Boolean(currentData), children: _jsx(ResizeableDataTable, { columnsWidthLSKey: NODES_COLUMNS_WIDTH_LS_KEY, data: topNodes, columns: columns, emptyDataMessage: i18n('top-nodes.empty-data'), settings: TENANT_OVERVIEW_TABLES_SETTINGS }) }));
+}
+//# sourceMappingURL=TopNodesBySkew.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TopNodesBySkew.js","sourceRoot":"","sources":["../../../../../../src/containers/Tenant/Diagnostics/TenantOverview/TenantNetwork/TopNodesBySkew.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,mBAAmB,EAAC,MAAM,mEAAmE,CAAC;AACtG,OAAO,EAAC,0BAA0B,EAAC,MAAM,kDAAkD,CAAC;AAC5F,OAAO,EAAC,QAAQ,EAAC,MAAM,2CAA2C,CAAC;AAEnE,OAAO,EACH,4BAA4B,EAC5B,+BAA+B,GAClC,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAC,sBAAsB,EAAC,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAC,yBAAyB,EAAC,MAAM,8BAA8B,CAAC;AACvE,OAAO,IAAI,MAAM,SAAS,CAAC;AAE3B,OAAO,EAAC,wBAAwB,EAAC,MAAM,WAAW,CAAC;AAOnD,MAAM,UAAU,cAAc,CAAC,EAAC,UAAU,EAAE,oBAAoB,EAAsB;IAClF,MAAM,CAAC,mBAAmB,CAAC,GAAG,sBAAsB,EAAE,CAAC;IACvD,MAAM,CAAC,OAAO,EAAE,cAAc,CAAC,GAAG,wBAAwB,CAAC;QACvD,UAAU,EAAE,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAE,UAAU;QAC5C,QAAQ,EAAE,UAAU;KACvB,CAAC,CAAC;IAEH,MAAM,EAAC,WAAW,EAAE,UAAU,EAAE,KAAK,EAAC,GAAG,QAAQ,CAAC,gBAAgB,CAC9D;QACI,MAAM,EAAE,UAAU;QAClB,IAAI,EAAE,KAAK;QACX,IAAI,EAAE,YAAY;QAClB,KAAK,EAAE,4BAA4B;QACnC,OAAO,EAAE,KAAK;QACd,cAAc,EAAE,cAAc;KACjC,EACD,EAAC,eAAe,EAAE,mBAAmB,EAAC,CACzC,CAAC;IAEF,MAAM,OAAO,GAAG,UAAU,IAAI,WAAW,KAAK,SAAS,CAAC;IACxD,MAAM,QAAQ,GAAG,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,KAAI,EAAE,CAAC;IAE1C,OAAO,CACH,KAAC,yBAAyB,IAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,CAAC,WAAW,CAAC,YACrF,KAAC,mBAAmB,IAChB,iBAAiB,EAAE,0BAA0B,EAC7C,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,OAAO,EAChB,gBAAgB,EAAE,IAAI,CAAC,sBAAsB,CAAC,EAC9C,QAAQ,EAAE,+BAA+B,GAC3C,GACsB,CAC/B,CAAC;AACN,CAAC"}

package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantNetwork/columns.d.ts

@@ -0,0 +1,76 @@
+import type { GetNodesColumnsParams } from '../../../../../components/nodesColumns/types';
+import type { NodesPreparedEntity } from '../../../../../store/reducers/nodes/types';
+export declare function getTopNodesByPingColumns(params: GetNodesColumnsParams): readonly [{
+    sortable: boolean;
+    name: string;
+    note?: string;
+    header?: React.ReactNode;
+    className?: string;
+    resizeable?: boolean;
+    render: ((props: {
+        row: NodesPreparedEntity;
+    }) => React.ReactNode) & ((props: {
+        value?: unknown;
+        row: NodesPreparedEntity;
+        index: number;
+        footer?: boolean;
+        headerData?: boolean;
+    }) => React.ReactNode);
+    width?: number;
+    resizeMaxWidth?: number;
+    resizeMinWidth?: number;
+    align: "right" | "left" | "center";
+    headerTitle?: string;
+    accessor?: string | ((row: NodesPreparedEntity) => any) | undefined;
+    title?: string | ((row: NodesPreparedEntity) => string) | undefined;
+    customStyle?: ((props: import("@gravity-ui/react-data-table").CustomStyleParams<NodesPreparedEntity>) => React.CSSProperties) | undefined;
+    onClick?: ((data: {
+        row: NodesPreparedEntity;
+        index: number;
+        footer?: boolean;
+        headerData?: boolean;
+    }, column: import("@gravity-ui/react-data-table").Column<NodesPreparedEntity>, event: React.MouseEvent<HTMLTableCellElement>) => void) | undefined;
+    defaultOrder?: import("@gravity-ui/react-data-table").OrderType;
+    sortAccessor?: string | ((row: NodesPreparedEntity) => any) | undefined;
+    sortAscending?: import("@gravity-ui/react-data-table").Comparator<NodesPreparedEntity> | undefined;
+    sub?: import("@gravity-ui/react-data-table").Column<NodesPreparedEntity>[] | undefined;
+    group?: boolean;
+    autogroup?: boolean;
+}[], import("../../../../../types/api/nodes").NodesRequiredField[]];
+export declare function getTopNodesBySkewColumns(params: GetNodesColumnsParams): readonly [{
+    sortable: boolean;
+    name: string;
+    note?: string;
+    header?: React.ReactNode;
+    className?: string;
+    resizeable?: boolean;
+    render: ((props: {
+        row: NodesPreparedEntity;
+    }) => React.ReactNode) & ((props: {
+        value?: unknown;
+        row: NodesPreparedEntity;
+        index: number;
+        footer?: boolean;
+        headerData?: boolean;
+    }) => React.ReactNode);
+    width?: number;
+    resizeMaxWidth?: number;
+    resizeMinWidth?: number;
+    align: "right" | "left" | "center";
+    headerTitle?: string;
+    accessor?: string | ((row: NodesPreparedEntity) => any) | undefined;
+    title?: string | ((row: NodesPreparedEntity) => string) | undefined;
+    customStyle?: ((props: import("@gravity-ui/react-data-table").CustomStyleParams<NodesPreparedEntity>) => React.CSSProperties) | undefined;
+    onClick?: ((data: {
+        row: NodesPreparedEntity;
+        index: number;
+        footer?: boolean;
+        headerData?: boolean;
+    }, column: import("@gravity-ui/react-data-table").Column<NodesPreparedEntity>, event: React.MouseEvent<HTMLTableCellElement>) => void) | undefined;
+    defaultOrder?: import("@gravity-ui/react-data-table").OrderType;
+    sortAccessor?: string | ((row: NodesPreparedEntity) => any) | undefined;
+    sortAscending?: import("@gravity-ui/react-data-table").Comparator<NodesPreparedEntity> | undefined;
+    sub?: import("@gravity-ui/react-data-table").Column<NodesPreparedEntity>[] | undefined;
+    group?: boolean;
+    autogroup?: boolean;
+}[], import("../../../../../types/api/nodes").NodesRequiredField[]];

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

@@ -0,0 +1,38 @@
+import { getClockSkewColumn, getNetworkHostColumn, getNodeIdColumn, getPingTimeColumn, getUptimeColumn, } from '../../../../../components/nodesColumns/columns';
+import { NODES_COLUMNS_TO_DATA_FIELDS } from '../../../../../components/nodesColumns/constants';
+import { getRequiredDataFields } from '../../../../../utils/tableUtils/getRequiredDataFields';
+export function getTopNodesByPingColumns(params) {
+    const columns = [
+        getNodeIdColumn(),
+        getNetworkHostColumn(params),
+        getUptimeColumn(),
+        getPingTimeColumn(),
+    ];
+    const columnsIds = columns.map((column) => column.name);
+    const fieldsRequired = getRequiredDataFields(columnsIds, NODES_COLUMNS_TO_DATA_FIELDS);
+    return [
+        columns.map((column) => ({
+            ...column,
+            sortable: false,
+        })),
+        fieldsRequired,
+    ];
+}
+export function getTopNodesBySkewColumns(params) {
+    const columns = [
+        getNodeIdColumn(),
+        getNetworkHostColumn(params),
+        getUptimeColumn(),
+        getClockSkewColumn(),
+    ];
+    const columnsIds = columns.map((column) => column.name);
+    const fieldsRequired = getRequiredDataFields(columnsIds, NODES_COLUMNS_TO_DATA_FIELDS);
+    return [
+        columns.map((column) => ({
+            ...column,
+            sortable: false,
+        })),
+        fieldsRequired,
+    ];
+}
+//# sourceMappingURL=columns.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"columns.js","sourceRoot":"","sources":["../../../../../../src/containers/Tenant/Diagnostics/TenantOverview/TenantNetwork/columns.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,kBAAkB,EAClB,oBAAoB,EACpB,eAAe,EACf,iBAAiB,EACjB,eAAe,GAClB,MAAM,gDAAgD,CAAC;AACxD,OAAO,EAAC,4BAA4B,EAAC,MAAM,kDAAkD,CAAC;AAG9F,OAAO,EAAC,qBAAqB,EAAC,MAAM,uDAAuD,CAAC;AAG5F,MAAM,UAAU,wBAAwB,CAAC,MAA6B;IAClE,MAAM,OAAO,GAAkC;QAC3C,eAAe,EAAE;QACjB,oBAAoB,CAAC,MAAM,CAAC;QAC5B,eAAe,EAAE;QACjB,iBAAiB,EAAE;KACtB,CAAC;IAEF,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACxD,MAAM,cAAc,GAAG,qBAAqB,CAAC,UAAU,EAAE,4BAA4B,CAAC,CAAC;IAEvF,OAAO;QACH,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;YACrB,GAAG,MAAM;YACT,QAAQ,EAAE,KAAK;SAClB,CAAC,CAAC;QACH,cAAc;KACR,CAAC;AACf,CAAC;AAED,MAAM,UAAU,wBAAwB,CAAC,MAA6B;IAClE,MAAM,OAAO,GAAkC;QAC3C,eAAe,EAAE;QACjB,oBAAoB,CAAC,MAAM,CAAC;QAC5B,eAAe,EAAE;QACjB,kBAAkB,EAAE;KACvB,CAAC;IAEF,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACxD,MAAM,cAAc,GAAG,qBAAqB,CAAC,UAAU,EAAE,4BAA4B,CAAC,CAAC;IAEvF,OAAO;QACH,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;YACrB,GAAG,MAAM;YACT,QAAQ,EAAE,KAAK;SAClB,CAAC,CAAC;QACH,cAAc;KACR,CAAC;AACf,CAAC"}

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

@@ -13,9 +13,10 @@ import { useAutoRefreshInterval, useTypedSelector } from '../../../../utils/hook
 import { useClusterNameFromQuery } from '../../../../utils/hooks/useDatabaseFromQuery';
 import { mapDatabaseTypeToDBName } from '../../utils/schema';
 import { HealthcheckPreview } from './Healthcheck/HealthcheckPreview';
-import { MetricsCards } from './MetricsCards/MetricsCards';
+import { MetricsTabs } from './MetricsTabs/MetricsTabs';
 import { TenantCpu } from './TenantCpu/TenantCpu';
 import { TenantMemory } from './TenantMemory/TenantMemory';
+import { TenantNetwork } from './TenantNetwork/TenantNetwork';
 import { TenantStorage } from './TenantStorage/TenantStorage';
 import { b } from './utils';
 import './TenantOverview.scss';
@@ -59,7 +60,7 @@ export function TenantOverview({ tenantName, additionalTenantProps, additionalNo
         tabletStorageLimit,
     };
     const renderName = () => {
-        return (_jsx("div", { className: b('tenant-name-wrapper'), children: _jsx(EntityStatus, { status: Overall, name: Name || TENANT_DEFAULT_TITLE, withLeftTrim: true, hasClipboardButton: Boolean(tenant), clipboardButtonAlwaysVisible: true }) }));
+        return (_jsx(Flex, { alignItems: "center", style: { overflow: 'hidden' }, children: _jsx(EntityStatus, { status: Overall, name: Name || TENANT_DEFAULT_TITLE, withLeftTrim: true, hasClipboardButton: Boolean(tenant), clipboardButtonAlwaysVisible: true }) }));
     };
     const renderTabContent = () => {
         switch (metricsTab) {
@@ -72,9 +73,14 @@ 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.network: {
+                return (_jsx(TenantNetwork, { tenantName: tenantName, additionalNodesProps: additionalNodesProps }));
+            }
         }
     };
     const links = getDatabaseLinks(additionalTenantProps, Name, Type);
-    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(), _jsx(Flex, { gap: "2", children: links.map(({ title, url, icon }) => (_jsx(Button, { href: url, target: "_blank", size: "xs", title: title, children: _jsx(Icon, { data: icon }) }, title))) })] }), _jsxs(Flex, { direction: "column", gap: 4, children: [_jsx(HealthcheckPreview, { tenantName: tenantName }), _jsx(QueriesActivityBar, { tenantName: tenantName }), _jsx(MetricsCards, { poolsCpuStats: poolsStats, memoryStats: memoryStats, blobStorageStats: blobStorageStats, tabletStorageStats: tabletStorageStats, networkStats: networkStats })] })] }), _jsx("div", { className: b('tab-content'), children: 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(), _jsx(Flex, { gap: "2", children: links.map(({ title, url, icon }) => (_jsx(Button, { href: url, target: "_blank", size: "xs", title: title, children: _jsx(Icon, { data: icon }) }, title))) })] }), _jsxs(Flex, { direction: "column", gap: 4, children: [_jsx(HealthcheckPreview, { tenantName: tenantName }), _jsx(QueriesActivityBar, { tenantName: tenantName }), _jsx(MetricsTabs, { poolsCpuStats: poolsStats, memoryStats: memoryStats, blobStorageStats: blobStorageStats, tabletStorageStats: tabletStorageStats, networkStats: networkStats, storageGroupsCount: tenantData.StorageGroups
+                                        ? Number(tenantData.StorageGroups)
+                                        : undefined })] })] }), _jsx("div", { className: b('tab-content'), children: 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":"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"}

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

@@ -4,10 +4,9 @@
     height: 100%;
     padding-bottom: 20px;
 
-    &__tenant-name-wrapper {
-        display: flex;
-        overflow: hidden;
-        align-items: center;
+    // Make header font size smaller using project typography
+    .data-table__th {
+        @include mixins.subheader-1-typography();
     }
 
     &__top {
@@ -33,11 +32,11 @@
     }
 
     &__title {
-        margin-bottom: 10px;
+        margin-bottom: var(--g-spacing-2);
 
-        font-weight: 700;
+        font-weight: 500;
 
-        @include mixins.body-2-typography();
+        @include mixins.subheader-1-typography();
     }
 
     &__table {

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { NoStrictEntityMods } from '@bem-react/classname';
 interface TenantOverviewTableLayoutProps {
-    title: React.ReactNode;
+    title?: React.ReactNode;
     loading?: boolean;
     error?: unknown;
     tableClassNameModifiers?: NoStrictEntityMods;

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

@@ -14,6 +14,6 @@ export function TenantOverviewTableLayout({ title, error, loading, tableClassNam
         }
         return children;
     };
-    return (_jsxs(React.Fragment, { children: [_jsx("div", { className: b('title'), children: title }), error ? _jsx(ResponseError, { error: error }) : null, _jsx("div", { className: b('table', tableClassNameModifiers), children: renderContent() })] }));
+    return (_jsxs(React.Fragment, { children: [title && _jsx("div", { className: b('title'), children: title }), error ? _jsx(ResponseError, { error: error }) : null, _jsx("div", { className: b('table', tableClassNameModifiers), children: renderContent() })] }));
 }
 //# sourceMappingURL=TenantOverviewTableLayout.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TenantOverviewTableLayout.js","sourceRoot":"","sources":["../../../../../src/containers/Tenant/Diagnostics/TenantOverview/TenantOverviewTableLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAC,aAAa,EAAC,MAAM,6CAA6C,CAAC;AAC1E,OAAO,EAAC,aAAa,EAAC,MAAM,oDAAoD,CAAC;AACjF,OAAO,EAAC,4BAA4B,EAAC,MAAM,6BAA6B,CAAC;AAEzE,OAAO,EAAC,CAAC,EAAC,MAAM,SAAS,CAAC;AAW1B,MAAM,UAAU,yBAAyB,CAAC,EACtC,KAAK,EACL,KAAK,EACL,OAAO,EACP,uBAAuB,GAAG,EAAE,EAC5B,QAAQ,EACR,QAAQ,GACqB;IAC7B,MAAM,aAAa,GAAG,GAAG,EAAE;QACvB,IAAI,KAAK,IAAI,CAAC,QAAQ,EAAE,CAAC;YACrB,OAAO,IAAI,CAAC;QAChB,CAAC;QAED,IAAI,OAAO,EAAE,CAAC;YACV,OAAO,KAAC,aAAa,IAAC,IAAI,EAAE,4BAA4B,GAAI,CAAC;QACjE,CAAC;QAED,OAAO,QAAQ,CAAC;IACpB,CAAC,CAAC;IACF,OAAO,CACH,MAAC,KAAK,CAAC,QAAQ,eACX,cAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YAAG,KAAK,GAAO,EACxC,KAAK,CAAC,CAAC,CAAC,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,EAC/C,cAAK,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,uBAAuB,CAAC,YAAG,aAAa,EAAE,GAAO,IAC/D,CACpB,CAAC;AACN,CAAC"}
+{"version":3,"file":"TenantOverviewTableLayout.js","sourceRoot":"","sources":["../../../../../src/containers/Tenant/Diagnostics/TenantOverview/TenantOverviewTableLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAC,aAAa,EAAC,MAAM,6CAA6C,CAAC;AAC1E,OAAO,EAAC,aAAa,EAAC,MAAM,oDAAoD,CAAC;AACjF,OAAO,EAAC,4BAA4B,EAAC,MAAM,6BAA6B,CAAC;AAEzE,OAAO,EAAC,CAAC,EAAC,MAAM,SAAS,CAAC;AAW1B,MAAM,UAAU,yBAAyB,CAAC,EACtC,KAAK,EACL,KAAK,EACL,OAAO,EACP,uBAAuB,GAAG,EAAE,EAC5B,QAAQ,EACR,QAAQ,GACqB;IAC7B,MAAM,aAAa,GAAG,GAAG,EAAE;QACvB,IAAI,KAAK,IAAI,CAAC,QAAQ,EAAE,CAAC;YACrB,OAAO,IAAI,CAAC;QAChB,CAAC;QAED,IAAI,OAAO,EAAE,CAAC;YACV,OAAO,KAAC,aAAa,IAAC,IAAI,EAAE,4BAA4B,GAAI,CAAC;QACjE,CAAC;QAED,OAAO,QAAQ,CAAC;IACpB,CAAC,CAAC;IACF,OAAO,CACH,MAAC,KAAK,CAAC,QAAQ,eACV,KAAK,IAAI,cAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YAAG,KAAK,GAAO,EAClD,KAAK,CAAC,CAAC,CAAC,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,EAC/C,cAAK,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,uBAAuB,CAAC,YAAG,aAAa,EAAE,GAAO,IAC/D,CACpB,CAAC;AACN,CAAC"}

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

@@ -1,4 +1,3 @@
-import '../TenantOverview.scss';
 export interface TenantStorageMetrics {
     blobStorageUsed?: number;
     blobStorageLimit?: number;