{% extends layout %}{% import 'ui/kit.html' as kit %}
{% import 'ui/telemetry/_t.html' as t with context %}
{% block title %}Trace · amebo{% endblock %}
{% block content %}
{{ t.css() }}
{%- if not v.found %}
<div class="section-head pin">
  <div><div class="crumb"><a class="crumb-link" onclick="dj.get('/traces', '#view', {push:true})">Traces</a><span class="crumb-sep">/</span><span class="mono">{{ v.trace_id }}</span></div>
  <h2>Spans not retained</h2>
  <p class="sub">This trace was sampled out, so its waterfall is gone. Sampling keeps every error, every slow span, and every trace carrying an amebo event; the rest keep a fixed percentage. Logs are kept for every trace, so what the request did is still below.</p></div>
</div>
{{ t.trace_logs(lines) }}
{%- else %}
<div class="section-head pin">
  <div>
    <div class="crumb"><a class="crumb-link" onclick="dj.get('/traces', '#view', {push:true})">Traces</a><span class="crumb-sep">/</span><span class="mono">{{ v.trace_id }}</span></div>
    <h2>{{ v.root_name }}</h2>
    <p class="sub">{{ v.root_service }} &middot; {{ v.root_route }}</p>
    <div class="chips">{% for svc in v.services %}{{ t.chip('service', svc) }}{% endfor %}</div>
  </div>
  <div class="hstats">
    {{ t.hstat(v.span_count, 'spans') }}
    {{ t.hstat(v.error_count, 'errors', 'bad' if v.error_count > 0 else '') }}
    {{ t.hstat(v.services|length, 'services') }}
    {{ t.hstat(h.dur(v.duration_us), 'root duration') }}
  </div>
</div>
{%- if links %}
<div class="panel tight">
  <h3>Business events <span class="panel-sub">the amebo events this trace carried</span></h3>
  <div class="ev-links">
  {%- for l in links %}
    <a class="ev-link" onclick="dj.get('/events/' + encodeURIComponent({{ t.js(l.event) }}), '#view', {push:true})">
      <span class="mono">{{ l.event }}</span><span class="ev-link-src">{{ l.source }}</span>
    </a>
  {%- endfor %}
  </div>
</div>
{%- endif %}
<div class="panel tight">
  <h3>Route percentiles <span class="panel-sub">{{ v.root_route }} over the last hour, from every span not just this one</span></h3>
  <div class="pctl">
    {{ t.pctl('this trace', h.dur(v.duration_us), h.verdict(v.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), '') }}
    {{ t.pctl('max', h.dur(s.max_us), '') }}
    {{ t.pctl('throughput', s.count, 'spans') }}
  </div>
</div>
<div class="panel tight nopad">
  <h3 class="panel-pad">Waterfall <span class="panel-sub">click a span for its attributes</span></h3>
  {{ t.waterfall(v, 0) }}
</div>
{{ t.trace_logs(lines) }}
{%- endif %}
{% endblock %}