{% assign invalid_operations = false %}{% assign snapshot_seconds = site.data.dashboards.as_of | date: '%s' | plus: 0 %}
{% for service in site.data.dashboards.services %}{% assign ordered_samples = service.samples | sort: 'time' %}{% assign previous_time = '' %}{% for sample in ordered_samples %}{% assign sample_seconds = sample.time | date: '%s' | plus: 0 %}{% if sample.time == previous_time or sample_seconds > snapshot_seconds %}{% assign invalid_operations = true %}{% endif %}{% assign previous_time = sample.time %}{% endfor %}{% endfor %}
{% assign invalid_precision = false %}{% assign precision_limit = 9007199254740991 %}{% assign all_samples = '' | split: ',' %}{% assign latest_latency_total = 0 %}{% assign latest_queue_total = 0 %}
{% for service in site.data.dashboards.services %}{% assign all_samples = all_samples | concat: service.samples %}{% assign ordered_samples = service.samples | sort: 'time' %}{% assign latest = ordered_samples | last %}{% assign latest_latency_total = latest_latency_total | plus: latest.latency_ms %}{% assign latest_queue_total = latest_queue_total | plus: latest.queue %}{% for sample in service.samples %}{% if sample.latency_ms > precision_limit or sample.queue > precision_limit %}{% assign invalid_precision = true %}{% endif %}{% endfor %}{% endfor %}
{% if latest_latency_total > precision_limit or latest_queue_total > precision_limit %}{% assign invalid_precision = true %}{% endif %}
{% assign times = all_samples | group_by: 'time' %}{% for time in times %}{% assign latency_total = 0 %}{% for sample in time.items %}{% assign latency_total = latency_total | plus: sample.latency_ms %}{% endfor %}{% if latency_total > precision_limit %}{% assign invalid_precision = true %}{% endif %}{% endfor %}
{% assign invalid_calendar = false %}{% assign canonical_snapshot = site.data.dashboards.as_of | date: '%Y-%m-%dT%H:%M:%S+00:00' %}{% assign snapshot_epoch = site.data.dashboards.as_of | date: '%s' %}{% if canonical_snapshot != site.data.dashboards.as_of or snapshot_epoch == site.data.dashboards.as_of %}{% assign invalid_calendar = true %}{% endif %}
{% for service in site.data.dashboards.services %}{% for sample in service.samples %}{% assign canonical_time = sample.time | date: '%Y-%m-%dT%H:%M:%S+00:00' %}{% assign epoch = sample.time | date: '%s' %}{% if canonical_time != sample.time or epoch == sample.time %}{% assign invalid_calendar = true %}{% endif %}{% endfor %}{% endfor %}
{% for alert in site.data.dashboards.alerts %}{% assign canonical_time = alert.time | date: '%Y-%m-%dT%H:%M:%S+00:00' %}{% assign epoch = alert.time | date: '%s' %}{% if canonical_time != alert.time or epoch == alert.time %}{% assign invalid_calendar = true %}{% endif %}{% endfor %}
{% for event in site.data.dashboards.activity %}{% assign canonical_time = event.time | date: '%Y-%m-%dT%H:%M:%S+00:00' %}{% assign epoch = event.time | date: '%s' %}{% if canonical_time != event.time or epoch == event.time %}{% assign invalid_calendar = true %}{% endif %}{% endfor %}
{% if invalid_calendar %}<p role="alert">Operations data unavailable: timestamps must be valid UTC calendar times.</p>{% elsif invalid_operations %}<p role="alert">Operations data unavailable: service observations contain duplicate timestamps or readings after the snapshot.</p>{% elsif invalid_precision %}<p role="alert">Operations data unavailable: observations or totals exceed supported safe integer precision.</p>{% else %}
<form class="example-form dash-toolbar" id="operations-filters" novalidate><fieldset disabled data-dashboard-controls><legend>Operational scope and thresholds</legend><div class="dash-controls">
  <div><label for="operations-hours">Monitoring window</label><select name="hours" id="operations-hours"><option value="6">Last 6 hours</option><option value="12">Last 12 hours</option><option value="24">Last 24 hours</option></select></div>
  <div><label for="operations-service">Service</label><select name="service" id="operations-service"><option value="">All services</option>{% for service in site.data.dashboards.services %}<option value="{{ service.id | escape }}">{{ service.name | escape }}</option>{% endfor %}</select></div>
  <div><label for="operations-threshold">Warning threshold (ms)</label><input type="number" id="operations-threshold" name="threshold" min="50" max="1000" step="1" value="250" required aria-describedby="threshold-help"><p id="threshold-help" class="example-help">Applied to each service’s latest latency.</p></div>
  <div><label for="operations-severity">Alert severity</label><select name="severity" id="operations-severity"><option>All</option><option>Critical</option><option>Warning</option><option>Info</option></select></div>
