ydb-embedded-ui 6.7.0 → 6.8.0

package/dist/package.json

@@ -1,6 +1,6 @@
 {
     "name": "ydb-embedded-ui",
-    "version": "6.7.0",
+    "version": "6.8.0",
     "files": [
         "dist"
     ],
@@ -12,18 +12,18 @@
     "dependencies": {
         "@bem-react/classname": "^1.6.0",
         "@gravity-ui/axios-wrapper": "^1.4.1",
-        "@gravity-ui/chartkit": "^5.5.0",
-        "@gravity-ui/components": "^3.6.2",
-        "@gravity-ui/date-utils": "^2.4.0",
-        "@gravity-ui/i18n": "^1.5.0",
-        "@gravity-ui/icons": "^2.9.1",
-        "@gravity-ui/navigation": "^2.10.0",
+        "@gravity-ui/chartkit": "^5.9.0",
+        "@gravity-ui/components": "^3.7.0",
+        "@gravity-ui/date-utils": "^2.5.3",
+        "@gravity-ui/i18n": "^1.5.1",
+        "@gravity-ui/icons": "^2.10.0",
+        "@gravity-ui/navigation": "^2.16.0",
         "@gravity-ui/paranoid": "^2.0.1",
         "@gravity-ui/react-data-table": "^2.1.1",
-        "@gravity-ui/uikit": "^6.15.0",
+        "@gravity-ui/uikit": "^6.20.1",
         "@gravity-ui/websql-autocomplete": "^9.1.0",
         "@reduxjs/toolkit": "^2.2.3",
-        "axios": "^1.6.8",
+        "axios": "^1.7.2",
         "axios-retry": "^4.4.0",
         "colord": "^2.9.3",
         "copy-to-clipboard": "^3.3.3",
@@ -35,17 +35,17 @@
         "path-to-regexp": "^3.0.0",
         "qs": "^6.12.0",
         "react-error-boundary": "^4.0.13",
-        "react-helmet-async": "2.0.4",
+        "react-helmet-async": "^2.0.5",
         "react-json-inspector": "^7.1.1",
         "react-list": "^0.8.17",
         "react-monaco-editor": "^0.55.0",
-        "react-redux": "^9.1.0",
+        "react-redux": "^9.1.2",
         "react-router": "^5.3.4",
         "react-router-dom": "^5.3.4",
         "react-split": "^2.0.14",
         "redux": "^5.0.1",
         "redux-location-state": "^2.8.2",
-        "tslib": "^2.6.2",
+        "tslib": "^2.6.3",
         "url": "^0.11.3",
         "use-query-params": "^2.2.1",
         "web-vitals": "^1.1.2",
@@ -122,54 +122,54 @@
         ]
     },
     "devDependencies": {
-        "@commitlint/cli": "^19.2.1",
-        "@commitlint/config-conventional": "^19.1.0",
+        "@commitlint/cli": "^19.3.0",
+        "@commitlint/config-conventional": "^19.2.2",
         "@gravity-ui/eslint-config": "^3.2.0",
         "@gravity-ui/prettier-config": "^1.1.0",
         "@gravity-ui/stylelint-config": "^4.0.1",
         "@gravity-ui/tsconfig": "^1.0.0",
         "@playwright/test": "^1.42.1",
-        "@testing-library/jest-dom": "^6.4.2",
+        "@testing-library/jest-dom": "^6.4.6",
         "@testing-library/react": "^14.2.2",
         "@testing-library/user-event": "^14.5.2",
         "@types/jest": "^29.5.12",
         "@types/lodash": "^4.17.0",
         "@types/numeral": "^2.0.5",
-        "@types/qs": "^6.9.14",
-        "@types/react": "^18.2.73",
-        "@types/react-dom": "^18.2.23",
+        "@types/qs": "^6.9.15",
+        "@types/react": "^18.3.3",
+        "@types/react-dom": "^18.3.0",
         "@types/react-router": "^5.1.20",
         "@types/react-router-dom": "^5.3.3",
         "copyfiles": "^2.4.1",
         "http-proxy-middleware": "^2.0.6",
         "husky": "^9.0.11",
         "jest-transform-css": "^6.0.1",
-        "lint-staged": "^15.2.2",
+        "lint-staged": "^15.2.7",
         "npm-run-all": "^4.1.5",
         "postcss": "^8.4.38",
         "prettier": "^3.2.5",
         "prop-types": "^15.8.1",
-        "react": "^18.2.0",
+        "react": "^18.3.1",
         "react-app-rewired": "^2.2.1",
-        "react-dom": "^18.2.0",
+        "react-dom": "^18.3.1",
         "react-scripts": "^5.0.1",
         "sass": "^1.72.0",
         "source-map-explorer": "^2.5.3",
-        "stylelint": "^15.0.0",
-        "ts-jest": "^29.1.2",
+        "stylelint": "^15.11.0",
+        "ts-jest": "^29.1.5",
         "typescript": "^5.4.3"
     },
     "peerDependencies": {
         "prop-types": "^15.8.1",
-        "react": "^18.2.0",
-        "react-dom": "^18.2.0"
+        "react": "^18.3.1",
+        "react-dom": "^18.3.1"
     },
     "overrides": {
         "fork-ts-checker-webpack-plugin": "^9.0.2",
-        "react": "^18.2.0",
-        "react-dom": "^18.2.0",
-        "redux": "^5.0.1",
-        "typescript": "^5.4.3",
-        "monaco-editor": "^0.48.0"
+        "react": "$react",
+        "react-dom": "$react-dom",
+        "redux": "$redux",
+        "typescript": "$typescript",
+        "monaco-editor": "$monaco-editor"
     }
 }

package/dist/src/components/InfoViewer/InfoViewer.d.ts

