{% import 'ui/kit.html' as kit %}{% import 'ui/telemetry/_t.html' as t with context %}
{%- if n is none %}
{% call kit.drawer('span', 'Not found') %}<p class="hint">That span is not in the retained trace.</p>{% endcall %}
{%- else %}
{% call kit.drawer(n.op, n.name) %}
<div class="span-dur"><span class="span-dur-n">{{ h.dur(n.duration_us) }}</span><span class="span-dur-l">{{ h.dur(n.self_us) }} self</span></div>
{{ kit.kv([('Span id', n.span_id), ('Parent', n.parent_id or 'root'), ('Service', n.service),
           ('Version', n.version or 'unversioned'), ('Ran on', n.instance or 'unknown'), ('Operation', n.op),
           ('Duration', h.dur(n.duration_us)), ('Self time', h.dur(n.self_us)),
           ('Status', h.status_text(n.status_code)), ('Message', n.status_message or '-')]) }}
{%- if s and s.count %}
<div class="drawer-sec">Percentile context <span class="acl-hint">{{ n.service }} &middot; {{ n.attrs.get('http.route') or n.route or 'every route' }}, last hour</span></div>
<div class="pctl">
  {{ t.pctl('this span', h.dur(n.duration_us), h.verdict(n.duration_us, s)) }}
  {{ t.pctl('p50', h.dur(s.p50_us), '') }}
  {{ t.pctl('p95', h.dur(s.p95_us), '') }}
  {{ t.pctl('p99', h.dur(s.p99_us), '') }}
</div>
{%- endif %}
<div class="drawer-sec">Attributes <span class="acl-hint">{{ n.attrs|length }} on this span</span></div>
{{ t.attrs_table(n.attrs) }}
{%- if n.resource %}
<div class="drawer-sec">Resource <span class="acl-hint">where this ran, from the OTel resource</span></div>
{{ t.attrs_table(n.resource) }}
{%- endif %}
{%- if n.events %}
<div class="drawer-sec">Span events</div>
{%- for e in n.events %}
<div class="span-ev">
  <div class="span-ev-h"><span class="pill bad">{{ e.name }}</span></div>
  <table class="attrs"><tbody>{% for k in e.attrs|sort %}<tr><td class="attr-k mono">{{ k }}</td><td class="attr-v mono pre">{{ e.attrs[k] }}</td></tr>{% endfor %}</tbody></table>
</div>
{%- endfor %}
{%- endif %}
{% endcall %}
{%- endif %}