{# RUM tiles: generated from app/services/rum.py TILE_TEMPLATES #}
{% if t.type == 'rum_vitals' %}{% if c.site %}<div class="tile-list"><div class="row" style="border:0"><span><a href="/app/rum/{{ c.site.id }}">{{ c.site.name }}</a> · {{ c.range }}</span><span class="dim">{{ c.views }} views</span></div></div><div style="display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center;margin-top:6px">{% for v in c.vitals %}<div class="tile-stat" style="height:auto"><div class="v" style="font-size:clamp(20px,2.2vw,30px);color:{% if v.rating == "good" %}var(--ok){% elif v.rating == "needs" %}var(--warn){% elif v.rating == "poor" %}var(--err){% else %}var(--text){% endif %}">{{ v.fmt }}</div><div class="h">{{ v.key|upper }} · {{ v.rating or "no data" }}</div></div>{% endfor %}</div>{% else %}<div class="tile-empty">No RUM sites yet</div>{% endif %}
{% elif t.type == 'rum_views' %}{% if c.site %}<div class="tile-chart"><div class="lbl"><a href="/app/rum/{{ c.site.id }}">{{ c.site.name }}</a> · {{ c.range }} · <b>{{ c.views }}</b> views · {{ c.sessions }} sessions{% if c.errors %} · <span class="err">{{ c.errors }} errors</span>{% endif %}</div><div class="area">{% set n = c.points|length %}{% if n > 1 %}<svg viewBox="0 0 600 100" preserveAspectRatio="none" style="width:100%;height:100%;display:block"><polyline fill="rgba(91,140,255,.15)" stroke="none" points="0,98 {% for p in c.points %}{{ (loop.index0 * 600 / (n - 1))|round(1) }},{{ (96 - (p / (c.max or 1)) * 90)|round(1) }} {% endfor %}600,98"/><polyline fill="none" stroke="#5b8cff" stroke-width="2" points="{% for p in c.points %}{{ (loop.index0 * 600 / (n - 1))|round(1) }},{{ (96 - (p / (c.max or 1)) * 90)|round(1) }} {% endfor %}"/></svg>{% else %}<div class="tile-empty">Not enough data yet</div>{% endif %}</div></div>{% else %}<div class="tile-empty">No RUM sites yet</div>{% endif %}
{% endif %}