ydb-embedded-ui 6.11.0 → 6.12.0

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

@@ -2,6 +2,7 @@ import type { QueryAction, QueryMode } from '../../../../types/store/query';
 import './QueryEditorControls.scss';
 interface QueryEditorControlsProps {
     onRunButtonClick: (mode?: QueryMode) => void;
+    onSettingsButtonClick: () => void;
     runIsLoading: boolean;
     onExplainButtonClick: (mode?: QueryMode) => void;
     explainIsLoading: boolean;
@@ -10,5 +11,5 @@ interface QueryEditorControlsProps {
     queryMode: QueryMode;
     highlightedAction: QueryAction;
 }
-export declare const QueryEditorControls: ({ onRunButtonClick, runIsLoading, onExplainButtonClick, explainIsLoading, disabled, onUpdateQueryMode, queryMode, highlightedAction, }: QueryEditorControlsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const QueryEditorControls: ({ onRunButtonClick, onSettingsButtonClick, onUpdateQueryMode, runIsLoading, onExplainButtonClick, explainIsLoading, disabled, queryMode, highlightedAction, }: QueryEditorControlsProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,8 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-import { ChevronDown, PlayFill } from '@gravity-ui/icons';
+import { ChevronDown, Gear, PlayFill } from '@gravity-ui/icons';
 import { Button, DropdownMenu, Icon } from '@gravity-ui/uikit';
 import { LabelWithPopover } from '../../../../components/LabelWithPopover';
+import { QUERY_SETTINGS, useSetting } from '../../../../lib';
 import { cn } from '../../../../utils/cn';
 import { QUERY_MODES, QUERY_MODES_TITLES } from '../../../../utils/query';
 import { SaveQuery } from '../SaveQuery/SaveQuery';
@@ -33,7 +34,10 @@ const QueryModeSelectorOptions = {
         description: i18n('method-description.pg'),
     },
 };
-export const QueryEditorControls = ({ onRunButtonClick, runIsLoading, onExplainButtonClick, explainIsLoading, disabled, onUpdateQueryMode, queryMode, highlightedAction, }) => {
+export const QueryEditorControls = ({ onRunButtonClick, onSettingsButtonClick, onUpdateQueryMode, runIsLoading, onExplainButtonClick, explainIsLoading, disabled, queryMode, highlightedAction, }) => {
+    const [useQuerySettings] = useSetting(QUERY_SETTINGS);
+    const runView = highlightedAction === 'execute' ? 'action' : undefined;
+    const explainView = highlightedAction === 'explain' ? 'action' : undefined;
     const querySelectorMenuItems = React.useMemo(() => {
         return Object.entries(QueryModeSelectorOptions).map(([mode, { title, description }]) => {
             return {
@@ -44,14 +48,12 @@ export const QueryEditorControls = ({ onRunButtonClick, runIsLoading, onExplainB
             };
         });
     }, [onUpdateQueryMode]);
-    const runView = highlightedAction === 'execute' ? 'action' : undefined;
-    const explainView = highlightedAction === 'explain' ? 'action' : undefined;
     return (_jsxs("div", { className: b(), children: [_jsxs("div", { className: b('left'), children: [_jsxs(Button, { onClick: () => {
                             onRunButtonClick(queryMode);
-                        }, disabled: disabled, loading: runIsLoading, view: runView, children: [_jsx(Icon, { data: PlayFill, size: 14 }), 'Run'] }), _jsx(Button, { onClick: () => {
+                        }, disabled: disabled, loading: runIsLoading, view: runView, className: b('run-button'), children: [_jsx(Icon, { data: PlayFill, size: 14 }), 'Run'] }), _jsx(Button, { onClick: () => {
                             onExplainButtonClick(queryMode);
-                        }, disabled: disabled, loading: explainIsLoading, view: explainView, children: "Explain" }), _jsx("div", { className: b('mode-selector'), children: _jsx(DropdownMenu, { items: querySelectorMenuItems, popupProps: {
+                        }, disabled: disabled, loading: explainIsLoading, view: explainView, children: "Explain" }), useQuerySettings ? (_jsx(Button, { onClick: onSettingsButtonClick, loading: runIsLoading, className: b('gear-button'), children: _jsx(Icon, { data: Gear, size: 16 }) })) : (_jsx("div", { className: b('mode-selector'), children: _jsx(DropdownMenu, { items: querySelectorMenuItems, popupProps: {
                                 className: b('mode-selector__popup'),
                                 qa: queryModeSelectorPopupQa,
-                            }, switcher: _jsx(Button, { className: b('mode-selector__button'), qa: queryModeSelectorQa, children: _jsxs("span", { className: b('mode-selector__button-content'), children: [`${i18n('controls.query-mode-selector_type')} ${QueryModeSelectorOptions[queryMode].title}`, _jsx(Icon, { data: ChevronDown })] }) }) }) })] }), _jsx(SaveQuery, { isSaveButtonDisabled: disabled })] }));
+                            }, switcher: _jsx(Button, { className: b('mode-selector__button'), qa: queryModeSelectorQa, children: _jsxs("span", { className: b('mode-selector__button-content'), children: [`${i18n('controls.query-mode-selector_type')} ${QueryModeSelectorOptions[queryMode].title}`, _jsx(Icon, { data: ChevronDown })] }) }) }) }))] }), _jsx(SaveQuery, { isSaveButtonDisabled: disabled })] }));
 };

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

