ydb-embedded-ui 6.11.0 → 6.13.0

package/dist/containers/Tenant/Query/QueryEditorControls/utils/getChangedQueryExecutionSettingsDescription.test.js

@@ -0,0 +1,56 @@
+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 { QUERY_SETTINGS_FIELD_SETTINGS } from '../../QuerySettingsDialog/constants';
+import getChangedQueryExecutionSettingsDescription from './getChangedQueryExecutionSettingsDescription';
+const DEFAULT_QUERY_SETTINGS = {
+    queryMode: QUERY_MODES.script,
+    isolationLevel: ISOLATION_LEVELS.serializable,
+    timeout: '60',
+    statisticsMode: STATISTICS_MODES.none,
+    tracingLevel: TRACING_LEVELS.detailed,
+};
+describe('getChangedQueryExecutionSettingsDescription', () => {
+    it('should return an empty object if no settings changed', () => {
+        const currentSettings = { ...DEFAULT_QUERY_SETTINGS };
+        const result = getChangedQueryExecutionSettingsDescription({
+            currentSettings,
+            defaultSettings: DEFAULT_QUERY_SETTINGS,
+        });
+        expect(result).toEqual({});
+    });
+    it('should return the description for changed settings', () => {
+        var _a;
+        const currentSettings = {
+            ...DEFAULT_QUERY_SETTINGS,
+            queryMode: QUERY_MODES.pg,
+            timeout: '63',
+        };
+        const result = getChangedQueryExecutionSettingsDescription({
+            currentSettings,
+            defaultSettings: DEFAULT_QUERY_SETTINGS,
+        });
+        expect(result).toEqual({
+            [QUERY_SETTINGS_FIELD_SETTINGS.queryMode.title]: (_a = QUERY_SETTINGS_FIELD_SETTINGS.queryMode.options.find((option) => option.value === QUERY_MODES.pg)) === null || _a === void 0 ? void 0 : _a.content,
+            [QUERY_SETTINGS_FIELD_SETTINGS.timeout.title]: '63',
+        });
+    });
+    it('should return the correct description for all changed settings', () => {
+        const currentSettings = {
+            queryMode: QUERY_MODES.data,
+            isolationLevel: ISOLATION_LEVELS.snapshot,
+            timeout: '120',
+            statisticsMode: STATISTICS_MODES.profile,
+            tracingLevel: TRACING_LEVELS.diagnostic,
+        };
+        const result = getChangedQueryExecutionSettingsDescription({
+            currentSettings,
+            defaultSettings: DEFAULT_QUERY_SETTINGS,
+        });
+        expect(result).toEqual({
+            [QUERY_SETTINGS_FIELD_SETTINGS.queryMode.title]: QUERY_MODES_TITLES.data,
+            [QUERY_SETTINGS_FIELD_SETTINGS.isolationLevel.title]: ISOLATION_LEVELS_TITLES['snapshot-read-only'],
+            [QUERY_SETTINGS_FIELD_SETTINGS.timeout.title]: '120',
+            [QUERY_SETTINGS_FIELD_SETTINGS.statisticsMode.title]: STATISTICS_MODES_TITLES.profile,
+            [QUERY_SETTINGS_FIELD_SETTINGS.tracingLevel.title]: TRACING_LEVELS_TITLES.diagnostic,
+        });
+    });
+});

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

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

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

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Alert } from '@gravity-ui/uikit';
+import QuerySettingsDescription from '../../../../components/QuerySettingsDescription/QuerySettingsDescription';
+import { cn } from '../../../../utils/cn';
+import { useChangedQuerySettings } from '../../../../utils/hooks/useChangedQuerySettings';
+import i18n from '../i18n';
+const b = cn('ydb-query-settings-banner');
+import './QuerySettingsBanner.scss';
+export function QuerySettingsBanner() {
+    const { isBannerShown, changedLastExecutionSettingsDescriptions, closeBanner } = useChangedQuerySettings();
+    return isBannerShown ? (_jsx(Alert, { className: b(), theme: "info", align: "baseline", message: _jsx(QuerySettingsDescription, { prefix: i18n('banner.query-settings.message'), querySettings: changedLastExecutionSettingsDescriptions }), onClose: closeBanner })) : null;
+}

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

