ydb-embedded-ui 6.11.0 → 6.13.0

package/dist/containers/Tenant/Schema/CreateDirectoryDialog/CreateDirectoryDialog.d.ts

@@ -1,9 +1,10 @@
 import './CreateDirectoryDialog.scss';
-interface SchemaTreeProps {
+interface CreateDirectoryDialogProps {
     open: boolean;
     onClose: VoidFunction;
+    database: string;
     parentPath: string;
     onSuccess: (value: string) => void;
 }
-export declare function CreateDirectoryDialog({ open, onClose, parentPath, onSuccess }: SchemaTreeProps): import("react/jsx-runtime").JSX.Element;
+export declare function CreateDirectoryDialog({ open, onClose, database, parentPath, onSuccess, }: CreateDirectoryDialogProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/containers/Tenant/Schema/CreateDirectoryDialog/CreateDirectoryDialog.js

@@ -17,7 +17,7 @@ function validateRelativePath(value) {
     }
     return '';
 }
-export function CreateDirectoryDialog({ open, onClose, parentPath, onSuccess }) {
+export function CreateDirectoryDialog({ open, onClose, database, parentPath, onSuccess, }) {
     const [validationError, setValidationError] = React.useState('');
     const [relativePath, setRelativePath] = React.useState('');
     const [create, response] = schemaApi.useCreateDirectoryMutation();
@@ -37,7 +37,7 @@ export function CreateDirectoryDialog({ open, onClose, parentPath, onSuccess })
     const handleSubmit = () => {
         const path = `${parentPath}/${relativePath}`;
         create({
-            database: parentPath,
+            database,
             path,
         })
             .unwrap()

package/dist/containers/Tenant/Schema/SchemaTree/SchemaTree.js

@@ -4,25 +4,25 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // In this case we can store state of tree - uploaded entities, opened nodes, selected entity and so on
 import React from 'react';
 import { NavigationTree } from 'ydb-ui-components';
-import { USE_DIRECTORY_OPERATIONS } from '../../../../lib';
+import { useCreateDirectoryFeatureAvailable } from '../../../../store/reducers/capabilities/hooks';
 import { schemaApi } from '../../../../store/reducers/schema/schema';
-import { useQueryModes, useSetting, useTypedDispatch } from '../../../../utils/hooks';
+import { useQueryExecutionSettings, useTypedDispatch } from '../../../../utils/hooks';
 import { isChildlessPathType, mapPathTypeToNavigationTreeType } from '../../utils/schema';
 import { getActions } from '../../utils/schemaActions';
 import { getControls } from '../../utils/schemaControls';
 import { CreateDirectoryDialog } from '../CreateDirectoryDialog/CreateDirectoryDialog';
 export function SchemaTree(props) {
-    const [useDirectoryActions] = useSetting(USE_DIRECTORY_OPERATIONS);
+    const createDirectoryFeatureAvailable = useCreateDirectoryFeatureAvailable();
     const { rootPath, rootName, rootType, currentPath, onActivePathUpdate } = props;
     const dispatch = useTypedDispatch();
-    const [_, setQueryMode] = useQueryModes();
+    const [querySettings, setQueryExecutionSettings] = useQueryExecutionSettings();
     const [createDirectoryOpen, setCreateDirectoryOpen] = React.useState(false);
     const [parentPath, setParentPath] = React.useState('');
     const [schemaTreeKey, setSchemaTreeKey] = React.useState('');
     const fetchPath = async (path) => {
         let schemaData;
         do {
-            const promise = dispatch(schemaApi.endpoints.getSchema.initiate({ path }, { forceRefetch: true }));
+            const promise = dispatch(schemaApi.endpoints.getSchema.initiate({ path, database: rootPath }, { forceRefetch: true }));
             const { data, originalArgs } = await promise;
             promise.unsubscribe();
             // Check if the result from the current request is received. rtk-query may skip the current request and
@@ -67,15 +67,15 @@ export function SchemaTree(props) {
         setParentPath(value);
         setCreateDirectoryOpen(true);
     };
-    return (_jsxs(React.Fragment, { children: [_jsx(CreateDirectoryDialog, { onClose: handleCloseDialog, open: createDirectoryOpen, parentPath: parentPath, onSuccess: handleSuccessSubmit }), _jsx(NavigationTree, { rootState: {
+    return (_jsxs(React.Fragment, { children: [_jsx(CreateDirectoryDialog, { onClose: handleCloseDialog, open: createDirectoryOpen, database: rootPath, parentPath: parentPath, onSuccess: handleSuccessSubmit }), _jsx(NavigationTree, { rootState: {
                     path: rootPath,
                     name: rootName,
                     type: mapPathTypeToNavigationTreeType(rootType),
                     collapsed: false,
                 }, fetchPath: fetchPath, getActions: getActions(dispatch, {
                     setActivePath: onActivePathUpdate,
-                    setQueryMode,
-                    showCreateDirectoryDialog: useDirectoryActions
+                    updateQueryExecutionSettings: (settings) => setQueryExecutionSettings({ ...querySettings, ...settings }),
+                    showCreateDirectoryDialog: createDirectoryFeatureAvailable
                         ? handleOpenCreateDirectoryDialog
                         : undefined,
                 }), renderAdditionalNodeElements: getControls(dispatch, {

package/dist/containers/Tenant/Schema/SchemaViewer/SchemaViewer.js

@@ -13,7 +13,7 @@ import { prepareSchemaData, prepareViewSchema } from './prepareData';
 import { b } from './shared';
 import './SchemaViewer.scss';
 export const SchemaViewer = ({ type, path, tenantName, extended = false }) => {
-    const { data: schemaData, isLoading: loading } = useGetSchemaQuery({ path });
+    const { data: schemaData, isLoading: loading } = useGetSchemaQuery({ path, database: tenantName });
     const viewSchemaRequestParams = isViewType(type) ? { path, database: tenantName } : skipToken;
     const { data: viewColumnsData, isLoading: isViewSchemaLoading } = viewSchemaApi.useGetViewSchemaQuery(viewSchemaRequestParams);
     const tableData = React.useMemo(() => {
@@ -25,6 +25,9 @@ export const SchemaViewer = ({ type, path, tenantName, extended = false }) => {
     const hasAutoIncrement = React.useMemo(() => {
         return tableData.some((i) => i.autoIncrement);
     }, [tableData]);
+    const hasDefaultValue = React.useMemo(() => {
+        return tableData.some((i) => i.defaultValue);
+    }, [tableData]);
     const columns = React.useMemo(() => {
         if (isViewType(type)) {
             return getViewColumns();
@@ -36,10 +39,10 @@ export const SchemaViewer = ({ type, path, tenantName, extended = false }) => {
             return getColumnTableColumns();
         }
         if (isRowTableType(type)) {
-            return getRowTableColumns(extended, hasAutoIncrement);
+            return getRowTableColumns(extended, hasAutoIncrement, hasDefaultValue);
         }
         return [];
-    }, [type, extended, hasAutoIncrement]);
+    }, [type, extended, hasAutoIncrement, hasDefaultValue]);
     const renderContent = () => {
         if (loading || isViewSchemaLoading) {
             return _jsx(TableSkeleton, {});

package/dist/containers/Tenant/Schema/SchemaViewer/columns.d.ts

@@ -7,6 +7,7 @@ export declare const SCHEMA_TABLE_COLUMS_IDS: {
     type: "type";
     notNull: "notNull";
     autoIncrement: "autoIncrement";
+    defaultValue: "defaultValue";
     familyName: "familyName";
     prefferedPoolKind: "prefferedPoolKind";
     columnCodec: "columnCodec";
@@ -14,4 +15,4 @@ export declare const SCHEMA_TABLE_COLUMS_IDS: {
 export declare function getViewColumns(): SchemaColumn[];
 export declare function getExternalTableColumns(): SchemaColumn[];
 export declare function getColumnTableColumns(): SchemaColumn[];
-export declare function getRowTableColumns(extended: boolean, hasAutoIncrement: boolean): SchemaColumn[];
+export declare function getRowTableColumns(extended: boolean, hasAutoIncrement: boolean, hasDefaultValue: boolean): SchemaColumn[];

package/dist/containers/Tenant/Schema/SchemaViewer/columns.js

@@ -12,6 +12,7 @@ export const SCHEMA_TABLE_COLUMS_IDS = {
     type: 'type',
     notNull: 'notNull',
     autoIncrement: 'autoIncrement',
+    defaultValue: 'defaultValue',
     familyName: 'familyName',
     prefferedPoolKind: 'prefferedPoolKind',
     columnCodec: 'columnCodec',
@@ -84,6 +85,14 @@ const autoIncrementColumn = {
         return undefined;
     },
 };
+const defaultValueColumn = {
+    name: SCHEMA_TABLE_COLUMS_IDS.defaultValue,
+    get header() {
+        return i18n('column-title.defaultValue');
+    },
+    width: 100,
+    render: ({ row }) => row.defaultValue,
+};
 const familyColumn = {
     name: SCHEMA_TABLE_COLUMS_IDS.familyName,
     get header() {
@@ -117,8 +126,11 @@ export function getExternalTableColumns() {
 export function getColumnTableColumns() {
     return [idColumn, keyColumn, nameColumn, typeColumn, notNullColumn];
 }
-export function getRowTableColumns(extended, hasAutoIncrement) {
+export function getRowTableColumns(extended, hasAutoIncrement, hasDefaultValue) {
     const rowTableColumns = [idColumn, keyColumn, nameColumn, typeColumn, notNullColumn];
+    if (hasDefaultValue) {
+        rowTableColumns.push(defaultValueColumn);
+    }
     if (extended) {
         rowTableColumns.push(familyColumn, mediaColumn, compressionColumn);
     }

package/dist/containers/Tenant/Schema/SchemaViewer/i18n/en.json

@@ -5,6 +5,7 @@
     "column-title.type": "Type",
     "column-title.notNull": "NotNull",
     "column-title.autoIncrement": "AutoIncrement",
+    "column-title.defaultValue": "Default",
     "column-title.family": "Family",
     "column-title.media": "Media",
     "column-title.compression": "Compression"

package/dist/containers/Tenant/Schema/SchemaViewer/i18n/index.d.ts

@@ -1,2 +1,2 @@
-declare const _default: (key: "column-title.id" | "column-title.name" | "column-title.key" | "column-title.type" | "column-title.notNull" | "column-title.autoIncrement" | "column-title.family" | "column-title.media" | "column-title.compression", params?: import("@gravity-ui/i18n").Params) => string;
+declare const _default: (key: "column-title.id" | "column-title.name" | "column-title.key" | "column-title.type" | "column-title.notNull" | "column-title.autoIncrement" | "column-title.defaultValue" | "column-title.family" | "column-title.media" | "column-title.compression", params?: import("@gravity-ui/i18n").Params) => string;
 export default _default;

package/dist/containers/Tenant/Schema/SchemaViewer/prepareData.js

@@ -36,8 +36,8 @@ function prepareRowTableSchema(data = {}) {
     const { Columns, KeyColumnIds } = data;
     const keyAccessorsMap = getKeyColumnsSortAccessorMap(KeyColumnIds);
     const preparedColumns = Columns === null || Columns === void 0 ? void 0 : Columns.map((column) => {
-        var _a, _b;
-        const { Id, Name, NotNull, Type, Family, DefaultFromSequence } = column;
+        var _a, _b, _c;
+        const { Id, Name, NotNull, Type, Family, DefaultFromSequence, DefaultFromLiteral } = column;
         const isKeyColumn = Boolean(KeyColumnIds === null || KeyColumnIds === void 0 ? void 0 : KeyColumnIds.find((keyColumnId) => keyColumnId === Id));
         // Values in keyAccessorsMap are always negative, so it will be 1 for not key columns
         const keyAccessor = Id && keyAccessorsMap[Id] ? keyAccessorsMap[Id] : 1;
@@ -54,6 +54,7 @@ function prepareRowTableSchema(data = {}) {
             type: Type,
             notNull: NotNull,
             autoIncrement: Boolean(DefaultFromSequence),
+            defaultValue: (_c = DefaultFromLiteral === null || DefaultFromLiteral === void 0 ? void 0 : DefaultFromLiteral.value) === null || _c === void 0 ? void 0 : _c.text_value,
             familyName,
             prefferedPoolKind,
             columnCodec,

package/dist/containers/Tenant/Schema/SchemaViewer/types.d.ts

@@ -11,6 +11,7 @@ export interface SchemaData {
     familyName?: string;
     prefferedPoolKind?: string;
     columnCodec?: string;
+    defaultValue?: string;
 }
 export interface SchemaColumn extends Column<SchemaData> {
     name: keyof SchemaData;

package/dist/containers/Tenant/Tenant.js

@@ -2,8 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { Helmet } from 'react-helmet-async';
 import { StringParam, useQueryParams } from 'use-query-params';
-import { AccessDenied } from '../../components/Errors/403';
-import { Loader } from '../../components/Loader';
+import { PageError, isAccessError } from '../../components/Errors/PageError/PageError';
 import SplitPane from '../../components/SplitPane';
 import { setHeaderBreadcrumbs } from '../../store/reducers/header/header';
 import { useGetSchemaQuery } from '../../store/reducers/schema/schema';
@@ -47,12 +46,9 @@ export function Tenant(props) {
         dispatch(setHeaderBreadcrumbs('tenant', { tenantName }));
     }, [tenantName, dispatch]);
     const path = schema !== null && schema !== void 0 ? schema : tenantName;
-    const { data: currentItem, error, isLoading } = useGetSchemaQuery({ path });
+    const { data: currentItem, error } = useGetSchemaQuery({ path, database: tenantName });
     const { PathType: currentPathType, PathSubType: currentPathSubType } = ((_a = currentItem === null || currentItem === void 0 ? void 0 : currentItem.PathDescription) === null || _a === void 0 ? void 0 : _a.Self) || {};
-    let showBlockingError = false;
-    if (error && typeof error === 'object' && 'status' in error) {
-        showBlockingError = error.status === 403;
-    }
+    const showBlockingError = isAccessError(error);
     const onCollapseSummaryHandler = () => {
         dispatchSummaryVisibilityAction(PaneVisibilityActionTypes.triggerCollapse);
     };
@@ -63,5 +59,5 @@ export function Tenant(props) {
         dispatchSummaryVisibilityAction(PaneVisibilityActionTypes.clear);
     };
     const title = path || i18n('page.title');
-    return (_jsxs("div", { className: b(), children: [_jsx(Helmet, { defaultTitle: `${title} — YDB Monitoring`, titleTemplate: `%s — ${title} — YDB Monitoring` }), showBlockingError ? (_jsx(AccessDenied, {})) : (_jsxs(SplitPane, { defaultSizePaneKey: DEFAULT_SIZE_TENANT_KEY, defaultSizes: [25, 75], triggerCollapse: summaryVisibilityState.triggerCollapse, triggerExpand: summaryVisibilityState.triggerExpand, minSize: [36, 200], onSplitStartDragAdditional: onSplitStartDragAdditional, children: [_jsx(ObjectSummary, { type: currentPathType, subType: currentPathSubType, tenantName: tenantName, path: path, onCollapseSummary: onCollapseSummaryHandler, onExpandSummary: onExpandSummaryHandler, isCollapsed: summaryVisibilityState.collapsed }), _jsx("div", { className: b('main'), children: isLoading ? (_jsx(Loader, { size: "l" })) : (_jsx(ObjectGeneral, { type: currentPathType, additionalTenantProps: props.additionalTenantProps, additionalNodesProps: props.additionalNodesProps, tenantName: tenantName, path: path })) })] }))] }));
+    return (_jsxs("div", { className: b(), children: [_jsx(Helmet, { defaultTitle: `${title} — YDB Monitoring`, titleTemplate: `%s — ${title} — YDB Monitoring` }), _jsx(PageError, { error: showBlockingError ? error : undefined, children: _jsxs(SplitPane, { defaultSizePaneKey: DEFAULT_SIZE_TENANT_KEY, defaultSizes: [25, 75], triggerCollapse: summaryVisibilityState.triggerCollapse, triggerExpand: summaryVisibilityState.triggerExpand, minSize: [36, 200], onSplitStartDragAdditional: onSplitStartDragAdditional, children: [_jsx(ObjectSummary, { type: currentPathType, subType: currentPathSubType, tenantName: tenantName, path: path, onCollapseSummary: onCollapseSummaryHandler, onExpandSummary: onExpandSummaryHandler, isCollapsed: summaryVisibilityState.collapsed }), _jsx("div", { className: b('main'), children: _jsx(ObjectGeneral, { type: currentPathType, additionalTenantProps: props.additionalTenantProps, additionalNodesProps: props.additionalNodesProps, tenantName: tenantName, path: path }) })] }) })] }));
 }

package/dist/containers/Tenant/TenantPages.d.ts

@@ -1,3 +1,13 @@
+import type { paramSetup } from '../../store/state-url-mapping';
+import type { ExtractType } from '../../types/common';
+type TenantQueryParams = {
+    [K in keyof (typeof paramSetup)['/tenant']]?: ExtractType<(typeof paramSetup)['/tenant'][K]>;
+};
+type AdditionalQueryParams = {
+    name?: string;
+    backend?: string;
+};
+type TenantQuery = TenantQueryParams | AdditionalQueryParams;
 export declare const TenantTabsGroups: {
     readonly summaryTab: "summaryTab";
     readonly queryTab: "queryTab";
@@ -15,4 +25,5 @@ export declare const TENANT_SCHEMA_TAB: {
     id: "schema";
     title: string;
 }[];
-export declare const getTenantPath: (query?: {}) => string;
+export declare const getTenantPath: (query: TenantQuery) => string;
+export {};

package/dist/containers/Tenant/TenantPages.js

@@ -22,6 +22,6 @@ export const TENANT_SCHEMA_TAB = [
         title: 'Schema',
     },
 ];
-export const getTenantPath = (query = {}) => {
+export const getTenantPath = (query) => {
     return createHref(routes.tenant, undefined, query);
 };

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

@@ -2,8 +2,6 @@
     "page.title": "Database",
     "pages.query": "Query",
     "pages.diagnostics": "Diagnostics",
-    "acl.owner": "Owner",
-    "acl.empty": "No Acl data",
     "summary.navigation": "Navigation",
     "summary.showPreview": "Show preview",
     "summary.source-type": "Source Type",
@@ -14,6 +12,8 @@
     "summary.id": "Id",
     "summary.version": "Version",
     "summary.created": "Created",
+    "summary.data-size": "Data size",
+    "summary.row-count": "Row count",
     "summary.partitions": "Partitions count",
     "summary.paths": "Paths",
     "summary.shards": "Shards",

package/dist/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" | "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" | "actions.createDirectory" | "schema.tree.dialog.placeholder" | "schema.tree.dialog.invalid" | "schema.tree.dialog.whitespace" | "schema.tree.dialog.empty" | "schema.tree.dialog.header" | "schema.tree.dialog.description" | "schema.tree.dialog.buttonCancel" | "schema.tree.dialog.buttonApply", params?: import("@gravity-ui/i18n").Params) => string;
+declare const _default: (key: "page.title" | "pages.query" | "pages.diagnostics" | "summary.navigation" | "summary.showPreview" | "summary.source-type" | "summary.data-source" | "summary.copySchemaPath" | "summary.type" | "summary.subtype" | "summary.id" | "summary.version" | "summary.created" | "summary.data-size" | "summary.row-count" | "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" | "actions.createDirectory" | "schema.tree.dialog.placeholder" | "schema.tree.dialog.invalid" | "schema.tree.dialog.whitespace" | "schema.tree.dialog.empty" | "schema.tree.dialog.header" | "schema.tree.dialog.description" | "schema.tree.dialog.buttonCancel" | "schema.tree.dialog.buttonApply", params?: import("@gravity-ui/i18n").Params) => string;
 export default _default;

package/dist/containers/Tenant/utils/schema.js

@@ -40,7 +40,7 @@ const pathTypeToEntityName = {
     [EPathType.EPathTypeTable]: 'Table',
     [EPathType.EPathTypeTableIndex]: 'Secondary Index',
     [EPathType.EPathTypeColumnStore]: 'Tablestore',
-    [EPathType.EPathTypeColumnTable]: 'Columntable',
+    [EPathType.EPathTypeColumnTable]: 'Column-oriented table',
     [EPathType.EPathTypeCdcStream]: 'Changefeed',
     [EPathType.EPathTypePersQueueGroup]: 'Topic',
     [EPathType.EPathTypeExternalDataSource]: 'External Data Source',

package/dist/containers/Tenant/utils/schemaActions.d.ts

@@ -1,7 +1,7 @@
 import type { NavigationTreeNodeType } from 'ydb-ui-components';
-import type { QueryMode } from '../../../types/store/query';
+import type { QuerySettings } from '../../../types/store/query';
 interface ActionsAdditionalEffects {
-    setQueryMode: (mode: QueryMode) => void;
+    updateQueryExecutionSettings: (settings?: Partial<QuerySettings>) => void;
     setActivePath: (path: string) => void;
     showCreateDirectoryDialog?: (path: string) => void;
 }

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

@@ -6,10 +6,10 @@ import createToast from '../../../utils/createToast';
 import i18n from '../i18n';
 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, showCreateDirectoryDialog } = additionalEffects;
+    const { setActivePath, updateQueryExecutionSettings, showCreateDirectoryDialog } = additionalEffects;
     const inputQuery = (tmpl, mode) => () => {
         if (mode) {
-            setQueryMode(mode);
+            updateQueryExecutionSettings({ queryMode: mode });
         }
         dispatch(changeUserInput({ input: tmpl(path) }));
         dispatch(setTenantPage(TENANT_PAGES_IDS.query));

package/dist/containers/Tenants/Tenants.js

@@ -18,7 +18,7 @@ import { selectFilteredTenants, selectTenantsSearchValue, } from '../../store/re
 import { setSearchValue, tenantsApi } from '../../store/reducers/tenants/tenants';
 import { cn } from '../../utils/cn';
 import { DEFAULT_TABLE_SETTINGS } from '../../utils/constants';
-import { formatBytesToGigabyte, formatCPU, formatNumber, } from '../../utils/dataFormatters/dataFormatters';
+import { formatCPU, formatNumber, formatStorageValuesToGb, } from '../../utils/dataFormatters/dataFormatters';
 import { useAutoRefreshInterval, useTypedDispatch, useTypedSelector } from '../../utils/hooks';
 import { getTenantPath } from '../Tenant/TenantPages';
 import './Tenants.scss';
@@ -59,7 +59,7 @@ export const Tenants = ({ additionalTenantsProps }) => {
                     return (_jsx(EntityStatus, { externalLink: isExternalLink, className: b('name'), name: row.Name || 'unknown database', withLeftTrim: true, status: row.Overall, hasClipboardButton: true, path: getTenantPath({
                             name: row.Name,
                             backend,
-                        }), additionalControls: _jsx("span", { className: b('monitoring-button'), children: (_a = additionalTenantsProps === null || additionalTenantsProps === void 0 ? void 0 : additionalTenantsProps.getMonitoringLink) === null || _a === void 0 ? void 0 : _a.call(additionalTenantsProps, row.Name, row.Type) }) }));
+                        }), additionalControls: (_a = additionalTenantsProps === null || additionalTenantsProps === void 0 ? void 0 : additionalTenantsProps.getMonitoringLink) === null || _a === void 0 ? void 0 : _a.call(additionalTenantsProps, row.Name, row.Type) }));
                 },
                 width: 440,
                 sortable: true,
@@ -110,7 +110,7 @@ export const Tenants = ({ additionalTenantsProps }) => {
                 name: 'memory',
                 header: 'Memory',
                 width: 120,
-                render: ({ row }) => (row.memory ? formatBytesToGigabyte(row.memory) : '—'),
+                render: ({ row }) => (row.memory ? formatStorageValuesToGb(row.memory) : '—'),
                 align: DataTable.RIGHT,
                 defaultOrder: DataTable.DESCENDING,
             },
@@ -118,7 +118,7 @@ export const Tenants = ({ additionalTenantsProps }) => {
                 name: 'storage',
                 header: 'Storage',
                 width: 120,
-                render: ({ row }) => (row.storage ? formatBytesToGigabyte(row.storage) : '—'),
+                render: ({ row }) => (row.storage ? formatStorageValuesToGb(row.storage) : '—'),
                 align: DataTable.RIGHT,
                 defaultOrder: DataTable.DESCENDING,
             },
@@ -165,8 +165,5 @@ export const Tenants = ({ additionalTenantsProps }) => {
         }
         return (_jsx(ResizeableDataTable, { columnsWidthLSKey: DATABASES_COLUMNS_WIDTH_LS_KEY, data: filteredTenants, columns: columns, settings: DEFAULT_TABLE_SETTINGS, emptyDataMessage: "No such tenants" }));
     };
-    if (error) {
-        return _jsx(ResponseError, { error: error });
-    }
-    return (_jsxs(TableWithControlsLayout, { children: [_jsx(TableWithControlsLayout.Controls, { children: renderControls() }), _jsx(TableWithControlsLayout.Table, { loading: loading, children: renderTable() })] }));
+    return (_jsxs(TableWithControlsLayout, { children: [_jsx(TableWithControlsLayout.Controls, { children: renderControls() }), error ? _jsx(ResponseError, { error: error }) : null, _jsx(TableWithControlsLayout.Table, { loading: loading, children: currentData ? renderTable() : null })] }));
 };

package/dist/containers/Tenants/Tenants.scss

@@ -49,10 +49,6 @@
         display: block;
     }
 
-    &__monitoring-button {
-        margin-left: 4px;
-    }
-
     &__name {
         overflow: hidden;
     }

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

@@ -25,11 +25,11 @@
     "settings.useNodesEndpoint.description": "Use /viewer/json/nodes endpoint for Nodes tab in diagnostics. It could return incorrect data on versions before 24-1",
     "settings.usePaginatedTables.title": "Use paginated tables",
     "settings.usePaginatedTables.description": " Use table with data load on scroll for Nodes and Storage tabs. It will increase performance, but could work unstable",
+    "settings.showDomainDatabase.title": "Show domain database",
+    "settings.enableTracingLevel.title": "Enable tracing level select",
+    "settings.enableTracingLevel.description": "Caution: Enabling this setting may break running of queries",
     "settings.queryUseMultiSchema.title": "Allow queries with multiple result sets",
     "settings.queryUseMultiSchema.description": "Use 'multi' schema for queries. It enables queries with multiple result sets. It returns nothing on versions 23-3 and older",
-    "settings.useSeparateDisksPages.title": "Use separate PDisk and VDisk pages",
-    "settings.useSeparateDisksPages.description": "Use separate pages instead of node structure tab",
-    "settings.useDirectoryOperations.title": "Enable operations with directories",
     "settings.useClusterBalancerAsBackend.title": "Use cluster balancer as backend",
     "settings.useClusterBalancerAsBackend.description": "By default random cluster node is used as backend. It causes saved links to become invalid after some time, when node is restarted. Using balancer as backend fixes it",
     "settings.about.interfaceVersionInfoField.title": "Interface version"

package/dist/containers/UserSettings/i18n/index.d.ts

@@ -1,2 +1,2 @@
-declare const _default: (key: "page.general" | "section.appearance" | "page.experiments" | "section.experiments" | "page.editor" | "section.dev-setting" | "page.about" | "section.about" | "settings.editor.autocomplete.title" | "settings.editor.autocomplete.description" | "settings.editor.autocomplete-on-enter.title" | "settings.editor.autocomplete-on-enter.description" | "settings.theme.title" | "settings.theme.option-dark" | "settings.theme.option-light" | "settings.theme.option-system" | "settings.language.title" | "settings.language.option-russian" | "settings.language.option-english" | "settings.binaryDataInPlainTextDisplay.title" | "settings.binaryDataInPlainTextDisplay.description" | "settings.invertedDisks.title" | "settings.useNodesEndpoint.title" | "settings.useNodesEndpoint.description" | "settings.usePaginatedTables.title" | "settings.usePaginatedTables.description" | "settings.queryUseMultiSchema.title" | "settings.queryUseMultiSchema.description" | "settings.useSeparateDisksPages.title" | "settings.useSeparateDisksPages.description" | "settings.useDirectoryOperations.title" | "settings.useClusterBalancerAsBackend.title" | "settings.useClusterBalancerAsBackend.description" | "settings.about.interfaceVersionInfoField.title", params?: import("@gravity-ui/i18n").Params) => string;
+declare const _default: (key: "page.general" | "section.appearance" | "page.experiments" | "section.experiments" | "page.editor" | "section.dev-setting" | "page.about" | "section.about" | "settings.editor.autocomplete.title" | "settings.editor.autocomplete.description" | "settings.editor.autocomplete-on-enter.title" | "settings.editor.autocomplete-on-enter.description" | "settings.theme.title" | "settings.theme.option-dark" | "settings.theme.option-light" | "settings.theme.option-system" | "settings.language.title" | "settings.language.option-russian" | "settings.language.option-english" | "settings.binaryDataInPlainTextDisplay.title" | "settings.binaryDataInPlainTextDisplay.description" | "settings.invertedDisks.title" | "settings.useNodesEndpoint.title" | "settings.useNodesEndpoint.description" | "settings.usePaginatedTables.title" | "settings.usePaginatedTables.description" | "settings.showDomainDatabase.title" | "settings.enableTracingLevel.title" | "settings.enableTracingLevel.description" | "settings.queryUseMultiSchema.title" | "settings.queryUseMultiSchema.description" | "settings.useClusterBalancerAsBackend.title" | "settings.useClusterBalancerAsBackend.description" | "settings.about.interfaceVersionInfoField.title", params?: import("@gravity-ui/i18n").Params) => string;
 export default _default;

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

@@ -18,9 +18,9 @@ export declare const binaryDataInPlainTextDisplay: SettingProps;
 export declare const invertedDisksSetting: SettingProps;
 export declare const useNodesEndpointSetting: SettingProps;
 export declare const usePaginatedTables: SettingProps;
+export declare const showDomainDatabase: SettingProps;
+export declare const enableTracingLevel: SettingProps;
 export declare const queryUseMultiSchemaSetting: SettingProps;
-export declare const useSeparateDisksPagesSetting: SettingProps;
-export declare const useDirectoryActionsSetting: SettingProps;
 export declare const useClusterBalancerAsBackendSetting: SettingProps;
 export declare const enableAutocompleteSetting: SettingProps;
 export declare const autocompleteOnEnterSetting: SettingProps;

package/dist/containers/UserSettings/settings.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { CircleInfo, Flask, PencilToSquare, StarFill } from '@gravity-ui/icons';
 import { createNextState } from '@reduxjs/toolkit';
-import { AUTOCOMPLETE_ON_ENTER, BINARY_DATA_IN_PLAIN_TEXT_DISPLAY, ENABLE_AUTOCOMPLETE, INVERTED_DISKS_KEY, LANGUAGE_KEY, QUERY_USE_MULTI_SCHEMA_KEY, THEME_KEY, USE_CLUSTER_BALANCER_AS_BACKEND_KEY, USE_DIRECTORY_OPERATIONS, USE_NODES_ENDPOINT_IN_DIAGNOSTICS_KEY, USE_PAGINATED_TABLES_KEY, USE_SEPARATE_DISKS_PAGES_KEY, } from '../../utils/constants';
+import { AUTOCOMPLETE_ON_ENTER, BINARY_DATA_IN_PLAIN_TEXT_DISPLAY, ENABLE_AUTOCOMPLETE, ENABLE_TRACING_LEVEL_KEY, INVERTED_DISKS_KEY, LANGUAGE_KEY, QUERY_USE_MULTI_SCHEMA_KEY, SHOW_DOMAIN_DATABASE_KEY, THEME_KEY, USE_CLUSTER_BALANCER_AS_BACKEND_KEY, USE_NODES_ENDPOINT_IN_DIAGNOSTICS_KEY, USE_PAGINATED_TABLES_KEY, } from '../../utils/constants';
 import { Lang, defaultLang } from '../../utils/i18n';
 import { ClusterModeGuard } from '../ClusterModeGuard';
 import i18n from './i18n';
@@ -65,20 +65,20 @@ export const usePaginatedTables = {
     title: i18n('settings.usePaginatedTables.title'),
     description: i18n('settings.usePaginatedTables.description'),
 };
+export const showDomainDatabase = {
+    settingKey: SHOW_DOMAIN_DATABASE_KEY,
+    title: i18n('settings.showDomainDatabase.title'),
+};
+export const enableTracingLevel = {
+    settingKey: ENABLE_TRACING_LEVEL_KEY,
+    title: i18n('settings.enableTracingLevel.title'),
+    description: i18n('settings.enableTracingLevel.description'),
+};
 export const queryUseMultiSchemaSetting = {
     settingKey: QUERY_USE_MULTI_SCHEMA_KEY,
     title: i18n('settings.queryUseMultiSchema.title'),
     description: i18n('settings.queryUseMultiSchema.description'),
 };
-export const useSeparateDisksPagesSetting = {
-    settingKey: USE_SEPARATE_DISKS_PAGES_KEY,
-    title: i18n('settings.useSeparateDisksPages.title'),
-    description: i18n('settings.useSeparateDisksPages.description'),
-};
-export const useDirectoryActionsSetting = {
-    settingKey: USE_DIRECTORY_OPERATIONS,
-    title: i18n('settings.useDirectoryOperations.title'),
-};
 export const useClusterBalancerAsBackendSetting = {
     settingKey: USE_CLUSTER_BALANCER_AS_BACKEND_KEY,
     title: i18n('settings.useClusterBalancerAsBackend.title'),
@@ -102,23 +102,22 @@ export const interfaceVersionInfoField = {
 export const appearanceSection = {
     id: 'appearanceSection',
     title: i18n('section.appearance'),
-    settings: [themeSetting, invertedDisksSetting, binaryDataInPlainTextDisplay],
+    settings: [
+        themeSetting,
+        invertedDisksSetting,
+        binaryDataInPlainTextDisplay,
+        showDomainDatabase,
+    ],
 };
 export const experimentsSection = {
     id: 'experimentsSection',
     title: i18n('section.experiments'),
-    settings: [
-        useNodesEndpointSetting,
-        usePaginatedTables,
-        queryUseMultiSchemaSetting,
-        useSeparateDisksPagesSetting,
-        useDirectoryActionsSetting,
-    ],
+    settings: [useNodesEndpointSetting, usePaginatedTables, queryUseMultiSchemaSetting],
 };
 export const devSettingsSection = {
     id: 'devSettingsSection',
     title: i18n('section.dev-setting'),
-    settings: [enableAutocompleteSetting, autocompleteOnEnterSetting],
+    settings: [enableAutocompleteSetting, autocompleteOnEnterSetting, enableTracingLevel],
 };
 export const aboutSettingsSection = {
     id: 'aboutSettingsSection',

package/dist/containers/VDiskPage/VDiskPage.js

@@ -8,11 +8,13 @@ import { StringParam, useQueryParams } from 'use-query-params';
 import { AutoRefreshControl } from '../../components/AutoRefreshControl/AutoRefreshControl';
 import { ButtonWithConfirmDialog } from '../../components/ButtonWithConfirmDialog/ButtonWithConfirmDialog';
 import { DiskPageTitle } from '../../components/DiskPageTitle/DiskPageTitle';
+import { ResponseError } from '../../components/Errors/ResponseError';
 import { GroupInfo } from '../../components/GroupInfo/GroupInfo';
 import { InfoViewerSkeleton } from '../../components/InfoViewerSkeleton/InfoViewerSkeleton';
 import { PageMeta } from '../../components/PageMeta/PageMeta';
 import { VDiskWithDonorsStack } from '../../components/VDisk/VDiskWithDonorsStack';
 import { VDiskInfo } from '../../components/VDiskInfo/VDiskInfo';
+import { selectIsUserAllowedToMakeChanges } from '../../store/reducers/authentication/authentication';
 import { setHeaderBreadcrumbs } from '../../store/reducers/header/header';
 import { selectNodesMap } from '../../store/reducers/nodesList';
 import { vDiskApi } from '../../store/reducers/vdisk/vdisk';
@@ -27,7 +29,7 @@ const vDiskPageCn = cn('ydb-vdisk-page');
 export function VDiskPage() {
     const dispatch = useTypedDispatch();
     const nodesMap = useTypedSelector(selectNodesMap);
-    const { isUserAllowedToMakeChanges } = useTypedSelector((state) => state.authentication);
+    const isUserAllowedToMakeChanges = useTypedSelector(selectIsUserAllowedToMakeChanges);
     const [{ nodeId, pDiskId, vDiskSlotId }] = useQueryParams({
         nodeId: StringParam,
         pDiskId: StringParam,
@@ -40,25 +42,37 @@ export function VDiskPage() {
     const params = valueIsDefined(nodeId) && valueIsDefined(pDiskId) && valueIsDefined(vDiskSlotId)
         ? { nodeId, pDiskId, vDiskSlotId }
         : skipToken;
-    const { currentData, isFetching, refetch } = vDiskApi.useGetVDiskDataQuery(params, {
+    const { currentData, isFetching, refetch, error } = vDiskApi.useGetVDiskDataQuery(params, {
         pollingInterval: autoRefreshInterval,
     });
     const loading = isFetching && currentData === undefined;
     const { vDiskData = {}, groupData } = currentData || {};
     const { NodeHost, NodeId, NodeType, NodeDC, PDiskId, PDiskType, Severity, VDiskId } = vDiskData;
-    const handleEvictVDisk = async () => {
-        const { GroupID, GroupGeneration, Ring, Domain, VDisk } = VDiskId || {};
-        if (valueIsDefined(GroupID) &&
-            valueIsDefined(GroupGeneration) &&
-            valueIsDefined(Ring) &&
-            valueIsDefined(Domain) &&
-            valueIsDefined(VDisk)) {
-            return window.api.evictVDisk({
+    const { GroupID, GroupGeneration, Ring, Domain, VDisk } = VDiskId || {};
+    const vDiskIdParamsDefined = valueIsDefined(GroupID) &&
+        valueIsDefined(GroupGeneration) &&
+        valueIsDefined(Ring) &&
+        valueIsDefined(Domain) &&
+        valueIsDefined(VDisk);
+    const handleEvictVDisk = async (isRetry) => {
+        if (vDiskIdParamsDefined) {
+            return window.api
+                .evictVDisk({
                 groupId: GroupID,
                 groupGeneration: GroupGeneration,
                 failRealmIdx: Ring,
                 failDomainIdx: Domain,
                 vDiskIdx: VDisk,
+                force: isRetry,
+            })
+                .then((response) => {
+                if ((response === null || response === void 0 ? void 0 : response.result) === false) {
+                    const err = {
+                        statusText: response.error,
+                        retryPossible: response.forceRetryPossible,
+                    };
+                    throw err;
+                }
             });
         }
         return undefined;
@@ -86,10 +100,10 @@ export function VDiskPage() {
         return (_jsx(DiskPageTitle, { entityName: vDiskPageKeyset('vdisk'), status: getSeverityColor(Severity), id: stringifyVdiskId(vDiskData === null || vDiskData === void 0 ? void 0 : vDiskData.VDiskId) }));
     };
     const renderControls = () => {
-        return (_jsxs("div", { className: vDiskPageCn('controls'), children: [_jsxs(ButtonWithConfirmDialog, { onConfirmAction: handleEvictVDisk, onConfirmActionSuccess: handleAfterEvictVDisk, buttonDisabled: !VDiskId || !isUserAllowedToMakeChanges, buttonView: "normal", dialogContent: vDiskPageKeyset('evict-vdisk-dialog'), withPopover: true, popoverContent: vDiskPageKeyset('evict-vdisk-not-allowed'), popoverDisabled: isUserAllowedToMakeChanges, children: [_jsx(Icon, { data: ArrowsOppositeToDots }), vDiskPageKeyset('evict-vdisk-button')] }), _jsx(AutoRefreshControl, { className: vDiskPageCn('auto-refresh-control') })] }));
+        return (_jsxs("div", { className: vDiskPageCn('controls'), children: [_jsxs(ButtonWithConfirmDialog, { onConfirmAction: handleEvictVDisk, onConfirmActionSuccess: handleAfterEvictVDisk, buttonDisabled: !vDiskIdParamsDefined || !isUserAllowedToMakeChanges, buttonView: "normal", dialogContent: vDiskPageKeyset('evict-vdisk-dialog'), retryButtonText: vDiskPageKeyset('force-evict-vdisk-button'), withPopover: true, popoverContent: vDiskPageKeyset('evict-vdisk-not-allowed'), popoverDisabled: isUserAllowedToMakeChanges, children: [_jsx(Icon, { data: ArrowsOppositeToDots }), vDiskPageKeyset('evict-vdisk-button')] }), _jsx(AutoRefreshControl, { className: vDiskPageCn('auto-refresh-control') })] }));
     };
     const renderInfo = () => {
-        return _jsx(VDiskInfo, { data: vDiskData, isVDiskPage: true });
+        return _jsx(VDiskInfo, { data: vDiskData });
     };
     const renderGroupInfo = () => {
         var _a;
@@ -104,7 +118,7 @@ export function VDiskPage() {
         if (loading) {
             return _jsx(InfoViewerSkeleton, { rows: 20 });
         }
-        return (_jsxs(React.Fragment, { children: [renderInfo(), renderGroupInfo()] }));
+        return (_jsxs(React.Fragment, { children: [error ? _jsx(ResponseError, { error: error }) : null, renderInfo(), renderGroupInfo()] }));
     };
     return (_jsxs("div", { className: vDiskPageCn(null), children: [renderHelmet(), renderPageMeta(), renderPageTitle(), renderControls(), renderContent()] }));
 }

package/dist/containers/VDiskPage/i18n/en.json

@@ -5,6 +5,7 @@
     "vdisk": "VDisk",
     "group": "Group",
     "evict-vdisk-button": "Evict VDisk",
+    "force-evict-vdisk-button": "Evict anyway",
     "evict-vdisk-dialog": "VDisk will be evicted. Do you want to proceed?",
     "evict-vdisk-not-allowed": "You don't have enough rights to evict VDisk"
 }

package/dist/containers/VDiskPage/i18n/index.d.ts

@@ -1 +1 @@
-export declare const vDiskPageKeyset: (key: "node" | "fqdn" | "group" | "pdisk" | "vdisk" | "evict-vdisk-button" | "evict-vdisk-dialog" | "evict-vdisk-not-allowed", params?: import("@gravity-ui/i18n").Params) => string;
+export declare const vDiskPageKeyset: (key: "node" | "fqdn" | "group" | "pdisk" | "vdisk" | "evict-vdisk-button" | "force-evict-vdisk-button" | "evict-vdisk-dialog" | "evict-vdisk-not-allowed", params?: import("@gravity-ui/i18n").Params) => string;