</div><label class="example-checkbox"><input type="checkbox" name="hideAcknowledged"> Hide acknowledged alerts</label><button class="{% include examples/button-classes.html %}" type="submit">Apply monitoring controls</button><button class="{% include examples/button-classes.html secondary=true %}" type="button" data-reset-operations>Reset operations preview</button></fieldset><p id="operations-error" class="dash-error" role="alert" hidden></p></form>
<p data-dashboard-fallback>Interactive dashboard controls are unavailable. Reload to try again.</p>
<p class="dash-status" role="status" data-dashboard-status>Published synthetic monitoring snapshot.</p>
<p data-sample-coverage></p>
<dl class="dash-metrics" aria-label="Operations summary">
 {% include examples/metric.html id='warnings' label='Services under warning' %}
 {% include examples/metric.html id='latency' label='Latest mean latency' %}
 {% include examples/metric.html id='open_alerts' label='Unacknowledged alerts' %}
 {% include examples/metric.html id='queue' label='Queued observations' %}
</dl>
<div class="dash-grid">
 {% include examples/chart.html id='latency' title='Latency trend' description='Mean latency across selected services. The threshold applies separately to each service.' %}
 <section class="dash-panel" aria-labelledby="activity-title"><h2 id="activity-title">Activity timeline</h2><p>Selected service scope. Local acknowledgements are clearly labelled.</p><ol class="dash-timeline" data-activity>{% for event in site.data.dashboards.activity %}<li><time datetime="{{ event.time | escape }}">{{ event.time | escape }}</time>{{ event.title | escape }}</li>{% endfor %}</ol></section>
</div>
<section class="dash-panel" aria-labelledby="services-title"><h2 id="services-title">Service status</h2><p data-availability>Latest service readings may have different times. Availability is a sampled demonstration value, not a live SLA measurement.</p><div class="example-table-scroll" role="region" aria-label="Service status" tabindex="0"><table id="service-table"><caption>Latest synthetic service measurements</caption><thead><tr><th scope="col">Service</th><th scope="col">Latest sample (UTC)</th><th scope="col">Status</th><th scope="col">Latency (ms)</th><th scope="col">Queue</th><th scope="col">Sample availability (%)</th></tr></thead><tbody>{% for service in site.data.dashboards.services %}{% assign ordered_samples = service.samples | sort: "time" %}{% assign latest = ordered_samples | last %}<tr><th scope="row">{{ service.name | escape }}</th><td>{{ latest.time | escape }}</td><td>See latency threshold</td><td>{{ latest.latency_ms }}</td><td>{{ latest.queue }}</td><td>{{ latest.availability }}</td></tr>{% endfor %}</tbody></table></div></section>
<section class="dash-panel" aria-labelledby="alerts-title"><h2 id="alerts-title">Alerts</h2><p>Severity and acknowledgement are separate states. Acknowledgements change only this local preview.</p><p data-alert-count></p><div class="example-table-scroll" role="region" aria-label="Operational alerts" tabindex="0"><table id="alert-table"><caption>Synthetic alert register</caption><thead><tr><th scope="col">Alert</th><th scope="col">Service</th><th scope="col">Severity</th><th scope="col">Opened (UTC)</th><th scope="col">Acknowledgement</th><th scope="col">Action</th></tr></thead><tbody>{% for alert in site.data.dashboards.alerts %}<tr><th scope="row">{{ alert.id | escape }} · {{ alert.title | escape }}</th><td>{{ alert.service_id | escape }}</td><td>{{ alert.severity | escape }}</td><td>{{ alert.time | escape }}</td><td>{% if alert.acknowledged %}Acknowledged{% else %}Unacknowledged{% endif %}</td><td>JavaScript required</td></tr>{% endfor %}</tbody></table></div></section>

<noscript><p class="example-notice">Interactive filtering and charts require JavaScript. The published data tables remain available; controls are disabled.</p></noscript>
{% endif %}