perf：增加翻译和优化注释

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

@@ -127,13 +127,39 @@ export const DynamicField: React.FC<DynamicFieldProps> = ({
 
   const optionDescriptions = schema['x-option-descriptions'] ?? {}
   const hasOptionDescriptions = Object.keys(optionDescriptions).length > 0
-  const inlineDescription = hasOptionDescriptions ? '' : schema.description
+  const descriptionDisplay = schema['x-description-display'] ?? 'label-hover'
+  const fieldDescription = schema.description
+  const inlineDescription = descriptionDisplay === 'inline' && !hasOptionDescriptions ? fieldDescription : ''
+
+  const renderDescriptionTooltip = (trigger: React.ReactElement, side: 'top' | 'right' = 'top') => {
+    if (!fieldDescription) return trigger
+
+    return (
+      <TooltipProvider delayDuration={150}>
+        <Tooltip>
+          <TooltipTrigger asChild>
+            {trigger}
+          </TooltipTrigger>
+          <TooltipContent
+            side={side}
+            align="start"
+            className="max-w-80 whitespace-pre-line bg-background text-foreground border shadow-lg"
+          >
+            {fieldDescription}
+          </TooltipContent>
+        </Tooltip>
+      </TooltipProvider>
+    )
+  }
 
   const renderFieldHeader = () => (
     <div className="flex min-w-0 flex-wrap items-center gap-x-2 gap-y-1">
+      {(() => {
+        const label = (
           <Label
             className={cn(
               "inline-flex shrink-0 items-center gap-1.5 whitespace-nowrap text-[15px] font-semibold leading-6",
+              descriptionDisplay === 'label-hover' && fieldDescription && "cursor-help",
               schema.advanced
                 ? "text-amber-800 dark:text-amber-200"
                 : "text-foreground",
@@ -143,6 +169,24 @@ export const DynamicField: React.FC<DynamicFieldProps> = ({
             <span>{fieldLabel}</span>
             {schema.required && <span className="text-destructive">*</span>}
           </Label>
+        )
+
+        return descriptionDisplay === 'label-hover'
+          ? renderDescriptionTooltip(label)
+          : label
+      })()}
+      {descriptionDisplay === 'icon' && fieldDescription && (
+        renderDescriptionTooltip(
+          <button
+            type="button"
+            aria-label={`${fieldLabel} 说明`}
+            className="inline-flex h-5 w-5 shrink-0 items-center justify-center rounded-full text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+          >
+            <LucideIcons.CircleAlert className="h-4 w-4" />
+          </button>,
+          'right',
+        )
+      )}
       {inlineDescription && (
         <span className="text-[13px] leading-6 text-muted-foreground whitespace-pre-line">
           {inlineDescription}

dashboard/src/routes/config/bot/hooks/complexFieldHooks.tsx

@@ -332,9 +332,6 @@ export const BotPlatformAccountsHook: FieldHookComponent = ({
       <div className="flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between">
         <div className="space-y-1">
           <Label className="text-[15px] font-semibold leading-6">平台账号</Label>
-          <p className="text-xs text-muted-foreground">
-            第一行为主平台，固定保存到 platform 与 qq_account；其他行保存到 platforms。
-          </p>
         </div>
         <Button type="button" size="sm" variant="outline" onClick={addRow}>
           <Plus className="mr-2 h-4 w-4" />

dashboard/src/types/config-schema.ts

@@ -23,6 +23,7 @@ export type XWidgetType =
   | 'textarea'
 
 export type LocalizedText = string | Record<string, string>
+export type DescriptionDisplayMode = 'inline' | 'icon' | 'label-hover'
 
 export interface FieldSchema {
   name: string
@@ -42,6 +43,7 @@ export interface FieldSchema {
   'x-icon'?: string
   'x-layout'?: 'inline-right'
   'x-input-width'?: string
+  'x-description-display'?: DescriptionDisplayMode
   'x-option-descriptions'?: Record<string, string>
   'x-row'?: string
   'x-textarea-min-height'?: number