Maybe/app/views/accounts/_account_list.html.erb

<%# locals: (type:) -%>
<% accounts = Current.family.accounts.where(accountable_type: type.name) %>
<% if accounts.sum(&:converted_balance) > 0 %>
  <details class="mb-1 text-sm group" data-controller="account-collapse" data-account-collapse-type-value="<%= type %>">
    <summary class="flex gap-4 px-2 py-3 items-center w-full rounded-[10px] font-medium hover:bg-gray-100">
      <%= lucide_icon("chevron-down", class: "hidden group-open:block text-gray-500 w-5 h-5") %>
      <%= lucide_icon("chevron-right", class: "group-open:hidden text-gray-500 w-5 h-5") %>
      <div class="text-left"><%= type.model_name.human %></div>
      <div class="ml-auto"><%= format_money accounts.sum(&:converted_balance) %></div>
    </summary>
    <% accounts.each do |account| %>
      <%= link_to account_path(account), class: "flex items-center w-full gap-3 px-2 py-3 mb-1 hover:bg-gray-100 rounded-[10px]" do %>
        <div>
          <p class="font-medium"><%= account.name %></p>
          <% if account.subtype %>
            <p class="text-xs text-gray-500"><%= account.subtype&.humanize %></p>
          <% end %>
        </div>
        <p class="ml-auto font-medium"><%= format_money account.converted_balance %></p>
      <% end %>
    <% end %>
    <%= link_to new_account_path(step: 'method', type: type.name.demodulize), class: "flex items-center gap-4 px-2 py-3 mb-1 text-gray-500 text-sm font-medium rounded-[10px] hover:bg-gray-100", data: { turbo_frame: "modal" } do %>
      <%= lucide_icon("plus", class: "w-5 h-5") %>
      <p>New <%= type.model_name.human.downcase %></p>
    <% end %>
  </details>
<% end %>