{% from "_macros.html" import icon %}
{#
  What the model did before answering.

  Rendered both live (streamed as a whole block, like the reasoning and the
  answer) and from the stored message afterwards, so the sources behind an
  answer stay in the transcript rather than vanishing when the stream ends.

  EVERYTHING in here comes from a search provider and is untrusted, exactly as
  much as model output is. Jinja autoescaping covers the text; the URL is
  checked separately, because `is_linkable` is the only thing standing between
  a result carrying a javascript: URL and an anchor pointing at it.
#}
{% for event in tool_events %}
<details class="tool-activity {{ 'tool-activity--error' if event.status == 'error' }}">
  <summary class="tool-activity__summary">
    {{ icon("globe", "icon--sm tool-activity__icon") }}
    <span class="tool-activity__label">
      {% if event.status == "error" %}
        Web search failed
      {% elif event.query %}
        Searched the web for “{{ event.query }}”
      {% else %}
        Searched the web
      {% endif %}
      {% if event.results %}
        <span class="tool-activity__count">
          · {{ event.results | length }} result{{ '' if event.results | length == 1 else 's' }}
        </span>
      {% endif %}
    </span>
    {{ icon("chevron-down", "icon--sm reasoning__chevron") }}
  </summary>

  <div class="tool-activity__body">
    {% if event.error %}
    <p class="tool-activity__error">{{ event.error }}</p>
    {% elif not event.results %}
    <p class="tool-activity__error">Nothing was found.</p>
    {% endif %}

    {% for result in event.results %}
    <div class="tool-result">
      {% set scheme = result.url.split(":")[0] | lower %}
      {% if scheme in ("http", "https") %}
      <a class="tool-result__title" href="{{ result.url }}"
         target="_blank" rel="noopener noreferrer nofollow">{{ result.title }}</a>
      {% else %}
      {# Not a link. A search result is third-party text and its URL is not
         trusted to be safe to click. #}
      <span class="tool-result__title">{{ result.title }}</span>
      {% endif %}
      <span class="tool-result__host">{{ result.host }}</span>
      {% if result.snippet %}
      <p class="tool-result__snippet">{{ result.snippet }}</p>
      {% endif %}
    </div>
    {% endfor %}
  </div>
</details>
{% endfor %}