{%- macro ico(paths) -%}<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round">{{ paths|safe }}</svg>{%- endmacro -%}
{%- macro item(key, href, label, icon) -%}
<a class="nav-item{{ ' active' if key == here else '' }}" href="{{ href }}" title="{{ label }}"><span class="nav-ico">{{ ico(icon) }}</span><span class="nav-label">{{ label }}</span></a>
{%- endmacro -%}
<div class="nav-group">Triage</div>
{{ item('issues', '/issues', 'Issues', '<path d="M12 9v4"/><path d="M12 17h.01"/><path d="M10.3 3.9 1.8 18a2 2 0 0 0 1.7 3h17a2 2 0 0 0 1.7-3L13.7 3.9a2 2 0 0 0-3.4 0z"/>') }}
{{ item('attention', '/attention', 'Needs attention', '<path d="M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9"/><path d="M10.3 21a1.94 1.94 0 0 0 3.4 0"/>') }}
{{ item('alerts', '/alerts', 'Thresholds', '<path d="M3 12h4l2-7 4 14 2-7h6"/>') }}
<div class="nav-group">Monitor</div>
{{ item('dash', '/', 'Overview', '<rect x="3" y="3" width="7" height="9"/><rect x="14" y="3" width="7" height="5"/><rect x="14" y="12" width="7" height="9"/><rect x="3" y="16" width="7" height="5"/>') }}
{{ item('services', '/services', 'Services', '<rect x="2" y="2" width="8" height="8" rx="1"/><rect x="14" y="2" width="8" height="8" rx="1"/><rect x="2" y="14" width="8" height="8" rx="1"/><rect x="14" y="14" width="8" height="8" rx="1"/>') }}
{{ item('traces', '/traces', 'Traces', '<path d="M3 6h13"/><path d="M6 12h11"/><path d="M9 18h9"/>') }}
{{ item('logs', '/logs', 'Logs', '<path d="M4 5h16M4 9h10M4 13h16M4 17h7"/>') }}
{{ item('metrics', '/metrics/browse', 'Metrics', '<path d="M3 3v18h18"/><path d="m7 14 3-4 3 3 5-7"/>') }}
<div class="nav-group">Events</div>
{{ item('events', '/events', 'Events', '<path d="M4 5h16M4 12h16M4 19h10"/>') }}
{{ item('actions', '/actions', 'Actions', '<path d="M13 2 3 14h9l-1 8 10-12h-9z"/>') }}
{{ item('subs', '/subs', 'Subscriptions', '<path d="M4 11a9 9 0 0 1 9 9M4 4a16 16 0 0 1 16 16"/><circle cx="5" cy="19" r="1.5"/>') }}
{{ item('gists', '/gists', 'Deliveries', '<path d="M22 2 11 13"/><path d="M22 2 15 22l-4-9-9-4z"/>') }}
{{ item('deploys', '/deploys', 'Deployments', '<path d="M12 2 2 7l10 5 10-5z"/><path d="m2 17 10 5 10-5"/><path d="m2 12 10 5 10-5"/>') }}
<div class="nav-group">Catalog</div>
{{ item('apps', '/apps', 'Applications', '<rect x="3" y="3" width="18" height="18" rx="2"/><path d="M3 9h18"/>') }}
<div class="nav-group">Automate</div>
{{ item('wands', '/wands', 'Wands', '<path d="M15 4V2"/><path d="M15 16v-2"/><path d="M8 9h2"/><path d="M20 9h2"/><path d="M17.8 11.8 19 13"/><path d="M15 9h.01"/><path d="M17.8 6.2 19 5"/><path d="m3 21 9-9"/><path d="M12.2 6.2 11 5"/>') }}