@@ -0,0 +1,2 @@
+import './QuerySettingsDialog.scss';
+export declare function QuerySettingsDialog(): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { Dialog, Link as ExternalLink, Flex, TextInput } from '@gravity-ui/uikit';
+import { Controller, useForm } from 'react-hook-form';
+import { selectQueryAction, setQueryAction, } from '../../../../store/reducers/queryActions/queryActions';
+import { cn } from '../../../../utils/cn';
+import { useTypedDispatch, useTypedSelector } from '../../../../utils/hooks';
+import { ISOLATION_LEVELS, QUERY_MODES, STATISTICS_MODES, TRACING_LEVELS, } from '../../../../utils/query';
+import { QuerySettingsSelect } from './QuerySettingsSelect';
+import { ISOLATION_LEVEL_SELECT_OPTIONS, QUERY_MODE_SELECT_OPTIONS, STATISTICS_MODE_SELECT_OPTIONS, TRACING_LEVEL_SELECT_OPTIONS, } from './constants';
+import i18n from './i18n';
+import './QuerySettingsDialog.scss';
+const b = cn('ydb-query-settings-dialog');
+export function QuerySettingsDialog() {
+    const dispatch = useTypedDispatch();
+    const queryAction = useTypedSelector(selectQueryAction);
+    const { control, handleSubmit, reset } = useForm({
+        defaultValues: {
+            queryMode: QUERY_MODES.script,
+            timeout: '60',
+            isolationLevel: ISOLATION_LEVELS.serializable,
+            statisticsMode: STATISTICS_MODES.none,
+            tracingLevel: TRACING_LEVELS.detailed,
+        },
+    });
+    const onCloseDialog = () => {
+        dispatch(setQueryAction('idle'));
+        reset();
+    };
+    const onSaveClick = (data) => {
+        console.log('Form Data:', data);
+        // dispatch(saveQuerySettings(data));
+        onCloseDialog();
+    };
+    return (_jsxs(Dialog, { open: queryAction === 'settings', size: "s", onClose: onCloseDialog, className: b(), hasCloseButton: false, children: [_jsx(Dialog.Header, { caption: i18n('action.settings') }), _jsxs("form", { onSubmit: handleSubmit(onSaveClick), children: [_jsxs(Dialog.Body, { className: b('dialog-body'), children: [_jsxs(Flex, { direction: "row", alignItems: "flex-start", className: b('dialog-row'), children: [_jsx("label", { htmlFor: "queryMode", className: b('field-title'), children: i18n('form.query-mode') }), _jsx("div", { className: b('control-wrapper'), children: _jsx(Controller, { name: "queryMode", control: control, render: ({ field }) => (_jsx(QuerySettingsSelect, { setting: field.value, onUpdateSetting: field.onChange, settingOptions: QUERY_MODE_SELECT_OPTIONS })) }) })] }), _jsxs(Flex, { direction: "row", alignItems: "flex-start", className: b('dialog-row'), children: [_jsx("label", { htmlFor: "timeout", className: b('field-title'), children: i18n('form.timeout') }), _jsx("div", { className: b('control-wrapper'), children: _jsx(Controller, { name: "timeout", control: control, render: ({ field }) => (_jsxs(React.Fragment, { children: [_jsx(TextInput, { type: "number", ...field, className: b('timeout'), placeholder: "60" }), _jsx("span", { className: b('timeout-suffix'), children: i18n('form.timeout.seconds') })] })) }) })] }), _jsxs(Flex, { direction: "row", alignItems: "flex-start", className: b('dialog-row'), children: [_jsx("label", { htmlFor: "tracingLevel", className: b('field-title'), children: i18n('form.tracing-level') }), _jsx("div", { className: b('control-wrapper'), children: _jsx(Controller, { name: "tracingLevel", control: control, render: ({ field }) => (_jsx(QuerySettingsSelect, { setting: field.value, onUpdateSetting: field.onChange, settingOptions: TRACING_LEVEL_SELECT_OPTIONS })) }) })] }), _jsxs(Flex, { direction: "row", alignItems: "flex-start", className: b('dialog-row'), children: [_jsx("label", { htmlFor: "isolationLevel", className: b('field-title'), children: i18n('form.isolation-level') }), _jsx("div", { className: b('control-wrapper'), children: _jsx(Controller, { name: "isolationLevel", control: control, render: ({ field }) => (_jsx(QuerySettingsSelect, { setting: field.value, onUpdateSetting: field.onChange, settingOptions: ISOLATION_LEVEL_SELECT_OPTIONS })) }) })] }), _jsxs(Flex, { direction: "row", alignItems: "flex-start", className: b('dialog-row'), children: [_jsx("label", { htmlFor: "statisticsMode", className: b('field-title'), children: i18n('form.statistics-mode') }), _jsx("div", { className: b('control-wrapper'), children: _jsx(Controller, { name: "statisticsMode", control: control, render: ({ field }) => (_jsx(QuerySettingsSelect, { setting: field.value, onUpdateSetting: field.onChange, settingOptions: STATISTICS_MODE_SELECT_OPTIONS })) }) })] })] }), _jsx(Dialog.Footer, { textButtonApply: i18n('button-done'), textButtonCancel: i18n('button-cancel'), onClickButtonCancel: onCloseDialog, propsButtonApply: {
+                            type: 'submit',
+                        }, renderButtons: (buttonApply, buttonCancel) => (_jsxs("div", { className: b('buttons-container'), children: [_jsx(ExternalLink, { href: "https://ydb.tech/docs/ru/concepts/transactions", target: "_blank", className: b('documentation-link'), children: i18n('docs') }), _jsxs("div", { className: b('main-buttons'), children: [buttonCancel, buttonApply] })] })) })] })] }));
+}

