From 62613003a09f9ef0e07c1fa7509556f4d126f9ca Mon Sep 17 00:00:00 2001
From: Stardust <lianghaoyu@sjtu.edu.cn>
Date: Sun, 29 Mar 2026 23:00:33 +0800
Subject: [PATCH 1/2] fix: improve number input UX in config renderer

---
 .../components/shared/ConfigItemRenderer.vue  | 21 +++++++++++++++----
 1 file changed, 17 insertions(+), 4 deletions(-)

diff --git a/dashboard/src/components/shared/ConfigItemRenderer.vue b/dashboard/src/components/shared/ConfigItemRenderer.vue
index edae891e13..982733579b 100644
--- a/dashboard/src/components/shared/ConfigItemRenderer.vue
+++ b/dashboard/src/components/shared/ConfigItemRenderer.vue
@@ -146,8 +146,8 @@
     >
       <v-slider
         v-if="itemMeta?.slider"
-        :model-value="toNumber(modelValue)"
-        @update:model-value="val => emitUpdate(toNumber(val))"
+        :model-value="toNumber(numericTemp ?? modelValue)"
+        @update:model-value="val => { numericTemp = val; emitUpdate(toNumber(val)) }"
         :min="itemMeta?.slider?.min ?? 0"
         :max="itemMeta?.slider?.max ?? 100"
         :step="itemMeta?.slider?.step ?? 1"
@@ -157,8 +157,9 @@
         style="flex: 1"
       ></v-slider>
       <v-text-field
-        :model-value="modelValue"
-        @update:model-value="val => emitUpdate(toNumber(val))"
+        :model-value="numericTemp ?? modelValue"
+        @update:model-value="val => (numericTemp = val)"
+        @blur="e => { emitUpdate(toNumber(e.target.value)); numericTemp = null }"
         density="compact"
         variant="outlined"
         class="config-field"
@@ -235,8 +236,11 @@ import PersonaSelector from './PersonaSelector.vue'
 import KnowledgeBaseSelector from './KnowledgeBaseSelector.vue'
 import PluginSetSelector from './PluginSetSelector.vue'
 import T2ITemplateEditor from './T2ITemplateEditor.vue'
+import { ref } from 'vue'
 import { useI18n, useModuleI18n } from '@/i18n/composables'
 
+const numericTemp = ref(null)
+
 const props = defineProps({
   modelValue: {
     type: [String, Number, Boolean, Array, Object],
@@ -358,4 +362,13 @@ function getSpecialSubtype(value) {
 :deep(.v-field__input) {
   font-size: 14px;
 }
+
+:deep(input[type='number']::-webkit-inner-spin-button),
+:deep(input[type='number']::-webkit-outer-spin-button) {
+  -webkit-appearance: none;
+}
+
+:deep(input[type='number']) {
+  -moz-appearance: textfield;
+}
 </style>

From c293494ab066e158e8e969220e278e1ce0d2ad1b Mon Sep 17 00:00:00 2001
From: Stardust <lianghaoyu@sjtu.edu.cn>
Date: Mon, 30 Mar 2026 00:09:52 +0800
Subject: [PATCH 2/2] fix: address review comments on number input handling

---
 dashboard/src/components/shared/ConfigItemRenderer.vue | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/dashboard/src/components/shared/ConfigItemRenderer.vue b/dashboard/src/components/shared/ConfigItemRenderer.vue
index 982733579b..ab80816a68 100644
--- a/dashboard/src/components/shared/ConfigItemRenderer.vue
+++ b/dashboard/src/components/shared/ConfigItemRenderer.vue
@@ -148,6 +148,7 @@
         v-if="itemMeta?.slider"
         :model-value="toNumber(numericTemp ?? modelValue)"
         @update:model-value="val => { numericTemp = val; emitUpdate(toNumber(val)) }"
+        @end="numericTemp = null"
         :min="itemMeta?.slider?.min ?? 0"
         :max="itemMeta?.slider?.max ?? 100"
         :step="itemMeta?.slider?.step ?? 1"
@@ -159,7 +160,7 @@
       <v-text-field
         :model-value="numericTemp ?? modelValue"
         @update:model-value="val => (numericTemp = val)"
-        @blur="e => { emitUpdate(toNumber(e.target.value)); numericTemp = null }"
+        @blur="() => { emitUpdate(toNumber(numericTemp)); numericTemp = null }"
         density="compact"
         variant="outlined"
         class="config-field"
@@ -363,12 +364,12 @@ function getSpecialSubtype(value) {
   font-size: 14px;
 }
 
-:deep(input[type='number']::-webkit-inner-spin-button),
-:deep(input[type='number']::-webkit-outer-spin-button) {
+:deep(.config-field input[type='number']::-webkit-inner-spin-button),
+:deep(.config-field input[type='number']::-webkit-outer-spin-button) {
   -webkit-appearance: none;
 }
 
-:deep(input[type='number']) {
+:deep(.config-field input[type='number']) {
   -moz-appearance: textfield;
 }
 </style>