ydb-embedded-ui 6.4.0 → 6.5.0

package/dist/containers/Tenant/Diagnostics/Overview/AsyncReplicationPaths/AsyncReplicationPaths.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Text } from '@gravity-ui/uikit';
+import { ResizeableDataTable } from '../../../../../components/ResizeableDataTable/ResizeableDataTable';
+import { cn } from '../../../../../utils/cn';
+import { TENANT_OVERVIEW_TABLES_SETTINGS } from '../../../../../utils/constants';
+import i18n from './i18n';
+import './AsyncReplicationPaths.scss';
+const b = cn('ydb-async-replication-paths');
+const columns = [
+    {
+        name: i18n('column.srcPath.name'),
+        render: ({ row }) => row.SrcPath,
+        sortAccessor: (row) => row.SrcPath,
+    },
+    {
+        name: i18n('column.dstPath.name'),
+        render: ({ row }) => row.DstPath,
+        sortAccessor: (row) => row.DstPath,
+    },
+];
+export function AsyncReplicationPaths({ config }) {
+    var _a, _b;
+    if (!config) {
+        return null;
+    }
+    let content = i18n('noData');
+    if (config.Everything) {
+        content = (_jsxs("span", { children: [i18n('everythingWithPrefix'), ' ', _jsx(Text, { variant: "code-inline-2", children: (_b = (_a = config.Everything) === null || _a === void 0 ? void 0 : _a.DstPrefix) !== null && _b !== void 0 ? _b : 'undefined' }), "."] }));
+    }
+    if (config.Specific) {
+        content = (_jsx(ResizeableDataTable, { data: config.Specific.Targets, settings: TENANT_OVERVIEW_TABLES_SETTINGS, columns: columns }));
+    }
+    return (_jsxs("div", { className: b(), children: [_jsx("div", { className: b('title'), children: i18n('title') }), content] }));
+}

package/dist/containers/Tenant/Diagnostics/Overview/AsyncReplicationPaths/AsyncReplicationPaths.scss

@@ -0,0 +1,7 @@
+@import '../../../../../styles/mixins.scss';
+
+.ydb-async-replication-paths {
+    &__title {
+        @include info-viewer-title();
+    }
+}

package/dist/containers/Tenant/Diagnostics/Overview/AsyncReplicationPaths/i18n/en.json

@@ -0,0 +1,7 @@
+{
+    "column.dstPath.name": "Dist",
+    "column.srcPath.name": "Source",
+    "everythingWithPrefix": "Everything with prefix:",
+    "noData": "No data.",
+    "title": "Replicated Paths"
+}

package/dist/containers/Tenant/Diagnostics/Overview/AsyncReplicationPaths/i18n/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (key: "title" | "column.dstPath.name" | "column.srcPath.name" | "everythingWithPrefix" | "noData", params?: import("@gravity-ui/i18n").Params | undefined) => string;
+export default _default;

package/dist/containers/Tenant/Diagnostics/Overview/AsyncReplicationPaths/i18n/index.js

@@ -0,0 +1,4 @@
+import { registerKeysets } from '../../../../../../utils/i18n';
+import en from './en.json';
+const COMPONENT = 'ydb-diagnostics-async-replication-paths';
+export default registerKeysets(COMPONENT, { en });

package/dist/containers/Tenant/Diagnostics/Overview/AsyncReplicationPaths/index.d.ts

@@ -0,0 +1 @@
+export * from './AsyncReplicationPaths';

package/dist/containers/Tenant/Diagnostics/Overview/AsyncReplicationPaths/index.js

@@ -0,0 +1 @@
+export * from './AsyncReplicationPaths';

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

@@ -12,6 +12,7 @@ import { useTypedSelector } from '../../../../utils/hooks';
 import { ExternalDataSourceInfo } from '../../Info/ExternalDataSource/ExternalDataSource';
 import { ExternalTableInfo } from '../../Info/ExternalTable/ExternalTable';
 import { isColumnEntityType, isEntityWithMergedImplementation, isTableType, } from '../../utils/schema';
+import { AsyncReplicationInfo } from './AsyncReplicationInfo';
 import { ChangefeedInfo } from './ChangefeedInfo';
 import { TableInfo } from './TableInfo';
 import { TopicInfo } from './TopicInfo';
@@ -63,6 +64,7 @@ function Overview({ type, tenantName }) {
             [EPathType.EPathTypeExternalTable]: () => _jsx(ExternalTableInfo, { data: data }),
             [EPathType.EPathTypeExternalDataSource]: () => _jsx(ExternalDataSourceInfo, { data: data }),
             [EPathType.EPathTypeView]: undefined,
+            [EPathType.EPathTypeReplication]: () => _jsx(AsyncReplicationInfo, { data: data }),
         };
         return ((type && ((_a = pathTypeToComponent[type]) === null || _a === void 0 ? void 0 : _a.call(pathTypeToComponent))) || (_jsx(TableInfo, { data: data, type: type, olapStats: olapStats })));
     };

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

