diff --git a/src/containers/Tenant/Query/QuerySettingsDialog/QuerySettingsDialog.scss b/src/containers/Tenant/Query/QuerySettingsDialog/QuerySettingsDialog.scss index 967ec2b2a8..14433f4f43 100644 --- a/src/containers/Tenant/Query/QuerySettingsDialog/QuerySettingsDialog.scss +++ b/src/containers/Tenant/Query/QuerySettingsDialog/QuerySettingsDialog.scss @@ -33,6 +33,11 @@ margin-right: var(--g-spacing-2); } + &__output-chunk-max-size { + width: 50%; + margin-right: var(--g-spacing-2); + } + &__pragmas { width: 100%; } diff --git a/src/containers/Tenant/Query/QuerySettingsDialog/QuerySettingsDialog.tsx b/src/containers/Tenant/Query/QuerySettingsDialog/QuerySettingsDialog.tsx index b37edde230..c8ab3737e1 100644 --- a/src/containers/Tenant/Query/QuerySettingsDialog/QuerySettingsDialog.tsx +++ b/src/containers/Tenant/Query/QuerySettingsDialog/QuerySettingsDialog.tsx @@ -14,6 +14,7 @@ import type {QuerySettings} from '../../../../types/store/query'; import {cn} from '../../../../utils/cn'; import { useQueryExecutionSettings, + useQueryStreamingSetting, useSetting, useTypedDispatch, useTypedSelector, @@ -84,6 +85,7 @@ function QuerySettingsForm({initialValues, onSubmit, onClose}: QuerySettingsForm const [useShowPlanToSvg] = useSetting(SETTING_KEYS.USE_SHOW_PLAN_SVG); const enableTracingLevel = useTracingLevelOptionAvailable(); + const [isQueryStreamingEnabled] = useQueryStreamingSetting(); const timeout = watch('timeout'); const queryMode = watch('queryMode'); @@ -220,6 +222,39 @@ function QuerySettingsForm({initialValues, onSubmit, onClose}: QuerySettingsForm /> + {isQueryStreamingEnabled && ( + + +
+ ( + + {i18n('form.output.chunk.max.size.bytes')} + + } + /> + )} + /> +
+
+ )}