fix：修复qq号为int的问题，修复部分多行配置问题，修复多语言prompt问题

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

@@ -215,12 +215,50 @@ export const DynamicConfigForm: React.FC<DynamicConfigFormProps> = ({
     ? [...normalFields, ...advancedFields]
     : normalFields
 
+  const groupFieldsByRow = (fields: FieldSchema[]) => {
+    const rows: FieldSchema[][] = []
+    let currentRow: FieldSchema[] = []
+    let currentRowKey: string | undefined
+
+    for (const field of fields) {
+      const rowKey = field['x-row']
+      if (rowKey && rowKey === currentRowKey) {
+        currentRow.push(field)
+        continue
+      }
+
+      if (currentRow.length > 0) {
+        rows.push(currentRow)
+      }
+
+      currentRow = [field]
+      currentRowKey = rowKey
+    }
+
+    if (currentRow.length > 0) {
+      rows.push(currentRow)
+    }
+
+    return rows
+  }
+
   const renderFieldList = (fields: FieldSchema[]) => (
     <>
-      {fields.map((field, index) => (
-        <React.Fragment key={field.name}>
+      {groupFieldsByRow(fields).map((row, index) => (
+        <React.Fragment key={row.map((field) => field.name).join('|')}>
           {index > 0 && <Separator className="my-2 bg-border/50" />}
-          <div className="py-1">{renderField(field)}</div>
+          {row.length > 1 ? (
+            <div
+              className="grid gap-4 py-1 md:grid-cols-[repeat(var(--field-row-count),minmax(0,1fr))]"
+              style={{ '--field-row-count': row.length } as React.CSSProperties}
+            >
+              {row.map((field) => (
+                <div key={field.name}>{renderField(field)}</div>
+              ))}
+            </div>
+          ) : (
+            <div className="py-1">{renderField(row[0])}</div>
+          )}
         </React.Fragment>
       ))}
     </>

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

@@ -8,6 +8,12 @@ import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@
 import { Slider } from "@/components/ui/slider"
 import { Switch } from "@/components/ui/switch"
 import { Textarea } from "@/components/ui/textarea"
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+} from "@/components/ui/tooltip"
 import { cn } from "@/lib/utils"
 import type { FieldSchema } from "@/types/config-schema"
 
@@ -115,11 +121,9 @@ 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 optionDescriptions = schema['x-option-descriptions'] ?? {}
+  const hasOptionDescriptions = Object.keys(optionDescriptions).length > 0
+  const inlineDescription = hasOptionDescriptions ? '' : schema.description
 
   const renderFieldHeader = () => (
     <div className="flex flex-wrap items-center gap-x-2 gap-y-1">
@@ -352,15 +356,43 @@ export const DynamicField: React.FC<DynamicFieldProps> = ({
 
     return (
       <Select value={strValue} onValueChange={(val) => onChange(val)}>
-        <SelectTrigger title={selectHoverDescription}>
+        <SelectTrigger>
           <SelectValue placeholder={`Select ${schema.label}`} />
         </SelectTrigger>
         <SelectContent>
-          {options.map((option) => (
-            <SelectItem key={option} value={option}>
-              {option}
-            </SelectItem>
-          ))}
+          {hasOptionDescriptions ? (
+            <TooltipProvider delayDuration={150}>
+              {options.map((option) => {
+                const description = optionDescriptions[option]
+                return description ? (
+                  <Tooltip key={option}>
+                    <TooltipTrigger asChild>
+                      <SelectItem value={option} title={description}>
+                        {option}
+                      </SelectItem>
+                    </TooltipTrigger>
+                    <TooltipContent
+                      side="right"
+                      align="center"
+                      className="max-w-72 bg-background text-foreground border shadow-lg"
+                    >
+                      {description}
+                    </TooltipContent>
+                  </Tooltip>
+                ) : (
+                  <SelectItem key={option} value={option}>
+                    {option}
+                  </SelectItem>
+                )
+              })}
+            </TooltipProvider>
+          ) : (
+            options.map((option) => (
+              <SelectItem key={option} value={option}>
+                {option}
+              </SelectItem>
+            ))
+          )}
         </SelectContent>
       </Select>
     )