{% extends "base.html" %} {% block title %}Audit Trail{% endblock %} {% block
main_class %}shell{% endblock %} {% block content %}
<section class="hero">
  <div>
    <h1 class="title">Audit Trail</h1>
    <p class="subtitle">
      System activity, configuration changes, and execution decisions.
    </p>
  </div>
  <div class="toolbar">
    <a class="button secondary" href="/dashboard">Dashboard</a>
    <a class="button secondary" href="/dashboard/config">Config</a>
    <a class="button secondary" href="/dashboard/backtesting">Backtesting</a>
    <a class="button secondary" href="/health">Health</a>
  </div>
</section>

<section
  id="audit-shell"
  hx-get="/dashboard/audit/fragment"
  hx-target="this"
  hx-trigger="load, every 20s"
  hx-swap="outerHTML"
>
  {% include "partials/audit.html" %}
</section>
{% endblock %}