diff --git a/gui/src/components/control/ExperimentalControl.tsx b/gui/src/components/control/ExperimentalControl.tsx index b2df36d0..393dc8fc 100644 --- a/gui/src/components/control/ExperimentalControl.tsx +++ b/gui/src/components/control/ExperimentalControl.tsx @@ -1,6 +1,6 @@ /* eslint-disable camelcase */ import { mustDefault, mustExist } from '@apextoaster/js-utils'; -import { Checkbox, FormControlLabel, Stack, TextField } from '@mui/material'; +import { Accordion, AccordionDetails, AccordionSummary, Checkbox, FormControlLabel, Stack, TextField } from '@mui/material'; import { useTranslation } from 'react-i18next'; import * as React from 'react'; import { useContext } from 'react'; @@ -33,156 +33,161 @@ export function ExperimentalControl(props: ExperimentalControlProps) { staleTime: STALE_TIME, }); - return - - + {t('experimental.label')} + + + + { + setExperimental({ + promptEditing: { + ...experimental.promptEditing, + enabled: experimental.promptEditing.enabled === false, + }, + }); + }} + />} + /> + f.prompt, + }} + value={mustDefault(experimental.promptEditing.filter, '')} + onChange={(prompt_filter) => { + setExperimental({ + promptEditing: { + ...experimental.promptEditing, + filter: prompt_filter, + }, + }); + }} + /> + { setExperimental({ promptEditing: { ...experimental.promptEditing, - enabled: experimental.promptEditing.enabled === false, + removeTokens: event.target.value, }, }); }} - />} - /> - f.prompt, - }} - value={mustDefault(experimental.promptEditing.filter, '')} - onChange={(prompt_filter) => { - setExperimental({ - promptEditing: { - ...experimental.promptEditing, - filter: prompt_filter, - }, - }); - }} - /> - { - setExperimental({ - promptEditing: { - ...experimental.promptEditing, - removeTokens: event.target.value, - }, - }); - }} - /> - { - setExperimental({ - promptEditing: { - ...experimental.promptEditing, - addSuffix: event.target.value, - }, - }); - }} - /> - { - setExperimental({ - promptEditing: { - ...experimental.promptEditing, - minLength: prompt_editing_min_length, - }, - }); - }} - /> - - - + { + setExperimental({ + promptEditing: { + ...experimental.promptEditing, + addSuffix: event.target.value, + }, + }); + }} + /> + { + setExperimental({ + promptEditing: { + ...experimental.promptEditing, + minLength: prompt_editing_min_length, + }, + }); + }} + /> + + + { + setExperimental({ + latentSymmetry: { + ...experimental.latentSymmetry, + enabled: experimental.latentSymmetry.enabled === false, + }, + }); + }} + />} + /> + { setExperimental({ latentSymmetry: { ...experimental.latentSymmetry, - enabled: experimental.latentSymmetry.enabled === false, + gradientStart: latent_symmetry_gradient_start, }, }); }} - />} - /> - { - setExperimental({ - latentSymmetry: { - ...experimental.latentSymmetry, - gradientStart: latent_symmetry_gradient_start, - }, - }); - }} - /> - { - setExperimental({ - latentSymmetry: { - ...experimental.latentSymmetry, - gradientEnd: latent_symmetry_gradient_end, - }, - }); - }} - /> - { - setExperimental({ - latentSymmetry: { - ...experimental.latentSymmetry, - lineOfSymmetry: latent_symmetry_line_of_symmetry, - }, - }); - }} - /> - - ; + /> + { + setExperimental({ + latentSymmetry: { + ...experimental.latentSymmetry, + gradientEnd: latent_symmetry_gradient_end, + }, + }); + }} + /> + { + setExperimental({ + latentSymmetry: { + ...experimental.latentSymmetry, + lineOfSymmetry: latent_symmetry_line_of_symmetry, + }, + }); + }} + /> + + + + ; } diff --git a/gui/src/components/tab/Txt2Img.tsx b/gui/src/components/tab/Txt2Img.tsx index 2447f7ec..6d892bb5 100644 --- a/gui/src/components/tab/Txt2Img.tsx +++ b/gui/src/components/tab/Txt2Img.tsx @@ -107,8 +107,8 @@ export function Txt2Img() { - +