fix: infinite re-render loop in DynamicFormComponent

The useEffect depended on onSubmit which was a new closure every
parent render. Calling onSubmit inside the effect triggered parent
state update → re-render → new onSubmit ref → effect re-runs → loop.

Fix: use useRef to hold a stable reference to onSubmit, removing it
from the useEffect dependency array.

Also add DialogDescription to BotDetailDialog to suppress Radix
aria-describedby warning.

Author: RockChinQ

web/src/app/home/bots/BotDetailDialog.tsx

@@ -5,6 +5,7 @@ import {
   Dialog,
   DialogContent,
   DialogHeader,
+  DialogDescription,
   DialogTitle,
   DialogFooter,
 } from '@/components/ui/dialog';
@@ -136,6 +137,7 @@ export default function BotDetailDialog({
             <main className="flex flex-1 flex-col h-[70vh]">
               <DialogHeader className="px-6 pt-6 pb-4 shrink-0">
                 <DialogTitle>{t('bots.createBot')}</DialogTitle>
+                <DialogDescription className="sr-only">{t('bots.createBot')}</DialogDescription>
               </DialogHeader>
               <div className="flex-1 overflow-y-auto px-6 pb-6">
                 <BotForm
@@ -207,6 +209,13 @@ export default function BotDetailDialog({
                       ? t('bots.botLogTitle')
                       : t('bots.sessionMonitor.title')}
                 </DialogTitle>
+                <DialogDescription className="sr-only">
+                  {activeMenu === 'config'
+                    ? t('bots.editBot')
+                    : activeMenu === 'logs'
+                      ? t('bots.botLogTitle')
+                      : t('bots.sessionMonitor.title')}
+                </DialogDescription>
               </DialogHeader>
               <div className={activeMenu === 'sessions' ? 'flex-1 min-h-0' : 'flex-1 overflow-y-auto px-6 pb-6'}>
                 {activeMenu === 'config' && (
@@ -257,6 +266,7 @@ export default function BotDetailDialog({
         <DialogContent>
           <DialogHeader>
             <DialogTitle>{t('common.confirmDelete')}</DialogTitle>
+            <DialogDescription className="sr-only">{t('bots.deleteConfirmation')}</DialogDescription>
           </DialogHeader>
           <div className="py-4">{t('bots.deleteConfirmation')}</div>
           <DialogFooter>

web/src/app/home/components/dynamic-form/DynamicFormComponent.tsx

@@ -141,6 +141,11 @@ export default function DynamicFormComponent({
     }
   }, [initialValues, form, itemConfigList]);
 
+  // Stable ref for onSubmit to avoid re-triggering the effect when the
+  // parent passes a new closure on every render.
+  const onSubmitRef = useRef(onSubmit);
+  onSubmitRef.current = onSubmit;
+
   // 监听表单值变化
   useEffect(() => {
     // Emit initial form values immediately so the parent always has a valid snapshot,
@@ -154,7 +159,7 @@ export default function DynamicFormComponent({
       },
       {} as Record<string, object>,
     );
-    onSubmit?.(initialFinalValues);
+    onSubmitRef.current?.(initialFinalValues);
 
     const subscription = form.watch(() => {
       const formValues = form.getValues();
@@ -165,10 +170,10 @@ export default function DynamicFormComponent({
         },
         {} as Record<string, object>,
       );
-      onSubmit?.(finalValues);
+      onSubmitRef.current?.(finalValues);
     });
     return () => subscription.unsubscribe();
-  }, [form, onSubmit, itemConfigList]);
+  }, [form, itemConfigList]);
 
   return (
     <Form {...form}>