{# Bundled portfolio body: KPIs + curves + allocation.
   Tax planning panels moved to /tax (P1, P9).
   Rendered by /portfolio/body in one shot. #}
{% if oob_subline_html %}{{ oob_subline_html|safe }}{% endif %}

{# Action Inbox — lazy-loaded; respects the page's account filter. #}
<div id="inbox-panel"
     hx-get="/portfolio/inbox{% if account %}?account={{ account }}{% endif %}"
     hx-trigger="load"
     hx-swap="outerHTML"
     class="mb-4">
</div>

<div id="portfolio-kpis" class="mb-4">
  {% include "_portfolio_kpis.html" %}
</div>

{# Top row: equity is the primary "am I winning?" chart; cash is operational
   context. 3:2 (60/40) gives the cash + contributions chart enough room to
   read its second series clearly while keeping equity visually dominant. #}
<div class="grid gap-3 mb-4" style="grid-template-columns: 3fr 2fr;">
  <div id="portfolio-equity" class="panel">
    {% include "_portfolio_equity_curve.html" %}
  </div>
  <div id="portfolio-cash" class="panel">
    {% include "_portfolio_cash_curve.html" %}
  </div>
</div>

{# Monthly realized P&L — full-width bar chart pairing with the equity curve.
   Reads `monthly_pl_points` + `period_label` set by the bundled body handler.
   Honors the page Period (YTD / specific year / Lifetime) and Account
   filters identically to the equity curve above. #}
<div id="portfolio-monthly-pl" class="panel mb-4">
  {% include "_portfolio_monthly_pl.html" %}
</div>

{# Allocation row: existing concentration donut on the left, the cash-vs-
   positions deployment chart on the right. 2/3 + 1/3 split keeps the chip
   leaderboard breathing while giving the deployment panel enough room for
   its hero stat + legend. #}
<div class="grid gap-3 mb-4" style="grid-template-columns: 2fr 1fr;">
  <div id="portfolio-allocation" class="panel">
    {% include "_portfolio_allocation.html" %}
  </div>
  <div id="portfolio-deployment" class="panel">
    {% include "_portfolio_deployment.html" %}
  </div>
</div>

{# Top Movers panel — only render when at least one mover exists. #}
{% if top_movers and (top_movers.winners or top_movers.losers) %}
  <div id="portfolio-top-movers" class="panel mb-4">
    {% include "_portfolio_top_movers.html" %}
  </div>
{% endif %}

{# Wash-sale watch (continuous detection list) moved to the Tax page wash-sales
   tab — that's its natural home. The Action Inbox at the top of this page is
   different: it surfaces time-bound *action* signals (safe-to-rebuy, LT
   countdown, expirations) that auto-disappear once their window passes. #}
{# Tax planning panels (offset budget + year-end projection) moved to /tax (P9). #}