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

<%= turbo_stream_from @account %>

<div class="space-y-4">
  <div class="flex justify-between items-center">
    <div class="flex items-center gap-3">
      <%= image_tag account_logo_url(@account), class: "w-8 h-8" %>
      <h2 class="font-medium text-xl"><%= @account.name %></h2>
    </div>
    <div class="flex items-center gap-3">
      <%= button_to sync_account_path(@account), method: :post, class: "flex items-center gap-2", title: "Sync Account" do %>
        <%= lucide_icon "refresh-cw", class: "w-4 h-4 text-gray-900 hover:text-gray-500" %>
      <% end %>

      <%= contextual_menu do %>
        <div class="w-48 p-1 text-sm leading-6 text-gray-900 bg-white shadow-lg shrink rounded-xl ring-1 ring-gray-900/5">
          <%= link_to edit_account_path(@account),
                      data: { turbo_frame: :modal },
                      class: "block w-full py-2 px-3 space-x-2 text-gray-900 hover:bg-gray-50 flex items-center rounded-lg" do %>
            <%= lucide_icon "pencil-line", class: "w-5 h-5 text-gray-500" %>

            <span><%= t(".edit") %></span>
          <% end %>

          <%= link_to new_import_path(account_id: @account.id),
                      class: "block w-full py-2 px-3 space-x-2 text-gray-900 hover:bg-gray-50 flex items-center rounded-lg" do %>
            <%= lucide_icon "download", class: "w-5 h-5 text-gray-500" %>

            <span><%= t(".import") %></span>
          <% end %>

          <%= button_to account_path(@account),
                        method: :delete,
                        class: "block w-full py-2 px-3 space-x-2 text-red-600 hover:bg-red-50 flex items-center rounded-lg",
                        data: {
                          turbo_confirm: {
                            title: t(".confirm_title"),
                            body: t(".confirm_body_html"),
                            accept: t(".confirm_accept", name: @account.name)
                          }
                        } do %>
            <%= lucide_icon("trash-2", class: "w-5 h-5 mr-2") %> Delete account
          <% end %>
        </div>
      <% end %>
    </div>
  </div>
  <%= turbo_frame_tag "sync_message" do %>
    <%= render partial: "accounts/sync_message", locals: { is_syncing: @account.syncing? } %>
  <% end %>

  <% if @account.alert %>
    <%= render partial: "shared/alert", locals: { type: "error", content: t("." + @account.alert) } %>
  <% end %>

  <div class="bg-white shadow-xs rounded-xl border border-alpha-black-25 rounded-lg">
    <div class="p-4 flex justify-between">
      <div class="space-y-2">
        <%= render partial: "shared/value_heading", locals: {
          label: "Total Value",
          period: @period,
          value: @account.balance_money,
          trend: @balance_series.trend
        } %>
      </div>
      <%= form_with url: account_path(@account), method: :get, class: "flex items-center gap-4", data: { controller: "auto-submit-form" } do %>
        <%= render partial: "shared/period_select", locals: { value: @period.name } %>
      <% end %>
    </div>
    <div class="h-96 flex items-center justify-center text-2xl font-bold">
      <%= render partial: "shared/line_chart", locals: { series: @balance_series } %>
    </div>
  </div>

  <% selected_tab = params[:tab] || "history" %>

  <div class="flex gap-1 text-sm text-gray-900 font-medium mb-4">
    <%= link_to "History", account_path(tab: "history"), class: ["p-2 rounded-lg", "bg-gray-100": selected_tab == "history"] %>
    <%= link_to "Transactions", account_path(tab: "transactions"), class: ["p-2 rounded-lg", "bg-gray-100": selected_tab == "transactions"] %>
  </div>

  <div class="min-h-[800px]">
    <% if selected_tab == "transactions" %>
      <%= turbo_frame_tag dom_id(@account, "transactions"), src: transaction_account_entries_path(@account) do %>
        <%= render "account/entries/loading" %>
      <% end %>
    <% else %>
      <%= turbo_frame_tag dom_id(@account, "valuations"), src: valuation_account_entries_path(@account) do %>
        <%= render "account/entries/loading" %>
      <% end %>
    <% end %>
  </div>
</div>