ydb-embedded-ui 11.3.0 → 11.5.0

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

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

package/dist/containers/Tenant/Diagnostics/TenantOverview/{MetricsCards/MetricsCards.scss → MetricsTabs/MetricsTabs.scss}

@@ -75,20 +75,20 @@
  */
 
 @mixin tab-edge-filler($side) {
-    &.tenant-metrics-cards__link-container_active::after {
+    &.tenant-metrics-tabs__link-container_active::after {
         @include pseudo-active-filler($side);
     }
 
-    &:not(.tenant-metrics-cards__link-container_active)::after {
+    &:not(.tenant-metrics-tabs__link-container_active)::after {
         @include pseudo-inactive-filler($side);
     }
 
-    &:not(.tenant-metrics-cards__link-container_active)::before {
+    &:not(.tenant-metrics-tabs__link-container_active)::before {
         @include pseudo-background-fill($side);
     }
 }
 
-.tenant-metrics-cards {
+.tenant-metrics-tabs {
     // CSS Variables for consistent design system
     --tab-border-width: 1px;
     --tab-filler-size: 10px;
@@ -198,7 +198,7 @@
             }
         }
 
-        .tenant-metrics-cards__link {
+        .tenant-metrics-tabs__link {
             padding-bottom: var(--tab-border-compensation);
             @include tab-border-base(var(--g-color-line-generic));
         }

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

@@ -0,0 +1,11 @@
+import './StatsWrapper.scss';
+interface StatsWrapperProps {
+    children: React.ReactNode;
+    className?: string;
+    title: string;
+    description?: string;
+    allEntitiesLink?: string;
+    onAllEntitiesClick?: () => void;
+}
+export declare function StatsWrapper({ children, className, title, description, allEntitiesLink, onAllEntitiesClick, }: StatsWrapperProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Flex, Text } from '@gravity-ui/uikit';
+import { SeeAllButton } from '../../../../../components/SeeAllButton/SeeAllButton';
+import { cn } from '../../../../../utils/cn';
+const b = cn('ydb-stats-wrapper');
+import './StatsWrapper.scss';
+export function StatsWrapper({ children, className, title, description, allEntitiesLink, onAllEntitiesClick, }) {
+    return (_jsxs(Flex, { className: b(null, className), gap: 2, direction: "column", children: [_jsxs(Flex, { justifyContent: "space-between", wrap: "nowrap", className: b('header'), children: [_jsxs(Flex, { direction: "column", children: [_jsx(Text, { variant: "subheader-2", children: title }), description && _jsx(Text, { color: "secondary", children: description })] }), allEntitiesLink && (_jsx(SeeAllButton, { to: allEntitiesLink, onClick: onAllEntitiesClick }))] }), children] }));
+}
+//# sourceMappingURL=StatsWrapper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StatsWrapper.js","sourceRoot":"","sources":["../../../../../../src/containers/Tenant/Diagnostics/TenantOverview/StatsWrapper/StatsWrapper.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAC,YAAY,EAAC,MAAM,qDAAqD,CAAC;AACjF,OAAO,EAAC,EAAE,EAAC,MAAM,yBAAyB,CAAC;AAE3C,MAAM,CAAC,GAAG,EAAE,CAAC,mBAAmB,CAAC,CAAC;AAElC,OAAO,qBAAqB,CAAC;AAW7B,MAAM,UAAU,YAAY,CAAC,EACzB,QAAQ,EACR,SAAS,EACT,KAAK,EACL,WAAW,EACX,eAAe,EACf,kBAAkB,GACF;IAChB,OAAO,CACH,MAAC,IAAI,IAAC,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,SAAS,EAAC,QAAQ,aAC3D,MAAC,IAAI,IAAC,cAAc,EAAC,eAAe,EAAC,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,aACrE,MAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,aACpB,KAAC,IAAI,IAAC,OAAO,EAAC,aAAa,YAAE,KAAK,GAAQ,EACzC,WAAW,IAAI,KAAC,IAAI,IAAC,KAAK,EAAC,WAAW,YAAE,WAAW,GAAQ,IACzD,EACN,eAAe,IAAI,CAChB,KAAC,YAAY,IAAC,EAAE,EAAE,eAAe,EAAE,OAAO,EAAE,kBAAkB,GAAI,CACrE,IACE,EACN,QAAQ,IACN,CACV,CAAC;AACN,CAAC"}

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

@@ -0,0 +1,14 @@
+.ydb-stats-wrapper {
+    overflow: auto;
+
+    padding: var(--g-spacing-4);
+
+    border: 1px solid var(--g-color-line-generic);
+    border-radius: var(--g-border-radius-xs);
+
+    &__header {
+        position: sticky;
+        top: 0;
+        left: 0;
+    }
+}

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

@@ -1,16 +1,14 @@
 import './TabCard.scss';
 interface TabCardProps {
-    label: string;
-    sublabel?: string;
+    text: string;
     value: number;
     limit: number;
     active?: boolean;
     helpText?: string;
-    clickable?: boolean;
     legendFormatter: (params: {
         value: number;
         capacity: number;
     }) => string;
 }
-export declare function TabCard({ label, sublabel, value, limit, active, helpText, clickable, legendFormatter, }: TabCardProps): import("react/jsx-runtime").JSX.Element;
+export declare function TabCard({ text, value, limit, active, helpText, legendFormatter }: TabCardProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -5,12 +5,12 @@ import { getDiagramValues } from '../../../../../containers/Cluster/ClusterOverv
 import { cn } from '../../../../../utils/cn';
 import './TabCard.scss';
 const b = cn('tenant-tab-card');
-export function TabCard({ label, sublabel, value, limit, active, helpText, clickable = true, legendFormatter, }) {
+export function TabCard({ text, value, limit, active, helpText, legendFormatter }) {
     const { status, percents, legend, fill } = getDiagramValues({
         value,
         capacity: limit,
         legendFormatter,
     });
-    return (_jsx("div", { className: b({ active }), children: _jsx(Card, { className: b('card-container', { active, clickable }), type: "container", view: active ? 'outlined' : 'raised', children: _jsxs(Flex, { gap: 3, alignItems: "center", children: [_jsx(DoughnutMetrics, { size: "small", status: status, fillWidth: fill, className: b('doughnut'), children: _jsx(DoughnutMetrics.Value, { variant: "subheader-1", children: percents }) }), _jsxs("div", { className: b('legend-wrapper'), children: [_jsx(DoughnutMetrics.Legend, { variant: "subheader-2", children: legend }), _jsx(DoughnutMetrics.Legend, { variant: "body-1", color: "secondary", note: helpText, noteIconSize: "s", children: sublabel || label })] })] }) }) }));
+    return (_jsx("div", { className: b({ active }), children: _jsx(Card, { className: b('card-container', { active }), type: "container", view: active ? 'outlined' : 'raised', children: _jsxs(Flex, { gap: 3, alignItems: "center", children: [_jsx(DoughnutMetrics, { size: "small", status: status, fillWidth: fill, className: b('doughnut'), children: _jsx(DoughnutMetrics.Value, { variant: "subheader-1", children: percents }) }), _jsxs("div", { className: b('legend-wrapper'), children: [_jsx(DoughnutMetrics.Legend, { variant: "subheader-2", children: legend }), _jsx(DoughnutMetrics.Legend, { variant: "body-1", color: "secondary", note: helpText, noteIconSize: "s", children: text })] })] }) }) }));
 }
 //# sourceMappingURL=TabCard.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TabCard.js","sourceRoot":"","sources":["../../../../../../src/containers/Tenant/Diagnostics/TenantOverview/TabCard/TabCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAC,eAAe,EAAC,MAAM,2DAA2D,CAAC;AAC1F,OAAO,EAAC,gBAAgB,EAAC,MAAM,yDAAyD,CAAC;AACzF,OAAO,EAAC,EAAE,EAAC,MAAM,yBAAyB,CAAC;AAE3C,OAAO,gBAAgB,CAAC;AAExB,MAAM,CAAC,GAAG,EAAE,CAAC,iBAAiB,CAAC,CAAC;AAahC,MAAM,UAAU,OAAO,CAAC,EACpB,KAAK,EACL,QAAQ,EACR,KAAK,EACL,KAAK,EACL,MAAM,EACN,QAAQ,EACR,SAAS,GAAG,IAAI,EAChB,eAAe,GACJ;IACX,MAAM,EAAC,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAC,GAAG,gBAAgB,CAAC;QACtD,KAAK;QACL,QAAQ,EAAE,KAAK;QACf,eAAe;KAClB,CAAC,CAAC;IAEH,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,EAAC,MAAM,EAAC,CAAC,YACvB,KAAC,IAAI,IACD,SAAS,EAAE,CAAC,CAAC,gBAAgB,EAAE,EAAC,MAAM,EAAE,SAAS,EAAC,CAAC,EACnD,IAAI,EAAC,WAAW,EAChB,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,YAEpC,MAAC,IAAI,IAAC,GAAG,EAAE,CAAC,EAAE,UAAU,EAAC,QAAQ,aAC7B,KAAC,eAAe,IACZ,IAAI,EAAC,OAAO,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,IAAI,EACf,SAAS,EAAE,CAAC,CAAC,UAAU,CAAC,YAExB,KAAC,eAAe,CAAC,KAAK,IAAC,OAAO,EAAC,aAAa,YACvC,QAAQ,GACW,GACV,EAClB,eAAK,SAAS,EAAE,CAAC,CAAC,gBAAgB,CAAC,aAC/B,KAAC,eAAe,CAAC,MAAM,IAAC,OAAO,EAAC,aAAa,YACxC,MAAM,GACc,EACzB,KAAC,eAAe,CAAC,MAAM,IACnB,OAAO,EAAC,QAAQ,EAChB,KAAK,EAAC,WAAW,EACjB,IAAI,EAAE,QAAQ,EACd,YAAY,EAAC,GAAG,YAEf,QAAQ,IAAI,KAAK,GACG,IACvB,IACH,GACJ,GACL,CACT,CAAC;AACN,CAAC"}
+{"version":3,"file":"TabCard.js","sourceRoot":"","sources":["../../../../../../src/containers/Tenant/Diagnostics/TenantOverview/TabCard/TabCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAC,eAAe,EAAC,MAAM,2DAA2D,CAAC;AAC1F,OAAO,EAAC,gBAAgB,EAAC,MAAM,yDAAyD,CAAC;AACzF,OAAO,EAAC,EAAE,EAAC,MAAM,yBAAyB,CAAC;AAE3C,OAAO,gBAAgB,CAAC;AAExB,MAAM,CAAC,GAAG,EAAE,CAAC,iBAAiB,CAAC,CAAC;AAWhC,MAAM,UAAU,OAAO,CAAC,EAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,eAAe,EAAe;IACzF,MAAM,EAAC,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAC,GAAG,gBAAgB,CAAC;QACtD,KAAK;QACL,QAAQ,EAAE,KAAK;QACf,eAAe;KAClB,CAAC,CAAC;IAEH,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,EAAC,MAAM,EAAC,CAAC,YACvB,KAAC,IAAI,IACD,SAAS,EAAE,CAAC,CAAC,gBAAgB,EAAE,EAAC,MAAM,EAAC,CAAC,EACxC,IAAI,EAAC,WAAW,EAChB,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,YAEpC,MAAC,IAAI,IAAC,GAAG,EAAE,CAAC,EAAE,UAAU,EAAC,QAAQ,aAC7B,KAAC,eAAe,IACZ,IAAI,EAAC,OAAO,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,IAAI,EACf,SAAS,EAAE,CAAC,CAAC,UAAU,CAAC,YAExB,KAAC,eAAe,CAAC,KAAK,IAAC,OAAO,EAAC,aAAa,YACvC,QAAQ,GACW,GACV,EAClB,eAAK,SAAS,EAAE,CAAC,CAAC,gBAAgB,CAAC,aAC/B,KAAC,eAAe,CAAC,MAAM,IAAC,OAAO,EAAC,aAAa,YACxC,MAAM,GACc,EACzB,KAAC,eAAe,CAAC,MAAM,IACnB,OAAO,EAAC,QAAQ,EAChB,KAAK,EAAC,WAAW,EACjB,IAAI,EAAE,QAAQ,EACd,YAAY,EAAC,GAAG,YAEf,IAAI,GACgB,IACvB,IACH,GACJ,GACL,CACT,CAAC;AACN,CAAC"}

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

@@ -4,12 +4,10 @@
     &__card-container {
         padding: var(--g-spacing-4);
 
+        cursor: pointer;
+
         border: 0;
         border-radius: var(--g-border-radius-s);
-    }
-
-    &__card-container_clickable {
-        cursor: pointer;
 
         // Smooth hover transition
         transition: background-color 0.15s ease;

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

@@ -1,12 +1,23 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
+import { Flex } from '@gravity-ui/uikit';
+import { setTopQueriesFilters } from '../../../../../store/reducers/executeTopQueries/executeTopQueries';
+import { TENANT_DIAGNOSTICS_TABS_IDS } from '../../../../../store/reducers/tenant/constants';
+import { useTypedDispatch } from '../../../../../utils/hooks';
+import { useDiagnosticsPageLinkGetter } from '../../../Diagnostics/DiagnosticsPages';
+import { StatsWrapper } from '../StatsWrapper/StatsWrapper';
 import { TenantDashboard } from '../TenantDashboard/TenantDashboard';
+import i18n from '../i18n';
 import { TopNodesByCpu } from './TopNodesByCpu';
 import { TopNodesByLoad } from './TopNodesByLoad';
 import { TopQueries } from './TopQueries';
 import { TopShards } from './TopShards';
 import { cpuDashboardConfig } from './cpuDashboardConfig';
 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 })] }));
+    const dispatch = useTypedDispatch();
+    const getDiagnosticsPageLink = useDiagnosticsPageLinkGetter();
+    const allNodesLink = getDiagnosticsPageLink(TENANT_DIAGNOSTICS_TABS_IDS.nodes);
+    const topShardsLink = getDiagnosticsPageLink(TENANT_DIAGNOSTICS_TABS_IDS.topShards);
+    const topQueriesLink = getDiagnosticsPageLink(TENANT_DIAGNOSTICS_TABS_IDS.topQueries);
+    return (_jsxs(Flex, { direction: "column", gap: 4, children: [_jsx(TenantDashboard, { database: tenantName, charts: cpuDashboardConfig }), _jsx(StatsWrapper, { allEntitiesLink: allNodesLink, title: i18n('title_top-nodes-load'), children: _jsx(TopNodesByLoad, { tenantName: tenantName, additionalNodesProps: additionalNodesProps }) }), _jsx(StatsWrapper, { title: i18n('title_top-nodes-pool'), allEntitiesLink: allNodesLink, children: _jsx(TopNodesByCpu, { tenantName: tenantName, additionalNodesProps: additionalNodesProps }) }), _jsx(StatsWrapper, { title: i18n('title_top-shards'), allEntitiesLink: topShardsLink, children: _jsx(TopShards, { tenantName: tenantName, path: tenantName }) }), _jsx(StatsWrapper, { title: i18n('title_top-queries'), allEntitiesLink: topQueriesLink, onAllEntitiesClick: () => dispatch(setTopQueriesFilters({ from: undefined, to: undefined })), children: _jsx(TopQueries, { tenantName: tenantName }) })] }));
 }
 //# sourceMappingURL=TenantCpu.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TenantCpu.js","sourceRoot":"","sources":["../../../../../../src/containers/Tenant/Diagnostics/TenantOverview/TenantCpu/TenantCpu.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAC,eAAe,EAAC,MAAM,oCAAoC,CAAC;AAEnE,OAAO,EAAC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AACxC,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AACtC,OAAO,EAAC,kBAAkB,EAAC,MAAM,sBAAsB,CAAC;AAOxD,MAAM,UAAU,SAAS,CAAC,EAAC,UAAU,EAAE,oBAAoB,EAAiB;IACxE,OAAO,CACH,MAAC,KAAK,CAAC,QAAQ,eACX,KAAC,eAAe,IAAC,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,kBAAkB,GAAI,EACrE,KAAC,cAAc,IAAC,UAAU,EAAE,UAAU,EAAE,oBAAoB,EAAE,oBAAoB,GAAI,EACtF,KAAC,aAAa,IAAC,UAAU,EAAE,UAAU,EAAE,oBAAoB,EAAE,oBAAoB,GAAI,EACrF,KAAC,SAAS,IAAC,UAAU,EAAE,UAAU,EAAE,IAAI,EAAE,UAAU,GAAI,EACvD,KAAC,UAAU,IAAC,UAAU,EAAE,UAAU,GAAI,IACzB,CACpB,CAAC;AACN,CAAC"}
+{"version":3,"file":"TenantCpu.js","sourceRoot":"","sources":["../../../../../../src/containers/Tenant/Diagnostics/TenantOverview/TenantCpu/TenantCpu.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAC,oBAAoB,EAAC,MAAM,mEAAmE,CAAC;AACvG,OAAO,EAAC,2BAA2B,EAAC,MAAM,gDAAgD,CAAC;AAE3F,OAAO,EAAC,gBAAgB,EAAC,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAC,4BAA4B,EAAC,MAAM,uCAAuC,CAAC;AACnF,OAAO,EAAC,YAAY,EAAC,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAC,eAAe,EAAC,MAAM,oCAAoC,CAAC;AACnE,OAAO,IAAI,MAAM,SAAS,CAAC;AAE3B,OAAO,EAAC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AACxC,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AACtC,OAAO,EAAC,kBAAkB,EAAC,MAAM,sBAAsB,CAAC;AAOxD,MAAM,UAAU,SAAS,CAAC,EAAC,UAAU,EAAE,oBAAoB,EAAiB;IACxE,MAAM,QAAQ,GAAG,gBAAgB,EAAE,CAAC;IACpC,MAAM,sBAAsB,GAAG,4BAA4B,EAAE,CAAC;IAE9D,MAAM,YAAY,GAAG,sBAAsB,CAAC,2BAA2B,CAAC,KAAK,CAAC,CAAC;IAC/E,MAAM,aAAa,GAAG,sBAAsB,CAAC,2BAA2B,CAAC,SAAS,CAAC,CAAC;IACpF,MAAM,cAAc,GAAG,sBAAsB,CAAC,2BAA2B,CAAC,UAAU,CAAC,CAAC;IAEtF,OAAO,CACH,MAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAE,CAAC,aAC3B,KAAC,eAAe,IAAC,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,kBAAkB,GAAI,EACrE,KAAC,YAAY,IAAC,eAAe,EAAE,YAAY,EAAE,KAAK,EAAE,IAAI,CAAC,sBAAsB,CAAC,YAC5E,KAAC,cAAc,IACX,UAAU,EAAE,UAAU,EACtB,oBAAoB,EAAE,oBAAoB,GAC5C,GACS,EACf,KAAC,YAAY,IAAC,KAAK,EAAE,IAAI,CAAC,sBAAsB,CAAC,EAAE,eAAe,EAAE,YAAY,YAC5E,KAAC,aAAa,IACV,UAAU,EAAE,UAAU,EACtB,oBAAoB,EAAE,oBAAoB,GAC5C,GACS,EACf,KAAC,YAAY,IAAC,KAAK,EAAE,IAAI,CAAC,kBAAkB,CAAC,EAAE,eAAe,EAAE,aAAa,YACzE,KAAC,SAAS,IAAC,UAAU,EAAE,UAAU,EAAE,IAAI,EAAE,UAAU,GAAI,GAC5C,EACf,KAAC,YAAY,IACT,KAAK,EAAE,IAAI,CAAC,mBAAmB,CAAC,EAChC,eAAe,EAAE,cAAc,EAC/B,kBAAkB,EAAE,GAAG,EAAE,CACrB,QAAQ,CAAC,oBAAoB,CAAC,EAAC,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAC,CAAC,CAAC,YAGpE,KAAC,UAAU,IAAC,UAAU,EAAE,UAAU,GAAI,GAC3B,IACZ,CACV,CAAC;AACN,CAAC"}

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

@@ -3,13 +3,10 @@ import { ResizeableDataTable } from '../../../../../components/ResizeableDataTab
 import { getHostColumn, getNodeIdColumn, getPoolsColumn, } 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 getTopNodesByCpuColumns(params) {
     const hostColumn = { ...getHostColumn(params), width: undefined };
@@ -23,7 +20,6 @@ function getTopNodesByCpuColumns(params) {
     return [columns, dataFieldsRequired];
 }
 export function TopNodesByCpu({ tenantName, additionalNodesProps }) {
-    const query = useSearchQuery();
     const [autoRefreshInterval] = useAutoRefreshInterval();
     const [columns, fieldsRequired] = getTopNodesByCpuColumns({
         getNodeRef: additionalNodesProps === null || additionalNodesProps === void 0 ? void 0 : additionalNodesProps.getNodeRef,
@@ -39,14 +35,6 @@ export function TopNodesByCpu({ 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-pools-usage'),
-        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=TopNodesByCpu.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TopNodesByCpu.js","sourceRoot":"","sources":["../../../../../../src/containers/Tenant/Diagnostics/TenantOverview/TenantCpu/TopNodesByCpu.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"TopNodesByCpu.js","sourceRoot":"","sources":["../../../../../../src/containers/Tenant/Diagnostics/TenantOverview/TenantCpu/TopNodesByCpu.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,mBAAmB,EAAC,MAAM,mEAAmE,CAAC;AACtG,OAAO,EACH,aAAa,EACb,eAAe,EACf,cAAc,GACjB,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,uBAAuB,CAC5B,MAA6B;IAE7B,MAAM,UAAU,GAAG,EAAC,GAAG,aAAa,CAAsB,MAAM,CAAC,EAAE,KAAK,EAAE,SAAS,EAAC,CAAC;IAErF,MAAM,OAAO,GAAG;QACZ,cAAc,EAAuB;QACrC,eAAe,EAAuB;QACtC,UAAU;KACb,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,aAAa,CAAC,EAAC,UAAU,EAAE,oBAAoB,EAAqB;IAChF,MAAM,CAAC,mBAAmB,CAAC,GAAG,sBAAsB,EAAE,CAAC;IACvD,MAAM,CAAC,OAAO,EAAE,cAAc,CAAC,GAAG,uBAAuB,CAAC;QACtD,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,MAAM;QACZ,KAAK,EAAE,4BAA4B;QACnC,OAAO,EAAE,KAAK;QACd,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/TenantCpu/TopNodesByLoad.js

@@ -3,13 +3,10 @@ import { ResizeableDataTable } from '../../../../../components/ResizeableDataTab
 import { getHostColumn, getLoadColumn, getNodeIdColumn, getVersionColumn, } 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 getTopNodesByLoadColumns(params) {
     const hostColumn = {
@@ -27,7 +24,6 @@ function getTopNodesByLoadColumns(params) {
     return [columns, dataFieldsRequired];
 }
 export function TopNodesByLoad({ tenantName, additionalNodesProps }) {
-    const query = useSearchQuery();
     const [autoRefreshInterval] = useAutoRefreshInterval();
     const [columns, fieldsRequired] = getTopNodesByLoadColumns({
         getNodeRef: additionalNodesProps === null || additionalNodesProps === void 0 ? void 0 : additionalNodesProps.getNodeRef,
@@ -43,14 +39,6 @@ export function TopNodesByLoad({ 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-load'),
-        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=TopNodesByLoad.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TopNodesByLoad.js","sourceRoot":"","sources":["../../../../../../src/containers/Tenant/Diagnostics/TenantOverview/TenantCpu/TopNodesByLoad.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"TopNodesByLoad.js","sourceRoot":"","sources":["../../../../../../src/containers/Tenant/Diagnostics/TenantOverview/TenantCpu/TopNodesByLoad.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,mBAAmB,EAAC,MAAM,mEAAmE,CAAC;AACtG,OAAO,EACH,aAAa,EACb,aAAa,EACb,eAAe,EACf,gBAAgB,GACnB,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,wBAAwB,CAC7B,MAA6B;IAE7B,MAAM,UAAU,GAAG;QACf,GAAG,aAAa,CAAsB,MAAM,CAAC;QAC7C,KAAK,EAAE,SAAS;KACnB,CAAC;IAEF,MAAM,OAAO,GAAG;QACZ,aAAa,EAAuB;QACpC,eAAe,EAAuB;QACtC,UAAU;QACV,gBAAgB,EAAuB;KAC1C,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,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,cAAc;QACpB,KAAK,EAAE,4BAA4B;QACnC,OAAO,EAAE,KAAK;QACd,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/TenantCpu/TopQueries.js

@@ -1,59 +1,26 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import { useHistory, useLocation } from 'react-router-dom';
-import { ResizeableDataTable } from '../../../../../components/ResizeableDataTable/ResizeableDataTable';
-import { parseQuery } from '../../../../../routes';
-import { setTopQueriesFilters, topQueriesApi, } from '../../../../../store/reducers/executeTopQueries/executeTopQueries';
-import { changeUserInput, setIsDirty } from '../../../../../store/reducers/query/query';
-import { TENANT_DIAGNOSTICS_TABS_IDS, TENANT_PAGE, TENANT_PAGES_IDS, TENANT_QUERY_TABS_ID, } from '../../../../../store/reducers/tenant/constants';
+import { topQueriesApi } from '../../../../../store/reducers/executeTopQueries/executeTopQueries';
 import { TENANT_OVERVIEW_TABLES_LIMIT, TENANT_OVERVIEW_TABLES_SETTINGS, } from '../../../../../utils/constants';
-import { useAutoRefreshInterval, useTypedDispatch } from '../../../../../utils/hooks';
-import { useChangeInputWithConfirmation } from '../../../../../utils/hooks/withConfirmation/useChangeInputWithConfirmation';
+import { useAutoRefreshInterval } from '../../../../../utils/hooks';
 import { parseQueryErrorToString } from '../../../../../utils/query';
-import { TenantTabsGroups, getTenantPath } from '../../../TenantPages';
+import { QueriesTableWithDrawer } from '../../TopQueries/QueriesTableWithDrawer';
 import { getTenantOverviewTopQueriesColumns } from '../../TopQueries/columns/columns';
 import { TOP_QUERIES_COLUMNS_WIDTH_LS_KEY } from '../../TopQueries/columns/constants';
+import { useTopQueriesSort } from '../../TopQueries/hooks/useTopQueriesSort';
 import { TenantOverviewTableLayout } from '../TenantOverviewTableLayout';
-import { getSectionTitle } from '../getSectionTitle';
-import i18n from '../i18n';
-import { b } from '../utils';
+const columns = getTenantOverviewTopQueriesColumns();
 export function TopQueries({ tenantName }) {
     var _a, _b;
-    const dispatch = useTypedDispatch();
-    const location = useLocation();
-    const history = useHistory();
-    const query = parseQuery(location);
     const [autoRefreshInterval] = useAutoRefreshInterval();
-    const columns = React.useMemo(() => {
-        return getTenantOverviewTopQueriesColumns();
-    }, []);
-    const { currentData, isFetching, error } = topQueriesApi.useGetTopQueriesQuery({ database: tenantName, timeFrame: 'hour', limit: TENANT_OVERVIEW_TABLES_LIMIT }, { pollingInterval: autoRefreshInterval });
+    const { backendSort } = useTopQueriesSort();
+    const { currentData, isFetching, error } = topQueriesApi.useGetTopQueriesQuery({
+        database: tenantName,
+        timeFrame: 'hour',
+        limit: TENANT_OVERVIEW_TABLES_LIMIT,
+        sortOrder: backendSort,
+    }, { pollingInterval: autoRefreshInterval });
     const loading = isFetching && currentData === undefined;
     const data = ((_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) || [];
-    const applyRowClick = React.useCallback((row) => {
-        const { QueryText: input } = row;
-        dispatch(changeUserInput({ input }));
-        dispatch(setIsDirty(false));
-        const queryParams = parseQuery(location);
-        const queryPath = getTenantPath({
-            ...queryParams,
-            [TENANT_PAGE]: TENANT_PAGES_IDS.query,
-            [TenantTabsGroups.queryTab]: TENANT_QUERY_TABS_ID.newQuery,
-        });
-        history.push(queryPath);
-    }, [dispatch, history, location]);
-    const handleRowClick = useChangeInputWithConfirmation(applyRowClick);
-    const title = getSectionTitle({
-        entity: i18n('queries'),
-        postfix: i18n('by-cpu-time', { executionPeriod: i18n('executed-last-hour') }),
-        onClick: () => {
-            dispatch(setTopQueriesFilters({ from: undefined, to: undefined }));
-        },
-        link: getTenantPath({
-            ...query,
-            [TenantTabsGroups.diagnosticsTab]: TENANT_DIAGNOSTICS_TABS_IDS.topQueries,
-        }),
-    });
-    return (_jsx(TenantOverviewTableLayout, { title: title, loading: loading, error: parseQueryErrorToString(error), withData: Boolean(currentData), children: _jsx(ResizeableDataTable, { columnsWidthLSKey: TOP_QUERIES_COLUMNS_WIDTH_LS_KEY, data: data, columns: columns, onRowClick: handleRowClick, rowClassName: () => b('top-queries-row'), settings: TENANT_OVERVIEW_TABLES_SETTINGS }) }));
+    return (_jsx(TenantOverviewTableLayout, { loading: loading, error: parseQueryErrorToString(error), withData: Boolean(currentData), children: _jsx(QueriesTableWithDrawer, { columnsWidthLSKey: TOP_QUERIES_COLUMNS_WIDTH_LS_KEY, data: data, columns: columns, tableSettings: TENANT_OVERVIEW_TABLES_SETTINGS, drawerId: "tenant-overview-query-details", storageKey: "tenant-overview-queries-drawer-width" }) }));
 }
 //# sourceMappingURL=TopQueries.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TopQueries.js","sourceRoot":"","sources":["../../../../../../src/containers/Tenant/Diagnostics/TenantOverview/TenantCpu/TopQueries.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"TopQueries.js","sourceRoot":"","sources":["../../../../../../src/containers/Tenant/Diagnostics/TenantOverview/TenantCpu/TopQueries.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,aAAa,EAAC,MAAM,mEAAmE,CAAC;AAChG,OAAO,EACH,4BAA4B,EAC5B,+BAA+B,GAClC,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAC,sBAAsB,EAAC,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAC,uBAAuB,EAAC,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAC,sBAAsB,EAAC,MAAM,yCAAyC,CAAC;AAC/E,OAAO,EAAC,kCAAkC,EAAC,MAAM,kCAAkC,CAAC;AACpF,OAAO,EAAC,gCAAgC,EAAC,MAAM,oCAAoC,CAAC;AACpF,OAAO,EAAC,iBAAiB,EAAC,MAAM,0CAA0C,CAAC;AAC3E,OAAO,EAAC,yBAAyB,EAAC,MAAM,8BAA8B,CAAC;AAMvE,MAAM,OAAO,GAAG,kCAAkC,EAAE,CAAC;AAErD,MAAM,UAAU,UAAU,CAAC,EAAC,UAAU,EAAkB;;IACpD,MAAM,CAAC,mBAAmB,CAAC,GAAG,sBAAsB,EAAE,CAAC;IAEvD,MAAM,EAAC,WAAW,EAAC,GAAG,iBAAiB,EAAE,CAAC;IAE1C,MAAM,EAAC,WAAW,EAAE,UAAU,EAAE,KAAK,EAAC,GAAG,aAAa,CAAC,qBAAqB,CACxE;QACI,QAAQ,EAAE,UAAU;QACpB,SAAS,EAAE,MAAM;QACjB,KAAK,EAAE,4BAA4B;QACnC,SAAS,EAAE,WAAW;KACzB,EACD,EAAC,eAAe,EAAE,mBAAmB,EAAC,CACzC,CAAC;IAEF,MAAM,OAAO,GAAG,UAAU,IAAI,WAAW,KAAK,SAAS,CAAC;IACxD,MAAM,IAAI,GAAG,CAAA,MAAA,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,UAAU,0CAAG,CAAC,CAAC,0CAAE,MAAM,KAAI,EAAE,CAAC;IAExD,OAAO,CACH,KAAC,yBAAyB,IACtB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,uBAAuB,CAAC,KAAK,CAAC,EACrC,QAAQ,EAAE,OAAO,CAAC,WAAW,CAAC,YAE9B,KAAC,sBAAsB,IACnB,iBAAiB,EAAE,gCAAgC,EACnD,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,+BAA+B,EAC9C,QAAQ,EAAC,+BAA+B,EACxC,UAAU,EAAC,sCAAsC,GACnD,GACsB,CAC/B,CAAC;AACN,CAAC"}

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

@@ -1,34 +1,18 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useLocation } from 'react-router-dom';
 import { useComponent } from '../../../../../components/ComponentsProvider/ComponentsProvider';
-import { parseQuery } from '../../../../../routes';
-import { TENANT_DIAGNOSTICS_TABS_IDS } from '../../../../../store/reducers/tenant/constants';
 import { topShardsApi } from '../../../../../store/reducers/tenantOverview/topShards/tenantOverviewTopShards';
 import { TENANT_OVERVIEW_TABLES_SETTINGS } from '../../../../../utils/constants';
 import { useAutoRefreshInterval } from '../../../../../utils/hooks';
 import { parseQueryErrorToString } from '../../../../../utils/query';
-import { TenantTabsGroups, getTenantPath } from '../../../TenantPages';
 import { TenantOverviewTableLayout } from '../TenantOverviewTableLayout';
-import { getSectionTitle } from '../getSectionTitle';
-import i18n from '../i18n';
 const columnsIds = ['TabletId', 'Path', 'CPUCores'];
 export const TopShards = ({ tenantName, path }) => {
     var _a, _b;
     const ShardsTable = useComponent('ShardsTable');
-    const location = useLocation();
-    const query = parseQuery(location);
     const [autoRefreshInterval] = useAutoRefreshInterval();
     const { currentData, isFetching, error } = topShardsApi.useGetTopShardsQuery({ database: tenantName, path }, { pollingInterval: autoRefreshInterval });
     const loading = isFetching && currentData === undefined;
     const data = ((_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) || [];
-    const title = getSectionTitle({
-        entity: i18n('shards'),
-        postfix: i18n('by-cpu-usage'),
-        link: getTenantPath({
-            ...query,
-            [TenantTabsGroups.diagnosticsTab]: TENANT_DIAGNOSTICS_TABS_IDS.topShards,
-        }),
-    });
-    return (_jsx(TenantOverviewTableLayout, { title: title, loading: loading, error: parseQueryErrorToString(error), withData: Boolean(currentData), children: _jsx(ShardsTable, { data: data, schemaPath: tenantName, database: tenantName, columnsIds: columnsIds, settings: TENANT_OVERVIEW_TABLES_SETTINGS }) }));
+    return (_jsx(TenantOverviewTableLayout, { loading: loading, error: parseQueryErrorToString(error), withData: Boolean(currentData), children: _jsx(ShardsTable, { data: data, schemaPath: tenantName, database: tenantName, columnsIds: columnsIds, settings: TENANT_OVERVIEW_TABLES_SETTINGS }) }));
 };
 //# sourceMappingURL=TopShards.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TopShards.js","sourceRoot":"","sources":["../../../../../../src/containers/Tenant/Diagnostics/TenantOverview/TenantCpu/TopShards.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,kBAAkB,CAAC;AAE7C,OAAO,EAAC,YAAY,EAAC,MAAM,iEAAiE,CAAC;AAE7F,OAAO,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAC,2BAA2B,EAAC,MAAM,gDAAgD,CAAC;AAC3F,OAAO,EAAC,YAAY,EAAC,MAAM,gFAAgF,CAAC;AAC5G,OAAO,EAAC,+BAA+B,EAAC,MAAM,gCAAgC,CAAC;AAC/E,OAAO,EAAC,sBAAsB,EAAC,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAC,uBAAuB,EAAC,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAC,gBAAgB,EAAE,aAAa,EAAC,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAC,yBAAyB,EAAC,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAC,eAAe,EAAC,MAAM,oBAAoB,CAAC;AACnD,OAAO,IAAI,MAAM,SAAS,CAAC;AAE3B,MAAM,UAAU,GAAwB,CAAC,UAAU,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC;AAOzE,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAC,UAAU,EAAE,IAAI,EAAiB,EAAE,EAAE;;IAC5D,MAAM,WAAW,GAAG,YAAY,CAAC,aAAa,CAAC,CAAC;IAEhD,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,MAAM,KAAK,GAAG,UAAU,CAAC,QAAQ,CAAC,CAAC;IAEnC,MAAM,CAAC,mBAAmB,CAAC,GAAG,sBAAsB,EAAE,CAAC;IAEvD,MAAM,EAAC,WAAW,EAAE,UAAU,EAAE,KAAK,EAAC,GAAG,YAAY,CAAC,oBAAoB,CACtE,EAAC,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAC,EAC5B,EAAC,eAAe,EAAE,mBAAmB,EAAC,CACzC,CAAC;IAEF,MAAM,OAAO,GAAG,UAAU,IAAI,WAAW,KAAK,SAAS,CAAC;IACxD,MAAM,IAAI,GAAG,CAAA,MAAA,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,UAAU,0CAAG,CAAC,CAAC,0CAAE,MAAM,KAAI,EAAE,CAAC;IAExD,MAAM,KAAK,GAAG,eAAe,CAAC;QAC1B,MAAM,EAAE,IAAI,CAAC,QAAQ,CAAC;QACtB,OAAO,EAAE,IAAI,CAAC,cAAc,CAAC;QAC7B,IAAI,EAAE,aAAa,CAAC;YAChB,GAAG,KAAK;YACR,CAAC,gBAAgB,CAAC,cAAc,CAAC,EAAE,2BAA2B,CAAC,SAAS;SAC3E,CAAC;KACL,CAAC,CAAC;IAEH,OAAO,CACH,KAAC,yBAAyB,IACtB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,uBAAuB,CAAC,KAAK,CAAC,EACrC,QAAQ,EAAE,OAAO,CAAC,WAAW,CAAC,YAE9B,KAAC,WAAW,IACR,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,UAAU,EACpB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,+BAA+B,GAC3C,GACsB,CAC/B,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":"TopShards.js","sourceRoot":"","sources":["../../../../../../src/containers/Tenant/Diagnostics/TenantOverview/TenantCpu/TopShards.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,iEAAiE,CAAC;AAE7F,OAAO,EAAC,YAAY,EAAC,MAAM,gFAAgF,CAAC;AAC5G,OAAO,EAAC,+BAA+B,EAAC,MAAM,gCAAgC,CAAC;AAC/E,OAAO,EAAC,sBAAsB,EAAC,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAC,uBAAuB,EAAC,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAC,yBAAyB,EAAC,MAAM,8BAA8B,CAAC;AACvE,MAAM,UAAU,GAAwB,CAAC,UAAU,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC;AAOzE,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAC,UAAU,EAAE,IAAI,EAAiB,EAAE,EAAE;;IAC5D,MAAM,WAAW,GAAG,YAAY,CAAC,aAAa,CAAC,CAAC;IAEhD,MAAM,CAAC,mBAAmB,CAAC,GAAG,sBAAsB,EAAE,CAAC;IAEvD,MAAM,EAAC,WAAW,EAAE,UAAU,EAAE,KAAK,EAAC,GAAG,YAAY,CAAC,oBAAoB,CACtE,EAAC,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAC,EAC5B,EAAC,eAAe,EAAE,mBAAmB,EAAC,CACzC,CAAC;IAEF,MAAM,OAAO,GAAG,UAAU,IAAI,WAAW,KAAK,SAAS,CAAC;IACxD,MAAM,IAAI,GAAG,CAAA,MAAA,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,UAAU,0CAAG,CAAC,CAAC,0CAAE,MAAM,KAAI,EAAE,CAAC;IAExD,OAAO,CACH,KAAC,yBAAyB,IACtB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,uBAAuB,CAAC,KAAK,CAAC,EACrC,QAAQ,EAAE,OAAO,CAAC,WAAW,CAAC,YAE9B,KAAC,WAAW,IACR,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,UAAU,EACpB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,+BAA+B,GAC3C,GACsB,CAC/B,CAAC;AACN,CAAC,CAAC"}

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

@@ -1,6 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { MetricChart } from '../../../../../components/MetricChart';
+import { useGraphShardExists } from '../../../../../store/reducers/capabilities/hooks';
 import { cn } from '../../../../../utils/cn';
 import { useAutoRefreshInterval } from '../../../../../utils/hooks';
 import './TenantDashboard.scss';
@@ -8,7 +9,11 @@ const CHART_WIDTH = 428;
 const CHART_WIDTH_FULL = 872;
 const b = cn('ydb-tenant-dashboard');
 export const TenantDashboard = ({ database, charts }) => {
-    const [isDashboardHidden, setIsDashboardHidden] = React.useState(true);
+    const graphShardExists = useGraphShardExists();
+    const [hasSuccessfulChart, setHasSuccessfulChart] = React.useState(false);
+    const isDashboardHidden = React.useMemo(() => {
+        return !graphShardExists && !hasSuccessfulChart;
+    }, [graphShardExists, hasSuccessfulChart]);
     const [autoRefreshInterval] = useAutoRefreshInterval();
     // Refetch data only if dashboard successfully loaded
     const shouldRefresh = isDashboardHidden ? 0 : autoRefreshInterval;
@@ -18,12 +23,14 @@ export const TenantDashboard = ({ database, charts }) => {
      * 2. ydb version does not have /viewer/json/render endpoint (400, 404, CORS error, etc.)
      *
      * If at least one chart successfully loaded, dashboard should be shown
+     * This fallback behavior is only used when GraphShardExists capability is not available or false
      * @link https://github.com/ydb-platform/ydb-embedded-ui/issues/659
      * @todo disable only for specific errors ('GraphShard is not enabled') after ydb-stable-24 is generally used
      */
     const handleChartDataStatusChange = (chartStatus) => {
+        // Always track successful chart loads for fallback behavior
         if (chartStatus === 'success') {
-            setIsDashboardHidden(false);
+            setHasSuccessfulChart(true);
         }
     };
     // If there is only one chart, display it with full width

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

@@ -1 +1 @@
-{"version":3,"file":"TenantDashboard.js","sourceRoot":"","sources":["../../../../../../src/containers/Tenant/Diagnostics/TenantOverview/TenantDashboard/TenantDashboard.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,WAAW,EAAC,MAAM,uCAAuC,CAAC;AAMlE,OAAO,EAAC,EAAE,EAAC,MAAM,yBAAyB,CAAC;AAC3C,OAAO,EAAC,sBAAsB,EAAC,MAAM,4BAA4B,CAAC;AAElE,OAAO,wBAAwB,CAAC;AAEhC,MAAM,WAAW,GAAG,GAAG,CAAC;AACxB,MAAM,gBAAgB,GAAG,GAAG,CAAC;AAE7B,MAAM,CAAC,GAAG,EAAE,CAAC,sBAAsB,CAAC,CAAC;AAarC,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAC,QAAQ,EAAE,MAAM,EAAuB,EAAE,EAAE;IACxE,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAU,IAAI,CAAC,CAAC;IAChF,MAAM,CAAC,mBAAmB,CAAC,GAAG,sBAAsB,EAAE,CAAC;IAEvD,qDAAqD;IACrD,MAAM,aAAa,GAAG,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,mBAAmB,CAAC;IAElE;;;;;;;;OAQG;IACH,MAAM,2BAA2B,GAAG,CAAC,WAA4B,EAAE,EAAE;QACjE,IAAI,WAAW,KAAK,SAAS,EAAE,CAAC;YAC5B,oBAAoB,CAAC,KAAK,CAAC,CAAC;QAChC,CAAC;IACL,CAAC,CAAC;IAEF,yDAAyD;IACzD,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,WAAW,CAAC;IACxE,MAAM,WAAW,GAAG,WAAW,GAAG,GAAG,CAAC;IAEtC,MAAM,aAAa,GAAG,GAAG,EAAE;QACvB,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,KAAK,EAAE,EAAE,CAAC,CACtC,KAAC,WAAW,IAER,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,CAAC,OAAO,EAC5B,YAAY,EAAE,WAAW,CAAC,OAAO,EACjC,WAAW,EAAE,aAAa,EAC1B,KAAK,EAAE,UAAU,EACjB,MAAM,EAAE,WAAW,EACnB,uBAAuB,EAAE,2BAA2B,EACpD,cAAc,EAAE,CAAC,iBAAiB,EAClC,KAAK,EAAE,WAAW,CAAC,KAAK,IATnB,KAAK,CAUZ,CACL,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,EAAC,OAAO,EAAE,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAAC,YAC7E,cAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,YAAG,aAAa,EAAE,GAAO,GAClD,CACT,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":"TenantDashboard.js","sourceRoot":"","sources":["../../../../../../src/containers/Tenant/Diagnostics/TenantOverview/TenantDashboard/TenantDashboard.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,WAAW,EAAC,MAAM,uCAAuC,CAAC;AAMlE,OAAO,EAAC,mBAAmB,EAAC,MAAM,kDAAkD,CAAC;AACrF,OAAO,EAAC,EAAE,EAAC,MAAM,yBAAyB,CAAC;AAC3C,OAAO,EAAC,sBAAsB,EAAC,MAAM,4BAA4B,CAAC;AAElE,OAAO,wBAAwB,CAAC;AAEhC,MAAM,WAAW,GAAG,GAAG,CAAC;AACxB,MAAM,gBAAgB,GAAG,GAAG,CAAC;AAE7B,MAAM,CAAC,GAAG,EAAE,CAAC,sBAAsB,CAAC,CAAC;AAarC,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAC,QAAQ,EAAE,MAAM,EAAuB,EAAE,EAAE;IACxE,MAAM,gBAAgB,GAAG,mBAAmB,EAAE,CAAC;IAE/C,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAU,KAAK,CAAC,CAAC;IAEnF,MAAM,iBAAiB,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACzC,OAAO,CAAC,gBAAgB,IAAI,CAAC,kBAAkB,CAAC;IACpD,CAAC,EAAE,CAAC,gBAAgB,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAE3C,MAAM,CAAC,mBAAmB,CAAC,GAAG,sBAAsB,EAAE,CAAC;IAEvD,qDAAqD;IACrD,MAAM,aAAa,GAAG,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,mBAAmB,CAAC;IAElE;;;;;;;;;OASG;IACH,MAAM,2BAA2B,GAAG,CAAC,WAA4B,EAAE,EAAE;QACjE,4DAA4D;QAC5D,IAAI,WAAW,KAAK,SAAS,EAAE,CAAC;YAC5B,qBAAqB,CAAC,IAAI,CAAC,CAAC;QAChC,CAAC;IACL,CAAC,CAAC;IAEF,yDAAyD;IACzD,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,WAAW,CAAC;IACxE,MAAM,WAAW,GAAG,WAAW,GAAG,GAAG,CAAC;IAEtC,MAAM,aAAa,GAAG,GAAG,EAAE;QACvB,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,KAAK,EAAE,EAAE,CAAC,CACtC,KAAC,WAAW,IAER,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,CAAC,OAAO,EAC5B,YAAY,EAAE,WAAW,CAAC,OAAO,EACjC,WAAW,EAAE,aAAa,EAC1B,KAAK,EAAE,UAAU,EACjB,MAAM,EAAE,WAAW,EACnB,uBAAuB,EAAE,2BAA2B,EACpD,cAAc,EAAE,CAAC,iBAAiB,EAClC,KAAK,EAAE,WAAW,CAAC,KAAK,IATnB,KAAK,CAUZ,CACL,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,EAAC,OAAO,EAAE,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAAC,YAC7E,cAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,YAAG,aAAa,EAAE,GAAO,GAClD,CACT,CAAC;AACN,CAAC,CAAC"}

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

@@ -1,6 +1,6 @@
 .ydb-tenant-dashboard {
     width: var(--diagnostics-section-table-width);
-    margin-bottom: var(--diagnostics-section-margin);
+    margin-bottom: var(--g-spacing-4);
 
     &__charts {
         display: flex;

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

@@ -0,0 +1,7 @@
+import type { TMemoryStats } from '../../../../../types/api/nodes';
+import './MemoryDetailsSection.scss';
+interface MemoryDetailsSectionProps {
+    memoryStats: TMemoryStats;
+}
+export declare function MemoryDetailsSection({ memoryStats }: MemoryDetailsSectionProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { Flex, Text } from '@gravity-ui/uikit';
+import memoryI18n from '../../../../../components/MemoryViewer/i18n';
+import { getMemorySegments } from '../../../../../components/MemoryViewer/utils';
+import { ProgressWrapper } from '../../../../../components/ProgressWrapper';
+import { cn } from '../../../../../utils/cn';
+import { formatStorageValuesToGb } from '../../../../../utils/dataFormatters/dataFormatters';
+import { safeParseNumber } from '../../../../../utils/utils';
+import { MemorySegmentsList } from './MemorySegmentsList';
+import './MemoryDetailsSection.scss';
+const b = cn('memory-details');
+export function MemoryDetailsSection({ memoryStats }) {
+    const memoryUsage = React.useMemo(() => {
+        if (memoryStats.AnonRss === undefined) {
+            return (safeParseNumber(memoryStats.AllocatedMemory) +
+                safeParseNumber(memoryStats.AllocatorCachesMemory));
+        }
+        else {
+            return safeParseNumber(memoryStats.AnonRss);
+        }
+    }, [memoryStats.AnonRss, memoryStats.AllocatedMemory, memoryStats.AllocatorCachesMemory]);
+    const memorySegments = React.useMemo(() => {
+        return getMemorySegments(memoryStats, memoryUsage);
+    }, [memoryStats, memoryUsage]);
+    const displaySegments = React.useMemo(() => {
+        return memorySegments.filter((segment) => !segment.isInfo && segment.value > 0);
+    }, [memorySegments]);
+    const formatValues = React.useCallback((value, total) => {
+        return formatStorageValuesToGb(value, total);
+    }, []);
+    return (_jsxs(Flex, { direction: "column", alignItems: "flex-start", gap: "3", children: [_jsx("div", { className: b('header'), children: _jsx(Text, { variant: "body-1", className: b('title'), children: memoryI18n('text_memory-details') }) }), _jsxs(Flex, { direction: "column", alignItems: "flex-start", gap: "4", width: "100%", children: [_jsx("div", { className: b('main-progress'), children: _jsx(ProgressWrapper, { stack: memorySegments, totalCapacity: memoryStats.HardLimit, formatValues: formatValues, className: b('main-progress-bar'), size: "m", width: "full" }) }), _jsx(MemorySegmentsList, { segments: displaySegments, className: b('memory-segments-list') })] })] }));
+}
+//# sourceMappingURL=MemoryDetailsSection.js.map

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

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

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

@@ -0,0 +1,44 @@
+@use '../../../../../styles/mixins.scss';
+
+.memory-details {
+    &__header {
+        align-self: stretch;
+    }
+
+    &__title {
+        font-weight: 500;
+        @include mixins.subheader-1-typography();
+    }
+
+    &__main-progress {
+        align-self: stretch;
+    }
+
+    &__main-progress-bar {
+        height: 20px;
+    }
+
+    &__memory-segments-list {
+        --g-definition-list-item-gap: var(--g-spacing-2);
+        margin-bottom: var(--g-spacing-4);
+    }
+
+    &__segment-indicator {
+        flex-shrink: 0;
+
+        width: 8px;
+        height: 8px;
+
+        border-radius: 50%;
+    }
+
+    &__segment-progress {
+        flex-shrink: 0;
+
+        width: 400px;
+    }
+
+    &__progress-bar {
+        height: 10px;
+    }
+}

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

@@ -0,0 +1,7 @@
+import type { MemorySegment } from '../../../../../components/MemoryViewer/utils';
+interface MemorySegmentsListProps {
+    segments: MemorySegment[];
+    className?: string;
+}
+export declare function MemorySegmentsList({ segments, className }: MemorySegmentsListProps): import("react/jsx-runtime").JSX.Element;
+export {};