ydb-embedded-ui 6.3.0 → 6.5.0

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

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Label } from '@gravity-ui/uikit';
+export function Credentials({ connection }) {
+    if (!connection) {
+        return null;
+    }
+    if (connection.StaticCredentials) {
+        return (_jsx(Label, { value: connection.StaticCredentials.User, theme: "normal", children: "user" }));
+    }
+    if ('OAuthToken' in connection) {
+        return 'OAuth';
+    }
+    return 'unknown';
+}

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

@@ -0,0 +1,7 @@
+{
+    "credentials.label": "Credentials",
+    "noData": "No data for entity:",
+    "srcConnection.database.label": "Source Database Path",
+    "srcConnection.endpoint.label": "Source Cluster Endpoint",
+    "state.label": "State"
+}

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

@@ -0,0 +1,2 @@
+declare const _default: (key: "noData" | "credentials.label" | "srcConnection.database.label" | "srcConnection.endpoint.label" | "state.label", params?: import("@gravity-ui/i18n").Params | undefined) => string;
+export default _default;

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

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

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

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

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

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

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

@@ -0,0 +1,7 @@
+import type { TReplicationConfig } from '../../../../../types/api/schema/replication';
+import './AsyncReplicationPaths.scss';
+interface AsyncReplicationPathsProps {
+    config?: TReplicationConfig;
+}
+export declare function AsyncReplicationPaths({ config }: AsyncReplicationPathsProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

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/Healthcheck/HealthcheckPreview.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
+import { ArrowsRotateRight } from '@gravity-ui/icons';
 import { Button, Icon } from '@gravity-ui/uikit';
 import { DiagnosticCard } from '../../../../../components/DiagnosticCard/DiagnosticCard';
 import { EntityStatus } from '../../../../../components/EntityStatus/EntityStatus';
@@ -8,7 +9,6 @@ import { Loader } from '../../../../../components/Loader';
 import { hcStatusToColorFlag } from '../../../../../store/reducers/healthcheckInfo/utils';
 import { cn } from '../../../../../utils/cn';
 import i18n from './i18n';
-import updateArrow from '../../../../../assets/icons/update-arrow.svg';
 import './Healthcheck.scss';
 const b = cn('healthcheck');
 export function HealthcheckPreview(props) {
@@ -22,7 +22,7 @@ export function HealthcheckPreview(props) {
                                 // FIXME: refactor card to remove the button from the anchor link.
                                 event.preventDefault();
                                 onUpdate();
-                            }, loading: loading, view: "flat-secondary", children: _jsx(Icon, { data: updateArrow, width: 20, height: 20 }) })] }), _jsx("div", { className: b('self-check-status-indicator', { [modifier]: true }), children: selfCheckResult })] }));
+                            }, loading: loading, view: "flat-secondary", children: _jsx(Icon, { data: ArrowsRotateRight, size: 20 }) })] }), _jsx("div", { className: b('self-check-status-indicator', { [modifier]: true }), children: selfCheckResult })] }));
     };
     const renderContent = () => {
         if (error) {

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/ObjectGeneral/ObjectGeneral.js

@@ -1,21 +1,15 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useThemeValue } from '@gravity-ui/uikit';
-import { useLocation } from 'react-router';
-import { parseQuery } from '../../../routes';
 import { TENANT_PAGES_IDS } from '../../../store/reducers/tenant/constants';
 import { cn } from '../../../utils/cn';
-import { TENANT_INITIAL_PAGE_KEY } from '../../../utils/constants';
-import { useSetting } from '../../../utils/hooks';
+import { useTypedSelector } from '../../../utils/hooks';
 import Diagnostics from '../Diagnostics/Diagnostics';
 import { Query } from '../Query/Query';
 import './ObjectGeneral.scss';
 const b = cn('object-general');
 function ObjectGeneral(props) {
-    const location = useLocation();
     const theme = useThemeValue();
-    const [initialPage] = useSetting(TENANT_INITIAL_PAGE_KEY);
-    const queryParams = parseQuery(location);
-    const { tenantPage = initialPage } = queryParams;
+    const { tenantPage } = useTypedSelector((state) => state.tenant);
     const renderTabContent = () => {
         const { type, additionalTenantProps, additionalNodesProps, tenantName } = props;
         switch (tenantPage) {

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

@@ -1,12 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { HelpPopover } from '@gravity-ui/components';
-import { Button, Tabs } from '@gravity-ui/uikit';
+import { LayoutHeaderCellsLargeFill } from '@gravity-ui/icons';
+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 { Icon } from '../../../components/Icon';
 import InfoViewer from '../../../components/InfoViewer/InfoViewer';
 import { CDCStreamOverview, PersQueueGroupOverview, } from '../../../components/InfoViewer/schemaOverview';
 import { Loader } from '../../../components/Loader';
@@ -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;
     };
@@ -138,7 +152,7 @@ export function ObjectSummary({ type, subType, onCollapseSummary, onExpandSummar
     };
     const renderCommonInfoControls = () => {
         const showPreview = isTableType(type) && !isIndexTableType(subType);
-        return (_jsxs(React.Fragment, { children: [showPreview && (_jsx(Button, { view: "flat-secondary", onClick: onOpenPreview, title: i18n('summary.showPreview'), children: _jsx(Icon, { name: "tablePreview", viewBox: '0 0 16 16', height: 16, width: 16 }) })), currentSchemaPath && (_jsx(ClipboardButton, { text: currentSchemaPath, view: "flat-secondary", title: i18n('summary.copySchemaPath') })), _jsx(PaneVisibilityToggleButtons, { onCollapse: onCollapseInfoHandler, onExpand: onExpandInfoHandler, isCollapsed: commonInfoVisibilityState.collapsed, initialDirection: "bottom" })] }));
+        return (_jsxs(React.Fragment, { children: [showPreview && (_jsx(Button, { view: "flat-secondary", onClick: onOpenPreview, title: i18n('summary.showPreview'), children: _jsx(Icon, { data: LayoutHeaderCellsLargeFill }) })), currentSchemaPath && (_jsx(ClipboardButton, { text: currentSchemaPath, view: "flat-secondary", title: i18n('summary.copySchemaPath') })), _jsx(PaneVisibilityToggleButtons, { onCollapse: onCollapseInfoHandler, onExpand: onExpandInfoHandler, isCollapsed: commonInfoVisibilityState.collapsed, initialDirection: "bottom" })] }));
     };
     const renderEntityTypeBadge = () => {
         const { Status, Reason } = currentItem;

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';
@@ -97,7 +98,7 @@ export function ExplainResult(props) {
         return (_jsxs(React.Fragment, { children: [content, isFullscreen && _jsx(Fullscreen, { children: content })] }));
     };
     const renderAstExplain = () => {
-        const content = (_jsx("div", { className: b('ast'), children: _jsx(MonacoEditor, { language: LANGUAGE_S_EXPRESSION_ID, value: props.ast, options: EDITOR_OPTIONS, wrappingIndent: "indent" }) }));
+        const content = (_jsx("div", { className: b('ast'), children: _jsx(MonacoEditor, { language: LANGUAGE_S_EXPRESSION_ID, value: props.ast, options: EDITOR_OPTIONS, wrappingIndent: "indent", theme: `vs-${props.theme}` }) }));
         return (_jsxs(React.Fragment, { children: [content, isFullscreen && _jsx(Fullscreen, { children: content })] }));
     };
     const renderGraph = () => {
@@ -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/Issues/Issues.js

@@ -1,13 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
+import { CircleExclamationFill, CircleInfoFill, CircleXmarkFill, TriangleExclamationFill, } from '@gravity-ui/icons';
 import { ArrowToggle, Button, Icon } from '@gravity-ui/uikit';
 import ShortyString from '../../../../components/ShortyString/ShortyString';
 import { cn } from '../../../../utils/cn';
 import { getSeverity } from './models';
-import warningIcon from '../../../../assets/icons/circle-exclamation.svg';
-import infoIcon from '../../../../assets/icons/circle-info.svg';
-import fatalIcon from '../../../../assets/icons/circle-xmark.svg';
-import errorIcon from '../../../../assets/icons/triangle-exclamation.svg';
 import './Issues.scss';
 const blockWrapper = cn('kv-result-issues');
 const blockIssues = cn('kv-issues');
@@ -55,15 +52,15 @@ function IssueList(props) {
     return (_jsx("div", { className: blockIssue('list'), children: issues.map((issue, index) => (_jsx(Issue, { issue: issue, level: level, expanded: expanded }, index))) }));
 }
 const severityIcons = {
-    S_INFO: infoIcon,
-    S_WARNING: warningIcon,
-    S_ERROR: errorIcon,
-    S_FATAL: fatalIcon,
+    S_INFO: CircleInfoFill,
+    S_WARNING: CircleExclamationFill,
+    S_ERROR: TriangleExclamationFill,
+    S_FATAL: CircleXmarkFill,
 };
 const blockIssueSeverity = cn('yql-issue-severity');
 function IssueSeverity({ severity }) {
     const shortenSeverity = severity.slice(2).toLowerCase();
-    return (_jsxs("span", { className: blockIssueSeverity({ severity: shortenSeverity }), children: [_jsx(Icon, { className: blockIssueSeverity('icon'), data: severityIcons[severity], size: 16 }), _jsx("span", { className: blockIssueSeverity('title'), children: shortenSeverity })] }));
+    return (_jsxs("span", { className: blockIssueSeverity({ severity: shortenSeverity }), children: [_jsx(Icon, { className: blockIssueSeverity('icon'), data: severityIcons[severity] }), _jsx("span", { className: blockIssueSeverity('title'), children: shortenSeverity })] }));
 }
 function getIssuePosition(issue) {
     const { position = {} } = issue;

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

@@ -1,14 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Loader } from '@gravity-ui/uikit';
+import { Xmark } from '@gravity-ui/icons';
+import { Button, Icon, Loader } from '@gravity-ui/uikit';
 import EnableFullscreenButton from '../../../../components/EnableFullscreenButton/EnableFullscreenButton';
 import Fullscreen from '../../../../components/Fullscreen/Fullscreen';
-import { Icon } from '../../../../components/Icon';
 import { QueryResultTable } from '../../../../components/QueryResultTable';
 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';
@@ -26,7 +26,7 @@ export const Preview = ({ database, type }) => {
         dispatch(setShowPreview(false));
     };
     const renderHeader = () => {
-        return (_jsxs("div", { className: b('header'), children: [_jsxs("div", { className: b('title'), children: [i18n('preview.title'), ' ', _jsx("div", { className: b('table-name'), children: currentSchemaPath })] }), _jsxs("div", { className: b('controls-left'), children: [_jsx(EnableFullscreenButton, { disabled: Boolean(error) }), _jsx(Button, { view: "flat-secondary", onClick: handleClosePreview, title: i18n('preview.close'), children: _jsx(Icon, { name: "close", viewBox: '0 0 16 16', width: 16, height: 16 }) })] })] }));
+        return (_jsxs("div", { className: b('header'), children: [_jsxs("div", { className: b('title'), children: [i18n('preview.title'), ' ', _jsx("div", { className: b('table-name'), children: currentSchemaPath })] }), _jsxs("div", { className: b('controls-left'), children: [_jsx(EnableFullscreenButton, { disabled: Boolean(error) }), _jsx(Button, { view: "flat-secondary", onClick: handleClosePreview, title: i18n('preview.close'), children: _jsx(Icon, { data: Xmark, size: 18 }) })] })] }));
     };
     if (loading) {
         return (_jsx("div", { className: b('loader-container'), children: _jsx(Loader, { size: "m" }) }));
@@ -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;
@@ -28,8 +22,8 @@ interface QueryEditorProps {
 declare function QueryEditor(props: QueryEditorProps): import("react/jsx-runtime").JSX.Element;
 declare const _default: import("react-redux").ConnectedComponent<typeof QueryEditor, {
     theme: string;
-    type?: EPathType | undefined;
     path: string;
+    type?: EPathType | undefined;
     changeUserInput: (arg: {
         input: string;
     }) => void;