package/dist/containers/Tenant/Query/QuerySettingsDialog/QuerySettingsDialog.scss

@@ -0,0 +1,63 @@
+.ydb-query-settings-dialog {
+    &__dialog-row {
+        & + & {
+            margin-top: var(--g-text-body-1-line-height);
+        }
+    }
+
+    &__field-title {
+        flex: 4;
+
+        margin-right: var(--g-spacing-3);
+
+        font-weight: 500;
+        line-height: var(--g-text-header-2-line-height);
+        white-space: nowrap;
+    }
+
+    .g-dialog-footer__bts-wrapper {
+        width: 100%;
+    }
+
+    &__dialog-body {
+        padding-top: var(--g-spacing-6);
+    }
+
+    &__control-wrapper {
+        display: flex;
+        flex: 6;
+    }
+
+    &__timeout {
+        width: 33.3%;
+        margin-right: var(--g-spacing-2);
+    }
+
+    &__timeout-suffix {
+        display: flex;
+        align-items: center;
+
+        color: var(--g-color-text-secondary);
+    }
+
+    &__documentation-link {
+        display: flex;
+        align-items: center;
+
+        margin-left: var(--g-spacing-4);
+
+        color: var(--g-color-text-secondary);
+    }
+
+    &__buttons-container {
+        display: flex;
+        justify-content: space-between;
+
+        width: 100%;
+    }
+
+    &__main-buttons {
+        display: flex;
+        gap: 10px;
+    }
+}

