{% extends "base.html" %}
{% block body %}
<nav class="rail">
  <a class="rail-brand" href="/chats">chat</a>
  <ul>
    <li><a href="/chats" class="{% if active_nav == 'chats' %}active{% endif %}">Chats</a></li>
    <li><a href="/bots" class="{% if active_nav == 'bots' %}active{% endif %}">Bots</a></li>
    <li><a href="/snapshots" class="{% if active_nav == 'snapshots' %}active{% endif %}">Snapshots</a></li>
    <li><a href="/settings" class="{% if active_nav == 'settings' %}active{% endif %}">Settings</a></li>
  </ul>
  {# T100: cross-chat search box. GET /search so the URL is shareable
     and back-button friendly; the results page itself re-renders this
     form with the query pre-filled. #}
  <form class="rail-search" action="/search" method="get" role="search">
    <input type="search" name="q" placeholder="Search" aria-label="Search memories">
    <button type="submit">Go</button>
  </form>
</nav>
<main class="content">
  {% block content %}{% endblock %}
</main>
{% endblock %}