Function handleSubmit

web/src/app/orgs/new/page.tsx:62–111

(e: React.FormEvent)

  }

  const handleSubmit = async (e: React.FormEvent) => {
    e.preventDefault()

    const nameValidationError = validateName(formData.name)
    if (nameValidationError) {
      setNameError(nameValidationError)
      toast({
        title: 'Error',
        description: nameValidationError,
        variant: 'destructive',
      })
      return
    }

    setIsLoading(true)
    try {
      const response = await fetch('/api/orgs', {
        method: 'POST',
        headers: {
          'Content-Type': 'application/json',
        },
        body: JSON.stringify({
          name: formData.name,
          description: formData.description,
        }),
      })

      if (!response.ok) {
        const error = await response.json()
        throw new Error(error.error || 'Failed to create organization')
      }

      const organization = await response.json()

      // Show success modal first, then navigate when user clicks "Get Started"
      setCreatedOrganization(organization)
      setSuccessModalOpen(true)
    } catch (error) {
      toast({
        title: 'Error',
        description:
          error instanceof Error
            ? error.message
            : 'Failed to create organization',
        variant: 'destructive',
      })
    } finally {
      setIsLoading(false)
    }
  }

  const handleContinueToOrganization = () => {
    if (createdOrganization) {