{% extends layout %}{% import 'ui/kit.html' as kit %}
{% import 'ui/telemetry/_t.html' as t with context %}
{% block title %}Services · amebo{% endblock %}
{% block content %}
{{ t.css() }}
<div class="section-head pin">
  <div>
    <h2>Services</h2>
    <p class="sub">Golden signals across every service reporting telemetry. Percentiles are exact, from base-2 exponential histograms over every span, not a sample.</p>
  </div>
  {{ t.rng('/services', w.key) }}
</div>
{{ t.kpis(cur, prev, points, w, ('Services', stats|length, h.delta(stats|length, stats|length, True), 'in this window', 'reporting', False)) }}
{{ t.health(points) }}
{{ t.apm_charts(w, '') }}
<div class="section-head embed"><div><h2 class="h3">Every service</h2><p class="sub">Sorted by volume. Click a row for its routes and slowest traces.</p></div></div>
<div class="table-wrap">
{%- if not stats %}
  <div class="empty">
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><rect x="3" y="3" width="18" height="18" rx="2"/><path d="M9 9h6v6H9z"/></svg>
    <p>No telemetry in this window</p>
    <p class="hint">Point an OpenTelemetry SDK at this host with OTEL_EXPORTER_OTLP_PROTOCOL=http/protobuf and an application api key.</p>
  </div>
{%- else %}
  <table class="data">
    <thead><tr>
      <th>service</th><th>application</th><th class="right">throughput</th><th class="right">errors</th>
      <th class="right">p50</th><th class="right">p95</th><th class="right">p99</th><th class="right">max</th>
    </tr></thead>
    <tbody>
    {%- for s in stats %}
      <tr class="rowlink" onclick="dj.get('/services/{{ h.enc(s.service) }}?w={{ w.key }}', '#view', {push:true})">
        <td class="fw">{{ s.service }}</td>
        <td>{{ t.app_cell(apps.get(s.service, '')) }}</td>
        <td class="right">{{ s.count }} <span class="dim">spans</span></td>
        <td class="right">{{ t.err_cell(s.errors, s.count) }}</td>
        <td class="right mono">{{ h.dur(s.p50_us) }}</td>
        <td class="right mono">{{ h.dur(s.p95_us) }}</td>
        <td class="right mono">{{ h.dur(s.p99_us) }}</td>
        <td class="right mono dim">{{ h.dur(s.max_us) }}</td>
      </tr>
    {%- endfor %}
    </tbody>
  </table>
{%- endif %}
</div>
{% endblock %}