@@ -6,6 +6,7 @@ import { changeUserInput } from '../../../../../store/reducers/executeQuery';
 import { TENANT_DIAGNOSTICS_TABS_IDS, TENANT_PAGE, TENANT_PAGES_IDS, TENANT_QUERY_TABS_ID, } from '../../../../../store/reducers/tenant/constants';
 import { topQueriesApi } from '../../../../../store/reducers/tenantOverview/topQueries/tenantOverviewTopQueries';
 import { useTypedDispatch, useTypedSelector } from '../../../../../utils/hooks';
+import { parseQueryErrorToString } from '../../../../../utils/query';
 import { TenantTabsGroups, getTenantPath } from '../../../TenantPages';
 import { TOP_QUERIES_COLUMNS_WIDTH_LS_KEY, getTenantOverviewTopQueriesColumns, } from '../../TopQueries/getTopQueriesColumns';
 import { TenantOverviewTableLayout } from '../TenantOverviewTableLayout';
@@ -34,5 +35,5 @@ export function TopQueries({ path }) {
         postfix: i18n('by-cpu-time'),
         link: getTenantPath(Object.assign(Object.assign({}, query), { [TenantTabsGroups.diagnosticsTab]: TENANT_DIAGNOSTICS_TABS_IDS.topQueries })),
     });
-    return (_jsx(TenantOverviewTableLayout, { columnsWidthLSKey: TOP_QUERIES_COLUMNS_WIDTH_LS_KEY, data: data || [], columns: columns, onRowClick: handleRowClick, title: title, loading: loading, error: error, rowClassName: () => b('top-queries-row') }));
+    return (_jsx(TenantOverviewTableLayout, { columnsWidthLSKey: TOP_QUERIES_COLUMNS_WIDTH_LS_KEY, data: data || [], columns: columns, onRowClick: handleRowClick, title: title, loading: loading, error: parseQueryErrorToString(error), rowClassName: () => b('top-queries-row') }));
 }

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

@@ -4,6 +4,7 @@ import { parseQuery } from '../../../../../routes';
 import { TENANT_DIAGNOSTICS_TABS_IDS } from '../../../../../store/reducers/tenant/constants';
 import { topShardsApi } from '../../../../../store/reducers/tenantOverview/topShards/tenantOverviewTopShards';
 import { useTypedSelector } from '../../../../../utils/hooks';
+import { parseQueryErrorToString } from '../../../../../utils/query';
 import { TenantTabsGroups, getTenantPath } from '../../../TenantPages';
 import { TOP_SHARDS_COLUMNS_WIDTH_LS_KEY, getTopShardsColumns, } from '../../TopShards/getTopShardsColumns';
 import { TenantOverviewTableLayout } from '../TenantOverviewTableLayout';
@@ -22,5 +23,5 @@ export const TopShards = ({ path }) => {
         postfix: i18n('by-cpu-usage'),
         link: getTenantPath(Object.assign(Object.assign({}, query), { [TenantTabsGroups.diagnosticsTab]: TENANT_DIAGNOSTICS_TABS_IDS.topShards })),
     });
-    return (_jsx(TenantOverviewTableLayout, { columnsWidthLSKey: TOP_SHARDS_COLUMNS_WIDTH_LS_KEY, data: data || [], columns: columns, title: title, loading: loading, error: error }));
+    return (_jsx(TenantOverviewTableLayout, { columnsWidthLSKey: TOP_SHARDS_COLUMNS_WIDTH_LS_KEY, data: data || [], columns: columns, title: title, loading: loading, error: parseQueryErrorToString(error) }));
 };

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

@@ -6,6 +6,7 @@ import { LinkToSchemaObject } from '../../../../../components/LinkToSchemaObject
 import { topTablesApi } from '../../../../../store/reducers/tenantOverview/executeTopTables/executeTopTables';
 import { formatBytes, getSizeWithSignificantDigits } from '../../../../../utils/bytesParsers';
 import { useTypedSelector } from '../../../../../utils/hooks';
+import { parseQueryErrorToString } from '../../../../../utils/query';
 import { TenantOverviewTableLayout } from '../TenantOverviewTableLayout';
 import { getSectionTitle } from '../getSectionTitle';
 import i18n from '../i18n';
@@ -40,5 +41,5 @@ export function TopTables({ path }) {
         entity: i18n('tables'),
         postfix: i18n('by-size'),
     });
-    return (_jsx(TenantOverviewTableLayout, { columnsWidthLSKey: TOP_TABLES_COLUMNS_WIDTH_LS_KEY, data: data || [], columns: columns, title: title, loading: loading, error: error }));
+    return (_jsx(TenantOverviewTableLayout, { columnsWidthLSKey: TOP_TABLES_COLUMNS_WIDTH_LS_KEY, data: data || [], columns: columns, title: title, loading: loading, error: parseQueryErrorToString(error) }));
 }

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

