Maybe/app/views/chats/show.html.erb

<%= turbo_frame_tag chat_frame do %>
  <%= turbo_stream_from @chat %>

  <h1 class="sr-only"><%= @chat.title %></h1>

  <div class="flex flex-col h-full">
    <div class="p-4">
      <%= render "chats/chat_nav", chat: @chat %>
    </div>

    <div id="messages" class="grow overflow-y-auto p-4 space-y-6" data-chat-target="messages">
      <% if @chat.conversation_messages.any? %>
        <% @chat.conversation_messages.ordered.each do |message| %>
          <%= render message %>
        <% end %>
      <% else %>
        <div class="mt-auto">
          <%= render "chats/ai_greeting", context: "chat" %>
        </div>
      <% end %>

      <% if params[:thinking].present? %>
        <%= render "chats/thinking_indicator", chat: @chat %>
      <% end %>

      <% if @chat.error.present? %>
        <%= render "chats/error", chat: @chat %>
      <% end %>
    </div>

    <div class="p-4">
      <%= render "messages/chat_form", chat: @chat %>
    </div>
  </div>
<% end %>