<%- include("../../../src/web/views/partials/layout-top", { title }) %>
<link rel="stylesheet" href="/plugins/lumi_ai/assets/settings.css?v=<%= assetVersion %>" />

<section class="ai-titlebar">
  <div><h1><%= log.name %></h1><p><%= formatBytes(log.size) %> &middot; modified <%= formatDate(log.modified_at) %></p></div>
  <div class="ai-actions">
    <a class="button subtle" href="/plugins/lumi_ai#logs">Back</a>
    <a class="button" href="/plugins/lumi_ai/logs/<%= encodeURIComponent(log.name) %>/download">Download</a>
  </div>
</section>
<section class="ai-band">
  <% if (log.truncated) { %><div class="callout">Showing only the latest 256 KB.</div><% } %>
  <div class="ai-log-tools">
    <input type="search" placeholder="Filter visible log lines" data-log-filter />
    <button class="button subtle" type="button" data-log-copy>Copy visible text</button>
  </div>
  <pre class="ai-log-viewer" data-log-content><%= log.content %></pre>
</section>
<script src="/plugins/lumi_ai/assets/settings.js?v=<%= assetVersion %>" defer></script>
<%- include("../../../src/web/views/partials/layout-bottom") %>