@@ -1,2 +1,2 @@
-declare const _default: (key: "nodes" | "queries" | "groups" | "tables" | "top" | "shards" | "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" | "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;
 export default _default;

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

@@ -12,7 +12,7 @@ import { TENANT_PAGE, TENANT_PAGES_IDS, TENANT_QUERY_TABS_ID, } from '../../../.
 import { cn } from '../../../../utils/cn';
 import { isSortableTopQueriesProperty } from '../../../../utils/diagnostics';
 import { useTypedDispatch, useTypedSelector } from '../../../../utils/hooks';
-import { prepareQueryError } from '../../../../utils/query';
+import { parseQueryErrorToString } from '../../../../utils/query';
 import { TenantTabsGroups, getTenantPath } from '../../TenantPages';
 import { QUERY_TABLE_SETTINGS } from '../../utils/constants';
 import { isColumnEntityType } from '../../utils/schema';
@@ -48,8 +48,8 @@ export const TopQueries = ({ path, type }) => {
         dispatch(setTopQueriesFilters(value));
     };
     const renderContent = () => {
-        if (error && typeof error === 'object' && !error.isCancelled) {
-            return _jsx("div", { className: "error", children: prepareQueryError(error) });
+        if (error) {
+            return _jsx("div", { className: "error", children: parseQueryErrorToString(error) });
         }
         if (!data || isColumnEntityType(type)) {
             return i18n('no-data');

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

@@ -11,7 +11,7 @@ import { DEFAULT_TABLE_SETTINGS, HOUR_IN_SECONDS } from '../../../../utils/const
 import { formatDateTime } from '../../../../utils/dataFormatters/dataFormatters';
 import { isSortableTopShardsProperty } from '../../../../utils/diagnostics';
 import { useTypedDispatch, useTypedSelector } from '../../../../utils/hooks';
-import { prepareQueryError } from '../../../../utils/query';
+import { parseQueryErrorToString } from '../../../../utils/query';
 import { isColumnEntityType } from '../../utils/schema';
 import { Filters } from './Filters';
 import { TOP_SHARDS_COLUMNS_WIDTH_LS_KEY, getShardsWorkloadColumns } from './getTopShardsColumns';
@@ -134,8 +134,8 @@ export const TopShards = ({ tenantPath, type }) => {
         return _jsx(Filters, { value: filters, onChange: handleFiltersChange });
     };
     const renderContent = () => {
-        if (error && typeof error === 'object' && !error.isCancelled) {
-            return _jsx("div", { className: "error", children: prepareQueryError(error) });
+        if (error) {
+            return _jsx("div", { className: "error", children: parseQueryErrorToString(error) });
         }
         if (!data || isColumnEntityType(type)) {
             return i18n('no-data');

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

@@ -6,6 +6,7 @@ import { Button, Icon, Tabs } from '@gravity-ui/uikit';
 import qs from 'qs';
 import { useLocation } from 'react-router';
 import { Link } from 'react-router-dom';
+import { AsyncReplicationState } from '../../../components/AsyncReplicationState';
 import { ClipboardButton } from '../../../components/ClipboardButton';
 import InfoViewer from '../../../components/InfoViewer/InfoViewer';
 import { CDCStreamOverview, PersQueueGroupOverview, } from '../../../components/InfoViewer/schemaOverview';
@@ -71,6 +72,11 @@ export function ObjectSummary({ type, subType, onCollapseSummary, onExpandSummar
     };
     const renderObjectOverview = () => {
         var _a;
+        const startTimeInMilliseconds = Number(currentSchemaData === null || currentSchemaData === void 0 ? void 0 : currentSchemaData.CreateStep);
+        const createdAt = startTimeInMilliseconds
+            ? formatDateTime(startTimeInMilliseconds)
+            : 'unknown';
+        const createdAtLabel = 'Created At';
         // verbose mapping to guarantee a correct render for new path types
         // TS will error when a new type is added but not mapped here
         const pathTypeToComponent = {
@@ -87,15 +93,23 @@ export function ObjectSummary({ type, subType, onCollapseSummary, onExpandSummar
             [EPathType.EPathTypeExternalTable]: () => (_jsx(ExternalTableSummary, { data: currentObjectData })),
             [EPathType.EPathTypeExternalDataSource]: () => (_jsx(ExternalDataSourceSummary, { data: currentObjectData })),
             [EPathType.EPathTypeView]: undefined,
+            [EPathType.EPathTypeReplication]: () => {
+                var _a, _b;
+                return (_jsx(InfoViewer, { info: [
+                        {
+                            label: createdAtLabel,
+                            value: createdAt,
+                        },
+                        {
+                            label: 'State',
+                            value: (_jsx(AsyncReplicationState, { state: (_b = (_a = currentObjectData === null || currentObjectData === void 0 ? void 0 : currentObjectData.PathDescription) === null || _a === void 0 ? void 0 : _a.ReplicationDescription) === null || _b === void 0 ? void 0 : _b.State })),
+                        },
+                    ] }));
+            },
         };
         let component = (currentSchemaData === null || currentSchemaData === void 0 ? void 0 : currentSchemaData.PathType) && ((_a = pathTypeToComponent[currentSchemaData.PathType]) === null || _a === void 0 ? void 0 : _a.call(pathTypeToComponent));
         if (!component) {
-            const startTimeInMilliseconds = Number(currentSchemaData === null || currentSchemaData === void 0 ? void 0 : currentSchemaData.CreateStep);
-            let createTime = '';
-            if (startTimeInMilliseconds) {
-                createTime = formatDateTime(startTimeInMilliseconds);
-            }
-            component = _jsx(InfoViewer, { info: [{ label: 'Create time', value: createTime }] });
+            component = _jsx(InfoViewer, { info: [{ label: createdAtLabel, value: createdAt }] });
         }
         return component;
     };

package/dist/containers/Tenant/Query/ExecuteResult/ExecuteResult.d.ts

@@ -1,9 +1,9 @@
-import type { IQueryResult, QueryErrorResponse } from '../../../../types/store/query';
+import type { IQueryResult } from '../../../../types/store/query';
 import './ExecuteResult.scss';
 interface ExecuteResultProps {
     data: IQueryResult | undefined;
     stats: IQueryResult['stats'] | undefined;
-    error: string | QueryErrorResponse | undefined;
+    error: unknown;
     isResultsCollapsed?: boolean;
     onCollapseResults: VoidFunction;
     onExpandResults: VoidFunction;

package/dist/containers/Tenant/Query/ExecuteResult/ExecuteResult.js

@@ -12,7 +12,7 @@ import { disableFullscreen } from '../../../../store/reducers/fullscreen';
 import { getArray } from '../../../../utils';
 import { cn } from '../../../../utils/cn';
 import { useTypedDispatch, useTypedSelector } from '../../../../utils/hooks';
-import { prepareQueryError } from '../../../../utils/query';
+import { parseQueryError } from '../../../../utils/query';
 import { PaneVisibilityToggleButtons } from '../../utils/paneVisibilityToggleHelpers';
 import { ResultIssues } from '../Issues/Issues';
 import { QueryDuration } from '../QueryDuration/QueryDuration';
@@ -39,6 +39,7 @@ export function ExecuteResult({ data, stats, error, isResultsCollapsed, onCollap
     const currentColumns = isMulti ? (_c = data === null || data === void 0 ? void 0 : data.resultSets) === null || _c === void 0 ? void 0 : _c[selectedResultSet].columns : data === null || data === void 0 ? void 0 : data.columns;
     const textResults = getPreparedResult(currentResult);
     const copyDisabled = !textResults.length;
+    const parsedError = parseQueryError(error);
     React.useEffect(() => {
         return () => {
             dispatch(disableFullscreen());
@@ -70,15 +71,13 @@ export function ExecuteResult({ data, stats, error, isResultsCollapsed, onCollap
         return (_jsxs(React.Fragment, { children: [content, isFullscreen && (_jsx(Fullscreen, { children: _jsx("div", { className: b('result-fullscreen-wrapper'), children: content }) }))] }));
     };
     const renderIssues = () => {
-        var _a;
-        if (!error) {
+        if (!parsedError) {
             return null;
         }
-        if (typeof error === 'object' && ((_a = error.data) === null || _a === void 0 ? void 0 : _a.issues) && Array.isArray(error.data.issues)) {
-            const content = _jsx(ResultIssues, { data: error.data });
+        if (typeof parsedError === 'object') {
+            const content = _jsx(ResultIssues, { data: parsedError });
             return (_jsxs(React.Fragment, { children: [content, isFullscreen && (_jsx(Fullscreen, { children: _jsx("div", { className: b('result-fullscreen-wrapper', b('result')), children: content }) }))] }));
         }
-        const parsedError = typeof error === 'string' ? error : prepareQueryError(error);
         return _jsx("div", { className: b('error'), children: parsedError });
     };
     const renderResultSection = () => {

package/dist/containers/Tenant/Query/ExplainResult/ExplainResult.js

@@ -8,11 +8,12 @@ import EnableFullscreenButton from '../../../../components/EnableFullscreenButto
 import Fullscreen from '../../../../components/Fullscreen/Fullscreen';
 import { MonacoEditor } from '../../../../components/MonacoEditor/MonacoEditor';
 import { QueryExecutionStatus } from '../../../../components/QueryExecutionStatus';
-import { explainVersions } from '../../../../store/reducers/explainQuery';
+import { explainVersions } from '../../../../store/reducers/explainQuery/utils';
 import { disableFullscreen } from '../../../../store/reducers/fullscreen';
 import { cn } from '../../../../utils/cn';
 import { useTypedDispatch, useTypedSelector } from '../../../../utils/hooks';
 import { LANGUAGE_S_EXPRESSION_ID } from '../../../../utils/monaco/s-expression/constants';
+import { parseQueryErrorToString } from '../../../../utils/query';
 import { PaneVisibilityToggleButtons } from '../../utils/paneVisibilityToggleHelpers';
 import { renderExplainNode } from './utils';
 import './ExplainResult.scss';
@@ -117,20 +118,11 @@ export function ExplainResult(props) {
         return (_jsxs(React.Fragment, { children: [!isFullscreen && content, isFullscreen && _jsx(Fullscreen, { children: content })] }));
     };
     const renderError = () => {
-        var _a;
-        const { error } = props;
-        let message;
-        if (error.data) {
-            message = typeof error.data === 'string' ? error.data : (_a = error.data.error) === null || _a === void 0 ? void 0 : _a.message;
-        }
-        else {
-            message = error;
-        }
-        return _jsx("div", { className: b('text-message'), children: message });
+        return _jsx("div", { className: b('text-message'), children: parseQueryErrorToString(props.error) });
     };
     const renderContent = () => {
-        const { error, loading, loadingAst } = props;
-        if (loading || loadingAst) {
+        const { error, loading } = props;
+        if (loading) {
             return renderLoader();
         }
         if (error) {

package/dist/containers/Tenant/Query/Preview/Preview.js

@@ -8,7 +8,7 @@ import { previewApi } from '../../../../store/reducers/preview';
 import { setShowPreview } from '../../../../store/reducers/schema/schema';
 import { cn } from '../../../../utils/cn';
 import { useTypedDispatch, useTypedSelector } from '../../../../utils/hooks';
-import { prepareQueryError } from '../../../../utils/query';
+import { parseQueryErrorToString } from '../../../../utils/query';
 import { isExternalTableType, isTableType } from '../../utils/schema';
 import i18n from '../i18n';
 import './Preview.scss';
@@ -36,7 +36,7 @@ export const Preview = ({ database, type }) => {
         message = _jsx("div", { className: b('message-container'), children: i18n('preview.not-available') });
     }
     else if (error) {
-        message = _jsx("div", { className: b('message-container', 'error'), children: prepareQueryError(error) });
+        message = (_jsx("div", { className: b('message-container', 'error'), children: parseQueryErrorToString(error) }));
     }
     const content = message !== null && message !== void 0 ? message : (_jsx("div", { className: b('result'), children: _jsx(QueryResultTable, { data: data.result, columns: data.columns }) }));
     return (_jsxs("div", { className: b(), children: [renderHeader(), isFullscreen ? _jsx(Fullscreen, { children: content }) : content] }));

package/dist/containers/Tenant/Query/QueryEditor/QueryEditor.d.ts

@@ -1,16 +1,11 @@
 import React from 'react';
-import { goToNextQuery, goToPreviousQuery, saveQueryToHistory, sendExecuteQuery, setTenantPath } from '../../../../store/reducers/executeQuery';
-import { getExplainQuery, getExplainQueryAst } from '../../../../store/reducers/explainQuery';
+import { goToNextQuery, goToPreviousQuery, saveQueryToHistory, setTenantPath } from '../../../../store/reducers/executeQuery';
 import { setShowPreview } from '../../../../store/reducers/schema/schema';
 import type { EPathType } from '../../../../types/api/schema';
 import type { ExecuteQueryState } from '../../../../types/store/executeQuery';
-import type { ExplainQueryState } from '../../../../types/store/explainQuery';
 import './QueryEditor.scss';
 interface QueryEditorProps {
     path: string;
-    sendExecuteQuery: (...args: Parameters<typeof sendExecuteQuery>) => void;
-    getExplainQuery: (...args: Parameters<typeof getExplainQuery>) => void;
-    getExplainQueryAst: (...args: Parameters<typeof getExplainQueryAst>) => void;
     changeUserInput: (arg: {
         input: string;
     }) => void;
@@ -18,7 +13,6 @@ interface QueryEditorProps {
     goToPreviousQuery: (...args: Parameters<typeof goToPreviousQuery>) => void;
     setTenantPath: (...args: Parameters<typeof setTenantPath>) => void;
     executeQuery: ExecuteQueryState;
-    explainQuery: ExplainQueryState;
     theme: string;
     type?: EPathType;
     showPreview: boolean;

package/dist/containers/Tenant/Query/QueryEditor/QueryEditor.js

@@ -1,11 +1,12 @@
+import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import throttle from 'lodash/throttle';
 import { connect } from 'react-redux';
 import { MonacoEditor } from '../../../../components/MonacoEditor/MonacoEditor';
 import SplitPane from '../../../../components/SplitPane';
-import { goToNextQuery, goToPreviousQuery, saveQueryToHistory, sendExecuteQuery, setTenantPath, } from '../../../../store/reducers/executeQuery';
-import { getExplainQuery, getExplainQueryAst } from '../../../../store/reducers/explainQuery';
+import { executeQueryApi, goToNextQuery, goToPreviousQuery, saveQueryToHistory, setTenantPath, } from '../../../../store/reducers/executeQuery';
+import { explainQueryApi } from '../../../../store/reducers/explainQuery/explainQuery';
 import { setShowPreview } from '../../../../store/reducers/schema/schema';
 import { cn } from '../../../../utils/cn';
 import { DEFAULT_IS_QUERY_RESULT_COLLAPSED, DEFAULT_SIZE_RESULT_PANE_KEY, LAST_USED_QUERY_ACTION_KEY, QUERY_USE_MULTI_SCHEMA_KEY, SAVED_QUERIES_KEY, } from '../../../../utils/constants';
@@ -38,7 +39,7 @@ const initialTenantCommonInfoState = {
 };
 function QueryEditor(props) {
     const editorOptions = useEditorOptions();
-    const { path, setTenantPath: setPath, executeQuery, explainQuery, type, theme, changeUserInput, showPreview, } = props;
+    const { path, setTenantPath: setPath, executeQuery, type, theme, changeUserInput, showPreview, } = props;
     const { tenantPath: savedPath } = executeQuery;
     const [resultType, setResultType] = React.useState(RESULT_TYPES.EXECUTE);
     const [isResultLoaded, setIsResultLoaded] = React.useState(false);
@@ -47,6 +48,8 @@ function QueryEditor(props) {
     const [lastUsedQueryAction, setLastUsedQueryAction] = useSetting(LAST_USED_QUERY_ACTION_KEY);
     const [savedQueries, setSavedQueries] = useSetting(SAVED_QUERIES_KEY);
     const [monacoHotKey, setMonacoHotKey] = React.useState(null);
+    const [sendExecuteQuery, executeQueryResult] = executeQueryApi.useExecuteQueryMutation();
+    const [sendExplainQuery, explainQueryResult] = explainQueryApi.useExplainQueryMutation();
     React.useEffect(() => {
         if (savedPath !== path) {
             if (savedPath) {
@@ -125,7 +128,7 @@ function QueryEditor(props) {
         const query = text !== null && text !== void 0 ? text : input;
         setLastUsedQueryAction(QUERY_ACTIONS.execute);
         setResultType(RESULT_TYPES.EXECUTE);
-        props.sendExecuteQuery({
+        sendExecuteQuery({
             query,
             database: path,
             mode,
@@ -146,7 +149,7 @@ function QueryEditor(props) {
         const { input } = executeQuery;
         setLastUsedQueryAction(QUERY_ACTIONS.explain);
         setResultType(RESULT_TYPES.EXPLAIN);
-        props.getExplainQuery({
+        sendExplainQuery({
             query: input,
             database: path,
             mode: mode,
@@ -257,9 +260,6 @@ function QueryEditor(props) {
     const onChange = (newValue) => {
         props.changeUserInput({ input: newValue });
     };
-    const handleAstQuery = () => {
-        props.getExplainQueryAst({ query: executeQuery.input, database: path });
-    };
     const onCollapseResultHandler = () => {
         dispatchResultVisibilityState(PaneVisibilityActionTypes.triggerCollapse);
     };
@@ -283,41 +283,40 @@ function QueryEditor(props) {
         setSavedQueries(newSavedQueries);
     };
     const renderControls = () => {
-        return (_jsx(QueryEditorControls, { onRunButtonClick: handleSendExecuteClick, runIsLoading: executeQuery.loading, onExplainButtonClick: handleGetExplainQueryClick, explainIsLoading: explainQuery.loading, onSaveQueryClick: onSaveQueryHandler, savedQueries: savedQueries, disabled: !executeQuery.input, onUpdateQueryMode: setQueryMode, queryMode: queryMode, highlightedAction: lastUsedQueryAction }));
+        return (_jsx(QueryEditorControls, { onRunButtonClick: handleSendExecuteClick, runIsLoading: executeQueryResult.isLoading, onExplainButtonClick: handleGetExplainQueryClick, explainIsLoading: explainQueryResult.isLoading, onSaveQueryClick: onSaveQueryHandler, savedQueries: savedQueries, disabled: !executeQuery.input, onUpdateQueryMode: setQueryMode, queryMode: queryMode, highlightedAction: lastUsedQueryAction }));
     };
     return (_jsx("div", { className: b(), children: _jsxs(SplitPane, { direction: "vertical", defaultSizePaneKey: DEFAULT_SIZE_RESULT_PANE_KEY, triggerCollapse: resultVisibilityState.triggerCollapse, triggerExpand: resultVisibilityState.triggerExpand, minSize: [0, 52], collapsedSizes: [100, 0], onSplitStartDragAdditional: onSplitStartDragAdditional, children: [_jsxs("div", { className: b('pane-wrapper', {
                         top: true,
-                    }), children: [_jsx("div", { className: b('monaco-wrapper'), children: _jsx("div", { className: b('monaco'), children: _jsx(MonacoEditor, { language: LANGUAGE_YQL_ID, value: executeQuery.input, options: editorOptions, onChange: onChange, editorDidMount: editorDidMount, theme: `vs-${theme}` }) }) }), renderControls()] }), _jsx("div", { className: b('pane-wrapper'), children: _jsx(Result, { executeQuery: executeQuery, explainQuery: explainQuery, resultVisibilityState: resultVisibilityState, onExpandResultHandler: onExpandResultHandler, onCollapseResultHandler: onCollapseResultHandler, type: type, handleAstQuery: handleAstQuery, theme: theme, resultType: resultType, path: path, showPreview: showPreview }) })] }) }));
+                    }), children: [_jsx("div", { className: b('monaco-wrapper'), children: _jsx("div", { className: b('monaco'), children: _jsx(MonacoEditor, { language: LANGUAGE_YQL_ID, value: executeQuery.input, options: editorOptions, onChange: onChange, editorDidMount: editorDidMount, theme: `vs-${theme}` }) }) }), renderControls()] }), _jsx("div", { className: b('pane-wrapper'), children: _jsx(Result, { executeQueryData: executeQueryResult.data, executeQueryError: executeQueryResult.error, explainQueryData: explainQueryResult.data, explainQueryError: explainQueryResult.error, explainQueryLoading: explainQueryResult.isLoading, resultVisibilityState: resultVisibilityState, onExpandResultHandler: onExpandResultHandler, onCollapseResultHandler: onCollapseResultHandler, type: type, theme: theme, resultType: resultType, path: path, showPreview: showPreview }) })] }) }));
 }
 const mapStateToProps = (state) => {
     return {
         executeQuery: state.executeQuery,
-        explainQuery: state.explainQuery,
         showPreview: state.schema.showPreview,
     };
 };
 const mapDispatchToProps = {
-    sendExecuteQuery,
     saveQueryToHistory,
     goToPreviousQuery,
     goToNextQuery,
-    getExplainQuery,
-    getExplainQueryAst,
     setShowPreview,
     setTenantPath,
 };
 export default connect(mapStateToProps, mapDispatchToProps)(QueryEditor);
-function Result({ executeQuery, explainQuery, resultVisibilityState, onExpandResultHandler, onCollapseResultHandler, type, handleAstQuery, theme, resultType, path, showPreview, }) {
+function Result({ executeQueryData, executeQueryError, explainQueryData, explainQueryError, explainQueryLoading, resultVisibilityState, onExpandResultHandler, onCollapseResultHandler, type, theme, resultType, path, showPreview, }) {
     if (showPreview) {
         return _jsx(Preview, { database: path, type: type });
     }
     if (resultType === RESULT_TYPES.EXECUTE) {
-        const { data, error, stats } = executeQuery;
-        return data || error ? (_jsx(ExecuteResult, { data: data, stats: stats, error: error, isResultsCollapsed: resultVisibilityState.collapsed, onExpandResults: onExpandResultHandler, onCollapseResults: onCollapseResultHandler })) : null;
+        if (executeQueryData || executeQueryError) {
+            const _a = executeQueryData || {}, { stats } = _a, data = __rest(_a, ["stats"]);
+            return (_jsx(ExecuteResult, { data: data, stats: stats, error: executeQueryError, isResultsCollapsed: resultVisibilityState.collapsed, onExpandResults: onExpandResultHandler, onCollapseResults: onCollapseResultHandler }));
+        }
+        return null;
     }
     if (resultType === RESULT_TYPES.EXPLAIN) {
-        const { data, dataAst, error, loading, loadingAst } = explainQuery;
-        return (_jsx(ExplainResult, { error: error, explain: data, astQuery: handleAstQuery, ast: dataAst, loading: loading, loadingAst: loadingAst, theme: theme, isResultsCollapsed: resultVisibilityState.collapsed, onExpandResults: onExpandResultHandler, onCollapseResults: onCollapseResultHandler }));
+        const { plan, ast } = explainQueryData || {};
+        return (_jsx(ExplainResult, { error: explainQueryError, explain: plan, ast: ast, loading: explainQueryLoading, theme: theme, isResultsCollapsed: resultVisibilityState.collapsed, onExpandResults: onExpandResultHandler, onCollapseResults: onCollapseResultHandler }));
     }
     return null;
 }

package/dist/containers/Tenant/Tenant.js

@@ -58,10 +58,11 @@ function Tenant(props) {
         dispatch(getSchema({ path: tenantName }));
     }, [tenantName, dispatch]);
     React.useEffect(() => {
-        if (currentSchemaPath) {
+        //TODO: should be refactored when move to @reduxjs/toolkit/query
+        if (currentSchemaPath && currentSchemaPath !== tenantName) {
             dispatch(getSchema({ path: currentSchemaPath }));
         }
-    }, [currentSchemaPath, dispatch]);
+    }, [currentSchemaPath, dispatch, tenantName]);
     React.useEffect(() => {
         if (tenantName) {
             dispatch(setHeaderBreadcrumbs('tenant', { tenantName }));

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

@@ -23,6 +23,7 @@ const pathTypeToNodeType = {
     [EPathType.EPathTypeExternalDataSource]: 'external_data_source',
     [EPathType.EPathTypeExternalTable]: 'external_table',
     [EPathType.EPathTypeView]: 'view',
+    [EPathType.EPathTypeReplication]: 'async_replication',
 };
 export const mapPathTypeToNavigationTreeType = (type = EPathType.EPathTypeDir, subType, defaultType = 'directory') => (subType && pathSubTypeToNodeType[subType]) || pathTypeToNodeType[type] || defaultType;
 // ====================
@@ -46,6 +47,7 @@ const pathTypeToEntityName = {
     [EPathType.EPathTypeExternalDataSource]: 'External Data Source',
     [EPathType.EPathTypeExternalTable]: 'External Table',
     [EPathType.EPathTypeView]: 'View',
+    [EPathType.EPathTypeReplication]: 'Async Replication',
 };
 export const mapPathTypeToEntityName = (type, subType) => (subType && pathSubTypeToEntityName[subType]) || (type && pathTypeToEntityName[type]);
 // ====================
@@ -72,6 +74,7 @@ const pathTypeToIsTable = {
     [EPathType.EPathTypeCdcStream]: false,
     [EPathType.EPathTypePersQueueGroup]: false,
     [EPathType.EPathTypeExternalDataSource]: false,
+    [EPathType.EPathTypeReplication]: false,
 };
 export const isTableType = (pathType) => { var _a; return (_a = (pathType && pathTypeToIsTable[pathType])) !== null && _a !== void 0 ? _a : false; };
 // ====================
@@ -97,6 +100,7 @@ const pathTypeToIsColumn = {
     [EPathType.EPathTypeExternalDataSource]: false,
     [EPathType.EPathTypeExternalTable]: false,
     [EPathType.EPathTypeView]: false,
+    [EPathType.EPathTypeReplication]: false,
 };
 export const isColumnEntityType = (type) => { var _a; return (_a = (type && pathTypeToIsColumn[type])) !== null && _a !== void 0 ? _a : false; };
 // ====================
@@ -114,6 +118,7 @@ const pathTypeToIsDatabase = {
     [EPathType.EPathTypeExternalDataSource]: false,
     [EPathType.EPathTypeExternalTable]: false,
     [EPathType.EPathTypeView]: false,
+    [EPathType.EPathTypeReplication]: false,
 };
 export const isDatabaseEntityType = (type) => { var _a; return (_a = (type && pathTypeToIsDatabase[type])) !== null && _a !== void 0 ? _a : false; };
 // ====================
@@ -133,6 +138,7 @@ const pathTypeToEntityWithMergedImplementation = {
     [EPathType.EPathTypeExternalDataSource]: false,
     [EPathType.EPathTypeExternalTable]: false,
     [EPathType.EPathTypeView]: false,
+    [EPathType.EPathTypeReplication]: false,
 };
 export const isEntityWithMergedImplementation = (type) => { var _a; return (_a = (type && pathTypeToEntityWithMergedImplementation[type])) !== null && _a !== void 0 ? _a : false; };
 // ====================
@@ -148,6 +154,7 @@ const pathTypeToChildless = {
     [EPathType.EPathTypeExternalDataSource]: true,
     [EPathType.EPathTypeExternalTable]: true,
     [EPathType.EPathTypeView]: true,
+    [EPathType.EPathTypeReplication]: true,
     [EPathType.EPathTypeInvalid]: false,
     [EPathType.EPathTypeColumnStore]: false,
     [EPathType.EPathTypeColumnTable]: false,
@@ -173,6 +180,7 @@ const mapPathTypeToIsWithTopic = {
     [EPathType.EPathTypeExternalDataSource]: false,
     [EPathType.EPathTypeExternalTable]: false,
     [EPathType.EPathTypeView]: false,
+    [EPathType.EPathTypeReplication]: false,
 };
 export const isPathTypeWithTopic = (type) => { var _a; return (_a = (type && mapPathTypeToIsWithTopic[type])) !== null && _a !== void 0 ? _a : false; };
 // ====================

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

@@ -97,6 +97,7 @@ export const getActions = (dispatch, additionalEffects) => (path, type) => {
     // 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,
         database: DIR_SET,
         directory: DIR_SET,
         table: TABLE_SET,

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

@@ -20,6 +20,7 @@ export const getControls = (dispatch, additionalEffects) => (path, type) => {
     const options = bindActions(path, dispatch, additionalEffects);
     const openPreview = (_jsx(Button, { view: "flat-secondary", onClick: options.openPreview, title: i18n('actions.openPreview'), size: "s", children: _jsx(Icon, { data: LayoutHeaderCellsLargeFill }) }));
     const nodeTypeToControls = {
+        async_replication: undefined,
         database: undefined,
         directory: undefined,
         table: openPreview,

package/dist/containers/VDiskPage/VDiskPage.js

@@ -27,6 +27,7 @@ const vDiskPageCn = cn('ydb-vdisk-page');
 export function VDiskPage() {
     const dispatch = useTypedDispatch();
     const nodesMap = useTypedSelector(selectNodesMap);
+    const { isUserAllowedToMakeChanges } = useTypedSelector((state) => state.authentication);
     const [{ nodeId, pDiskId, vDiskSlotId }] = useQueryParams({
         nodeId: StringParam,
         pDiskId: StringParam,
@@ -84,7 +85,7 @@ 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 (_jsx("div", { children: _jsxs(ButtonWithConfirmDialog, { onConfirmAction: handleEvictVDisk, onConfirmActionSuccess: handleAfterEvictVDisk, buttonDisabled: !VDiskId, buttonView: "normal", dialogContent: vDiskPageKeyset('evict-vdisk-dialog'), children: [_jsx(Icon, { data: ArrowsOppositeToDots }), vDiskPageKeyset('evict-vdisk-button')] }) }));
+        return (_jsx("div", { 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')] }) }));
     };
     const renderInfo = () => {
         return _jsx(VDiskInfo, { data: vDiskData, isVDiskPage: true });

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

@@ -5,5 +5,6 @@
     "vdisk": "VDisk",
     "group": "Group",
     "evict-vdisk-button": "Evict VDisk",
-    "evict-vdisk-dialog": "VDisk will be evicted. Do you want to proceed?"
+    "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", params?: import("@gravity-ui/i18n").Params | undefined) => string;
+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 | undefined) => string;