<!-- agent-overview template. Rendered by overview_page.py into a single, self-contained ./my-agent/agent-overview.html. Placeholders {{like_this}} are string-substituted; no external assets. -->
<main class="al-overview">
  <style>
    .al-overview{font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;max-width:760px;margin:2rem auto;padding:0 1.25rem;color:#1a1a1a}
    .al-overview h1{font-size:1.6rem;margin:.2rem 0}
    .al-overview .goal{background:#f5f7fb;border-left:4px solid #4b6bfb;padding:.9rem 1.1rem;border-radius:6px;margin:1rem 0}
    .al-overview table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.95rem}
    .al-overview th,.al-overview td{text-align:left;padding:.5rem .6rem;border-bottom:1px solid #e6e8ee}
    .al-overview th{color:#555;font-weight:600}
    .al-overview .badge{display:inline-block;padding:.15rem .55rem;border-radius:999px;font-size:.8rem;background:#e8f0e8;color:#1c6b2e}
    .al-overview .badge.loop{background:#eef0ff;color:#3448c5}
    .al-overview footer{color:#888;font-size:.85rem;margin-top:2rem}
    @media(prefers-color-scheme:dark){.al-overview{color:#e8e8e8}.al-overview .goal{background:#1b2030;border-left-color:#7d93ff}.al-overview th,.al-overview td{border-color:#2a2f3d}.al-overview th{color:#aaa}}
  </style>
  <h1>{{agent_name}}</h1>
  <p><span class="badge">{{status}}</span> <span class="badge loop">{{loop_shape}}</span></p>
  <div class="goal">{{goal}}</div>

  <h2>Primitives owned</h2>
  <table>
    <thead><tr><th>Primitive</th><th>Value</th></tr></thead>
    <tbody>
      {{primitives_rows}}
    </tbody>
  </table>

  <h2>Latest run</h2>
  <table>
    <tbody>
      <tr><th>Verdict</th><td>{{last_verdict}}</td></tr>
      <tr><th>Iterations</th><td>{{iterations}}</td></tr>
      <tr><th>Schedule</th><td>{{schedule}}</td></tr>
    </tbody>
  </table>

  <h2>Next 1–2 upgrades</h2>
  <ol>{{next_moves}}</ol>

  <footer>Generated by agent-launcher · {{updated_at}} · Console: {{console_link}}</footer>
</main>