@@ -0,0 +1,3 @@
+.ydb-query-settings-banner {
+    margin: var(--g-spacing-1) var(--g-spacing-5);
+}

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,35 @@
+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 { ENABLE_TRACING_LEVEL_KEY } from '../../../../lib';
+import { selectQueryAction, setQueryAction, } from '../../../../store/reducers/queryActions/queryActions';
+import { cn } from '../../../../utils/cn';
+import { useQueryExecutionSettings, useSetting, useTypedDispatch, useTypedSelector, } from '../../../../utils/hooks';
+import { QuerySettingsSelect } from './QuerySettingsSelect';
+import { QUERY_SETTINGS_FIELD_SETTINGS } 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 [querySettings, setQuerySettings] = useQueryExecutionSettings();
+    const onClose = React.useCallback(() => {
+        dispatch(setQueryAction('idle'));
+    }, [dispatch]);
+    const onSubmit = React.useCallback((data) => {
+        setQuerySettings(data);
+        onClose();
+    }, [onClose, setQuerySettings]);
+    return (_jsxs(Dialog, { open: queryAction === 'settings', size: "s", onClose: onClose, className: b(), hasCloseButton: false, children: [_jsx(Dialog.Header, { caption: i18n('action.settings') }), _jsx(QuerySettingsForm, { initialValues: querySettings, onSubmit: onSubmit, onClose: onClose })] }));
+}
+function QuerySettingsForm({ initialValues, onSubmit, onClose }) {
+    const { control, handleSubmit } = useForm({
+        defaultValues: initialValues,
+    });
+    const [enableTracingLevel] = useSetting(ENABLE_TRACING_LEVEL_KEY);
+    return (_jsxs("form", { onSubmit: handleSubmit(onSubmit), 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: QUERY_SETTINGS_FIELD_SETTINGS.queryMode.title }), _jsx("div", { className: b('control-wrapper', { queryMode: true }), children: _jsx(Controller, { name: "queryMode", control: control, render: ({ field }) => (_jsx(QuerySettingsSelect, { setting: field.value, onUpdateSetting: field.onChange, settingOptions: QUERY_SETTINGS_FIELD_SETTINGS.queryMode.options })) }) })] }), _jsxs(Flex, { direction: "row", alignItems: "flex-start", className: b('dialog-row'), children: [_jsx("label", { htmlFor: "timeout", className: b('field-title'), children: QUERY_SETTINGS_FIELD_SETTINGS.timeout.title }), _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') })] })) }) })] }), enableTracingLevel && (_jsxs(Flex, { direction: "row", alignItems: "flex-start", className: b('dialog-row'), children: [_jsx("label", { htmlFor: "tracingLevel", className: b('field-title'), children: QUERY_SETTINGS_FIELD_SETTINGS.tracingLevel.title }), _jsx("div", { className: b('control-wrapper'), children: _jsx(Controller, { name: "tracingLevel", control: control, render: ({ field }) => (_jsx(QuerySettingsSelect, { setting: field.value, onUpdateSetting: field.onChange, settingOptions: QUERY_SETTINGS_FIELD_SETTINGS.tracingLevel.options })) }) })] })), _jsxs(Flex, { direction: "row", alignItems: "flex-start", className: b('dialog-row'), children: [_jsx("label", { htmlFor: "isolationLevel", className: b('field-title'), children: QUERY_SETTINGS_FIELD_SETTINGS.isolationLevel.title }), _jsx("div", { className: b('control-wrapper', { isolationLevel: true }), children: _jsx(Controller, { name: "isolationLevel", control: control, render: ({ field }) => (_jsx(QuerySettingsSelect, { setting: field.value, onUpdateSetting: field.onChange, settingOptions: QUERY_SETTINGS_FIELD_SETTINGS.isolationLevel.options })) }) })] }), _jsxs(Flex, { direction: "row", alignItems: "flex-start", className: b('dialog-row'), children: [_jsx("label", { htmlFor: "statisticsMode", className: b('field-title'), children: QUERY_SETTINGS_FIELD_SETTINGS.statisticsMode.title }), _jsx("div", { className: b('control-wrapper'), children: _jsx(Controller, { name: "statisticsMode", control: control, render: ({ field }) => (_jsx(QuerySettingsSelect, { setting: field.value, onUpdateSetting: field.onChange, settingOptions: QUERY_SETTINGS_FIELD_SETTINGS.statisticsMode.options })) }) })] })] }), _jsx(Dialog.Footer, { textButtonApply: i18n('button-done'), textButtonCancel: i18n('button-cancel'), onClickButtonCancel: onClose, propsButtonApply: {
+                    type: 'submit',
+                }, renderButtons: (buttonApply, buttonCancel) => (_jsxs("div", { className: b('buttons-container'), children: [_jsx(ExternalLink, { href: "https://ydb.tech/docs", 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,215 @@
+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: "off";
+    content: string;
+    text: string;
+    isDefault?: undefined;
+} | {
+    value: "toplevel";
+    content: string;
+    text: string;
+    isDefault?: undefined;
+} | {
+    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: "trace";
+    content: string;
+    text: string;
+    isDefault?: undefined;
+})[];
+export declare const QUERY_SETTINGS_FIELD_SETTINGS: {
+    readonly isolationLevel: {
+        readonly title: string;
+        readonly 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;
+        })[];
+    };
+    readonly queryMode: {
+        readonly title: string;
+        readonly 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;
+        })[];
+    };
+    readonly statisticsMode: {
+        readonly title: string;
+        readonly 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;
+        })[];
+    };
+    readonly tracingLevel: {
+        readonly title: string;
+        readonly options: ({
+            value: "off";
+            content: string;
+            text: string;
+            isDefault?: undefined;
+        } | {
+            value: "toplevel";
+            content: string;
+            text: string;
+            isDefault?: undefined;
+        } | {
+            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: "trace";
+            content: string;
+            text: string;
+            isDefault?: undefined;
+        })[];
+    };
+    readonly timeout: {
+        readonly title: string;
+    };
+};

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