package/dist/containers/Tenant/Query/QuerySettingsDialog/QuerySettingsSelect.d.ts

@@ -0,0 +1,15 @@
+import type { SelectOption } from '@gravity-ui/uikit';
+import type { IsolationLevel, QueryMode, StatisticsMode, TracingLevel } from '../../../../types/store/query';
+import './QuerySettingsSelect.scss';
+export declare const getOptionHeight: () => number;
+type SelectType = QueryMode | IsolationLevel | StatisticsMode | TracingLevel;
+type QuerySettingSelectOption<T> = SelectOption<T> & {
+    isDefault?: boolean;
+};
+interface QuerySettingsSelectProps<T extends SelectType> {
+    setting: T;
+    settingOptions: QuerySettingSelectOption<T>[];
+    onUpdateSetting: (mode: T) => void;
+}
+export declare function QuerySettingsSelect<T extends SelectType>(props: QuerySettingsSelectProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/containers/Tenant/Query/QuerySettingsDialog/QuerySettingsSelect.js

@@ -0,0 +1,14 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Select } from '@gravity-ui/uikit';
+import { cn } from '../../../../utils/cn';
+import i18n from './i18n';
+import './QuerySettingsSelect.scss';
+// Make option height dynamic.
+// By default it has static height.
+export const getOptionHeight = () => -1;
+const b = cn('ydb-query-settings-select');
+export function QuerySettingsSelect(props) {
+    return (_jsx("div", { className: b('selector'), children: _jsx(Select, { options: props.settingOptions, value: [props.setting], onUpdate: (value) => {
+                props.onUpdateSetting(value[0]);
+            }, getOptionHeight: getOptionHeight, popupClassName: b('popup'), renderOption: (option) => (_jsxs("div", { className: b('item'), children: [_jsxs("div", { className: b('item-title'), children: [option.content, option.isDefault ? i18n('description.default') : ''] }), option.text && (_jsx("span", { className: b('item-description'), children: option.text }))] })), width: "max" }) }));
+}

package/dist/containers/Tenant/Query/QuerySettingsDialog/QuerySettingsSelect.scss

@@ -0,0 +1,19 @@
+.ydb-query-settings-select {
+    &__selector {
+        width: 100%;
+    }
+
+    &__popup {
+        max-width: 320px;
+    }
+
+    &__item-description {
+        white-space: pre-wrap;
+
+        color: var(--g-color-text-secondary);
+    }
+
+    &__item {
+        padding: var(--g-spacing-1) 0;
+    }
+}

package/dist/containers/Tenant/Query/QuerySettingsDialog/constants.d.ts