@@ -5,7 +5,7 @@ export interface InfoViewerItem {
     value: React.ReactNode;
 }
 export interface InfoViewerProps {
-    title?: string;
+    title?: React.ReactNode;
     info?: InfoViewerItem[];
     dots?: boolean;
     size?: 's';

package/dist/src/components/InfoViewer/InfoViewer.js

@@ -1,12 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { cn } from '../../utils/cn';
+import i18n from './i18n';
 import './InfoViewer.scss';
 const b = cn('info-viewer');
 export const InfoViewer = ({ title, info, dots = true, size, className, multilineLabels, renderEmptyState, }) => {
     if ((!info || !info.length) && renderEmptyState) {
         return _jsx(React.Fragment, { children: renderEmptyState({ title, size }) });
     }
-    return (_jsxs("div", { className: b({ size }, className), children: [title && _jsx("div", { className: b('title'), children: title }), info && info.length > 0 ? (_jsx("div", { className: b('items'), children: info.map((data, infoIndex) => (_jsxs("div", { className: b('row'), children: [_jsxs("div", { className: b('label'), children: [_jsx("div", { className: b('label-text', { multiline: multilineLabels }), children: data.label }), dots && _jsx("div", { className: b('dots') })] }), _jsx("div", { className: b('value'), children: data.value })] }, infoIndex))) })) : (_jsxs(React.Fragment, { children: ["No ", title, " data"] }))] }));
+    return (_jsxs("div", { className: b({ size }, className), children: [title && _jsx("div", { className: b('title'), children: title }), info && info.length > 0 ? (_jsx("div", { className: b('items'), children: info.map((data, infoIndex) => (_jsxs("div", { className: b('row'), children: [_jsxs("div", { className: b('label'), children: [_jsx("div", { className: b('label-text', { multiline: multilineLabels }), children: data.label }), dots && _jsx("div", { className: b('dots') })] }), _jsx("div", { className: b('value'), children: data.value })] }, infoIndex))) })) : (i18n('no-data'))] }));
 };
 export default InfoViewer;

package/dist/src/components/InfoViewer/i18n/en.json

@@ -1,4 +1,5 @@
 {
     "common.created": "Created",
-    "common.type": "Type"
+    "common.type": "Type",
+    "no-data": "No data"
 }

package/dist/src/components/InfoViewer/i18n/index.d.ts

@@ -1,2 +1,2 @@
-declare const _default: (key: "common.created" | "common.type", params?: import("@gravity-ui/i18n").Params | undefined) => string;
+declare const _default: (key: "common.created" | "common.type" | "no-data", params?: import("@gravity-ui/i18n").Params | undefined) => string;
 export default _default;

package/dist/src/components/InfoViewer/i18n/index.js

@@ -1,5 +1,4 @@
 import { registerKeysets } from '../../../utils/i18n';
 import en from './en.json';
-import ru from './ru.json';
 const COMPONENT = 'ydb-components-info-viewer';
-export default registerKeysets(COMPONENT, { ru, en });
+export default registerKeysets(COMPONENT, { en });

package/dist/src/containers/AppWithClusters/AppWithClusters.js

@@ -10,7 +10,7 @@ import i18n from './i18n';
 const defaultUserSettings = settings;
 defaultUserSettings[2].sections[0].settings.push({
     title: i18n('settings.useClusterBalancerAsBackend.title'),
-    helpPopoverContent: i18n('settings.useClusterBalancerAsBackend.popover'),
+    description: i18n('settings.useClusterBalancerAsBackend.popover'),
     settingKey: USE_CLUSTER_BALANCER_AS_BACKEND_KEY,
 });
 export function AppWithClusters({ store, history, getMonitoringLink = getMonitoringLinkDefault, getMonitoringClusterLink = getMonitoringClusterLinkDefault, userSettings = defaultUserSettings, children, }) {

package/dist/src/containers/Storage/StorageGroups/getStorageGroupsColumns.js

@@ -63,7 +63,8 @@ const erasureColumn = {
 const degradedColumn = {
     name: GROUPS_COLUMNS_IDS.Degraded,
     header: 'Degraded',
-    width: 100,
+    width: 110,
+    resizeMinWidth: 110,
     render: ({ row }) => row.Degraded ? (_jsxs(Label, { theme: getDegradedSeverity(row), children: ["Degraded: ", row.Degraded] })) : ('-'),
     align: DataTable.LEFT,
     defaultOrder: DataTable.DESCENDING,
@@ -71,8 +72,8 @@ const degradedColumn = {
 const usageColumn = {
     name: GROUPS_COLUMNS_IDS.Usage,
     header: 'Usage',
-    width: 100,
-    resizeMinWidth: 70,
+    width: 75,
+    resizeMinWidth: 75,
     render: ({ row }) => {
         // without a limit the usage can be evaluated as 0,
         // but the absence of a value is more clear

package/dist/src/containers/Tenant/Acl/Acl.js

@@ -1,16 +1,14 @@
+import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
+import { DefinitionList } from '@gravity-ui/components';
 import { ResponseError } from '../../../components/Errors/ResponseError';
 import { Loader } from '../../../components/Loader';
-import { ResizeableDataTable } from '../../../components/ResizeableDataTable/ResizeableDataTable';
 import { schemaAclApi } from '../../../store/reducers/schemaAcl/schemaAcl';
 import { cn } from '../../../utils/cn';
-import { DEFAULT_TABLE_SETTINGS } from '../../../utils/constants';
 import i18n from '../i18n';
 import './Acl.scss';
 const b = cn('ydb-acl');
-const ACL_COLUMNS_WIDTH_LS_KEY = 'aclTableColumnsWidth';
-const TABLE_SETTINGS = Object.assign(Object.assign({}, DEFAULT_TABLE_SETTINGS), { dynamicRender: false, stickyTop: 36 });
 const prepareLogin = (value) => {
     if (value && value.endsWith('@staff') && !value.startsWith('svc_')) {
         const login = value.split('@')[0];
@@ -18,60 +16,88 @@ const prepareLogin = (value) => {
     }
     return value;
 };
-const columns = [
-    {
-        name: 'AccessType',
-        header: 'Access Type',
-        sortable: false,
-        render: ({ row }) => row.AccessType,
-    },
-    {
-        name: 'AccessRights',
-        header: 'Access Rights',
-        render: ({ row }) => {
-            var _a;
-            return (_a = row.AccessRights) === null || _a === void 0 ? void 0 : _a.map((item, index) => {
-                return _jsx("div", { children: item }, index);
-            });
-        },
-        sortable: false,
-    },
-    {
-        name: 'Subject',
-        sortable: false,
-        render: ({ row }) => {
-            return prepareLogin(row.Subject);
-        },
-        width: 140,
-    },
-    {
-        name: 'InheritanceType',
-        header: 'Inheritance Type',
-        render: ({ row }) => {
-            var _a;
-            return (_a = row.InheritanceType) === null || _a === void 0 ? void 0 : _a.map((item, index) => {
-                return _jsx("div", { children: item }, index);
-            });
+const aclParams = ['access', 'type', 'inheritance'];
+const aclParamToName = {
+    access: 'Access',
+    type: 'Access type',
+    inheritance: 'Inheritance type',
+};
+const defaultInheritanceType = ['Object', 'Container'];
+const defaultAccessType = 'Allow';
+const defaultInheritanceTypeSet = new Set(defaultInheritanceType);
+function normalizeAcl(acl) {
+    return acl.map((ace) => {
+        const { AccessRules = [], AccessRights = [], AccessType, InheritanceType, Subject } = ace;
+        const access = AccessRules.concat(AccessRights);
+        //"Allow" is default access type. We want to show it only if it isn't default
+        const type = AccessType === defaultAccessType ? undefined : AccessType;
+        let inheritance;
+        // ['Object', 'Container'] - is default inheritance type. We want to show it only if it isn't default
+        if ((InheritanceType === null || InheritanceType === void 0 ? void 0 : InheritanceType.length) !== defaultInheritanceTypeSet.size ||
+            InheritanceType.some((t) => !defaultInheritanceTypeSet.has(t))) {
+            inheritance = InheritanceType;
+        }
+        return {
+            access: access.length ? access : undefined,
+            type,
+            inheritance,
+            Subject,
+        };
+    });
+}
+function DefinitionValue({ value }) {
+    const normalizedValue = typeof value === 'string' ? [value] : value;
+    return (_jsx("div", { className: b('definition-content'), children: normalizedValue.map((el) => (_jsx("span", { children: el }, el))) }));
+}
+function getAclListItems(acl) {
+    if (!acl || !acl.length) {
+        return [];
+    }
+    const normalizedAcl = normalizeAcl(acl);
+    return normalizedAcl.map((_a) => {
+        var { Subject } = _a, data = __rest(_a, ["Subject"]);
+        const definedDataEntries = Object.entries(data).filter(([_key, value]) => Boolean(value));
+        if (definedDataEntries.length === 1 && definedDataEntries[0][0] === 'access') {
+            return {
+                name: Subject,
+                content: _jsx(DefinitionValue, { value: definedDataEntries[0][1] }),
+            };
+        }
+        return {
+            label: _jsx("span", { className: b('group-label'), children: Subject }),
+            items: aclParams
+                .map((key) => {
+                const value = data[key];
+                if (value) {
+                    return {
+                        name: aclParamToName[key],
+                        content: _jsx(DefinitionValue, { value: value }),
+                    };
+                }
+                return undefined;
+            })
+                .filter(Boolean),
+        };
+    });
+}
+function getOwnerItem(owner) {
+    const preparedOwner = prepareLogin(owner);
+    if (!preparedOwner) {
+        return [];
+    }
+    return [
+        {
+            name: _jsx("span", { className: b('owner'), children: preparedOwner }),
+            content: _jsx("span", { className: b('owner'), children: i18n('acl.owner') }),
         },
-        sortable: false,
-    },
-];
+    ];
+}
 export const Acl = ({ path }) => {
     const { currentData, isFetching, error } = schemaAclApi.useGetSchemaAclQuery({ path });
     const loading = isFetching && !currentData;
     const { acl, owner } = currentData || {};
-    const renderTable = () => {
-        if (!acl || !acl.length) {
-            return null;
-        }
-        return (_jsx(ResizeableDataTable, { columnsWidthLSKey: ACL_COLUMNS_WIDTH_LS_KEY, columns: columns, data: acl, settings: TABLE_SETTINGS }));
-    };
-    const renderOwner = () => {
-        if (!owner) {
-            return null;
-        }
-        return (_jsxs("div", { className: b('owner-container'), children: [_jsx("span", { className: b('owner-label'), children: `${i18n('acl.owner')}: ` }), prepareLogin(owner)] }));
-    };
+    const aclListItems = getAclListItems(acl);
+    const ownerItem = getOwnerItem(owner);
     if (loading) {
         return _jsx(Loader, {});
     }
@@ -81,5 +107,5 @@ export const Acl = ({ path }) => {
     if (!acl && !owner) {
         return _jsx(React.Fragment, { children: i18n('acl.empty') });
     }
-    return (_jsx("div", { className: b(), children: _jsxs("div", { className: b('result'), children: [renderOwner(), renderTable()] }) }));
+    return (_jsxs("div", { className: b(), children: [ownerItem.length ? (_jsx(DefinitionList, { items: ownerItem, nameMaxWidth: 200, className: b('owner-container') })) : null, aclListItems.length ? (_jsx(DefinitionList, { items: aclListItems, nameMaxWidth: 200, className: b('result') })) : null] }));
 };

package/dist/src/containers/Tenant/Acl/Acl.scss

@@ -1,17 +1,22 @@
 @import '../../../styles/mixins.scss';
 
 .ydb-acl {
-    &__result {
-        align-self: flex-start;
-    }
-
+    width: 100%;
     &__owner-container {
-        position: sticky;
-        z-index: 2;
-        top: 0;
-
+        padding-bottom: 25px;
+    }
+    &__result {
         padding-bottom: 16px;
+    }
 
-        background-color: var(--g-color-base-background);
+    &__owner {
+        font-weight: 600;
+    }
+    &__definition-content {
+        display: flex;
+        flex-direction: column;
+    }
+    &__group-label {
+        @include subheader-2-typography();
     }
 }

package/dist/src/containers/Tenant/Diagnostics/Overview/TableInfo/TableInfo.js

@@ -2,13 +2,13 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { InfoViewer } from '../../../../../components/InfoViewer';
 import { cn } from '../../../../../utils/cn';
-import { getEntityName } from '../../../utils';
+import { EntityTitle } from '../../../EntityTitle/EntityTitle';
 import i18n from './i18n';
 import { prepareTableInfo } from './prepareTableInfo';
 import './TableInfo.scss';
 const b = cn('ydb-diagnostics-table-info');
 export const TableInfo = ({ data, type, olapStats }) => {
-    const entityName = getEntityName(data === null || data === void 0 ? void 0 : data.PathDescription);
+    const title = _jsx(EntityTitle, { data: data === null || data === void 0 ? void 0 : data.PathDescription });
     const { generalInfo = [], tableStatsInfo = [], tabletMetricsInfo = [], partitionConfigInfo = [], } = React.useMemo(() => prepareTableInfo(data, type, olapStats), [data, type, olapStats]);
-    return (_jsxs("div", { className: b(), children: [_jsx(InfoViewer, { info: generalInfo, title: entityName, className: b('info-block'), renderEmptyState: () => _jsx("div", { className: b('title'), children: entityName }) }), _jsxs("div", { className: b('row'), children: [_jsx("div", { className: b('col'), children: tableStatsInfo.map((info, index) => (_jsx(InfoViewer, { info: info, title: index === 0 ? i18n('tableStats') : undefined, className: b('info-block'), renderEmptyState: () => null }, index))) }), tabletMetricsInfo.length > 0 || partitionConfigInfo.length > 0 ? (_jsxs("div", { className: b('col'), children: [_jsx(InfoViewer, { info: tabletMetricsInfo, title: i18n('tabletMetrics'), className: b('info-block'), renderEmptyState: () => null }), _jsx(InfoViewer, { info: partitionConfigInfo, title: i18n('partitionConfig'), className: b('info-block'), renderEmptyState: () => null })] })) : null] })] }));
+    return (_jsxs("div", { className: b(), children: [_jsx(InfoViewer, { info: generalInfo, title: title, className: b('info-block'), renderEmptyState: () => _jsx("div", { className: b('title'), children: title }) }), _jsxs("div", { className: b('row'), children: [_jsx("div", { className: b('col'), children: tableStatsInfo.map((info, index) => (_jsx(InfoViewer, { info: info, title: index === 0 ? i18n('tableStats') : undefined, className: b('info-block'), renderEmptyState: () => null }, index))) }), tabletMetricsInfo.length > 0 || partitionConfigInfo.length > 0 ? (_jsxs("div", { className: b('col'), children: [_jsx(InfoViewer, { info: tabletMetricsInfo, title: i18n('tabletMetrics'), className: b('info-block'), renderEmptyState: () => null }), _jsx(InfoViewer, { info: partitionConfigInfo, title: i18n('partitionConfig'), className: b('info-block'), renderEmptyState: () => null })] })) : null] })] }));
 };

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

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

package/dist/src/containers/Tenant/EntityTitle/EntityTitle.d.ts

@@ -0,0 +1,6 @@
+import type { TPathDescription } from '../../../types/api/schema';
+interface EntityTitleProps {
+    data?: TPathDescription;
+}
+export declare function EntityTitle({ data }: EntityTitleProps): string | import("react/jsx-runtime").JSX.Element | undefined;
+export {};

package/dist/src/containers/Tenant/EntityTitle/EntityTitle.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Flex, Label } from '@gravity-ui/uikit';
+import i18n from '../i18n';
+import { getEntityName, isReadOnlyTable } from '../utils';
+export function EntityTitle({ data }) {
+    const entityName = getEntityName(data);
+    if (isReadOnlyTable(data)) {
+        return (_jsxs(Flex, { gap: 1, wrap: 'nowrap', children: [entityName, " ", _jsx(Label, { children: i18n('label.read-only') })] }));
+    }
+    return entityName;
+}

package/dist/src/containers/Tenant/ObjectSummary/ObjectSummary.js

@@ -13,7 +13,6 @@ import InfoViewer from '../../../components/InfoViewer/InfoViewer';
 import { LinkWithIcon } from '../../../components/LinkWithIcon/LinkWithIcon';
 import { Loader } from '../../../components/Loader';
 import SplitPane from '../../../components/SplitPane';
-import { getEntityName } from '../../../containers/Tenant/utils';
 import routes, { createExternalUILink, createHref } from '../../../routes';
 import { schemaApi, setShowPreview } from '../../../store/reducers/schema/schema';
 import { TENANT_PAGES_IDS, TENANT_QUERY_TABS_ID, TENANT_SUMMARY_TABS_IDS, } from '../../../store/reducers/tenant/constants';
@@ -24,6 +23,7 @@ import { DEFAULT_IS_TENANT_COMMON_INFO_COLLAPSED, DEFAULT_SIZE_TENANT_SUMMARY_KE
 import { formatDateTime, formatSecondsToHours } from '../../../utils/dataFormatters/dataFormatters';
 import { useTypedDispatch, useTypedSelector } from '../../../utils/hooks';
 import { Acl } from '../Acl/Acl';
+import { EntityTitle } from '../EntityTitle/EntityTitle';
 import { SchemaTree } from '../Schema/SchemaTree/SchemaTree';
 import { SchemaViewer } from '../Schema/SchemaViewer/SchemaViewer';
 import { TENANT_INFO_TABS, TENANT_SCHEMA_TAB, TenantTabsGroups } from '../TenantPages';
@@ -86,7 +86,7 @@ export function ObjectSummary({ type, subType, tenantName, path, onCollapseSumma
             value: formatDateTime(CreateStep, ''),
         });
         const { PathDescription } = currentObjectData;
-        const title = getEntityName(PathDescription);
+        const title = _jsx(EntityTitle, { data: PathDescription });
         const getPathTypeOverview = {
             [EPathType.EPathTypeInvalid]: undefined,
             [EPathType.EPathTypeDir]: undefined,

package/dist/src/containers/Tenant/TenantNavigation/TenantNavigation.js

@@ -15,5 +15,5 @@ export const TenantNavigation = () => {
         nextItem === null || nextItem === void 0 ? void 0 : nextItem.onForward();
     };
     const getCurrentItem = () => navigationItems.find((item) => item.current) || navigationItems[0];
-    return (_jsx("div", { className: b(), children: _jsx(RadioButton, { width: "auto", onUpdate: handleUpdate, size: "l", className: b('body'), defaultValue: getCurrentItem().id, options: navigationItems.map(transformItemToOption) }) }));
+    return (_jsx("div", { className: b(), children: _jsx(RadioButton, { width: "auto", onUpdate: handleUpdate, size: "l", className: b('body'), value: getCurrentItem().id, options: navigationItems.map(transformItemToOption) }) }));
 };

package/dist/src/containers/Tenant/i18n/en.json

@@ -21,6 +21,7 @@
     "summary.mode": "Mode",
     "summary.format": "Format",
     "summary.retention": "Retention",
+    "label.read-only": "ReadOnly",
     "actions.copied": "The path is copied to the clipboard",
     "actions.notCopied": "Couldn’t copy the path",
     "actions.copyPath": "Copy path",
@@ -29,6 +30,7 @@
     "actions.createExternalTable": "Create external table...",
     "actions.createTopic": "Create topic...",
     "actions.createColumnTable": "Create column table...",
+    "actions.createAsyncReplication": "Create async replication...",
     "actions.createView": "Create view...",
     "actions.dropTable": "Drop table...",
     "actions.dropTopic": "Drop topic...",
@@ -36,5 +38,7 @@
     "actions.alterTable": "Alter table...",
     "actions.alterTopic": "Alter topic...",
     "actions.selectQuery": "Select query...",
-    "actions.upsertQuery": "Upsert query..."
+    "actions.upsertQuery": "Upsert query...",
+    "actions.alterReplication": "Alter async replicaton...",
+    "actions.dropReplication": "Drop async replicaton..."
 }

package/dist/src/containers/Tenant/i18n/index.d.ts

@@ -1,2 +1,2 @@
-declare const _default: (key: "page.title" | "pages.query" | "pages.diagnostics" | "acl.owner" | "acl.empty" | "summary.navigation" | "summary.showPreview" | "summary.source-type" | "summary.data-source" | "summary.copySchemaPath" | "summary.type" | "summary.subtype" | "summary.id" | "summary.version" | "summary.created" | "summary.partitions" | "summary.paths" | "summary.shards" | "summary.state" | "summary.mode" | "summary.format" | "summary.retention" | "actions.copied" | "actions.notCopied" | "actions.copyPath" | "actions.openPreview" | "actions.createTable" | "actions.createExternalTable" | "actions.createTopic" | "actions.createColumnTable" | "actions.createView" | "actions.dropTable" | "actions.dropTopic" | "actions.dropView" | "actions.alterTable" | "actions.alterTopic" | "actions.selectQuery" | "actions.upsertQuery", params?: import("@gravity-ui/i18n").Params | undefined) => string;
+declare const _default: (key: "page.title" | "pages.query" | "pages.diagnostics" | "acl.owner" | "acl.empty" | "summary.navigation" | "summary.showPreview" | "summary.source-type" | "summary.data-source" | "summary.copySchemaPath" | "summary.type" | "summary.subtype" | "summary.id" | "summary.version" | "summary.created" | "summary.partitions" | "summary.paths" | "summary.shards" | "summary.state" | "summary.mode" | "summary.format" | "summary.retention" | "label.read-only" | "actions.copied" | "actions.notCopied" | "actions.copyPath" | "actions.openPreview" | "actions.createTable" | "actions.createExternalTable" | "actions.createTopic" | "actions.createColumnTable" | "actions.createAsyncReplication" | "actions.createView" | "actions.dropTable" | "actions.dropTopic" | "actions.dropView" | "actions.alterTable" | "actions.alterTopic" | "actions.selectQuery" | "actions.upsertQuery" | "actions.alterReplication" | "actions.dropReplication", params?: import("@gravity-ui/i18n").Params | undefined) => string;
 export default _default;

package/dist/src/containers/Tenant/utils/index.d.ts

@@ -1,2 +1,3 @@
 import type { TPathDescription } from '../../../types/api/schema';
 export declare const getEntityName: (pathDescription?: TPathDescription) => string | undefined;
+export declare const isReadOnlyTable: (pathDescription?: TPathDescription) => boolean | undefined;

package/dist/src/containers/Tenant/utils/index.js

@@ -3,3 +3,9 @@ export const getEntityName = (pathDescription) => {
     const { PathType, PathSubType } = (pathDescription === null || pathDescription === void 0 ? void 0 : pathDescription.Self) || {};
     return mapPathTypeToEntityName(PathType, PathSubType);
 };
+export const isReadOnlyTable = (pathDescription) => {
+    var _a;
+    return (_a = pathDescription === null || pathDescription === void 0 ? void 0 : pathDescription.UserAttributes) === null || _a === void 0 ? void 0 : _a.some(({ Key, Value }) => {
+        return Key === '__async_replica' && Value === 'true';
+    });
+};

package/dist/src/containers/Tenant/utils/queryTemplates.d.ts

@@ -1,5 +1,6 @@
 export declare const createTableTemplate: (path: string) => string;
 export declare const createColumnTableTemplate: (path: string) => string;
+export declare const createAsyncReplicationTemplate: () => string;
 export declare const alterTableTemplate: (path: string) => string;
 export declare const selectQueryTemplate: (path: string) => string;
 export declare const upsertQueryTemplate: (path: string) => string;
@@ -10,3 +11,5 @@ export declare const alterTopicTemplate: (path: string) => string;
 export declare const dropTopicTemplate: (path: string) => string;
 export declare const createViewTemplate: (path: string) => string;
 export declare const dropViewTemplate: (path: string) => string;
+export declare const dropAsyncReplicationTemplate: (path: string) => string;
+export declare const alterAsyncReplicationTemplate: (path: string) => string;

package/dist/src/containers/Tenant/utils/queryTemplates.js

@@ -42,6 +42,20 @@ CREATE TABLE \`${path}/ydb_column_table\` (
 PARTITION BY HASH(id)
 WITH (STORE = COLUMN)`;
 };
+export const createAsyncReplicationTemplate = () => {
+    return `CREATE OBJECT secret_name (TYPE SECRET) WITH value="secret_value";
+
+CREATE ASYNC REPLICATION my_replication
+FOR \`/remote_database/table_name\` AS \`local_table_name\` --[, \`/remote_database/another_table_name\` AS \`another_local_table_name\` ...]
+WITH (
+    CONNECTION_STRING="grpcs://mydb.ydb.tech:2135/?database=/remote_database",
+    TOKEN_SECRET_NAME = "secret_name"
+    -- ENDPOINT="mydb.ydb.tech:2135",
+    -- DATABASE=\`/remote_database\`,
+    -- USER="user",
+    -- PASSWORD_SECRET_NAME="your_password"
+);`;
+};
 export const alterTableTemplate = (path) => {
     return `ALTER TABLE \`${path}\`
     ADD COLUMN is_deleted Bool;`;
@@ -123,3 +137,9 @@ export const createViewTemplate = (path) => {
 export const dropViewTemplate = (path) => {
     return `DROP VIEW \`${path}\`;`;
 };
+export const dropAsyncReplicationTemplate = (path) => {
+    return `DROP ASYNC REPLICATION \`${path}\`;`;
+};
+export const alterAsyncReplicationTemplate = (path) => {
+    return `ALTER ASYNC REPLICATION \`${path}\` SET (STATE = "DONE", FAILOVER_MODE = "FORCE");`;
+};

package/dist/src/containers/Tenant/utils/schemaActions.js

@@ -4,7 +4,7 @@ import { TENANT_PAGES_IDS, TENANT_QUERY_TABS_ID } from '../../../store/reducers/
 import { setQueryTab, setTenantPage } from '../../../store/reducers/tenant/tenant';
 import createToast from '../../../utils/createToast';
 import i18n from '../i18n';
-import { alterTableTemplate, alterTopicTemplate, createColumnTableTemplate, createExternalTableTemplate, createTableTemplate, createTopicTemplate, createViewTemplate, dropExternalTableTemplate, dropTopicTemplate, dropViewTemplate, selectQueryTemplate, upsertQueryTemplate, } from './queryTemplates';
+import { alterAsyncReplicationTemplate, alterTableTemplate, alterTopicTemplate, createAsyncReplicationTemplate, createColumnTableTemplate, createExternalTableTemplate, createTableTemplate, createTopicTemplate, createViewTemplate, dropAsyncReplicationTemplate, dropExternalTableTemplate, dropTopicTemplate, dropViewTemplate, selectQueryTemplate, upsertQueryTemplate, } from './queryTemplates';
 const bindActions = (path, dispatch, additionalEffects) => {
     const { setActivePath, setQueryMode } = additionalEffects;
     const inputQuery = (tmpl, mode) => () => {
@@ -19,6 +19,9 @@ const bindActions = (path, dispatch, additionalEffects) => {
     return {
         createTable: inputQuery(createTableTemplate, 'script'),
         createColumnTable: inputQuery(createColumnTableTemplate, 'script'),
+        createAsyncReplication: inputQuery(createAsyncReplicationTemplate, 'script'),
+        alterAsyncReplication: inputQuery(alterAsyncReplicationTemplate, 'script'),
+        dropAsyncReplication: inputQuery(dropAsyncReplicationTemplate, 'script'),
         alterTable: inputQuery(alterTableTemplate, 'script'),
         selectQuery: inputQuery(selectQueryTemplate),
         upsertQuery: inputQuery(upsertQueryTemplate),
@@ -57,6 +60,10 @@ export const getActions = (dispatch, additionalEffects) => (path, type) => {
         [
             { text: i18n('actions.createTable'), action: actions.createTable },
             { text: i18n('actions.createColumnTable'), action: actions.createColumnTable },
+            {
+                text: i18n('actions.createAsyncReplication'),
+                action: actions.createAsyncReplication,
+            },
             { text: i18n('actions.createTopic'), action: actions.createTopic },
             { text: i18n('actions.createView'), action: actions.createView },
         ],
@@ -95,11 +102,18 @@ export const getActions = (dispatch, additionalEffects) => (path, type) => {
         [{ text: i18n('actions.selectQuery'), action: actions.selectQuery }],
         [{ text: i18n('actions.dropView'), action: actions.dropView }],
     ];
+    const ASYNC_REPLICATION_SET = [
+        [copyItem],
+        [
+            { text: i18n('actions.alterReplication'), action: actions.alterAsyncReplication },
+            { text: i18n('actions.dropReplication'), action: actions.dropAsyncReplication },
+        ],
+    ];
     const JUST_COPY = [copyItem];
     // verbose mapping to guarantee a correct actions set for new node types
     // TS will error when a new type is added in the lib but is not mapped here
     const nodeTypeToActions = {
-        async_replication: JUST_COPY,
+        async_replication: ASYNC_REPLICATION_SET,
         database: DIR_SET,
         directory: DIR_SET,
         table: TABLE_SET,

package/dist/src/containers/UserSettings/Setting.d.ts

@@ -1,11 +1,16 @@
 /// <reference types="react" />
+export interface SettingsInfoFieldProps {
+    type: 'info';
+    title: string;
+    description?: React.ReactNode;
+    content: React.ReactNode;
+}
 export type SettingsElementType = 'switch' | 'radio';
 export interface SettingProps {
     type?: SettingsElementType;
     title: string;
     description?: React.ReactNode;
     settingKey: string;
-    helpPopoverContent?: React.ReactNode;
     options?: {
         value: string;
         content: string;
@@ -13,11 +18,4 @@ export interface SettingProps {
     defaultValue?: unknown;
     onValueUpdate?: VoidFunction;
 }
-export declare const Setting: ({ type, settingKey, title, description, helpPopoverContent, options, defaultValue, onValueUpdate, }: SettingProps) => import("react/jsx-runtime").JSX.Element;
-export interface SettingsInfoFieldProps {
-    type: 'info';
-    title: string;
-    description?: React.ReactNode;
-    content: React.ReactNode;
-}
-export declare const SettingsInfoField: ({ title, description, content }: SettingsInfoFieldProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Setting: ({ type, settingKey, options, defaultValue, onValueUpdate, }: SettingProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/src/containers/UserSettings/Setting.js

@@ -1,40 +1,25 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Settings } from '@gravity-ui/navigation';
 import { RadioButton, Switch } from '@gravity-ui/uikit';
-import { LabelWithPopover } from '../../components/LabelWithPopover/LabelWithPopover';
 import { useSetting } from '../../utils/hooks';
-import { b } from './UserSettings';
-export const Setting = ({ type = 'switch', settingKey, title, description, helpPopoverContent, options, defaultValue, onValueUpdate, }) => {
+export const Setting = ({ type = 'switch', settingKey, options, defaultValue, onValueUpdate, }) => {
     const [settingValue, setValue] = useSetting(settingKey, defaultValue);
     const onUpdate = (value) => {
         setValue(value);
         onValueUpdate === null || onValueUpdate === void 0 ? void 0 : onValueUpdate();
     };
-    const renderTitleComponent = (value) => {
-        if (helpPopoverContent) {
-            return (_jsx(LabelWithPopover, { className: b('item-with-popup'), contentClassName: b('popup'), text: value, popoverContent: helpPopoverContent }));
+    switch (type) {
+        case 'switch': {
+            return _jsx(Switch, { checked: Boolean(settingValue), onUpdate: onUpdate });
         }
-        return value;
-    };
-    const getSettingsElement = (elementType) => {
-        switch (elementType) {
-            case 'switch': {
-                return _jsx(Switch, { checked: Boolean(settingValue), onUpdate: onUpdate });
-            }
-            case 'radio': {
-                if (!options) {
-                    return null;
-                }
-                return (_jsx(RadioButton, { value: String(settingValue), onUpdate: onUpdate, children: options.map(({ value, content }) => {
-                        return (_jsx(RadioButton.Option, { value: value, children: content }, value));
-                    }) }));
-            }
-            default:
+        case 'radio': {
+            if (!options) {
                 return null;
+            }
+            return (_jsx(RadioButton, { value: String(settingValue), onUpdate: onUpdate, children: options.map(({ value, content }) => {
+                    return (_jsx(RadioButton.Option, { value: value, children: content }, value));
+                }) }));
         }
-    };
-    return (_jsx(Settings.Item, { title: title, highlightedTitle: title, description: description, renderTitleComponent: renderTitleComponent, children: getSettingsElement(type) }));
-};
-export const SettingsInfoField = ({ title, description, content }) => {
-    return (_jsx(Settings.Item, { title: title, highlightedTitle: title, description: description, children: content }));
+        default:
+            return null;
+    }
 };

package/dist/src/containers/UserSettings/UserSettings.d.ts

@@ -1,6 +1,4 @@
 import type { YDBEmbeddedUISettings } from './settings';
-import './UserSettings.scss';
-export declare const b: import("@bem-react/classname").ClassNameFormatter;
 interface UserSettingsProps {
     settings?: YDBEmbeddedUISettings;
 }

package/dist/src/containers/UserSettings/UserSettings.js

@@ -1,10 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Settings } from '@gravity-ui/navigation';
-import { cn } from '../../utils/cn';
-import { Setting, SettingsInfoField } from './Setting';
+import { Setting } from './Setting';
 import { settings } from './settings';
-import './UserSettings.scss';
-export const b = cn('ydb-user-settings');
 export const UserSettings = ({ settings: userSettings = settings }) => {
     return (_jsx(Settings, { children: userSettings.map((page) => {
             const { id, title, icon, sections = [] } = page;
@@ -12,9 +9,9 @@ export const UserSettings = ({ settings: userSettings = settings }) => {
                     const { title: sectionTitle, settings: sectionSettings = [] } = section;
                     return (_jsx(Settings.Section, { title: sectionTitle, children: sectionSettings.map((setting) => {
                             if (setting.type === 'info') {
-                                return (_jsx(SettingsInfoField, Object.assign({}, setting), setting.title));
+                                return (_jsx(Settings.Item, Object.assign({}, setting, { children: setting.content }), setting.title));
                             }
-                            return _jsx(Setting, Object.assign({}, setting), setting.settingKey);
+                            return (_jsx(Settings.Item, Object.assign({}, setting, { children: _jsx(Setting, Object.assign({}, setting)) }), setting.title));
                         }) }, id));
                 }) }, id));
         }) }));

package/dist/src/containers/UserSettings/i18n/en.json

@@ -22,10 +22,10 @@
     "settings.binaryDataInPlainTextDisplay.description": "Available starting from version 24.1",
     "settings.invertedDisks.title": "Inverted disks space indicators",
     "settings.useNodesEndpoint.title": "Break the Nodes tab in Diagnostics",
-    "settings.useNodesEndpoint.popover": "Use /viewer/json/nodes endpoint for Nodes Tab in diagnostics. It could return incorrect data on some versions",
+    "settings.useNodesEndpoint.popover": "Use /viewer/json/nodes endpoint for Nodes tab in diagnostics. It could return incorrect data on versions before 24-1",
     "settings.useVirtualTables.title": "Use table with data load on scroll for Nodes and Storage tabs",
     "settings.useVirtualTables.popover": "It will increase performance, but could work unstable",
     "settings.queryUseMultiSchema.title": "Allow queries with multiple result sets",
-    "settings.queryUseMultiSchema.popover": "Use 'multi' schema for queries that enables queries with multiple result sets. Returns nothing on versions 23-3 and older",
+    "settings.queryUseMultiSchema.popover": "Use 'multi' schema for queries. It enables queries with multiple result sets. It returns nothing on versions 23-3 and older",
     "settings.about.interfaceVersionInfoField.title": "Interface version"
 }

package/dist/src/containers/UserSettings/settings.js

@@ -57,17 +57,17 @@ export const invertedDisksSetting = {
 export const useNodesEndpointSetting = {
     settingKey: USE_NODES_ENDPOINT_IN_DIAGNOSTICS_KEY,
     title: i18n('settings.useNodesEndpoint.title'),
-    helpPopoverContent: i18n('settings.useNodesEndpoint.popover'),
+    description: i18n('settings.useNodesEndpoint.popover'),
 };
 export const useVirtualTables = {
     settingKey: USE_BACKEND_PARAMS_FOR_TABLES_KEY,
     title: i18n('settings.useVirtualTables.title'),
-    helpPopoverContent: i18n('settings.useVirtualTables.popover'),
+    description: i18n('settings.useVirtualTables.popover'),
 };
 export const queryUseMultiSchemaSetting = {
     settingKey: QUERY_USE_MULTI_SCHEMA_KEY,
     title: i18n('settings.queryUseMultiSchema.title'),
-    helpPopoverContent: i18n('settings.queryUseMultiSchema.popover'),
+    description: i18n('settings.queryUseMultiSchema.popover'),
 };
 export const enableAutocompleteSetting = {
     settingKey: ENABLE_AUTOCOMPLETE,

package/dist/src/services/api.js

@@ -128,6 +128,7 @@ export class YdbEmbeddedAPI extends AxiosWrapper {
     getSchemaAcl({ path }, { concurrentId, signal } = {}) {
         return this.get(this.getPath('/viewer/json/acl'), {
             path,
+            merge_rules: true,
         }, { concurrentId: concurrentId || `getSchemaAcl`, requestConfig: { signal } });
     }
     getHeatmapData({ path }, { concurrentId, signal } = {}) {

package/dist/src/styles/mixins.scss

@@ -35,6 +35,11 @@
     line-height: var(--g-text-subheader-3-line-height);
 }
 
+@mixin subheader-2-typography() {
+    font-size: var(--g-text-subheader-2-font-size);
+    line-height: var(--g-text-subheader-2-line-height);
+}
+
 @mixin header-1-typography() {
     font-size: var(--g-text-header-1-font-size);
     line-height: var(--g-text-header-1-line-height);

package/dist/src/styles/themes.scss

@@ -7,7 +7,7 @@
 
 .g-root {
     --g-text-header-font-weight: 500;
-    --g-text-subheader-font-weight: 500;
+    --g-text-subheader-font-weight: 600;
     --g-text-display-font-weight: 500;
     --g-text-accent-font-weight: 500;
 

package/dist/src/types/api/acl.d.ts

@@ -17,7 +17,8 @@ export interface TMetaCommonInfo {
 export interface TACE {
     AccessType: string;
     AccessRights?: string[];
+    AccessRules?: string[];
     Subject: string;
     InheritanceType?: string[];
-    AccessRule: string;
+    AccessRule?: string;
 }

package/dist/src/types/api/schema/schema.d.ts

@@ -56,6 +56,7 @@ export interface TPathDescription {
     /** info about the path itself */
     Self?: TDirEntry;
     DomainDescription?: TDomainDescription;
+    UserAttributes?: TUserAttribute[];
     Children?: TDirEntry[];
     Table?: TTableDescription;
     TableStats?: TTableStats;
@@ -250,4 +251,8 @@ interface TTablePartition {
     /** uint64 */
     DatashardId?: string;
 }
+interface TUserAttribute {
+    Key?: string;
+    Value?: string;
+}
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ydb-embedded-ui",
-  "version": "6.7.0",
+  "version": "6.8.0",
   "files": [
     "dist"
   ],
@@ -12,18 +12,18 @@
   "dependencies": {
     "@bem-react/classname": "^1.6.0",
     "@gravity-ui/axios-wrapper": "^1.4.1",
-    "@gravity-ui/chartkit": "^5.5.0",
-    "@gravity-ui/components": "^3.6.2",
-    "@gravity-ui/date-utils": "^2.4.0",
-    "@gravity-ui/i18n": "^1.5.0",
-    "@gravity-ui/icons": "^2.9.1",
-    "@gravity-ui/navigation": "^2.10.0",
+    "@gravity-ui/chartkit": "^5.9.0",
+    "@gravity-ui/components": "^3.7.0",
+    "@gravity-ui/date-utils": "^2.5.3",
+    "@gravity-ui/i18n": "^1.5.1",
+    "@gravity-ui/icons": "^2.10.0",
+    "@gravity-ui/navigation": "^2.16.0",
     "@gravity-ui/paranoid": "^2.0.1",
     "@gravity-ui/react-data-table": "^2.1.1",
-    "@gravity-ui/uikit": "^6.15.0",
+    "@gravity-ui/uikit": "^6.20.1",
     "@gravity-ui/websql-autocomplete": "^9.1.0",
     "@reduxjs/toolkit": "^2.2.3",
-    "axios": "^1.6.8",
+    "axios": "^1.7.2",
     "axios-retry": "^4.4.0",
     "colord": "^2.9.3",
     "copy-to-clipboard": "^3.3.3",
@@ -35,17 +35,17 @@
     "path-to-regexp": "^3.0.0",
     "qs": "^6.12.0",
     "react-error-boundary": "^4.0.13",
-    "react-helmet-async": "2.0.4",
+    "react-helmet-async": "^2.0.5",
     "react-json-inspector": "^7.1.1",
     "react-list": "^0.8.17",
     "react-monaco-editor": "^0.55.0",
-    "react-redux": "^9.1.0",
+    "react-redux": "^9.1.2",
     "react-router": "^5.3.4",
     "react-router-dom": "^5.3.4",
     "react-split": "^2.0.14",
     "redux": "^5.0.1",
     "redux-location-state": "^2.8.2",
-    "tslib": "^2.6.2",
+    "tslib": "^2.6.3",
     "url": "^0.11.3",
     "use-query-params": "^2.2.1",
     "web-vitals": "^1.1.2",
@@ -122,54 +122,54 @@
     ]
   },
   "devDependencies": {
-    "@commitlint/cli": "^19.2.1",
-    "@commitlint/config-conventional": "^19.1.0",
+    "@commitlint/cli": "^19.3.0",
+    "@commitlint/config-conventional": "^19.2.2",
     "@gravity-ui/eslint-config": "^3.2.0",
     "@gravity-ui/prettier-config": "^1.1.0",
     "@gravity-ui/stylelint-config": "^4.0.1",
     "@gravity-ui/tsconfig": "^1.0.0",
     "@playwright/test": "^1.42.1",
-    "@testing-library/jest-dom": "^6.4.2",
+    "@testing-library/jest-dom": "^6.4.6",
     "@testing-library/react": "^14.2.2",
     "@testing-library/user-event": "^14.5.2",
     "@types/jest": "^29.5.12",
     "@types/lodash": "^4.17.0",
     "@types/numeral": "^2.0.5",
-    "@types/qs": "^6.9.14",
-    "@types/react": "^18.2.73",
-    "@types/react-dom": "^18.2.23",
+    "@types/qs": "^6.9.15",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
     "@types/react-router": "^5.1.20",
     "@types/react-router-dom": "^5.3.3",
     "copyfiles": "^2.4.1",
     "http-proxy-middleware": "^2.0.6",
     "husky": "^9.0.11",
     "jest-transform-css": "^6.0.1",
-    "lint-staged": "^15.2.2",
+    "lint-staged": "^15.2.7",
     "npm-run-all": "^4.1.5",
     "postcss": "^8.4.38",
     "prettier": "^3.2.5",
     "prop-types": "^15.8.1",
-    "react": "^18.2.0",
+    "react": "^18.3.1",
     "react-app-rewired": "^2.2.1",
-    "react-dom": "^18.2.0",
+    "react-dom": "^18.3.1",
     "react-scripts": "^5.0.1",
     "sass": "^1.72.0",
     "source-map-explorer": "^2.5.3",
-    "stylelint": "^15.0.0",
-    "ts-jest": "^29.1.2",
+    "stylelint": "^15.11.0",
+    "ts-jest": "^29.1.5",
     "typescript": "^5.4.3"
   },
   "peerDependencies": {
     "prop-types": "^15.8.1",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
   },
   "overrides": {
     "fork-ts-checker-webpack-plugin": "^9.0.2",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "redux": "^5.0.1",
-    "typescript": "^5.4.3",
-    "monaco-editor": "^0.48.0"
+    "react": "$react",
+    "react-dom": "$react-dom",
+    "redux": "$redux",
+    "typescript": "$typescript",
+    "monaco-editor": "$monaco-editor"
   }
 }

package/dist/src/components/InfoViewer/i18n/ru.json

@@ -1,4 +0,0 @@
-{
-    "common.created": "Создано",
-    "common.type": "Тип"
-}

package/dist/src/containers/UserSettings/UserSettings.scss

@@ -1,9 +0,0 @@
-.ydb-user-settings {
-    &__item-with-popup {
-        max-width: 180px;
-    }
-
-    &__popup {
-        max-width: 370px;
-    }
-}