feat: Human Input node (Frontend Part) (#31631)

Co-authored-by: JzoNg <jzongcode@gmail.com>
Co-authored-by: Joel <iamjoel007@gmail.com>
Co-authored-by: yessenia <yessenia.contact@gmail.com>
Co-authored-by: QuantumGhost <obelisk.reg+git@gmail.com>

web/app/components/billing/plan/index.spec.tsx

@@ -1,4 +1,4 @@
-import { fireEvent, render, screen, waitFor } from '@testing-library/react'
+import { act, fireEvent, render, screen, waitFor } from '@testing-library/react'
 import { EDUCATION_VERIFYING_LOCALSTORAGE_ITEM } from '@/app/education-apply/constants'
 import { Plan } from '../type'
 import PlanComp from './index'
@@ -188,7 +188,9 @@ describe('PlanComp', () => {
     expect(lastCall.onCancel).toBeDefined()
 
     // Call onConfirm to close modal
-    lastCall.onConfirm()
-    lastCall.onCancel()
+    act(() => {
+      lastCall.onConfirm()
+      lastCall.onCancel()
+    })
   })
 })

web/app/components/billing/type.ts

@@ -118,6 +118,7 @@ export type CurrentPlanInfoBackend = {
   knowledge_pipeline: {
     publish_enabled: boolean
   }
+  human_input_email_delivery_enabled: boolean
 }
 
 export type SubscriptionItem = {

web/app/components/billing/utils/index.spec.ts

@@ -94,6 +94,7 @@ describe('billing utils', () => {
       knowledge_pipeline: {
         publish_enabled: false,
       },
+      human_input_email_delivery_enabled: false,
       ...overrides,
     })