Maybe/app/components/UI/account/activity_date.html.erb

<%= tag.div id: id, data: { bulk_select_target: "group" }, class: "bg-container-inset rounded-xl p-1 w-full" do %>
  <details class="group">
    <summary>
      <div class="py-2 px-4 flex items-center justify-between font-medium text-xs text-secondary">
        <div class="flex pl-0.5 items-center gap-4">
          <%= check_box_tag "#{date}_entries_selection",
                          class: ["checkbox checkbox--light", "hidden": entries.size == 0],
                          id: "selection_entry_#{date}",
                          data: { action: "bulk-select#toggleGroupSelection" } %>

          <p class="uppercase space-x-1.5">
            <%= tag.span I18n.l(date, format: :long) %>
            <span>&middot;</span>
            <%= tag.span entries.size %>
          </p>
        </div>

        <div class="flex items-center gap-4">
          <div class="flex items-center gap-2">
            <span class="font-medium"><%= balance_trend.current.format %></span>
            <%= render DS::Tooltip.new(text: "The end of day balance, after all transactions and adjustments", placement: "left", size: "sm") %>
          </div>
          <%= helpers.icon "chevron-down", class: "group-open:rotate-180" %>
        </div>
      </div>
    </summary>

    <div class="p-4 space-y-3">
      <dl class="flex gap-4 items-center text-sm text-primary">
        <dt class="flex items-center gap-2">
          Start of day balance
          <%= render DS::Tooltip.new(text: "The account balance at the beginning of this day, before any transactions or value changes", placement: "left", size: "sm") %>
        </dt>
        <hr class="grow border-dashed border-secondary">
        <dd class="font-bold"><%= start_balance_money.format %></dd>
      </dl>

      <% if account.balance_type == :investment %>
        <dl class="flex gap-4 items-center text-sm text-primary">
          <dt class="flex items-center gap-2">
            &#916; Cash
            <%= render DS::Tooltip.new(text: "Net change in cash from deposits, withdrawals, and other cash transactions during the day", placement: "left", size: "sm") %>
          </dt>
          <hr class="grow border-dashed border-secondary">
          <dd><%= cash_change_money.format %></dd>
        </dl>

        <dl class="flex gap-4 items-center text-sm text-primary">
          <dt class="flex items-center gap-2">
            &#916; Holdings
            <%= render DS::Tooltip.new(text: "Net change in investment holdings value from buying, selling, or market price movements", placement: "left", size: "sm") %>
          </dt>
          <hr class="grow border-dashed border-secondary">
          <dd><%= holdings_change_money.format %></dd>
        </dl>
      <% else %>
        <dl class="flex gap-4 items-center text-sm text-primary">
          <dt class="flex items-center gap-2">
            &#916; Cash
            <%= render DS::Tooltip.new(text: "Net change in cash balance from all transactions during the day", placement: "left", size: "sm") %>
          </dt>
          <hr class="grow border-dashed border-secondary">
          <dd><%= cash_change_money.format %></dd>
        </dl>
      <% end %>

      <dl class="flex gap-4 items-center text-sm text-primary">
        <dt class="flex items-center gap-2">
          End of day balance
          <%= render DS::Tooltip.new(text: "The calculated balance after all transactions but before any manual adjustments or reconciliations", placement: "left", size: "sm") %>
        </dt>
        <hr class="grow border-dashed border-secondary">
        <dd class="font-medium"><%= end_balance_before_adjustments_money.format %></dd>
      </dl>

      <hr class="border border-primary">

      <dl class="flex gap-4 items-center text-sm text-primary">
        <dt class="flex items-center gap-2">
          &#916; Value adjustments
          <%= render DS::Tooltip.new(text: "Adjustments are either manual reconciliations made by the user or adjustments due to market price changes throughout the day", placement: "left", size: "sm") %>
        </dt>
        <hr class="grow border-dashed border-secondary">
        <dd><%= adjustments_money.format %></dd>
      </dl>

      <dl class="flex gap-4 items-center text-sm text-primary">
        <dt class="flex items-center gap-2">
          Closing balance
          <%= render DS::Tooltip.new(text: "The final account balance for the day, after all transactions and adjustments have been applied", placement: "left", size: "sm") %>
        </dt>
        <hr class="grow border-dashed border-primary">
        <dd class="font-bold"><%= end_balance_money.format %></dd>
      </dl>
    </div>
  </details>

  <div class="bg-container shadow-border-xs rounded-lg">
    <% entries.each do |entry| %>
      <%= render entry, view_ctx: "account" %>
    <% end %>
  </div>
<% end %>