improvement(contact): address greptile review feedback

- Map contact topic to help email type for accurate confirmation emails
- Drop Zod schema details from 400 response on public /api/contact
- Wire aria-describedby + aria-invalid in LandingField for both forms
- Reset helpMutation on modal reopen to match demo-request pattern

Author: waleedlatif1

apps/sim/app/(landing)/components/contact/consts.ts

@@ -65,3 +65,18 @@ export type ContactRequestPayload = z.infer<typeof contactRequestSchema>
 export function getContactTopicLabel(value: ContactRequestPayload['topic']): string {
   return CONTACT_TOPIC_OPTIONS.find((option) => option.value === value)?.label ?? value
 }
+
+export type HelpEmailType = 'bug' | 'feedback' | 'feature_request' | 'other'
+
+export function mapContactTopicToHelpType(topic: ContactRequestPayload['topic']): HelpEmailType {
+  switch (topic) {
+    case 'feature_request':
+      return 'feature_request'
+    case 'support':
+      return 'bug'
+    case 'integration':
+      return 'feedback'
+    default:
+      return 'other'
+  }
+}

apps/sim/app/(landing)/components/contact/contact-form.tsx

@@ -1,6 +1,6 @@
 'use client'
 
-import { useState } from 'react'
+import { cloneElement, isValidElement, useState } from 'react'
 import { useMutation } from '@tanstack/react-query'
 import { Combobox, Input, Textarea } from '@/components/emcn'
 import { Check } from '@/components/emcn/icons'
@@ -48,6 +48,10 @@ interface LandingFieldProps {
 
 function LandingField({ label, htmlFor, optional, error, children }: LandingFieldProps) {
   const errorId = error ? `${htmlFor}-error` : undefined
+  const describedChild =
+    errorId && isValidElement<{ 'aria-describedby'?: string; 'aria-invalid'?: boolean }>(children)
+      ? cloneElement(children, { 'aria-describedby': errorId, 'aria-invalid': true })
+      : children
   return (
     <div className='flex flex-col gap-1.5'>
       <label
@@ -57,7 +61,7 @@ function LandingField({ label, htmlFor, optional, error, children }: LandingFiel
         {label}
         {optional ? <span className='ml-1 text-[var(--text-muted)]'>(optional)</span> : null}
       </label>
-      {children}
+      {describedChild}
       {error ? (
         <p id={errorId} role='alert' className='text-[12px] text-[var(--text-error)]'>
           {error}

apps/sim/app/(landing)/components/demo-request/demo-request-modal.tsx

@@ -1,6 +1,6 @@
 'use client'
 
-import { useState } from 'react'
+import { cloneElement, isValidElement, useState } from 'react'
 import { useMutation } from '@tanstack/react-query'
 import {
   Combobox,
@@ -60,6 +60,10 @@ interface LandingFieldProps {
 
 function LandingField({ label, htmlFor, optional, error, children }: LandingFieldProps) {
   const errorId = error ? `${htmlFor}-error` : undefined
+  const describedChild =
+    errorId && isValidElement<{ 'aria-describedby'?: string; 'aria-invalid'?: boolean }>(children)
+      ? cloneElement(children, { 'aria-describedby': errorId, 'aria-invalid': true })
+      : children
   return (
     <div className='flex flex-col gap-1.5'>
       <label
@@ -69,7 +73,7 @@ function LandingField({ label, htmlFor, optional, error, children }: LandingFiel
         {label}
         {optional ? <span className='ml-1 text-[var(--text-muted)]'>(optional)</span> : null}
       </label>
-      {children}
+      {describedChild}
       {error ? (
         <p id={errorId} role='alert' className='text-[12px] text-[var(--text-error)]'>
           {error}

apps/sim/app/api/contact/route.ts

@@ -12,6 +12,7 @@ import { getFromEmailAddress } from '@/lib/messaging/email/utils'
 import {
   contactRequestSchema,
   getContactTopicLabel,
+  mapContactTopicToHelpType,
 } from '@/app/(landing)/components/contact/consts'
 
 const logger = createLogger('ContactAPI')
@@ -53,10 +54,7 @@ export const POST = withRouteHandler(async (req: NextRequest) => {
       logger.warn(`[${requestId}] Invalid contact request data`, {
         errors: validationResult.error.format(),
       })
-      return NextResponse.json(
-        { error: 'Invalid request data', details: validationResult.error.format() },
-        { status: 400 }
-      )
+      return NextResponse.json({ error: 'Invalid request data' }, { status: 400 })
     }
 
     const { name, email, company, topic, subject, message } = validationResult.data
@@ -98,7 +96,10 @@ ${message}
     logger.info(`[${requestId}] Contact request email sent successfully`)
 
     try {
-      const confirmationHtml = await renderHelpConfirmationEmail('other', 0)
+      const confirmationHtml = await renderHelpConfirmationEmail(
+        mapContactTopicToHelpType(topic),
+        0
+      )
 
       await sendEmail({
         to: [email],

apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/help-modal/help-modal.tsx

@@ -169,6 +169,7 @@ export function HelpModal({ open, onOpenChange, workflowId, workspaceId }: HelpM
       setSubmitStatus(null)
       setIsDragging(false)
       setIsProcessing(false)
+      helpMutation.reset()
       reset({
         subject: '',
         message: '',