feat: add rows limit to query settings

src/containers/Tenant/Query/QueryEditorControls/utils/getChangedQueryExecutionSettings.test.ts

@@ -10,6 +10,7 @@ const DEFAULT_QUERY_SETTINGS: QuerySettings = {
     queryMode: QUERY_MODES.query,
     transactionMode: TRANSACTION_MODES.implicit,
     timeout: '60',
+    limitRows: '10000',
     statisticsMode: STATISTICS_MODES.none,
     tracingLevel: TRACING_LEVELS.detailed,
 };
@@ -28,9 +29,10 @@ describe('getChangedQueryExecutionSettings', () => {
             ...DEFAULT_QUERY_SETTINGS,
             queryMode: QUERY_MODES.data,
             timeout: '30',
+            limitRows: '100',
         };
         const result = getChangedQueryExecutionSettings(currentSettings, DEFAULT_QUERY_SETTINGS);
-        expect(result).toEqual(['queryMode', 'timeout']);
+        expect(result).toEqual(['queryMode', 'timeout', 'limitRows']);
     });
 
     it('should return all keys if all settings have changed', () => {

src/containers/Tenant/Query/QueryEditorControls/utils/getChangedQueryExecutionSettingsDescription.test.ts

@@ -17,6 +17,7 @@ const DEFAULT_QUERY_SETTINGS: QuerySettings = {
     queryMode: QUERY_MODES.query,
     transactionMode: TRANSACTION_MODES.implicit,
     timeout: '60',
+    limitRows: '10000',
     statisticsMode: STATISTICS_MODES.none,
     tracingLevel: TRACING_LEVELS.detailed,
 };
@@ -38,6 +39,7 @@ describe('getChangedQueryExecutionSettingsDescription', () => {
             ...DEFAULT_QUERY_SETTINGS,
             queryMode: QUERY_MODES.pg,
             timeout: '63',
+            limitRows: '100',
         };
 
         const result = getChangedQueryExecutionSettingsDescription({
@@ -51,6 +53,7 @@ describe('getChangedQueryExecutionSettingsDescription', () => {
                     (option) => option.value === QUERY_MODES.pg,
                 )?.content,
             [QUERY_SETTINGS_FIELD_SETTINGS.timeout.title]: '63',
+            [QUERY_SETTINGS_FIELD_SETTINGS.limitRows.title]: '100',
         });
     });
 

src/containers/Tenant/Query/QuerySettingsDialog/QuerySettingsDialog.scss

@@ -28,6 +28,7 @@
         flex: 6;
     }
 
+    &__limit-rows,
     &__timeout {
         width: 33.3%;
         margin-right: var(--g-spacing-2);

src/containers/Tenant/Query/QuerySettingsDialog/QuerySettingsDialog.tsx

@@ -179,6 +179,27 @@ function QuerySettingsForm({initialValues, onSubmit, onClose}: QuerySettingsForm
                         />
                     </div>
                 </Flex>
+                <Flex direction="row" alignItems="flex-start" className={b('dialog-row')}>
+                    <label htmlFor="limitRows" className={b('field-title')}>
+                        {QUERY_SETTINGS_FIELD_SETTINGS.limitRows.title}
+                    </label>
+                    <div className={b('control-wrapper')}>
+                        <Controller
+                            name="limitRows"
+                            control={control}
+                            render={({field}) => (
+                                <React.Fragment>
+                                    <TextInput
+                                        type="number"
+                                        {...field}
+                                        className={b('limit-rows')}
+                                        placeholder="10000"
+                                    />
+                                </React.Fragment>
+                            )}
+                        />
+                    </div>
+                </Flex>
             </Dialog.Body>
             <Dialog.Footer
                 textButtonApply={i18n('button-done')}

src/containers/Tenant/Query/QuerySettingsDialog/constants.ts

@@ -148,4 +148,7 @@ export const QUERY_SETTINGS_FIELD_SETTINGS = {
     timeout: {
         title: formI18n('form.timeout'),
     },
+    limitRows: {
+        title: formI18n('form.limit-rows'),
+    },
 } as const;

src/containers/Tenant/Query/QuerySettingsDialog/i18n/en.json

@@ -5,6 +5,7 @@
   "form.transaction-mode": "Transaction mode",
   "form.statistics-mode": "Statistics collection mode",
   "form.tracing-level": "Tracing level",
+  "form.limit-rows": "Limit rows",
   "button-done": "Save",
   "button-cancel": "Cancel",
   "form.timeout.seconds": "sec",

src/containers/Tenant/Query/QuerySettingsDialog/i18n/ru.json

@@ -5,6 +5,7 @@
   "form.transaction-mode": "Уровень изоляции",
   "form.statistics-mode": "Режим сбора статистики",
   "form.tracing-level": "Tracing level",
+  "form.limit-rows": "Лимит строк",
   "button-done": "Готово",
   "button-cancel": "Отменить",
   "form.timeout.seconds": "сек",

src/services/api.ts

@@ -548,6 +548,7 @@ export class YdbEmbeddedAPI extends AxiosWrapper {
             transaction_mode?: TransactionMode;
             timeout?: Timeout;
             query_id?: string;
+            limit_rows?: string;
         },
         {concurrentId, signal, withRetries}: AxiosOptions = {},
     ) {

src/store/reducers/executeQuery.ts

@@ -233,6 +233,7 @@ export const executeQueryApi = api.injectEndpoints({
                                 querySettings.tracingLevel && enableTracingLevel
                                     ? TracingLevelNumber[querySettings.tracingLevel]
                                     : undefined,
+                            limit_rows: querySettings.limitRows || undefined,
                             transaction_mode:
                                 querySettings.transactionMode === 'implicit'
                                     ? undefined

src/types/store/query.ts

@@ -41,6 +41,7 @@ export interface QuerySettings {
     queryMode: QueryMode;
     transactionMode: TransactionMode;
     timeout?: string;
+    limitRows?: string;
     statisticsMode?: StatisticsMode;
     tracingLevel?: TracingLevel;
 }

src/utils/constants.ts

@@ -127,6 +127,7 @@ export const DEFAULT_QUERY_SETTINGS = {
     queryMode: QUERY_MODES.query,
     transactionMode: TRANSACTION_MODES.implicit,
     timeout: '60',
+    limitRows: '10000',
     statisticsMode: STATISTICS_MODES.none,
     tracingLevel: TRACING_LEVELS.detailed,
 } satisfies QuerySettings;

src/utils/hooks/useLastQueryExecutionSettings.ts

@@ -14,6 +14,7 @@ export const useLastQueryExecutionSettings = () => {
               queryMode: lastStorageSettings.queryMode,
               statisticsMode: lastStorageSettings.statisticsMode,
               tracingLevel: lastStorageSettings.tracingLevel,
+              limitRows: lastStorageSettings.limitRows,
               timeout: lastStorageSettings.timeout,
           }
         : undefined;

src/utils/hooks/useQueryExecutionSettings.ts

@@ -13,6 +13,7 @@ export const useQueryExecutionSettings = () => {
         timeout: storageSettings.timeout ?? DEFAULT_QUERY_SETTINGS.timeout,
         statisticsMode: storageSettings.statisticsMode ?? DEFAULT_QUERY_SETTINGS.statisticsMode,
         transactionMode: storageSettings.transactionMode ?? DEFAULT_QUERY_SETTINGS.transactionMode,
+        limitRows: storageSettings.limitRows ?? DEFAULT_QUERY_SETTINGS.limitRows,
         tracingLevel: enableTracingLevel
             ? storageSettings.tracingLevel
             : DEFAULT_QUERY_SETTINGS.tracingLevel,