{% extends "base.html" %}

{% block content %}
  <section class="section">
    <div class="container">
      <nav class="breadcrumb is-small" aria-label="breadcrumbs">
        <ul>
          <li><a href="{{ workspace_url }}">AI Workspace</a></li>
          <li><a href="{{ graphs_url }}">Behavioral Graphs</a></li>
          <li class="is-active"><a aria-current="page">{{ metric.title }}</a></li>
        </ul>
      </nav>
      <div class="mb-4">
        <h1 class="title is-4 mb-1">{{ metric.title }}: {{ person.name }}</h1>
        <p class="is-size-7 has-text-grey">
          Detailed MS/PS graph for this contact.
        </p>
        {% include "partials/ai-insight-nav.html" %}
      </div>
      {% include "partials/ai-workspace-behavioral-graph-detail.html" %}
    </div>
  </section>
{% endblock %}