@@ -0,0 +1,99 @@
+export declare const ISOLATION_LEVEL_SELECT_OPTIONS: ({
+    value: "serializable-read-write";
+    content: string;
+    text: string;
+    isDefault: boolean;
+} | {
+    value: "online-read-only";
+    content: string;
+    text: string;
+    isDefault?: undefined;
+} | {
+    value: "stale-read-only";
+    content: string;
+    text: string;
+    isDefault?: undefined;
+} | {
+    value: "snapshot-read-only";
+    content: string;
+    text: string;
+    isDefault?: undefined;
+})[];
+export declare const QUERY_MODE_SELECT_OPTIONS: ({
+    value: "script";
+    content: string;
+    text: string;
+    isDefault: boolean;
+} | {
+    value: "scan";
+    content: string;
+    text: string;
+    isDefault?: undefined;
+} | {
+    value: "data";
+    content: string;
+    text: string;
+    isDefault?: undefined;
+} | {
+    value: "query";
+    content: string;
+    text: string;
+    isDefault?: undefined;
+} | {
+    value: "pg";
+    content: string;
+    text: string;
+    isDefault?: undefined;
+})[];
+export declare const STATISTICS_MODE_SELECT_OPTIONS: ({
+    value: "none";
+    content: string;
+    text: string;
+    isDefault: boolean;
+} | {
+    value: "basic";
+    content: string;
+    text: string;
+    isDefault?: undefined;
+} | {
+    value: "full";
+    content: string;
+    text: string;
+    isDefault?: undefined;
+} | {
+    value: "profile";
+    content: string;
+    text: string;
+    isDefault?: undefined;
+})[];
+export declare const TRACING_LEVEL_SELECT_OPTIONS: ({
+    value: "basic";
+    content: string;
+    text: string;
+    isDefault?: undefined;
+} | {
+    value: "detailed";
+    content: string;
+    text: string;
+    isDefault: boolean;
+} | {
+    value: "diagnostic";
+    content: string;
+    text: string;
+    isDefault?: undefined;
+} | {
+    value: "off";
+    content: string;
+    text: string;
+    isDefault?: undefined;
+} | {
+    value: "toplevel";
+    content: string;
+    text: string;
+    isDefault?: undefined;
+} | {
+    value: "trace";
+    content: string;
+    text: string;
+    isDefault?: undefined;
+})[];

package/dist/containers/Tenant/Query/QuerySettingsDialog/constants.js

@@ -0,0 +1,109 @@
+import { ISOLATION_LEVELS, ISOLATION_LEVELS_TITLES, QUERY_MODES, QUERY_MODES_TITLES, STATISTICS_MODES, STATISTICS_MODES_TITLES, TRACING_LEVELS, TRACING_LEVELS_TITLES, } from '../../../../utils/query';
+import i18n from '../i18n';
+export const ISOLATION_LEVEL_SELECT_OPTIONS = [
+    {
+        value: ISOLATION_LEVELS.serializable,
+        content: ISOLATION_LEVELS_TITLES[ISOLATION_LEVELS.serializable],
+        text: i18n('isolation-level-description.serializable'),
+        isDefault: true,
+    },
+    {
+        value: ISOLATION_LEVELS.onlinero,
+        content: ISOLATION_LEVELS_TITLES[ISOLATION_LEVELS.onlinero],
+        text: i18n('isolation-level-description.onlinero'),
+    },
+    {
+        value: ISOLATION_LEVELS.stalero,
+        content: ISOLATION_LEVELS_TITLES[ISOLATION_LEVELS.stalero],
+        text: i18n('isolation-level-description.stalero'),
+    },
+    {
+        value: ISOLATION_LEVELS.snapshot,
+        content: ISOLATION_LEVELS_TITLES[ISOLATION_LEVELS.snapshot],
+        text: i18n('isolation-level-description.snapshot'),
+    },
+];
+export const QUERY_MODE_SELECT_OPTIONS = [
+    {
+        value: QUERY_MODES.script,
+        content: QUERY_MODES_TITLES[QUERY_MODES.script],
+        text: i18n('method-description.script'),
+        isDefault: true,
+    },
+    {
+        value: QUERY_MODES.scan,
+        content: QUERY_MODES_TITLES[QUERY_MODES.scan],
+        text: i18n('method-description.scan'),
+    },
+    {
+        value: QUERY_MODES.data,
+        content: QUERY_MODES_TITLES[QUERY_MODES.data],
+        text: i18n('method-description.data'),
+    },
+    {
+        value: QUERY_MODES.query,
+        content: QUERY_MODES_TITLES[QUERY_MODES.query],
+        text: i18n('method-description.query'),
+    },
+    {
+        value: QUERY_MODES.pg,
+        content: QUERY_MODES_TITLES[QUERY_MODES.pg],
+        text: i18n('method-description.pg'),
+    },
+];
+export const STATISTICS_MODE_SELECT_OPTIONS = [
+    {
+        value: STATISTICS_MODES.none,
+        content: STATISTICS_MODES_TITLES[STATISTICS_MODES.none],
+        text: i18n('statistics-mode-description.none'),
+        isDefault: true,
+    },
+    {
+        value: STATISTICS_MODES.basic,
+        content: STATISTICS_MODES_TITLES[STATISTICS_MODES.basic],
+        text: i18n('statistics-mode-description.basic'),
+    },
+    {
+        value: STATISTICS_MODES.full,
+        content: STATISTICS_MODES_TITLES[STATISTICS_MODES.full],
+        text: i18n('statistics-mode-description.full'),
+    },
+    {
+        value: STATISTICS_MODES.profile,
+        content: STATISTICS_MODES_TITLES[STATISTICS_MODES.profile],
+        text: i18n('statistics-mode-description.profile'),
+    },
+];
+export const TRACING_LEVEL_SELECT_OPTIONS = [
+    {
+        value: TRACING_LEVELS.basic,
+        content: TRACING_LEVELS_TITLES[TRACING_LEVELS.basic],
+        text: i18n('tracing-level-description.basic'),
+    },
+    {
+        value: TRACING_LEVELS.detailed,
+        content: TRACING_LEVELS_TITLES[TRACING_LEVELS.detailed],
+        text: i18n('tracing-level-description.detailed'),
+        isDefault: true,
+    },
+    {
+        value: TRACING_LEVELS.diagnostic,
+        content: TRACING_LEVELS_TITLES[TRACING_LEVELS.diagnostic],
+        text: i18n('tracing-level-description.diagnostic'),
+    },
+    {
+        value: TRACING_LEVELS.off,
+        content: TRACING_LEVELS_TITLES[TRACING_LEVELS.off],
+        text: i18n('tracing-level-description.off'),
+    },
+    {
+        value: TRACING_LEVELS.toplevel,
+        content: TRACING_LEVELS_TITLES[TRACING_LEVELS.toplevel],
+        text: i18n('tracing-level-description.toplevel'),
+    },
+    {
+        value: TRACING_LEVELS.trace,
+        content: TRACING_LEVELS_TITLES[TRACING_LEVELS.trace],
+        text: i18n('tracing-level-description.trace'),
+    },
+];

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

