🎨 style: parameters panel update (#4780)

* 🔧 refactor: replace doubleClickHandler with onDoubleClick in slider components

* 🔧 refactor: consolidate DynamicInput and DynamicInputNumber components into a single DynamicInput component; fix: UI crashing when typing a character instead of number in max context/output tokens

* 🔧 style: update component styles to use bg-surface-secondary and bg-surface-tertiary for improved UI consistency
This commit is contained in:
Marco Beretta 2024-11-23 01:10:03 +01:00 committed by GitHub
parent 2a77c98f51
commit ead9e11134
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
17 changed files with 79 additions and 174 deletions

View file

@ -146,7 +146,7 @@ export default function Settings({
disabled={readonly}
value={[(temperatureValue as number) ?? 1]}
onValueChange={(value) => setTemperature(value[0])}
doubleClickHandler={() => setTemperature(1)}
onDoubleClick={() => setTemperature(1)}
max={2}
min={0}
step={0.01}
@ -184,7 +184,7 @@ export default function Settings({
disabled={readonly}
value={[(topPValue as number) ?? 1]}
onValueChange={(value) => setTopP(value[0])}
doubleClickHandler={() => setTopP(1)}
onDoubleClick={() => setTopP(1)}
max={1}
min={0}
step={0.01}
@ -223,7 +223,7 @@ export default function Settings({
disabled={readonly}
value={[(freqPValue as number) ?? 0]}
onValueChange={(value) => setFreqP(value[0])}
doubleClickHandler={() => setFreqP(0)}
onDoubleClick={() => setFreqP(0)}
max={2}
min={-2}
step={0.01}
@ -262,7 +262,7 @@ export default function Settings({
disabled={readonly}
value={[(presPValue as number) ?? 0]}
onValueChange={(value) => setPresP(value[0])}
doubleClickHandler={() => setPresP(0)}
onDoubleClick={() => setPresP(0)}
max={2}
min={-2}
step={0.01}
@ -319,7 +319,7 @@ export default function Settings({
imageDetailNumeric[imageDetail ?? ''] ?? imageDetailNumeric[ImageDetail.auto],
]}
onValueChange={(value) => setImageDetail(imageDetailValue[value[0]])}
doubleClickHandler={() => setImageDetail(ImageDetail.auto)}
onDoubleClick={() => setImageDetail(ImageDetail.auto)}
max={2}
min={0}
step={1}