{% if rows %}
<table class="feed">
  <thead>
    <tr>
      <th>Time</th>
      <th colspan="2">Host · Path</th>
      <th class="r">Size</th>
      <th class="r">Status</th>
    </tr>
  </thead>
  <tbody>
    {% for row in rows %}
      {% set ic = icon_for(row['tool']) %}
      {% set redacted = row['redactions_applied_json'] is not none %}
      {% set enforcement = row['enforcement'] %}
      <tr data-id="{{ row['id'] }}"
          onclick="upboxDetail({{ row['id'] }})"
          title="Click to inspect (↑↓ to navigate)">
        <td class="cell-time">{{ row['ts'] | ago }}</td>
        <td class="cell-tool">
          <span class="tool-icon tool-icon-{{ ic.code }}" title="{{ row['tool'] or 'Unknown' }}"></span>
        </td>
        <td class="host-cell">
          <span class="meth">{{ row['method'] }}</span><span class="h">{{ row['host'] }}</span><span class="p">{{ row['path'] }}</span>
          <span class="hover-hint">Inspect →</span>
        </td>
        <td class="cell-size">{{ row['req_bytes'] | bytes }}</td>
        <td class="cell-status">
          {% if enforcement == 'blocked' %}
            <span class="badge b-blk" title="Stopped with 403 — never sent">blocked</span>
          {% elif enforcement == 'flagged' %}
            <span class="badge b-flag" title="Off-allowlist — forwarded to the cloud anyway">flagged</span>
          {% elif redacted %}
            <span class="badge b-red">redacted</span>
          {% else %}
            <span class="badge b-fwd">forwarded</span>
          {% endif %}
        </td>
      </tr>
    {% endfor %}
  </tbody>
</table>
{% else %}
<div class="feed-empty">
  <div class="feed-empty-mark">⌀</div>
  {% if selected_tool %}
    <h3>No requests captured for <strong>{{ selected_tool }}</strong> yet</h3>
    <p>Loosen the filters or wait for new traffic from this tool.</p>
  {% else %}
    <h3>No requests captured yet</h3>
    <p>Run <code class="kbd-tip">upbox init</code>, then <code class="kbd-tip">upbox start</code> — upbox auto-captures all HTTPS traffic on this machine.</p>
  {% endif %}
</div>
{% endif %}