<div>
  {{range .flags}}
  <div class="event-row">
    <span class="event-type-pill pill-flag">flag</span>
    <div class="event-content">
      <div class="event-text">{{.content}}</div>
      <div class="event-footer">
        <span class="event-time">{{.created_at | since}} ago</span>
        {{if .confidence}}<span class="conf-chip">conf {{printf "%.0f" (mul .confidence 100)}}%</span>{{end}}
        {{if .tags}}<span class="conf-chip" style="background:rgba(79,74,128,.1);color:var(--purple);">{{.tags}}</span>{{end}}
      </div>
    </div>
    <div class="event-actions">
      <button class="icon-btn"
        hx-put="/api/flags/{{.event_id}}/review"
        hx-vals='{"reviewer_id":"human"}'
        hx-target="closest .event-row"
        hx-swap="outerHTML"
        title="Mark reviewed">✓</button>
    </div>
  </div>
  {{end}}
  {{if not .flags}}
  <div class="empty-state" style="padding:32px;text-align:center;color:var(--muted);">
    <div style="font-size:24px;margin-bottom:8px;">✓</div>
    <div>No flags — everything looks good.</div>
  </div>
  {{end}}
</div>
