app/views/chats/index.html.erb

index.html.erb

<div data-controller="chat" class="chat-container">
  <h1>ChatGPT</h1>
  <section data-chat-target="conversation" class="chat-conversation">
  </section>
  # send a message to the server
  <%= form_with data: { action: "chat#generateResponse" } do |form| %>
    <div class="chat-input">
      <%= form.text_area :message,
                         id: 'prompt',
                         data: { chat_target: "prompt" }
      %>
      <%= form.submit 'Send' %>
    </div>
  <% end %>
</div>