<%= form_with model: Conversation::Message.new, local: true, 
      class: "conversation__composer flex align-center justify-center gap-half",
      data: {
        turbo_frame: "conversation",
        action: "turbo:submit-end->conversation--composer#submitEnd",
        controller: "conversation--composer",
        conversation__composer_conversation__messages_outlet: "#conversation-messages" } do |form| %>
  <%= render "conversations/composer/thinking_indicator", conversation: nil %>

  <%= form.hidden_field :client_message_id, data: { conversation__composer_target: "clientMessageIdInput" } %>
  <%= form.label :content, "Ask Fizzy", class: "font-weight-black txt-nowrap" %>
  <%= form.text_field :content,
        autofocus: true,
        autocomplete: "off",
        placeholder: "Ask a question…",
        class: "conversation__composer-input input",
        data: {
          action: "
            keydown.esc->bar#reset
            keydown.enter->conversation--composer#submit keydown.enter->bar#showModal
            keydown.ctrl+enter->conversation--composer#submit keydown.ctrl+enter->bar#showModal",
          conversation__composer_target: "textInput" } %>
<% end %>