{% extends "base.html" %}{% block content %}
<section class="dash-hero" aria-labelledby="dash-title">
  <div class="dash-hero-copy">
    <p class="eyebrow">Local host</p>
    <h1 id="dash-title">Dashboard</h1>
    <p class="lede">{% if status.open_incidents %}{{ status.open_incidents }} live incident{{ '' if status.open_incidents == 1 else 's' }} need a look.{% elif summary.attention_count %}{{ summary.attention_count }} monitor{{ '' if summary.attention_count == 1 else 's' }} need attention; everything else is clear or intentionally disabled.{% elif summary.disabled_count %}No monitors need attention. {{ summary.clear_count }} clear; {{ summary.disabled_count }} intentionally disabled.{% else %}All monitors clear. Last tick {% if status.last_tick_age_s is none %}unknown{% else %}{{ '%.0f'|format(status.last_tick_age_s) }}s ago{% endif %}.{% endif %}</p>
  </div>
  <section class="health status-strip" aria-label="Daemon health">
    <div class="stat {% if status.open_incidents %}stat-alert{% else %}stat-ok{% endif %}">
      <span class="stat-value">{{ status.open_incidents }}</span>
      <span class="stat-label">Open incidents</span>
    </div>
    <div class="stat {% if summary.worst_severity is not none and summary.worst_severity >= 3 %}stat-alert{% elif summary.worst_severity is not none %}stat-warn{% else %}stat-ok{% endif %}">
      <span class="stat-value">{% if summary.worst_severity is not none %}{{ severity_name(summary.worst_severity) }}{% else %}clear{% endif %}</span>
      <span class="stat-label">Worst severity</span>
    </div>
    <div class="stat {% if summary.attention_count %}stat-warn{% else %}stat-ok{% endif %}">
      <span class="stat-value">{{ summary.attention_count }}</span>
      <span class="stat-label">Need attention</span>
    </div>
    <div class="stat stat-ok">
      <span class="stat-value">{{ summary.clear_count }}</span>
      <span class="stat-label">Clear</span>
    </div>
    <div class="stat {% if status.daemon_stale %}stat-alert{% else %}stat-muted{% endif %}">
      <span class="stat-value">{% if status.last_tick_age_s is none %}—{% else %}{{ '%.0f'|format(status.last_tick_age_s) }}s{% endif %}</span>
      <span class="stat-label">Last tick</span>
    </div>
    {# Budget summary (#105): the same three figures /self expands on, so the
       strip answers "is FTMON itself healthy" without a second page. Each
       links there rather than repeating the thresholds. #}
    {% if self_budget %}
    {% for item in self_budget %}
    <div class="stat stat-{{ item.tone if item.tone != 'unknown' else 'muted' }}"
         title="{{ item.title }}">
      <span class="stat-value">{{ item.value }}</span>
      {# The demo serves no /self page (UI-15), so the figure stays and the
         link does not: a dead link on a public demo is worse than none. #}
      <span class="stat-label">{% if demo %}{{ item.label }}{%
        else %}<a href="/self">{{ item.label }}</a>{% endif %}</span>
    </div>
    {% endfor %}
    {% endif %}

  </section>
</section>
{% macro render_tile(tile, mode) -%}
<article class="monitor-tile tile-{{ tile.state }} tile-{{ mode }}" data-monitor="{{ tile.name }}" data-state="{{ tile.state }}">
  <p class="tile-status"><span aria-hidden="true">{{ tile.icon }}</span> <strong>{{ tile.label }}</strong></p>
  <div class="tile-head"><h3>{{ tile.name }}</h3></div>
  {% if tile.glance %}
  <div class="tile-glance">
    <p class="tile-glance-value"><strong>{{ tile.glance.entity_id }}</strong> {{ tile.glance.value }}</p>
    {% if tile.glance.thresholds %}
    <p class="tile-glance-thresholds">{% for threshold in tile.glance.thresholds %}<span class="tile-threshold tile-threshold-{{ threshold.label }}">{{ threshold.label }} {{ threshold.value }}</span>{% if not loop.last %} <span class="tile-threshold-sep" aria-hidden="true">·</span> {% endif %}{% endfor %}</p>
    {% endif %}
    {% if tile.glance.meter %}
    <div class="tile-meter"
         role="meter"
         aria-valuemin="0"
         aria-valuemax="{{ '%.6g'|format(tile.glance.meter.scale_max) }}"
         aria-valuenow="{{ '%.6g'|format(tile.glance.meter.value) }}"
         aria-label="{{ tile.glance.entity_id }} {{ tile.glance.value }}">
      {# SVG geometry attributes — not CSS — so SE-02 CSP style-src 'self' still works. #}
      <svg class="tile-meter-svg" viewBox="-0.75 0 101.5 10" preserveAspectRatio="none"
           aria-hidden="true" focusable="false">
        <rect class="tile-meter-track" x="0" y="2.5" width="100" height="5" rx="1.5"></rect>
        <rect class="tile-meter-fill tile-meter-fill-{{ tile.glance.meter.fill_tone }}" x="0" y="2.5"
              width="{{ '%.4g'|format(tile.glance.meter.fill_pct) }}" height="5" rx="1.5"></rect>
        {% for threshold in tile.glance.thresholds if threshold.mark_pct is not none %}
        <line class="tile-meter-mark tile-meter-mark-{{ threshold.label }}"
              x1="{{ '%.4g'|format(threshold.mark_pct) }}"
              x2="{{ '%.4g'|format(threshold.mark_pct) }}"
              y1="0" y2="10">
          <title>{{ threshold.label }} {{ threshold.value }}</title>
        </line>
        {% endfor %}
        {% if tile.glance.meter.show_full_mark %}
        <line class="tile-meter-mark tile-meter-mark-full" x1="100" x2="100" y1="0" y2="10">
          <title>100%</title>
        </line>
        {% endif %}
      </svg>
    </div>
    {% endif %}
  </div>
  {% endif %}
  <p class="tile-desc">{{ tile.description }}</p>
  {% if tile.collection or tile.incident_count %}<div class="tile-details">
  {% if tile.collection %}<p class="tile-meta" data-collection-state="{{ tile.collection.state }}"><strong>Collection:</strong> {{ tile.collection.reason }}{% if tile.collection.sample_age_s is not none %} Last check {{ tile.collection.sample_age_s }}s ago.{% endif %}{% if tile.collection.incident %} <a href="/incidents/{{ tile.collection.incident.id }}">Incident #{{ tile.collection.incident.id }}</a>{% endif %}</p>{% if tile.collection.plugin_message %}<p class="tile-meta">Check message: {{ tile.collection.plugin_message }}</p>{% endif %}{% endif %}
  {% if tile.incident_count %}<p class="tile-meta"><a href="/incidents?monitor={{ tile.name|urlencode }}">{{ tile.incident_count }} live incident{{ '' if tile.incident_count == 1 else 's' }}</a>{% if tile.max_severity is not none %}; highest {{ severity_name(tile.max_severity) }}{% endif %}</p>{% endif %}
  </div>{% endif %}
  {% if tile.trends %}<p class="tile-trends">{% for profile in tile.trends %}<a href="/trends/{{ tile.name }}/{{ profile.id }}">View {{ profile.title }}</a>{% endfor %}</p>{% endif %}
</article>
{%- endmacro %}
{% if attention_tiles %}<h2>Needs attention</h2><div class="tiles tiles-attention">{% for tile in attention_tiles %}{{ render_tile(tile, 'focus') }}{% endfor %}</div>{% endif %}
{% if clear_tiles %}<section class="section-quiet"><h2>{% if attention_tiles %}All clear{% else %}Monitors{% endif %}</h2><div class="monitor-list" role="list">{% for tile in clear_tiles %}<div role="listitem">{{ render_tile(tile, 'row') }}</div>{% endfor %}</div></section>{% endif %}
{% if disabled_tiles %}<section class="section-quiet"><h2>Disabled</h2><div class="monitor-list monitor-list-disabled" role="list">{% for tile in disabled_tiles %}<div role="listitem">{{ render_tile(tile, 'row') }}</div>{% endfor %}</div></section>{% endif %}
{% if not attention_tiles and not clear_tiles and not disabled_tiles %}<h2>Monitors</h2><p>No monitors configured.</p>{% endif %}
{% if config_errors %}<h2>Configuration errors</h2><ul>{% for path,error in config_errors %}<li>{{ path.name }}: {{ error }}</li>{% endfor %}</ul>{% endif %}
<h2>Open incidents</h2>{% include "incident_rows.html" %}{% endblock %}