@@ -0,0 +1,13 @@
+{
+    "action.settings": "Query settings",
+    "form.query-mode": "Query type",
+    "form.timeout": "Timeout",
+    "form.isolation-level": "Isolation level",
+    "form.statistics-mode": "Statistics collection mode",
+    "form.tracing-level": "Tracing level",
+    "button-done": "Save",
+    "button-cancel": "Cancel",
+    "form.timeout.seconds": "sec",
+    "description.default": " (default)",
+    "docs": "Documentation"
+}

package/dist/containers/Tenant/Query/QuerySettingsDialog/i18n/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (key: "button-cancel" | "action.settings" | "form.query-mode" | "form.timeout" | "form.isolation-level" | "form.statistics-mode" | "form.tracing-level" | "button-done" | "form.timeout.seconds" | "description.default" | "docs", params?: import("@gravity-ui/i18n").Params) => string;
+export default _default;

package/dist/containers/Tenant/Query/QuerySettingsDialog/i18n/index.js

@@ -0,0 +1,5 @@
+import { registerKeysets } from '../../../../../utils/i18n';
+import en from './en.json';
+import ru from './ru.json';
+const COMPONENT = 'ydb-query-settings-dialog';
+export default registerKeysets(COMPONENT, { en, ru });

package/dist/containers/Tenant/Query/QuerySettingsDialog/i18n/ru.json

@@ -0,0 +1,13 @@
+{
+    "action.settings": "Настройки запроса",
+    "form.query-mode": "Тип запроса",
+    "form.timeout": "Таймаут",
+    "form.isolation-level": "Уровень изоляции",
+    "form.statistics-mode": "Режим сбора статистики",
+    "form.tracing-level": "Tracing level",
+    "button-done": "Готово",
+    "button-cancel": "Отменить",
+    "form.timeout.seconds": "сек",
+    "description.default": " (default)",
+    "docs": "Документация"
+}

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

