feat: improve layout and styling of EditDialog with enhanced field organization

web/app/(console)/ai-agents/_components/edit.tsx

@@ -743,7 +743,8 @@ function EditDialogBody({
             title="服务策略"
             description="控制 Graph Tool 转人工配置、兜底策略和自动回复边界。"
           >
-            <div className="grid grid-cols-1 gap-4 xl:grid-cols-4">
+            <div className="grid grid-cols-1 gap-4 xl:grid-cols-[minmax(0,1fr)_minmax(320px,1.15fr)]">
+              <div className="space-y-4">
                 <Field data-invalid={!!errors.handoffMode}>
                   <FieldLabel>转人工模式</FieldLabel>
                   <FieldContent>
@@ -764,6 +765,7 @@ function EditDialogBody({
                     <FieldError errors={[errors.handoffMode]} />
                   </FieldContent>
                 </Field>
+
                 <Field data-invalid={!!errors.replyTimeoutSeconds}>
                   <FieldLabel
                     htmlFor="ai-agent-reply-timeout-seconds"
@@ -801,7 +803,7 @@ function EditDialogBody({
                 </Field>
               </div>
 
-            <div className="rounded-xl border bg-muted/10 p-4">
+              <div className="rounded-lg border bg-muted/10 p-4">
                 <div className="mb-1 text-sm font-medium">客服组</div>
                 <div className="mb-4 text-xs text-muted-foreground">
                   当前转人工模式：{selectedHandoffModeLabel}
@@ -852,6 +854,7 @@ function EditDialogBody({
                   </FieldContent>
                 </Field>
               </div>
+            </div>
           </SectionCard>
 
           <SectionCard