ydb-embedded-ui 11.4.0 → 11.6.0

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;

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

@@ -1,28 +1,34 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
+import { Flex } from '@gravity-ui/uikit';
 import { InfoViewer } from '../../../../../components/InfoViewer/InfoViewer';
 import { LabelWithPopover } from '../../../../../components/LabelWithPopover';
-import { ProgressViewer } from '../../../../../components/ProgressViewer/ProgressViewer';
+import { ProgressWrapper } from '../../../../../components/ProgressWrapper';
+import { TENANT_DIAGNOSTICS_TABS_IDS } from '../../../../../store/reducers/tenant/constants';
 import { formatStorageValues } 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 i18n from '../i18n';
-import { b } from '../utils';
 import { TopGroups } from './TopGroups';
 import { TopTables } from './TopTables';
 import { storageDashboardConfig } from './storageDashboardConfig';
-import '../TenantOverview.scss';
 export function TenantStorage({ tenantName, metrics }) {
     const { blobStorageUsed, tabletStorageUsed, blobStorageLimit, tabletStorageLimit } = metrics;
+    const query = useSearchQuery();
     const info = [
         {
             label: (_jsx(LabelWithPopover, { text: i18n('storage.tablet-storage-title'), popoverContent: i18n('storage.tablet-storage-description') })),
-            value: (_jsx(ProgressViewer, { value: tabletStorageUsed, capacity: tabletStorageLimit, formatValues: formatStorageValues, colorizeProgress: true })),
+            value: (_jsx(ProgressWrapper, { value: tabletStorageUsed, capacity: tabletStorageLimit, formatValues: formatStorageValues, withCapacityUsage: true })),
         },
         {
             label: (_jsx(LabelWithPopover, { text: i18n('storage.db-storage-title'), popoverContent: i18n('storage.db-storage-description') })),
-            value: (_jsx(ProgressViewer, { value: blobStorageUsed, capacity: blobStorageLimit, formatValues: formatStorageValues, colorizeProgress: true })),
+            value: (_jsx(ProgressWrapper, { value: blobStorageUsed, capacity: blobStorageLimit, formatValues: formatStorageValues, withCapacityUsage: true })),
         },
     ];
-    return (_jsxs(React.Fragment, { children: [_jsx(TenantDashboard, { database: tenantName, charts: storageDashboardConfig }), _jsx(InfoViewer, { className: b('storage-info'), title: "Storage details", info: info }), _jsx(TopTables, { database: tenantName }), _jsx(TopGroups, { tenant: tenantName })] }));
+    return (_jsxs(Flex, { direction: "column", gap: 4, children: [_jsx(TenantDashboard, { database: tenantName, charts: storageDashboardConfig }), _jsx(InfoViewer, { variant: "small", title: i18n('title_storage-details'), info: info }), _jsx(StatsWrapper, { title: i18n('title_top-tables-by-size'), children: _jsx(TopTables, { database: tenantName }) }), _jsx(StatsWrapper, { title: i18n('title_top-groups-by-usage'), allEntitiesLink: getTenantPath({
+                    ...query,
+                    [TenantTabsGroups.diagnosticsTab]: TENANT_DIAGNOSTICS_TABS_IDS.storage,
+                }), children: _jsx(TopGroups, { tenant: tenantName }) })] }));
 }
 //# sourceMappingURL=TenantStorage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TenantStorage.js","sourceRoot":"","sources":["../../../../../../src/containers/Tenant/Diagnostics/TenantOverview/TenantStorage/TenantStorage.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,UAAU,EAAC,MAAM,iDAAiD,CAAC;AAC3E,OAAO,EAAC,gBAAgB,EAAC,MAAM,4CAA4C,CAAC;AAC5E,OAAO,EAAC,cAAc,EAAC,MAAM,yDAAyD,CAAC;AACvF,OAAO,EAAC,mBAAmB,EAAC,MAAM,oDAAoD,CAAC;AACvF,OAAO,EAAC,eAAe,EAAC,MAAM,oCAAoC,CAAC;AACnE,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,EAAC,CAAC,EAAC,MAAM,UAAU,CAAC;AAE3B,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AACtC,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AACtC,OAAO,EAAC,sBAAsB,EAAC,MAAM,0BAA0B,CAAC;AAEhE,OAAO,wBAAwB,CAAC;AAchC,MAAM,UAAU,aAAa,CAAC,EAAC,UAAU,EAAE,OAAO,EAAqB;IACnE,MAAM,EAAC,eAAe,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,kBAAkB,EAAC,GAAG,OAAO,CAAC;IAE3F,MAAM,IAAI,GAAG;QACT;YACI,KAAK,EAAE,CACH,KAAC,gBAAgB,IACb,IAAI,EAAE,IAAI,CAAC,8BAA8B,CAAC,EAC1C,cAAc,EAAE,IAAI,CAAC,oCAAoC,CAAC,GAC5D,CACL;YACD,KAAK,EAAE,CACH,KAAC,cAAc,IACX,KAAK,EAAE,iBAAiB,EACxB,QAAQ,EAAE,kBAAkB,EAC5B,YAAY,EAAE,mBAAmB,EACjC,gBAAgB,EAAE,IAAI,GACxB,CACL;SACJ;QACD;YACI,KAAK,EAAE,CACH,KAAC,gBAAgB,IACb,IAAI,EAAE,IAAI,CAAC,0BAA0B,CAAC,EACtC,cAAc,EAAE,IAAI,CAAC,gCAAgC,CAAC,GACxD,CACL;YACD,KAAK,EAAE,CACH,KAAC,cAAc,IACX,KAAK,EAAE,eAAe,EACtB,QAAQ,EAAE,gBAAgB,EAC1B,YAAY,EAAE,mBAAmB,EACjC,gBAAgB,EAAE,IAAI,GACxB,CACL;SACJ;KACJ,CAAC;IAEF,OAAO,CACH,MAAC,KAAK,CAAC,QAAQ,eACX,KAAC,eAAe,IAAC,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,sBAAsB,GAAI,EACzE,KAAC,UAAU,IAAC,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,EAAE,KAAK,EAAC,iBAAiB,EAAC,IAAI,EAAE,IAAI,GAAI,EAChF,KAAC,SAAS,IAAC,QAAQ,EAAE,UAAU,GAAI,EACnC,KAAC,SAAS,IAAC,MAAM,EAAE,UAAU,GAAI,IACpB,CACpB,CAAC;AACN,CAAC"}