@@ -17,6 +17,20 @@
     "method-description.data": "DML queries for changing and fetching data in serialization mode.\nAPI call: table.executeDataQuery",
     "method-description.query": "Any query. An experimental API call supposed to replace all existing methods.\nAPI Call: query.ExecuteScript",
     "method-description.pg": "Queries in postgresql syntax.\nAPI call: query.ExecuteScript",
+    "isolation-level-description.serializable": "Provides the strictest isolation level for custom transactions",
+    "isolation-level-description.onlinero": "Each read operation in the transaction is reading the data that is most recent at execution time",
+    "isolation-level-description.stalero": "Read operations within a transaction may return results that are slightly out-of-date (lagging by fractions of a second)",
+    "isolation-level-description.snapshot": "All the read operations within a transaction access the database snapshot. All the data reads are consistent",
+    "tracing-level-description.basic": "Spans of main component operations",
+    "tracing-level-description.detailed": "Highest detail applicable for diagnosing problems in production",
+    "tracing-level-description.diagnostic": "Detailed debugging information for developers",
+    "tracing-level-description.off": "No tracing",
+    "tracing-level-description.toplevel": "Lowest detail, no more than two spans per request to the component",
+    "tracing-level-description.trace": "Very detailed debugging information",
+    "statistics-mode-description.none": "Don't collect statistics",
+    "statistics-mode-description.basic": "Collect statistics",
+    "statistics-mode-description.full": "Collect statistics and query plan",
+    "statistics-mode-description.profile": "Collect statistics for individual tasks",
     "query-duration.description": "Duration of server-side query execution",
     "action.send-query": "Send query",
     "action.send-selected-query": "Send selected query",

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

@@ -1,2 +1,2 @@
-declare const _default: (key: "controls.query-mode-selector_type" | "tabs.newQuery" | "tabs.history" | "tabs.saved" | "history.empty" | "saved.empty" | "delete-dialog.header" | "delete-dialog.question" | "delete-dialog.delete" | "delete-dialog.cancel" | "preview.title" | "preview.not-available" | "preview.close" | "method-description.script" | "method-description.scan" | "method-description.data" | "method-description.query" | "method-description.pg" | "query-duration.description" | "action.send-query" | "action.send-selected-query" | "action.previous-query" | "action.next-query" | "action.save-query", params?: import("@gravity-ui/i18n").Params) => string;
+declare const _default: (key: "controls.query-mode-selector_type" | "tabs.newQuery" | "tabs.history" | "tabs.saved" | "history.empty" | "saved.empty" | "delete-dialog.header" | "delete-dialog.question" | "delete-dialog.delete" | "delete-dialog.cancel" | "preview.title" | "preview.not-available" | "preview.close" | "method-description.script" | "method-description.scan" | "method-description.data" | "method-description.query" | "method-description.pg" | "isolation-level-description.serializable" | "isolation-level-description.onlinero" | "isolation-level-description.stalero" | "isolation-level-description.snapshot" | "tracing-level-description.basic" | "tracing-level-description.detailed" | "tracing-level-description.diagnostic" | "tracing-level-description.off" | "tracing-level-description.toplevel" | "tracing-level-description.trace" | "statistics-mode-description.none" | "statistics-mode-description.basic" | "statistics-mode-description.full" | "statistics-mode-description.profile" | "query-duration.description" | "action.send-query" | "action.send-selected-query" | "action.previous-query" | "action.next-query" | "action.save-query", params?: import("@gravity-ui/i18n").Params) => string;
 export default _default;

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

@@ -22,7 +22,7 @@ export function SchemaTree(props) {
     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,7 +67,7 @@ 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),

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(() => {

package/dist/containers/Tenant/Tenant.js

@@ -47,7 +47,7 @@ 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, isLoading } = 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) {

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',