{% extends "base.html" %}{% block content %}<h1>Historical trends</h1>
<form method="get" action="/trends">{% if incident_group %}<input type="hidden" name="group" value="{{ incident_group }}">{% endif %}<label>Trend <select name="selection" data-trend-select>{% for m,p in catalog %}<option value="{{ m.name }}/{{ p.id }}" {{ 'selected' if selected_monitor and m.name == selected_monitor.name and selected_profile and p.id == selected_profile.id else '' }}>{{ m.name }} — {{ p.title }}</option>{% endfor %}</select></label><label>Entity <select name="entity">{% for item in entities %}<option value="{{ item }}" {{ 'selected' if item == entity else '' }}>{{ item }}</option>{% endfor %}</select></label><label>Range <select name="range">{% for item in ['6h','24h','7d','30d','90d','400d'] %}<option {{ 'selected' if item == range_text else '' }}>{{ item }}</option>{% endfor %}</select></label><button>Show</button></form>
{% if incident_group %}<p><strong>Incident markers — filtered to {{ incident_group }}</strong> · <a href="{{ clear_group_href }}">Clear marker filter</a></p>{% endif %}
{% if trend %}{% set s=trend.summary %}{% set vp=trend.panels.value %}{% set rp=trend.panels.rate %}<section class="trend-summary" aria-label="Trend summary"><h2>{{ trend.profile.title }} — {{ entity }}</h2><p>{% if s.current_value is not none %}Current {{ vp.metric }}: {{ '%.2f'|format(s.current_value) }} {{ vp.unit }}.{% endif %} {% if s.change_value is not none %}Net change {{ '%+.2f'|format(s.change_value) }} {{ vp.unit }} over {{ range_text }}.{% endif %} {% if s.current_rate is not none %}Latest signed rate {{ '%+.2f'|format(s.current_rate) }} {{ rp.unit }}.{% endif %} {% if s.confidence is not none %}Confidence {{ '%.0f'|format(s.confidence * 100) }}%.{% endif %} {% if s.projected_limit_ts is not none %}Projected limit {{ utc_iso(s.projected_limit_ts) }}.{% elif s.projection_reason %}{{ s.projection_reason }}.{% endif %}</p><p>Resolution: {{ trend.resolution }}; missing observations are shown as gaps.</p></section>
<div id="trend-charts" data-trend-id="trend-data"><section><h2>Value</h2><div class="uplot-panel" data-panel="value" role="img" aria-label="{{ trend.profile.title }} value history for {{ entity }}"></div></section><section><h2>Signed rate</h2><div class="uplot-panel" data-panel="rate" role="img" aria-label="{{ trend.profile.title }} signed rate history for {{ entity }}"></div></section>{% if trend.panels.confidence %}<section><h2>Confidence</h2><div class="uplot-panel" data-panel="confidence" role="img" aria-label="{{ trend.profile.title }} confidence history for {{ entity }}"></div></section>{% endif %}{% if trend.panels.projection %}<section><h2>Qualified time remaining</h2><div class="uplot-panel" data-panel="projection" role="img" aria-label="{{ trend.profile.title }} qualified time remaining for {{ entity }}"></div></section>{% endif %}</div>
<p>Underlying series: <a href="/metrics?monitor={{ trend.monitor|urlencode }}&entity={{ entity|urlencode }}&metric={{ trend.panels.value.metric|urlencode }}&range={{ range_text|urlencode }}{% if incident_group %}&group={{ incident_group|urlencode }}{% endif %}">value metric</a> · <a href="/metrics?monitor={{ trend.monitor|urlencode }}&entity={{ entity|urlencode }}&metric={{ trend.panels.rate.metric|urlencode }}&range={{ range_text|urlencode }}{% if incident_group %}&group={{ incident_group|urlencode }}{% endif %}">rate metric</a></p>
<script type="application/json" id="trend-data">{{ trend|tojson }}</script>
{% if trend.incidents %}<h2>Incident markers</h2><ul>{% for incident in trend.incidents %}<li><a href="/incidents/{{ incident.id }}">#{{ incident.id }}</a> {{ severity_name(incident.severity) }} {{ incident.grp }} at {{ incident.opened_ts }}</li>{% endfor %}</ul>{% elif incident_group %}<p>No incident markers match this filter in the selected range.</p>{% endif %}
{% else %}<p>No history is available yet for this trend and entity.</p>{% endif %}{% endblock %}