feat：webui支持更加优化的模型配置，优化多处UI体验，支持设置视觉和cache价格，修复多重表达不生效的问题，修复表情包路径错误

dashboard/src/components/dynamic-form/DynamicField.tsx

@@ -31,6 +31,23 @@ export const DynamicField: React.FC<DynamicFieldProps> = ({
   value,
   onChange,
 }) => {
+  const parseNumericValue = (rawValue: unknown, fallback: number) => {
+    if (typeof rawValue === 'number' && Number.isFinite(rawValue)) {
+      return rawValue
+    }
+
+    if (typeof rawValue === 'string') {
+      const parsedValue = schema.type === 'integer'
+        ? parseInt(rawValue, 10)
+        : parseFloat(rawValue)
+      if (Number.isFinite(parsedValue)) {
+        return parsedValue
+      }
+    }
+
+    return fallback
+  }
+
   const renderPrimitiveArrayEditor = () => {
     const itemType = schema.items?.type ?? 'string'
     const arrayValue = Array.isArray(value)
@@ -94,6 +111,12 @@ export const DynamicField: React.FC<DynamicFieldProps> = ({
     return <IconComponent className="h-4 w-4" />
   }
 
+  const isRuleTypeSelect =
+    schema.name === 'rule_type' &&
+    (schema.type === 'select' || schema['x-widget'] === 'select')
+  const inlineDescription = isRuleTypeSelect ? '' : schema.description
+  const selectHoverDescription = isRuleTypeSelect ? schema.description : undefined
+
   const renderFieldHeader = () => (
     <div className="flex flex-wrap items-center gap-x-2 gap-y-1">
       <Label
@@ -108,9 +131,9 @@ export const DynamicField: React.FC<DynamicFieldProps> = ({
         <span className="break-all">{schema.label}</span>
         {schema.required && <span className="text-destructive">*</span>}
       </Label>
-      {schema.description && (
+      {inlineDescription && (
         <span className="text-[13px] leading-6 text-muted-foreground whitespace-pre-line">
-          {schema.description}
+          {inlineDescription}
         </span>
       )}
     </div>
@@ -129,6 +152,9 @@ export const DynamicField: React.FC<DynamicFieldProps> = ({
         case 'slider':
           return renderSlider()
         case 'input':
+          if (type === 'integer' || type === 'number') {
+            return renderNumberInput()
+          }
           return renderTextInput()
         case 'number':
           return renderNumberInput()
@@ -214,7 +240,7 @@ export const DynamicField: React.FC<DynamicFieldProps> = ({
    * 渲染 Slider 组件（用于 number 类型 + x-widget: slider）
    */
   const renderSlider = () => {
-    const numValue = typeof value === 'number' ? value : (schema.default as number ?? 0)
+    const numValue = parseNumericValue(value, schema.default as number ?? 0)
     const min = schema.minValue ?? 0
     const max = schema.maxValue ?? 100
     const step = schema.step ?? 1
@@ -241,7 +267,7 @@ export const DynamicField: React.FC<DynamicFieldProps> = ({
    * 渲染 Input[type="number"] 组件（用于 number/integer 类型）
    */
   const renderNumberInput = () => {
-    const numValue = typeof value === 'number' ? value : (schema.default as number ?? 0)
+    const numValue = parseNumericValue(value, schema.default as number ?? 0)
     const min = schema.minValue
     const max = schema.maxValue
     const step = schema.step ?? (schema.type === 'integer' ? 1 : 0.1)
@@ -250,7 +276,12 @@ export const DynamicField: React.FC<DynamicFieldProps> = ({
       <Input
         type="number"
         value={numValue}
-        onChange={(e) => onChange(parseFloat(e.target.value) || 0)}
+        onChange={(e) => {
+          const nextValue = schema.type === 'integer'
+            ? parseInt(e.target.value, 10)
+            : parseFloat(e.target.value)
+          onChange(Number.isFinite(nextValue) ? nextValue : 0)
+        }}
         min={min}
         max={max}
         step={step}
@@ -262,7 +293,12 @@ export const DynamicField: React.FC<DynamicFieldProps> = ({
    * 渲染 Input[type="text"] 组件（用于 string 类型）
    */
   const renderTextInput = (type: 'password' | 'text' = 'text') => {
-    const strValue = typeof value === 'string' ? value : (schema.default as string ?? '')
+    const strValue =
+      typeof value === 'string'
+        ? value
+        : value === null || value === undefined
+          ? String(schema.default ?? '')
+          : String(value)
     return (
       <Input
         type={type}
@@ -277,11 +313,19 @@ export const DynamicField: React.FC<DynamicFieldProps> = ({
    */
   const renderTextarea = () => {
     const strValue = typeof value === 'string' ? value : (schema.default as string ?? '')
+    const minHeight = typeof schema['x-textarea-min-height'] === 'number'
+      ? schema['x-textarea-min-height']
+      : undefined
+    const rows = typeof schema['x-textarea-rows'] === 'number'
+      ? schema['x-textarea-rows']
+      : 4
+
     return (
       <Textarea
         value={strValue}
         onChange={(e) => onChange(e.target.value)}
-        rows={4}
+        rows={rows}
+        minHeight={minHeight}
       />
     )
   }
@@ -303,7 +347,7 @@ export const DynamicField: React.FC<DynamicFieldProps> = ({
 
     return (
       <Select value={strValue} onValueChange={(val) => onChange(val)}>
-        <SelectTrigger>
+        <SelectTrigger title={selectHoverDescription}>
           <SelectValue placeholder={`Select ${schema.label}`} />
         </SelectTrigger>
         <SelectContent>