{#
  Shared navigation drawer — the SINGLE source of the app menu, included by
  every page (chat, goals, agents, topics). One file → the menu can never
  drift between pages again, and {{ base }} is applied in exactly one place.

  Jinja context params:
    active            — current page: 'chat'|'agents'|'topics'|'goals'|'workspace'
    nav_conversations — include the conversations list (default true). Chat
                        passes false because its own persistent sidebar already
                        shows conversations.

  Open/close behaviour + the conversations list live in static/nav.js (also
  shared). Every page just needs a `#mon-menu-btn` hamburger in its header.
#}
<div id="mon-drawer-backdrop" class="mon-drawer-backdrop" hidden></div>
<nav id="mon-drawer" class="mon-drawer" aria-label="Navigation" aria-hidden="true" inert>
  <div class="mon-drawer-header">
    <a class="mon-logo" href="{{ base }}/" title="Back to chat">
      <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
        <path d="M12 2L2 7l10 5 10-5-10-5z"/><path d="M2 17l10 5 10-5"/><path d="M2 12l10 5 10-5"/>
      </svg>
      <span>rtxclaw</span>
    </a>
    <button id="mon-drawer-close" class="icon-btn" title="Close menu" aria-label="Close menu">&times;</button>
  </div>
  <div class="mon-drawer-nav">
    {% include "_nav_items.html" %}
  </div>
  {% if nav_conversations is not defined or nav_conversations %}
  <div class="mon-drawer-conversations">
    <div class="section-label">CONVERSATIONS</div>
    <div id="mon-session-list"></div>
  </div>
  {% endif %}
</nav>