{% extends "partials/_html.html" %}

{% block title %}Brains Dashboard · {{ page_title }}{% endblock %}

{# Sidebar section grouping. Keys map to the dashboard_nav nav_key.
   Anything not listed here lands in 'More' as a defensive bucket. #}
{% set _SIDENAV_SECTIONS = [
  ('Live', ['overview', 'sessions', 'decisions', 'handoffs']),
  ('Work', ['tasks', 'routes', 'recurring']),
  ('Knowledge', ['events', 'patterns', 'tools', 'workspaces', 'operators']),
] %}
{% set _nav_by_key = {} %}
{% for nav_key, nav_label, nav_href, nav_icon in dashboard_nav %}
  {% set _ = _nav_by_key.update({nav_key: (nav_label, nav_href, nav_icon)}) %}
{% endfor %}

{% block body %}
<header class="topbar">
  <a class="topbar__brand" href="/dashboard">
    <span class="brand-mark">b</span>
    <span>brains</span>
    <span class="brand-scope">dashboard</span>
    {% if operator %}
      <span class="muted" style="margin-left:.75rem;font-size:.85em;">operator: {{ operator }}</span>
    {% endif %}
  </a>

  <div style="flex: 1;"></div>

  <div class="topbar__actions">
    <button type="button" class="js-palette-trigger" title="Open command palette (Ctrl+K)">
      {{ icon('command') }}
      <span>Jump</span>
      <kbd>⌘K</kbd>
    </button>
    <a href="/admin/overview" title="Open admin console">
      {{ icon('external-link') }}
      <span>Admin</span>
    </a>
    <a href="/admin/logout" title="Sign out">
      {{ icon('log-out') }}
      <span>Sign out</span>
    </a>
  </div>
</header>

<div class="app-shell" id="app-shell">
  <aside class="sidenav" aria-label="Dashboard sections">
    <button type="button" class="sidenav__toggle" aria-label="Toggle sidebar">
      {{ icon('chevron-right') }}
      <span class="sidenav__label">Collapse</span>
    </button>

    {% set _seen_keys = [] %}
    {% for section_label, section_keys in _SIDENAV_SECTIONS %}
    <div class="sidenav__section">
      <div class="sidenav__section-label">{{ section_label }}</div>
      {% for nav_key in section_keys %}
        {% if nav_key in _nav_by_key %}
          {% set nav_label, nav_href, nav_icon = _nav_by_key[nav_key] %}
          {% set _ = _seen_keys.append(nav_key) %}
          <a href="{{ nav_href }}"
             data-label="{{ nav_label }}"
             class="{{ 'is-active' if nav_key == active else '' }}"
             {% if nav_key == active %}aria-current="page"{% endif %}>
            {{ icon(nav_icon) }}
            <span class="sidenav__label">{{ nav_label }}</span>
            {% set badge = (nav_badges or {}).get(nav_key) %}
            {% if badge and badge.count %}
              <span class="nav-badge {{ badge.tone or '' }}" title="{{ badge.title or '' }}">{{ badge.count }}</span>
            {% endif %}
          </a>
        {% endif %}
      {% endfor %}
    </div>
    {% endfor %}

    {# Catch-all: anything in dashboard_nav we didn't section above. #}
    {% set _orphans = [] %}
    {% for nav_key, nav_label, nav_href, nav_icon in dashboard_nav %}
      {% if nav_key not in _seen_keys %}{% set _ = _orphans.append((nav_key, nav_label, nav_href, nav_icon)) %}{% endif %}
    {% endfor %}
    {% if _orphans %}
    <div class="sidenav__section">
      <div class="sidenav__section-label">More</div>
      {% for nav_key, nav_label, nav_href, nav_icon in _orphans %}
      <a href="{{ nav_href }}"
         data-label="{{ nav_label }}"
         class="{{ 'is-active' if nav_key == active else '' }}"
         {% if nav_key == active %}aria-current="page"{% endif %}>
        {{ icon(nav_icon) }}
        <span class="sidenav__label">{{ nav_label }}</span>
      </a>
      {% endfor %}
    </div>
    {% endif %}
  </aside>

  <main class="page">
    {% block page %}{% endblock %}
  </main>
</div>

{% include "partials/_palette.html" %}
<script src="{{ static_url('live-filter.js') }}" defer></script>
<script src="{{ static_url('app-shell.js') }}" defer></script>
{% endblock %}