+{"version":3,"file":"TenantStorage.js","sourceRoot":"","sources":["../../../../../../src/containers/Tenant/Diagnostics/TenantOverview/TenantStorage/TenantStorage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAC,UAAU,EAAC,MAAM,iDAAiD,CAAC;AAC3E,OAAO,EAAC,gBAAgB,EAAC,MAAM,4CAA4C,CAAC;AAC5E,OAAO,EAAC,eAAe,EAAC,MAAM,2CAA2C,CAAC;AAC1E,OAAO,EAAC,2BAA2B,EAAC,MAAM,gDAAgD,CAAC;AAC3F,OAAO,EAAC,mBAAmB,EAAC,MAAM,oDAAoD,CAAC;AACvF,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,SAAS,EAAC,MAAM,aAAa,CAAC;AACtC,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AACtC,OAAO,EAAC,sBAAsB,EAAC,MAAM,0BAA0B,CAAC;AAchE,MAAM,UAAU,aAAa,CAAC,EAAC,UAAU,EAAE,OAAO,EAAqB;IACnE,MAAM,EAAC,eAAe,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,kBAAkB,EAAC,GAAG,OAAO,CAAC;IAC3F,MAAM,KAAK,GAAG,cAAc,EAAE,CAAC;IAE/B,MAAM,IAAI,GAAG;QACT;YACI,KAAK,EAAE,CACH,KAAC,gBAAgB,IACb,IAAI,EAAE,IAAI,CAAC,8BAA8B,CAAC,EAC1C,cAAc,EAAE,IAAI,CAAC,oCAAoC,CAAC,GAC5D,CACL;YACD,KAAK,EAAE,CACH,KAAC,eAAe,IACZ,KAAK,EAAE,iBAAiB,EACxB,QAAQ,EAAE,kBAAkB,EAC5B,YAAY,EAAE,mBAAmB,EACjC,iBAAiB,SACnB,CACL;SACJ;QACD;YACI,KAAK,EAAE,CACH,KAAC,gBAAgB,IACb,IAAI,EAAE,IAAI,CAAC,0BAA0B,CAAC,EACtC,cAAc,EAAE,IAAI,CAAC,gCAAgC,CAAC,GACxD,CACL;YACD,KAAK,EAAE,CACH,KAAC,eAAe,IACZ,KAAK,EAAE,eAAe,EACtB,QAAQ,EAAE,gBAAgB,EAC1B,YAAY,EAAE,mBAAmB,EACjC,iBAAiB,SACnB,CACL;SACJ;KACJ,CAAC;IAEF,OAAO,CACH,MAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAE,CAAC,aAC3B,KAAC,eAAe,IAAC,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,sBAAsB,GAAI,EACzE,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAE,IAAI,CAAC,uBAAuB,CAAC,EAAE,IAAI,EAAE,IAAI,GAAI,EAChF,KAAC,YAAY,IAAC,KAAK,EAAE,IAAI,CAAC,0BAA0B,CAAC,YACjD,KAAC,SAAS,IAAC,QAAQ,EAAE,UAAU,GAAI,GACxB,EACf,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,OAAO;iBACzE,CAAC,YAEF,KAAC,SAAS,IAAC,MAAM,EAAE,UAAU,GAAI,GACtB,IACZ,CACV,CAAC;AACN,CAAC"}

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

@@ -2,16 +2,12 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { ResizeableDataTable } from '../../../../../components/ResizeableDataTable/ResizeableDataTable';
 import { useCapabilitiesLoaded, useStorageGroupsHandlerAvailable, } from '../../../../../store/reducers/capabilities/hooks';
 import { storageApi } from '../../../../../store/reducers/storage/storage';
-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 { getStorageTopGroupsColumns } from '../../../../Storage/PaginatedStorageGroupsTable/columns/columns';
 import { GROUPS_COLUMNS_TO_DATA_FIELDS, STORAGE_GROUPS_COLUMNS_WIDTH_LS_KEY, } from '../../../../Storage/PaginatedStorageGroupsTable/columns/constants';
-import { TenantTabsGroups, getTenantPath } from '../../../TenantPages';
 import { TenantOverviewTableLayout } from '../TenantOverviewTableLayout';
-import { getSectionTitle } from '../getSectionTitle';
-import i18n from '../i18n';
 function getColumns() {
     const preparedColumns = getStorageTopGroupsColumns();
     const columnsIds = preparedColumns.map((column) => column.name);
@@ -19,7 +15,6 @@ function getColumns() {
     return [preparedColumns, dataFieldsRequired];
 }
 export function TopGroups({ tenant }) {
-    const query = useSearchQuery();
     const capabilitiesLoaded = useCapabilitiesLoaded();
     const groupsHandlerAvailable = useStorageGroupsHandlerAvailable();
     const [autoRefreshInterval] = useAutoRefreshInterval();
@@ -37,14 +32,6 @@ export function TopGroups({ tenant }) {
     });
     const loading = isFetching && currentData === undefined;
     const groups = (currentData === null || currentData === void 0 ? void 0 : currentData.groups) || [];
-    const title = getSectionTitle({
-        entity: i18n('groups'),
-        postfix: i18n('by-usage'),
-        link: getTenantPath({
-            ...query,
-            [TenantTabsGroups.diagnosticsTab]: TENANT_DIAGNOSTICS_TABS_IDS.storage,
-        }),
-    });
-    return (_jsx(TenantOverviewTableLayout, { title: title, loading: loading || !capabilitiesLoaded, error: error, withData: Boolean(currentData), children: _jsx(ResizeableDataTable, { columnsWidthLSKey: STORAGE_GROUPS_COLUMNS_WIDTH_LS_KEY, data: groups, columns: columns, settings: TENANT_OVERVIEW_TABLES_SETTINGS }) }));
+    return (_jsx(TenantOverviewTableLayout, { loading: loading || !capabilitiesLoaded, error: error, withData: Boolean(currentData), children: _jsx(ResizeableDataTable, { columnsWidthLSKey: STORAGE_GROUPS_COLUMNS_WIDTH_LS_KEY, data: groups, columns: columns, settings: TENANT_OVERVIEW_TABLES_SETTINGS }) }));
 }
 //# sourceMappingURL=TopGroups.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TopGroups.js","sourceRoot":"","sources":["../../../../../../src/containers/Tenant/Diagnostics/TenantOverview/TenantStorage/TopGroups.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,mBAAmB,EAAC,MAAM,mEAAmE,CAAC;AACtG,OAAO,EACH,qBAAqB,EACrB,gCAAgC,GACnC,MAAM,kDAAkD,CAAC;AAC1D,OAAO,EAAC,UAAU,EAAC,MAAM,+CAA+C,CAAC;AACzE,OAAO,EAAC,2BAA2B,EAAC,MAAM,gDAAgD,CAAC;AAE3F,OAAO,EACH,4BAA4B,EAC5B,+BAA+B,GAClC,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAC,sBAAsB,EAAE,cAAc,EAAC,MAAM,4BAA4B,CAAC;AAClF,OAAO,EAAC,qBAAqB,EAAC,MAAM,uDAAuD,CAAC;AAC5F,OAAO,EAAC,0BAA0B,EAAC,MAAM,iEAAiE,CAAC;AAC3G,OAAO,EACH,6BAA6B,EAC7B,mCAAmC,GACtC,MAAM,mEAAmE,CAAC;AAE3E,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,SAAS,UAAU;IACf,MAAM,eAAe,GAAG,0BAA0B,EAAE,CAAC;IAErD,MAAM,UAAU,GAAG,eAAe,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAChE,MAAM,kBAAkB,GAAG,qBAAqB,CAAC,UAAU,EAAE,6BAA6B,CAAC,CAAC;IAE5F,OAAO,CAAC,eAAe,EAAE,kBAAkB,CAAC,CAAC;AACjD,CAAC;AAMD,MAAM,UAAU,SAAS,CAAC,EAAC,MAAM,EAAiB;IAC9C,MAAM,KAAK,GAAG,cAAc,EAAE,CAAC;IAE/B,MAAM,kBAAkB,GAAG,qBAAqB,EAAE,CAAC;IACnD,MAAM,sBAAsB,GAAG,gCAAgC,EAAE,CAAC;IAClE,MAAM,CAAC,mBAAmB,CAAC,GAAG,sBAAsB,EAAE,CAAC;IAEvD,MAAM,CAAC,OAAO,EAAE,cAAc,CAAC,GAAG,UAAU,EAAE,CAAC;IAE/C,MAAM,EAAC,WAAW,EAAE,UAAU,EAAE,KAAK,EAAC,GAAG,UAAU,CAAC,4BAA4B,CAC5E;QACI,MAAM;QACN,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,KAAK;QACX,KAAK,EAAE,4BAA4B;QACnC,sBAAsB,EAAE,sBAAsB;QAC9C,cAAc;KACjB,EACD;QACI,eAAe,EAAE,mBAAmB;QACpC,IAAI,EAAE,CAAC,kBAAkB;KAC5B,CACJ,CAAC;IAEF,MAAM,OAAO,GAAG,UAAU,IAAI,WAAW,KAAK,SAAS,CAAC;IAExD,MAAM,MAAM,GAAG,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,MAAM,KAAI,EAAE,CAAC;IAEzC,MAAM,KAAK,GAAG,eAAe,CAAC;QAC1B,MAAM,EAAE,IAAI,CAAC,QAAQ,CAAC;QACtB,OAAO,EAAE,IAAI,CAAC,UAAU,CAAC;QACzB,IAAI,EAAE,aAAa,CAAC;YAChB,GAAG,KAAK;YACR,CAAC,gBAAgB,CAAC,cAAc,CAAC,EAAE,2BAA2B,CAAC,OAAO;SACzE,CAAC;KACL,CAAC,CAAC;IAEH,OAAO,CACH,KAAC,yBAAyB,IACtB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,IAAI,CAAC,kBAAkB,EACvC,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,OAAO,CAAC,WAAW,CAAC,YAE9B,KAAC,mBAAmB,IAChB,iBAAiB,EAAE,mCAAmC,EACtD,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,+BAA+B,GAC3C,GACsB,CAC/B,CAAC;AACN,CAAC"}
+{"version":3,"file":"TopGroups.js","sourceRoot":"","sources":["../../../../../../src/containers/Tenant/Diagnostics/TenantOverview/TenantStorage/TopGroups.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,mBAAmB,EAAC,MAAM,mEAAmE,CAAC;AACtG,OAAO,EACH,qBAAqB,EACrB,gCAAgC,GACnC,MAAM,kDAAkD,CAAC;AAC1D,OAAO,EAAC,UAAU,EAAC,MAAM,+CAA+C,CAAC;AAEzE,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,0BAA0B,EAAC,MAAM,iEAAiE,CAAC;AAC3G,OAAO,EACH,6BAA6B,EAC7B,mCAAmC,GACtC,MAAM,mEAAmE,CAAC;AAE3E,OAAO,EAAC,yBAAyB,EAAC,MAAM,8BAA8B,CAAC;AAEvE,SAAS,UAAU;IACf,MAAM,eAAe,GAAG,0BAA0B,EAAE,CAAC;IAErD,MAAM,UAAU,GAAG,eAAe,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAChE,MAAM,kBAAkB,GAAG,qBAAqB,CAAC,UAAU,EAAE,6BAA6B,CAAC,CAAC;IAE5F,OAAO,CAAC,eAAe,EAAE,kBAAkB,CAAC,CAAC;AACjD,CAAC;AAMD,MAAM,UAAU,SAAS,CAAC,EAAC,MAAM,EAAiB;IAC9C,MAAM,kBAAkB,GAAG,qBAAqB,EAAE,CAAC;IACnD,MAAM,sBAAsB,GAAG,gCAAgC,EAAE,CAAC;IAClE,MAAM,CAAC,mBAAmB,CAAC,GAAG,sBAAsB,EAAE,CAAC;IAEvD,MAAM,CAAC,OAAO,EAAE,cAAc,CAAC,GAAG,UAAU,EAAE,CAAC;IAE/C,MAAM,EAAC,WAAW,EAAE,UAAU,EAAE,KAAK,EAAC,GAAG,UAAU,CAAC,4BAA4B,CAC5E;QACI,MAAM;QACN,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,KAAK;QACX,KAAK,EAAE,4BAA4B;QACnC,sBAAsB,EAAE,sBAAsB;QAC9C,cAAc;KACjB,EACD;QACI,eAAe,EAAE,mBAAmB;QACpC,IAAI,EAAE,CAAC,kBAAkB;KAC5B,CACJ,CAAC;IAEF,MAAM,OAAO,GAAG,UAAU,IAAI,WAAW,KAAK,SAAS,CAAC;IAExD,MAAM,MAAM,GAAG,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,MAAM,KAAI,EAAE,CAAC;IAEzC,OAAO,CACH,KAAC,yBAAyB,IACtB,OAAO,EAAE,OAAO,IAAI,CAAC,kBAAkB,EACvC,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,OAAO,CAAC,WAAW,CAAC,YAE9B,KAAC,mBAAmB,IAChB,iBAAiB,EAAE,mCAAmC,EACtD,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,+BAA+B,GAC3C,GACsB,CAC/B,CAAC;AACN,CAAC"}

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

@@ -1,4 +1,3 @@
-import '../TenantOverview.scss';
 interface TopTablesProps {
     database: string;
 }

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

@@ -1,4 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
 import DataTable from '@gravity-ui/react-data-table';
 import { CellWithPopover } from '../../../../../components/CellWithPopover/CellWithPopover';
 import { LinkToSchemaObject } from '../../../../../components/LinkToSchemaObject/LinkToSchemaObject';
@@ -9,25 +10,13 @@ import { TENANT_OVERVIEW_TABLES_SETTINGS } from '../../../../../utils/constants'
 import { useAutoRefreshInterval } from '../../../../../utils/hooks';
 import { parseQueryErrorToString } from '../../../../../utils/query';
 import { TenantOverviewTableLayout } from '../TenantOverviewTableLayout';
-import { getSectionTitle } from '../getSectionTitle';
-import i18n from '../i18n';
-import '../TenantOverview.scss';
 const TOP_TABLES_COLUMNS_WIDTH_LS_KEY = 'topTablesTableColumnsWidth';
-export function TopTables({ database }) {
-    var _a, _b;
-    const [autoRefreshInterval] = useAutoRefreshInterval();
-    const { currentData, error, isFetching } = topTablesApi.useGetTopTablesQuery({ database }, { 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 formatSize = (value) => {
-        const size = getBytesSizeUnit((data === null || data === void 0 ? void 0 : data.length) ? Number(data[0].Size) : 0);
-        return formatBytes({ value, size, precision: 1 });
-    };
+function getColumns(size) {
     const columns = [
         {
             name: 'Size',
             width: 100,
-            render: ({ row }) => formatSize(Number(row.Size)),
+            render: ({ row }) => formatBytes({ value: Number(row.Size), size, precision: 1 }),
             align: DataTable.RIGHT,
         },
         {
@@ -36,10 +25,16 @@ export function TopTables({ database }) {
             render: ({ row }) => row.Path ? (_jsx(CellWithPopover, { content: row.Path, children: _jsx(LinkToSchemaObject, { path: String(row.Path), children: row.Path }) })) : null,
         },
     ];
-    const title = getSectionTitle({
-        entity: i18n('tables'),
-        postfix: i18n('by-size'),
-    });
-    return (_jsx(TenantOverviewTableLayout, { title: title, loading: loading, error: parseQueryErrorToString(error), withData: Boolean(currentData), children: _jsx(ResizeableDataTable, { columnsWidthLSKey: TOP_TABLES_COLUMNS_WIDTH_LS_KEY, data: data, columns: columns, settings: TENANT_OVERVIEW_TABLES_SETTINGS }) }));
+    return columns;
+}
+export function TopTables({ database }) {
+    var _a, _b;
+    const [autoRefreshInterval] = useAutoRefreshInterval();
+    const { currentData, error, isFetching } = topTablesApi.useGetTopTablesQuery({ database }, { 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 size = getBytesSizeUnit((data === null || data === void 0 ? void 0 : data.length) ? Number(data[0].Size) : 0);
+    const columns = React.useMemo(() => getColumns(size), [size]);
+    return (_jsx(TenantOverviewTableLayout, { loading: loading, error: parseQueryErrorToString(error), withData: Boolean(currentData), children: _jsx(ResizeableDataTable, { columnsWidthLSKey: TOP_TABLES_COLUMNS_WIDTH_LS_KEY, data: data, columns: columns, settings: TENANT_OVERVIEW_TABLES_SETTINGS }) }));
 }
 //# sourceMappingURL=TopTables.js.map

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

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

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

@@ -1,43 +1,41 @@
 {
-    "no-data": "No data",
-    "no-pools-data": "No pools data",
     "top-nodes.empty-data": "No such nodes",
-    "top-groups.empty-data": "No such groups",
-    "top": "Top",
-    "nodes": "nodes",
-    "shards": "shards",
-    "groups": "groups",
-    "queries": "queries",
-    "tables": "tables",
-    "by-pools-usage": "by pools usage",
-    "by-cpu-time": "by cpu time, {{executionPeriod}}",
-    "by-cpu-usage": "by cpu usage",
-    "by-load": "by load",
-    "by-memory": "by memory",
-    "by-usage": "by usage",
-    "by-size": "by size",
+    "title_top-nodes-load": "Top nodes by load",
+    "title_top-nodes-pool": "Top nodes by pools usage",
     "cards.cpu-label": "CPU load",
     "cards.storage-label": "Storage",
     "cards.memory-label": "Memory used",
     "cards.network-label": "Network",
-    "cards.network-note": "Network usage is the average outgoing bandwidth usage across all nodes in the database",
+    "cards.network-note": "Network throughput is the average outgoing bandwidth usage across all nodes in the database",
     "context_cpu-load": "CPU load",
     "context_storage-groups": "Storage: {{count}} groups",
     "context_memory-used": "Memory used",
-    "context_network-evaluation": "Network evaluation",
+    "context_network-usage": "Network usage",
     "context_cpu-description": "CPU load is calculated as the cumulative usage across all actor system pools in the database",
     "context_memory-description": "Memory usage is the total memory consumed by all processes in the database",
     "context_storage-description": "Storage usage shows how much data is stored in the database including user data and indexes",
-    "context_network-description": "Network usage is the average outgoing bandwidth usage across all nodes in the database",
+    "context_network-description": "Network throughput is the average outgoing bandwidth usage across all nodes in the database",
     "charts.queries-per-second": "Queries per second",
     "charts.queries-latency": "Queries latencies {{percentile}}",
     "charts.cpu-usage": "CPU usage by pool",
     "charts.storage-usage": "Tablet storage usage",
     "charts.memory-usage": "Memory usage",
+    "charts.network-utilization": "Network utilization",
+    "title_storage-details": "Storage Details",
     "storage.tablet-storage-title": "Tablet storage",
     "storage.tablet-storage-description": "Size of user data and indexes stored in schema objects (tables, topics, etc.)",
     "storage.db-storage-title": "Database storage",
     "storage.db-storage-description": "Size of data stored in distributed storage with all overheads for redundancy",
-    "executed-last-hour": "executed in the last hour",
-    "column-header.process": "Process"
+    "title_top-shards": "Top shards by CPU usage",
+    "title_top-queries": "Top queries by CPU usage",
+    "title_top-tables-by-size": "Top tables by size",
+    "title_top-groups-by-usage": "Top groups by usage",
+    "title_top-nodes-by-memory": "Top nodes by memory",
+    "title_nodes-by-ping": "Top nodes by ping time",
+    "title_nodes-by-skew": "Top nodes by clock skew",
+    "title_memory-details": "Memory Details",
+    "field_memory-usage": "Memory usage",
+    "context_capacity-usage": "{{value}} of {{capacity}}",
+    "network-stats-unavailable.title": "Network Statistics Unavailable",
+    "network-stats-unavailable.description": "Network ping and clock skew statistics require a newer backend version. Please upgrade your YDB installation to access these features."
 }

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

@@ -1,2 +1,2 @@
-declare const _default: (key: "queries" | "nodes" | "tables" | "no-data" | "top" | "groups" | "context_cpu-description" | "context_memory-description" | "context_storage-description" | "context_network-description" | "shards" | "no-pools-data" | "top-nodes.empty-data" | "top-groups.empty-data" | "by-pools-usage" | "by-cpu-time" | "by-cpu-usage" | "by-load" | "by-memory" | "by-usage" | "by-size" | "cards.cpu-label" | "cards.storage-label" | "cards.memory-label" | "cards.network-label" | "cards.network-note" | "context_cpu-load" | "context_storage-groups" | "context_memory-used" | "context_network-evaluation" | "charts.queries-per-second" | "charts.queries-latency" | "charts.cpu-usage" | "charts.storage-usage" | "charts.memory-usage" | "storage.tablet-storage-title" | "storage.tablet-storage-description" | "storage.db-storage-title" | "storage.db-storage-description" | "executed-last-hour" | "column-header.process", params?: import("@gravity-ui/i18n").Params) => string;
+declare const _default: (key: "context_cpu-description" | "context_memory-description" | "context_storage-description" | "context_network-description" | "top-nodes.empty-data" | "title_top-nodes-load" | "title_top-nodes-pool" | "cards.cpu-label" | "cards.storage-label" | "cards.memory-label" | "cards.network-label" | "cards.network-note" | "context_cpu-load" | "context_storage-groups" | "context_memory-used" | "context_network-usage" | "charts.queries-per-second" | "charts.queries-latency" | "charts.cpu-usage" | "charts.storage-usage" | "charts.memory-usage" | "charts.network-utilization" | "title_storage-details" | "storage.tablet-storage-title" | "storage.tablet-storage-description" | "storage.db-storage-title" | "storage.db-storage-description" | "title_top-shards" | "title_top-queries" | "title_top-tables-by-size" | "title_top-groups-by-usage" | "title_top-nodes-by-memory" | "title_nodes-by-ping" | "title_nodes-by-skew" | "title_memory-details" | "field_memory-usage" | "context_capacity-usage" | "network-stats-unavailable.title" | "network-stats-unavailable.description", params?: import("@gravity-ui/i18n").Params) => string;
 export default _default;

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import type { Column, Settings, SortOrder } from '@gravity-ui/react-data-table';
+import type { DrawerControl } from '../../../../components/Drawer/Drawer';
+import type { KeyValueRow } from '../../../../types/api/query';
+interface SimpleTableWithDrawerProps {
+    columns: Column<KeyValueRow>[];
+    data: KeyValueRow[];
+    loading?: boolean;
+    onRowClick?: (row: KeyValueRow | null, index?: number, event?: React.MouseEvent<HTMLTableRowElement>) => void;
+    columnsWidthLSKey?: string;
+    emptyDataMessage?: string;
+    sortOrder?: SortOrder | SortOrder[];
+    onSort?: (sortOrder: SortOrder | SortOrder[] | undefined) => void;
+    selectedRow?: KeyValueRow | null | undefined;
+    onSelectedRowChange?: (row: KeyValueRow | null | undefined) => void;
+    drawerControls?: DrawerControl[];
+    drawerId?: string;
+    storageKey?: string;
+    tableSettings?: Settings;
+}
+export declare function QueriesTableWithDrawer({ columns, data, loading, onRowClick, columnsWidthLSKey, emptyDataMessage, sortOrder, onSort, selectedRow: externalSelectedRow, onSelectedRowChange, drawerControls, drawerId, storageKey, tableSettings, }: SimpleTableWithDrawerProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { isEqual } from 'lodash';
+import { DrawerWrapper } from '../../../../components/Drawer';
+import { ResizeableDataTable } from '../../../../components/ResizeableDataTable/ResizeableDataTable';
+import { cn } from '../../../../utils/cn';
+import { QueryDetailsDrawerContent } from './QueryDetails/QueryDetailsDrawerContent';
+import i18n from './i18n';
+import { TOP_QUERIES_TABLE_SETTINGS } from './utils';
+const b = cn('kv-top-queries');
+export function QueriesTableWithDrawer({ columns, data, loading, onRowClick, columnsWidthLSKey, emptyDataMessage, sortOrder, onSort, selectedRow: externalSelectedRow, onSelectedRowChange, drawerControls, drawerId = 'query-details', storageKey = 'kv-top-queries-drawer-width', tableSettings = TOP_QUERIES_TABLE_SETTINGS, }) {
+    const [internalSelectedRow, setInternalSelectedRow] = React.useState(undefined);
+    const selectedRow = externalSelectedRow === undefined ? internalSelectedRow : externalSelectedRow;
+    const setSelectedRow = onSelectedRowChange || setInternalSelectedRow;
+    const handleCloseDetails = React.useCallback(() => {
+        setSelectedRow(undefined);
+    }, [setSelectedRow]);
+    const isDrawerVisible = selectedRow !== undefined;
+    const handleRowClick = React.useCallback((row, index, event) => {
+        event === null || event === void 0 ? void 0 : event.stopPropagation();
+        setSelectedRow(row);
+        onRowClick === null || onRowClick === void 0 ? void 0 : onRowClick(row, index, event);
+    }, [onRowClick, setSelectedRow]);
+    const renderDrawerContent = React.useCallback(() => _jsx(QueryDetailsDrawerContent, { row: selectedRow, onClose: handleCloseDetails }), [selectedRow, handleCloseDetails]);
+    const defaultDrawerControls = React.useMemo(() => [{ type: 'close' }], []);
+    const finalDrawerControls = drawerControls || defaultDrawerControls;
+    return (_jsx(DrawerWrapper, { isDrawerVisible: isDrawerVisible, onCloseDrawer: handleCloseDetails, renderDrawerContent: renderDrawerContent, drawerId: drawerId, storageKey: storageKey, detectClickOutside: true, isPercentageWidth: true, title: i18n('query-details.title'), drawerControls: finalDrawerControls, children: _jsx(ResizeableDataTable, { emptyDataMessage: emptyDataMessage || i18n('no-data'), columnsWidthLSKey: columnsWidthLSKey, columns: columns, data: data, loading: loading, settings: tableSettings, onRowClick: handleRowClick, rowClassName: (row) => b('row', { active: isEqual(row, selectedRow) }), sortOrder: sortOrder, onSort: onSort }) }));
+}
+//# sourceMappingURL=QueriesTableWithDrawer.js.map

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

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

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

@@ -1,10 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { TableColumnSetup } from '@gravity-ui/uikit';
-import { isEqual } from 'lodash';
-import { DrawerWrapper } from '../../../../components/Drawer';
 import { ResponseError } from '../../../../components/Errors/ResponseError';
-import { ResizeableDataTable } from '../../../../components/ResizeableDataTable/ResizeableDataTable';
 import { Search } from '../../../../components/Search';
 import { TableWithControlsLayout } from '../../../../components/TableWithControlsLayout/TableWithControlsLayout';
 import { topQueriesApi } from '../../../../store/reducers/executeTopQueries/executeTopQueries';
@@ -12,7 +9,7 @@ import { cn } from '../../../../utils/cn';
 import { useAutoRefreshInterval, useTypedSelector } from '../../../../utils/hooks';
 import { useSelectedColumns } from '../../../../utils/hooks/useSelectedColumns';
 import { parseQueryErrorToString } from '../../../../utils/query';
-import { QueryDetailsDrawerContent } from './QueryDetails/QueryDetailsDrawerContent';
+import { QueriesTableWithDrawer } from './QueriesTableWithDrawer';
 import { getRunningQueriesColumns } from './columns/columns';
 import { DEFAULT_RUNNING_QUERIES_COLUMNS, QUERIES_COLUMNS_TITLES, REQUIRED_RUNNING_QUERIES_COLUMNS, RUNNING_QUERIES_COLUMNS_WIDTH_LS_KEY, RUNNING_QUERIES_SELECTED_COLUMNS_LS_KEY, } from './columns/constants';
 import { useRunningQueriesSort } from './hooks/useRunningQueriesSort';
@@ -23,9 +20,6 @@ export const RunningQueriesData = ({ tenantName, renderQueryModeControl, handleT
     var _a, _b;
     const [autoRefreshInterval] = useAutoRefreshInterval();
     const filters = useTypedSelector((state) => state.executeTopQueries);
-    // Internal state for selected row
-    // null is reserved for not found state
-    const [selectedRow, setSelectedRow] = React.useState(undefined);
     // Get columns for running queries
     const columns = React.useMemo(() => {
         return getRunningQueriesColumns();
@@ -39,23 +33,7 @@ export const RunningQueriesData = ({ tenantName, renderQueryModeControl, handleT
         sortOrder: backendSort,
     }, { pollingInterval: autoRefreshInterval });
     const rows = (_b = (_a = currentData === null || currentData === void 0 ? void 0 : currentData.resultSets) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.result;
-    const isDrawerVisible = selectedRow !== undefined;
-    const handleCloseDetails = React.useCallback(() => {
-        setSelectedRow(undefined);
-    }, [setSelectedRow]);
-    const renderDrawerContent = React.useCallback(() => _jsx(QueryDetailsDrawerContent, { row: selectedRow, onClose: handleCloseDetails }), [selectedRow, handleCloseDetails]);
-    const onRowClick = React.useCallback((row, _index, event) => {
-        event === null || event === void 0 ? void 0 : event.stopPropagation();
-        setSelectedRow(row);
-    }, [setSelectedRow]);
     const inputRef = React.useRef(null);
-    React.useEffect(() => {
-        var _a;
-        if (isDrawerVisible) {
-            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.blur();
-        }
-    }, [isDrawerVisible]);
-    const drawerControls = React.useMemo(() => [{ type: 'close' }], []);
-    return (_jsx(DrawerWrapper, { isDrawerVisible: isDrawerVisible, onCloseDrawer: handleCloseDetails, renderDrawerContent: renderDrawerContent, drawerId: "running-query-details", storageKey: "running-queries-drawer-width", detectClickOutside: true, isPercentageWidth: true, title: i18n('query-details.title'), drawerControls: drawerControls, children: _jsxs(TableWithControlsLayout, { children: [_jsxs(TableWithControlsLayout.Controls, { children: [renderQueryModeControl(), _jsx(Search, { value: filters.text, onChange: handleTextSearchUpdate, placeholder: i18n('filter.text.placeholder'), className: b('search'), inputRef: inputRef }), _jsx(TableColumnSetup, { popupWidth: 200, items: columnsToSelect, showStatus: true, onUpdate: setColumns, sortable: false })] }), error ? _jsx(ResponseError, { error: parseQueryErrorToString(error) }) : null, _jsx(TableWithControlsLayout.Table, { loading: isLoading, children: _jsx(ResizeableDataTable, { emptyDataMessage: i18n('no-data'), columnsWidthLSKey: RUNNING_QUERIES_COLUMNS_WIDTH_LS_KEY, columns: columnsToShow, data: rows || [], loading: isFetching && currentData === undefined, settings: TOP_QUERIES_TABLE_SETTINGS, onRowClick: onRowClick, rowClassName: (row) => b('row', { active: isEqual(row, selectedRow) }), sortOrder: tableSort, onSort: handleTableSort }) })] }) }));
+    return (_jsxs(TableWithControlsLayout, { children: [_jsxs(TableWithControlsLayout.Controls, { children: [renderQueryModeControl(), _jsx(Search, { value: filters.text, onChange: handleTextSearchUpdate, placeholder: i18n('filter.text.placeholder'), className: b('search'), inputRef: inputRef }), _jsx(TableColumnSetup, { popupWidth: 200, items: columnsToSelect, showStatus: true, onUpdate: setColumns, sortable: false })] }), error ? _jsx(ResponseError, { error: parseQueryErrorToString(error) }) : null, _jsx(TableWithControlsLayout.Table, { loading: isLoading, children: _jsx(QueriesTableWithDrawer, { columns: columnsToShow, data: rows || [], loading: isFetching && currentData === undefined, columnsWidthLSKey: RUNNING_QUERIES_COLUMNS_WIDTH_LS_KEY, emptyDataMessage: i18n('no-data'), sortOrder: tableSort, onSort: handleTableSort, drawerId: "running-query-details", storageKey: "running-queries-drawer-width", tableSettings: TOP_QUERIES_TABLE_SETTINGS }) })] }));
 };
 //# sourceMappingURL=RunningQueriesData.js.map

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

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

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

@@ -1,11 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { Select, TableColumnSetup } from '@gravity-ui/uikit';
-import { isEqual } from 'lodash';
 import { DateRange } from '../../../../components/DateRange';
-import { DrawerWrapper } from '../../../../components/Drawer';
 import { ResponseError } from '../../../../components/Errors/ResponseError';
-import { ResizeableDataTable } from '../../../../components/ResizeableDataTable/ResizeableDataTable';
 import { Search } from '../../../../components/Search';
 import { TableWithControlsLayout } from '../../../../components/TableWithControlsLayout/TableWithControlsLayout';
 import { topQueriesApi } from '../../../../store/reducers/executeTopQueries/executeTopQueries';
@@ -13,7 +10,7 @@ import { cn } from '../../../../utils/cn';
 import { useAutoRefreshInterval, useTypedSelector } from '../../../../utils/hooks';
 import { useSelectedColumns } from '../../../../utils/hooks/useSelectedColumns';
 import { parseQueryErrorToString } from '../../../../utils/query';
-import { QueryDetailsDrawerContent } from './QueryDetails/QueryDetailsDrawerContent';
+import { QueriesTableWithDrawer } from './QueriesTableWithDrawer';
 import { getTopQueriesColumns } from './columns/columns';
 import { DEFAULT_TOP_QUERIES_COLUMNS, QUERIES_COLUMNS_TITLES, REQUIRED_TOP_QUERIES_COLUMNS, TOP_QUERIES_COLUMNS_WIDTH_LS_KEY, TOP_QUERIES_SELECTED_COLUMNS_LS_KEY, } from './columns/constants';
 import { DEFAULT_TIME_FILTER_VALUE, TIME_FRAME_OPTIONS } from './constants';
@@ -55,9 +52,6 @@ export const TopQueriesData = ({ tenantName, timeFrame, renderQueryModeControl,
     }), []);
     // Use custom hook to handle scrolling to selected row
     useScrollToSelected({ selectedRow, rows, reactListRef });
-    const handleCloseDetails = React.useCallback(() => {
-        setSelectedRow(undefined);
-    }, [setSelectedRow]);
     const isDrawerVisible = selectedRow !== undefined;
     const getTopQueryUrl = React.useCallback(() => {
         if (selectedRow) {
@@ -65,11 +59,6 @@ export const TopQueriesData = ({ tenantName, timeFrame, renderQueryModeControl,
         }
         return '';
     }, [selectedRow]);
-    const renderDrawerContent = React.useCallback(() => _jsx(QueryDetailsDrawerContent, { row: selectedRow, onClose: handleCloseDetails }), [selectedRow, handleCloseDetails]);
-    const onRowClick = React.useCallback((row, _index, event) => {
-        event === null || event === void 0 ? void 0 : event.stopPropagation();
-        setSelectedRow(row);
-    }, [setSelectedRow]);
     const inputRef = React.useRef(null);
     React.useEffect(() => {
         var _a;
@@ -78,6 +67,6 @@ export const TopQueriesData = ({ tenantName, timeFrame, renderQueryModeControl,
         }
     }, [isDrawerVisible]);
     const drawerControls = React.useMemo(() => [{ type: 'copyLink', link: getTopQueryUrl() }, { type: 'close' }], [getTopQueryUrl]);
-    return (_jsx(DrawerWrapper, { isDrawerVisible: isDrawerVisible, onCloseDrawer: handleCloseDetails, renderDrawerContent: renderDrawerContent, drawerId: "query-details", storageKey: "kv-top-queries-drawer-width", detectClickOutside: true, isPercentageWidth: true, title: i18n('query-details.title'), drawerControls: drawerControls, children: _jsxs(TableWithControlsLayout, { children: [_jsxs(TableWithControlsLayout.Controls, { children: [renderQueryModeControl(), _jsx(Select, { options: TIME_FRAME_OPTIONS, value: [timeFrame], onUpdate: handleTimeFrameChange }), _jsx(DateRange, { from: filters.from, to: filters.to, onChange: handleDateRangeChange, defaultValue: DEFAULT_TIME_FILTER_VALUE }), _jsx(Search, { value: filters.text, inputRef: inputRef, onChange: handleTextSearchUpdate, placeholder: i18n('filter.text.placeholder'), className: b('search') }), _jsx(TableColumnSetup, { popupWidth: 200, items: columnsToSelect, showStatus: true, onUpdate: setColumns, sortable: false })] }), error ? _jsx(ResponseError, { error: parseQueryErrorToString(error) }) : null, _jsx(TableWithControlsLayout.Table, { loading: isLoading, children: _jsx(ResizeableDataTable, { emptyDataMessage: i18n('no-data'), columnsWidthLSKey: TOP_QUERIES_COLUMNS_WIDTH_LS_KEY, columns: columnsToShow, data: rows || [], loading: isFetching && currentData === undefined, settings: tableSettings, onRowClick: onRowClick, rowClassName: (row) => b('row', { active: isEqual(row, selectedRow) }), sortOrder: tableSort, onSort: handleTableSort }) })] }) }));
+    return (_jsxs(TableWithControlsLayout, { children: [_jsxs(TableWithControlsLayout.Controls, { children: [renderQueryModeControl(), _jsx(Select, { options: TIME_FRAME_OPTIONS, value: [timeFrame], onUpdate: handleTimeFrameChange }), _jsx(DateRange, { from: filters.from, to: filters.to, onChange: handleDateRangeChange, defaultValue: DEFAULT_TIME_FILTER_VALUE }), _jsx(Search, { value: filters.text, inputRef: inputRef, onChange: handleTextSearchUpdate, placeholder: i18n('filter.text.placeholder'), className: b('search') }), _jsx(TableColumnSetup, { popupWidth: 200, items: columnsToSelect, showStatus: true, onUpdate: setColumns, sortable: false })] }), error ? _jsx(ResponseError, { error: parseQueryErrorToString(error) }) : null, _jsx(TableWithControlsLayout.Table, { loading: isLoading, children: _jsx(QueriesTableWithDrawer, { columns: columnsToShow, data: rows || [], loading: isFetching && currentData === undefined, columnsWidthLSKey: TOP_QUERIES_COLUMNS_WIDTH_LS_KEY, emptyDataMessage: i18n('no-data'), sortOrder: tableSort, onSort: handleTableSort, selectedRow: selectedRow, onSelectedRowChange: setSelectedRow, drawerControls: drawerControls, drawerId: "query-details", storageKey: "kv-top-queries-drawer-width", tableSettings: tableSettings }) })] }));
 };
 //# sourceMappingURL=TopQueriesData.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TopQueriesData.js","sourceRoot":"","sources":["../../../../../src/containers/Tenant/Diagnostics/TopQueries/TopQueriesData.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAC,MAAM,EAAE,gBAAgB,EAAC,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAC,OAAO,EAAC,MAAM,QAAQ,CAAC;AAG/B,OAAO,EAAC,SAAS,EAAC,MAAM,kCAAkC,CAAC;AAC3D,OAAO,EAAC,aAAa,EAAC,MAAM,+BAA+B,CAAC;AAE5D,OAAO,EAAC,aAAa,EAAC,MAAM,6CAA6C,CAAC;AAC1E,OAAO,EAAC,mBAAmB,EAAC,MAAM,gEAAgE,CAAC;AACnG,OAAO,EAAC,MAAM,EAAC,MAAM,+BAA+B,CAAC;AACrD,OAAO,EAAC,uBAAuB,EAAC,MAAM,wEAAwE,CAAC;AAC/G,OAAO,EAAC,aAAa,EAAC,MAAM,gEAAgE,CAAC;AAG7F,OAAO,EAAC,EAAE,EAAC,MAAM,sBAAsB,CAAC;AACxC,OAAO,EAAC,sBAAsB,EAAE,gBAAgB,EAAC,MAAM,yBAAyB,CAAC;AACjF,OAAO,EAAC,kBAAkB,EAAC,MAAM,4CAA4C,CAAC;AAC9E,OAAO,EAAC,uBAAuB,EAAC,MAAM,yBAAyB,CAAC;AAEhE,OAAO,EAAC,yBAAyB,EAAC,MAAM,0CAA0C,CAAC;AACnF,OAAO,EAAC,oBAAoB,EAAC,MAAM,mBAAmB,CAAC;AACvD,OAAO,EACH,2BAA2B,EAC3B,sBAAsB,EACtB,4BAA4B,EAC5B,gCAAgC,EAChC,mCAAmC,GACtC,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAC,yBAAyB,EAAE,kBAAkB,EAAC,MAAM,aAAa,CAAC;AAE1E,OAAO,EAAC,mBAAmB,EAAC,MAAM,6BAA6B,CAAC;AAChE,OAAO,EAAC,mCAAmC,EAAC,MAAM,6CAA6C,CAAC;AAChG,OAAO,EAAC,iBAAiB,EAAC,MAAM,2BAA2B,CAAC;AAC5D,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,EAAC,0BAA0B,EAAC,MAAM,SAAS,CAAC;AACnD,OAAO,EAAC,oBAAoB,EAAC,MAAM,8BAA8B,CAAC;AAElE,MAAM,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,CAAC;AAW/B,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC3B,UAAU,EACV,SAAS,EACT,sBAAsB,EACtB,qBAAqB,EACrB,qBAAqB,EACrB,sBAAsB,GACJ,EAAE,EAAE;;IACtB,MAAM,CAAC,mBAAmB,CAAC,GAAG,sBAAsB,EAAE,CAAC;IACvD,MAAM,OAAO,GAAG,gBAAgB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC;IACrE,kCAAkC;IAClC,uCAAuC;IACvC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAiC,SAAS,CAAC,CAAC;IAEhG,mEAAmE;IACnE,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAY,IAAI,CAAC,CAAC;IAEnD,8BAA8B;IAC9B,MAAM,OAAO,GAA0B,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACtD,OAAO,oBAAoB,EAAE,CAAC;IAClC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,4BAA4B;IAC5B,MAAM,EAAC,aAAa,EAAE,eAAe,EAAE,UAAU,EAAC,GAAG,kBAAkB,CACnE,OAAO,EACP,mCAAmC,EACnC,sBAAsB,EACtB,2BAA2B,EAC3B,4BAA4B,CAC/B,CAAC;IAEF,MAAM,EAAC,SAAS,EAAE,eAAe,EAAE,WAAW,EAAC,GAAG,iBAAiB,EAAE,CAAC;IACtE,MAAM,EAAC,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAC,GAAG,aAAa,CAAC,qBAAqB,CACnF;QACI,QAAQ,EAAE,UAAU;QACpB,OAAO;QACP,SAAS,EAAE,WAAW;QACtB,SAAS;KACZ,EACD,EAAC,eAAe,EAAE,mBAAmB,EAAC,CACzC,CAAC;IAEF,MAAM,IAAI,GAAG,MAAA,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,UAAU,0CAAG,CAAC,CAAC,0CAAE,MAAM,CAAC;IAClD,mCAAmC,CAAC,cAAc,EAAE,IAAI,CAAC,CAAC;IAE1D,6DAA6D;IAC7D,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAC/B,GAAG,EAAE,CAAC,CAAC;QACH,GAAG,0BAA0B;QAC7B,eAAe,EAAE,YAAY;KAChC,CAAC,EACF,EAAE,CACL,CAAC;IAEF,sDAAsD;IACtD,mBAAmB,CAAC,EAAC,WAAW,EAAE,IAAI,EAAE,YAAY,EAAC,CAAC,CAAC;IAEvD,MAAM,kBAAkB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC9C,cAAc,CAAC,SAAS,CAAC,CAAC;IAC9B,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,MAAM,eAAe,GAAG,WAAW,KAAK,SAAS,CAAC;IAElD,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC1C,IAAI,WAAW,EAAE,CAAC;YACd,OAAO,oBAAoB,CAAC,WAAW,CAAC,CAAC;QAC7C,CAAC;QACD,OAAO,EAAE,CAAC;IACd,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,mBAAmB,GAAG,KAAK,CAAC,WAAW,CACzC,GAAG,EAAE,CAAC,KAAC,yBAAyB,IAAC,GAAG,EAAE,WAAW,EAAE,OAAO,EAAE,kBAAkB,GAAI,EAClF,CAAC,WAAW,EAAE,kBAAkB,CAAC,CACpC,CAAC;IAEF,MAAM,UAAU,GAAG,KAAK,CAAC,WAAW,CAChC,CACI,GAAuB,EACvB,MAAe,EACf,KAA6C,EAC/C,EAAE;QACA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,eAAe,EAAE,CAAC;QACzB,cAAc,CAAC,GAAG,CAAC,CAAC;IACxB,CAAC,EACD,CAAC,cAAc,CAAC,CACnB,CAAC;IAEF,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAmB,IAAI,CAAC,CAAC;IAEtD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;;QACjB,IAAI,eAAe,EAAE,CAAC;YAClB,MAAA,QAAQ,CAAC,OAAO,0CAAE,IAAI,EAAE,CAAC;QAC7B,CAAC;IACL,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,MAAM,cAAc,GAAoB,KAAK,CAAC,OAAO,CACjD,GAAG,EAAE,CAAC,CAAC,EAAC,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,cAAc,EAAE,EAAC,EAAE,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC,EACnE,CAAC,cAAc,CAAC,CACnB,CAAC;IAEF,OAAO,CACH,KAAC,aAAa,IACV,eAAe,EAAE,eAAe,EAChC,aAAa,EAAE,kBAAkB,EACjC,mBAAmB,EAAE,mBAAmB,EACxC,QAAQ,EAAC,eAAe,EACxB,UAAU,EAAC,6BAA6B,EACxC,kBAAkB,QAClB,iBAAiB,QACjB,KAAK,EAAE,IAAI,CAAC,qBAAqB,CAAC,EAClC,cAAc,EAAE,cAAc,YAE9B,MAAC,uBAAuB,eACpB,MAAC,uBAAuB,CAAC,QAAQ,eAC5B,sBAAsB,EAAE,EACzB,KAAC,MAAM,IACH,OAAO,EAAE,kBAAkB,EAC3B,KAAK,EAAE,CAAC,SAAS,CAAC,EAClB,QAAQ,EAAE,qBAAqB,GACjC,EACF,KAAC,SAAS,IACN,IAAI,EAAE,OAAO,CAAC,IAAI,EAClB,EAAE,EAAE,OAAO,CAAC,EAAE,EACd,QAAQ,EAAE,qBAAqB,EAC/B,YAAY,EAAE,yBAAyB,GACzC,EACF,KAAC,MAAM,IACH,KAAK,EAAE,OAAO,CAAC,IAAI,EACnB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,sBAAsB,EAChC,WAAW,EAAE,IAAI,CAAC,yBAAyB,CAAC,EAC5C,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,GACxB,EACF,KAAC,gBAAgB,IACb,UAAU,EAAE,GAAG,EACf,KAAK,EAAE,eAAe,EACtB,UAAU,QACV,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,KAAK,GACjB,IAC6B,EAElC,KAAK,CAAC,CAAC,CAAC,KAAC,aAAa,IAAC,KAAK,EAAE,uBAAuB,CAAC,KAAK,CAAC,GAAI,CAAC,CAAC,CAAC,IAAI,EACxE,KAAC,uBAAuB,CAAC,KAAK,IAAC,OAAO,EAAE,SAAS,YAC7C,KAAC,mBAAmB,IAChB,gBAAgB,EAAE,IAAI,CAAC,SAAS,CAAC,EACjC,iBAAiB,EAAE,gCAAgC,EACnD,OAAO,EAAE,aAAa,EACtB,IAAI,EAAE,IAAI,IAAI,EAAE,EAChB,OAAO,EAAE,UAAU,IAAI,WAAW,KAAK,SAAS,EAChD,QAAQ,EAAE,aAAa,EACvB,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,EAAC,MAAM,EAAE,OAAO,CAAC,GAAG,EAAE,WAAW,CAAC,EAAC,CAAC,EACpE,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,eAAe,GACzB,GAC0B,IACV,GACd,CACnB,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":"TopQueriesData.js","sourceRoot":"","sources":["../../../../../src/containers/Tenant/Diagnostics/TopQueries/TopQueriesData.tsx"],"names":[],"mappings":"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"}