<%= tag.div \
      id: "command-terminal",
      class: "terminal full-width flex flex-column justify-end",
      data: {
        controller: "terminal",
        terminal_dialog_outlet: "#terminal-modal",
        terminal_error_class: "terminal--error",
        terminal_confirmation_class: "terminal--confirmation",
        terminal_help_class: "terminal--showing-help",
        terminal_output_class: "terminal--showing-output",
        terminal_busy_class: "terminal--busy",
        toggle_class_toggle_class: "terminal--open"
      } do %>
  <%= tag.dialog \
    id: "terminal-modal",
    class: "terminal__modal panel shadow",
    data: {
      controller: "dialog",
      dialog_target: "dialog",
      dialog_modal_value: "true",
      action: "keydown.esc->dialog#close click@document->dialog#closeOnClickOutside" } do %>
    <%= turbo_frame_tag nil, refresh: :morph, data: { terminal_target: "modalTurboFrame" }, target: "_top" %>
  <% end %>

  <%= render "commands/form" %>
<% end %>