@@ -0,0 +1,131 @@
+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';
+import formI18n 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.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.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.trace,
+        content: TRACING_LEVELS_TITLES[TRACING_LEVELS.trace],
+        text: i18n('tracing-level-description.trace'),
+    },
+];
+export const QUERY_SETTINGS_FIELD_SETTINGS = {
+    isolationLevel: {
+        title: formI18n('form.isolation-level'),
+        options: ISOLATION_LEVEL_SELECT_OPTIONS,
+    },
+    queryMode: {
+        title: formI18n('form.query-mode'),
+        options: QUERY_MODE_SELECT_OPTIONS,
+    },
+    statisticsMode: {
+        title: formI18n('form.statistics-mode'),
+        options: STATISTICS_MODE_SELECT_OPTIONS,
+    },
+    tracingLevel: {
+        title: formI18n('form.tracing-level'),
+        options: TRACING_LEVEL_SELECT_OPTIONS,
+    },
+    timeout: {
+        title: formI18n('form.timeout'),
+    },
+};

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,10 +17,26 @@
     "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",
     "action.previous-query": "Previous query in history",
     "action.next-query": "Next query in history",
-    "action.save-query": "Save query"
+    "action.save-query": "Save query",
+    "gear.tooltip": "Query execution settings have been changed for ",
+    "banner.query-settings.message": "Query results are displayed for "
 }

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" | "gear.tooltip" | "banner.query-settings.message", params?: import("@gravity-ui/i18n").Params) => string;
 export default _default;