{% extends "base.html" %}
{% block title %}{{ title or "trace" }} — tracebin{% endblock %}
{% block content %}
<article class="trace">
  <div class="trace-head">
    <h1>{{ title or "Untitled trace" }}</h1>
    <p class="meta">{{ summary }}{% if created %} &middot; {{ created }}{% endif %}
      {% if allowed %}&middot; <span class="lock">restricted to {{ allowed|join(", ") }}</span>{% endif %}
    </p>
    {% if view.meta %}
    <dl class="kv">
      {% for k, v in view.meta.items() %}<dt>{{ k }}</dt><dd>{{ v }}</dd>{% endfor %}
    </dl>
    {% endif %}

    {% include "_actions.html" %}
    <input id="share-url" class="offscreen" type="text" value="{{ url }}" readonly aria-hidden="true" tabindex="-1">
  </div>

  {% if view.kind == "messages" %}
    {% for m in view.messages %}
    <section class="msg role-{{ m.role_class }}">
      <div class="msg-role">{{ m.role }}{% if m.name %} <span class="msg-name">{{ m.name }}</span>{% endif %}</div>
      <div class="msg-body">
        {% for b in m.blocks %}
          {% if b.type == "text" %}
            <div class="block text">{{ b.text }}</div>
          {% elif b.type == "thinking" %}
            <details class="block thinking"><summary>thinking</summary><div>{{ b.text }}</div></details>
          {% elif b.type == "tool_use" %}
            <div class="block tool">
              <div class="tool-head">&rarr; {{ b.name }}</div>
              <pre>{{ b.text }}</pre>
            </div>
          {% elif b.type == "tool_result" %}
            <div class="block tool{% if b.error %} tool-error{% endif %}">
              <div class="tool-head">&larr; result{% if b.error %} (error){% endif %}</div>
              <pre>{{ b.text }}</pre>
            </div>
          {% elif b.type == "note" %}
            <div class="block note">{{ b.text }}</div>
          {% else %}
            <pre class="block json">{{ b.text }}</pre>
          {% endif %}
        {% else %}
          <div class="block note">[empty]</div>
        {% endfor %}
      </div>
    </section>
    {% endfor %}
  {% elif view.kind == "json" %}
    <pre class="doc json">{{ view.text }}</pre>
  {% else %}
    <pre class="doc text">{{ view.text }}</pre>
  {% endif %}
</article>
{% endblock %}
{% block scripts %}<script src="/static/app.js"></script>{% endblock %}