<%= link_to searches_path, class: "btn flex-item-no-shrink margin-block-end composer__context-btn", style: "view-transition-name: input-switcher" do %> <%= image_tag "search.svg", size: 20, aria: { hidden: "true" } %> <% end %> <%= composer_form_tag(room) do |form| %>

<%= image_tag "messages-outlined.svg", size: 22, aria: { hidden: "true" }, class: "composer__input-hint colorize--black", style: "view-transition-name: input-btn;" %>

<%= form.rich_text_area :body, rows: 1, class: "input", style: "order: -1", aria: { multiline: "true", label: "Write a message" }, data: { controller: "rich-autocomplete", action: rich_text_data_actions, rich_autocomplete_url_value: autocompletable_users_path(room_id: room.id), permitted_attachment_types: "application/vnd.actiontext.opengraph-embed", composer_target: "text" } %>

<%= image_tag "attachment.svg", size: 22, class: "colorize--black", aria: { hidden: "true" } %> <%= form.button name: "send", type: "submit", data: { action: "composer#submit" }, class: "btn btn--reversed flex-item-no-shrink txt-small" do %> <%= image_tag "arrow-up.svg", size: 20, aria: { hidden: "true" } %> <% end %>

<%= form.hidden_field :client_message_id, data: { composer_target: "clientid" } %> <% end %>