📬 feat: Agent Support Email Address Validation (#9128)

* fix: email-regex realtime updates and looser validation

* feat: add zod validation to email address input

* refactor: emailValidation to email

client/src/components/SidePanel/Agents/AgentConfig.tsx

@@ -8,6 +8,7 @@ import {
   processAgentOption,
   getEndpointField,
   defaultTextProps,
+  validateEmail,
   getIconKey,
   cn,
 } from '~/utils';
@@ -445,10 +446,8 @@ export default function AgentConfig({ createMutation }: Pick<AgentPanelProps, 'c
                 name="support_contact.email"
                 control={control}
                 rules={{
-                  pattern: {
-                    value: /^\w+([.-]?\w+)*@\w+([.-]?\w+)*(\.\w{2,3})+$/,
-                    message: localize('com_ui_support_contact_email_invalid'),
-                  },
+                  validate: (value) =>
+                    validateEmail(value ?? '', localize('com_ui_support_contact_email_invalid')),
                 }}
                 render={({ field, fieldState: { error } }) => (
                   <>

client/src/components/SidePanel/Agents/AgentPanel.tsx

@@ -72,6 +72,7 @@ export default function AgentPanel() {
   const models = useMemo(() => modelsQuery.data ?? {}, [modelsQuery.data]);
   const methods = useForm<AgentForm>({
     defaultValues: getDefaultAgentFormValues(),
+    mode: 'onChange',
   });
 
   const { control, handleSubmit, reset } = methods;

client/src/components/SidePanel/Agents/MCPPanel.tsx

@@ -65,6 +65,7 @@ export default function MCPPanel() {
 
   const methods = useForm<MCPForm>({
     defaultValues: defaultMCPFormValues,
+    mode: 'onChange',
   });
 
   const { reset } = methods;