refactor form input fields

Author: kevinkim-ogp

packages/frontend/src/pages/AiBuilder/components/AIFormModalContent.tsx

@@ -76,6 +76,7 @@ export const AIFormModalContent = ({
                   resize={field.resize}
                   minH={field.minH}
                   maxH={field.maxH}
+                  required={field.required}
                 />
                 {errors[field.key] && (
                   <FormErrorMessage>

packages/frontend/src/pages/AiBuilder/schema.ts

@@ -2,11 +2,7 @@ import z from 'zod'
 
 export const AI_FORM_SCHEMA = z.object({
   flowName: z.string().trim().min(1, 'Flow name is required'),
-  trigger: z
-    .string()
-    .trim()
-    .min(15, 'Description must be at least 15 characters')
-    .max(250, 'Description must not exceed 250 characters'),
+  trigger: z.string().trim(),
   actions: z
     .string()
     .trim()

packages/frontend/src/pages/Flows/constants.ts

@@ -1,19 +1,23 @@
 export const AI_FORM_FIELDS = [
-  {
-    key: 'trigger' as const,
-    label: 'How does your workflow start?',
-    placeholder: 'When a new joiner submits a form with their details',
-    resize: 'none' as const,
-  },
   {
     key: 'actions' as const,
-    label: 'Describe what happens next step-by-step',
+    label: 'What should this workflow accomplish?',
     placeholder:
-      'Add this new joiner to the database\nSend the new joiner a welcome email\nInform respective team that there is a new joiner',
+      'This workflow should help me to collect attendance for my event.',
+    required: true,
     resize: 'vertical' as const,
     minH: '100px',
     maxH: '200px',
   },
+  {
+    key: 'trigger' as const,
+    label: 'Where does your data come from?',
+    placeholder: 'When a new joiner submits a form with their details',
+    required: true,
+    resize: 'vertical' as const,
+    minH: '42px',
+    maxH: '126px',
+  },
 ]
 
 export const AI_FORM_IDEAS = [