{#
  _email_action_result.html — rendered by email action routes (test, list, fetch, auth-status)
  Expects: `outcome` dict with keys:
    ok      (bool)          — success/failure
    detail  (str)           — message or error text
    rows    (list[dict])    — optional message rows for list action
    kind    (str, optional) — "auth" for oauth polling state
    state   (str, optional) — "running" | "done" | "error" for auth
    account (str, optional) — account name, for auth polling URL
    verification_uri (str, optional)
    user_code        (str, optional)
#}

{% set kind = outcome.get("kind", "") %}
{% set state = outcome.get("state", "") %}

{% if kind == "auth" and state == "running" %}
  {# OAuth running — show device-code prompt if available #}
  {% set uri = outcome.get("verification_uri", "") %}
  {% set code = outcome.get("user_code", "") %}
  {% set acct_name = outcome.get("account", "") %}
  <div class="action-indicator action-info"
       hx-get="/config/email/{{ acct_name }}/auth-status"
       hx-trigger="every 2s"
       hx-swap="outerHTML">
    {% if uri and code %}
    Open <a href="{{ uri }}" target="_blank">{{ uri }}</a>
    and enter code: <strong>{{ code }}</strong>
    {% else %}
    Waiting for device code…
    {% endif %}
  </div>

{% elif outcome.get("ok") %}
  <div class="action-indicator action-done">
    <strong>Success</strong>
    {% if outcome.get("detail") %} — {{ outcome.detail }}{% endif %}
  </div>
  {% if outcome.get("rows") %}
  <div class="logs-panel" style="margin-top:0.5rem">
    <table style="width:100%;font-size:0.82rem;border-collapse:collapse">
      <thead>
        <tr>
          <th style="text-align:left;padding:0.25rem 0.5rem;border-bottom:1px solid var(--border)">
            UID
          </th>
          <th style="text-align:left;padding:0.25rem 0.5rem;border-bottom:1px solid var(--border)">
            From
          </th>
          <th style="text-align:left;padding:0.25rem 0.5rem;border-bottom:1px solid var(--border)">
            Subject
          </th>
          <th style="text-align:left;padding:0.25rem 0.5rem;border-bottom:1px solid var(--border)">
            Date
          </th>
        </tr>
      </thead>
      <tbody>
        {% for row in outcome.rows %}
        <tr>
          <td style="padding:0.2rem 0.5rem;border-bottom:1px solid var(--border)">
            {{ row.get("uid", "") }}
          </td>
          <td style="padding:0.2rem 0.5rem;border-bottom:1px solid var(--border)">
            {{ row.get("from", "") }}
          </td>
          <td style="padding:0.2rem 0.5rem;border-bottom:1px solid var(--border)">
            {{ row.get("subject", "") }}
          </td>
          <td style="padding:0.2rem 0.5rem;border-bottom:1px solid var(--border)">
            {{ row.get("date", "") }}
          </td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
  {% endif %}

{% else %}
  <div class="action-indicator action-error">
    <strong>Error</strong>
    {% if outcome.get("detail") %} — {{ outcome.detail }}{% endif %}
  </div>
  {% if outcome.get("detail") and "\n" in outcome.get("detail", "") %}
  <div class="logs-panel">
    <pre>{{ outcome.detail }}</pre>
  </div>
  {% endif %}
{% endif %}