{% extends "base.html" %}
{% block title %}Pulse — psyc admin{% endblock %}
{% block content %}
<section class="panel">
  <div class="panel-head">
    <h1>Pulse — autonomous heartbeat</h1>
    <span class="count">{{ pipelines|length }} pipeline{{ '' if pipelines|length == 1 else 's' }}</span>
  </div>
  <p class="page-intro">Cron-style scheduler that drives every psyc line on a cadence without human input. Each pipeline has an autonomy mode and a cadence in seconds. The kill switch halts everything instantly — it overrides cadence, mode, and the enabled flag.</p>
  <p class="back"><a href="/admin">← back to admin</a></p>

  {% if flash %}
  <div class="verdict verdict-clean">{{ flash }}</div>
  {% endif %}
</section>

<section class="panel">
  <div class="panel-head">
    <h2>Global kill switch</h2>
    <span class="count">{{ 'ARMED' if kill_switch else 'OFF' }}</span>
  </div>
  {% if kill_switch %}
  <div class="verdict" style="background:rgba(248,113,113,0.12); border:1px solid rgba(248,113,113,0.45); color:#fca5a5; padding:14px 18px; border-radius:6px; font-weight:700; letter-spacing:0.04em;">
    ✗ KILL SWITCH ARMED — every pipeline is paused. tick() returns "skipped" for everything. Run-now is also blocked. Toggle off to resume.
  </div>
  <form method="post" action="/admin/pulse/kill" style="margin-top:14px;">
    <button type="submit" class="btn btn-approve">Disarm kill switch</button>
  </form>
  {% else %}
  <div class="verdict verdict-clean">✓ Pulse is live — the background loop ticks every {{ tick_interval }}s.</div>
  <form method="post" action="/admin/pulse/kill" style="margin-top:14px;"
        onsubmit="return confirm('Arm the kill switch? Every pipeline halts immediately.');">
    <button type="submit" class="btn btn-reject">Arm kill switch</button>
  </form>
  {% endif %}
</section>

<section class="panel">
  <div class="panel-head">
    <h2>AUTO-RESPONSE STATE</h2>
    <span class="count">{{ respond_auto_fired_24h }} auto-fired in last 24h</span>
  </div>
  <p class="page-intro">When the <code>respond</code> pipeline runs in <code>auto-execute</code>, every PROPOSED action that passes all three gates fires automatically. Below shows the live config + audit trail.</p>

  <div style="display:flex; gap:14px; flex-wrap:wrap; margin:14px 0;">
    {# Mode badge — traffic-light coloring. auto-execute is "armed" (red), auto-propose is amber, manual is green/safe. #}
    {% if respond_mode == 'auto-execute' %}
      <div style="padding:10px 14px; border-radius:6px; background:rgba(248,113,113,0.12); border:1px solid rgba(248,113,113,0.45); color:#fca5a5; font-weight:700; letter-spacing:0.04em;">
        MODE: auto-execute (ARMED)
      </div>
    {% elif respond_mode == 'auto-propose' %}
      <div style="padding:10px 14px; border-radius:6px; background:rgba(250,204,21,0.12); border:1px solid rgba(250,204,21,0.45); color:#fde047; font-weight:700; letter-spacing:0.04em;">
        MODE: auto-propose (staging only)
      </div>
    {% else %}
      <div style="padding:10px 14px; border-radius:6px; background:rgba(74,222,128,0.10); border:1px solid var(--green); color:var(--green); font-weight:700; letter-spacing:0.04em;">
        MODE: manual (no proposals)
      </div>
    {% endif %}
    <div style="padding:10px 14px; border-radius:6px; background:var(--panel-2); border:1px solid var(--border); color:var(--text);">
      Threshold: <strong>{{ respond_threshold|upper }}+</strong>
    </div>
    <div style="padding:10px 14px; border-radius:6px; background:var(--panel-2); border:1px solid var(--border); color:var(--text);">
      Quorum: <strong style="color: {{ 'var(--green)' if respond_require_quorum else 'var(--muted)' }};">{{ 'ON' if respond_require_quorum else 'OFF' }}</strong>
    </div>
    <div style="padding:10px 14px; border-radius:6px; background:var(--panel-2); border:1px solid var(--border); color:var(--text);">
      Local-only: <strong style="color: {{ 'var(--green)' if respond_local_only else 'var(--muted)' }};">{{ 'ON' if respond_local_only else 'OFF' }}</strong>
    </div>
  </div>

  <form method="post" action="/admin/pulse/respond-config" style="display:flex; gap:10px; align-items:center; flex-wrap:wrap; margin-top:14px;">
    <label style="font-size:12px;">Min severity:
      <select name="threshold" style="background:var(--panel-2); color:var(--text); border:1px solid var(--border); border-radius:4px; padding:4px 6px;">
        {% for s in severity_choices %}
        <option value="{{ s }}" {% if s == respond_threshold %}selected{% endif %}>{{ s }}</option>
        {% endfor %}
      </select>
    </label>
    <label style="display:inline-flex; align-items:center; gap:4px; font-size:12px;">
      <input type="checkbox" name="require_quorum" value="1" {% if respond_require_quorum %}checked{% endif %}> require quorum
    </label>
    <label style="display:inline-flex; align-items:center; gap:4px; font-size:12px;">
      <input type="checkbox" name="local_only" value="1" {% if respond_local_only %}checked{% endif %}> local-only
    </label>
    <button type="submit" class="btn">save gates</button>
  </form>

  {% if respond_audit_recent %}
  <table class="ledger" style="margin-top:18px;">
    <thead>
      <tr>
        <th style="width:18%;">timestamp</th>
        <th style="width:12%;">decision</th>
        <th style="width:18%;">case</th>
        <th>detail</th>
      </tr>
    </thead>
    <tbody>
      {% for row in respond_audit_recent %}
      <tr class="ledger-row">
        <td class="lg-ts">{{ row.timestamp }}</td>
        <td>
          {% if row.action == 'auto-fire' %}<span style="color: var(--green);">✓ {{ row.action }}</span>
          {% elif row.action == 'error' %}<span style="color: var(--red);">✗ {{ row.action }}</span>
          {% else %}<span style="color: var(--muted);">⊘ {{ row.action }}</span>{% endif %}
        </td>
        <td class="lg-sub"><code>{{ row.case_id or '—' }}</code>{% if row.action_id %} · #{{ row.action_id }}{% endif %}</td>
        <td class="lg-sub">{{ row.detail or '' }}</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
  {% else %}
  <p class="lg-sub" style="margin-top:14px;">No auto-response decisions logged yet.</p>
  {% endif %}
</section>

<section class="panel">
  <div class="panel-head">
    <h2>Pipelines</h2>
    <span class="count">{{ pipelines|selectattr('enabled')|list|length }} enabled</span>
  </div>
  <p class="page-intro">Mode: <code>auto-execute</code> fires the line, <code>auto-propose</code> stages proposals for human approval, <code>manual</code> runs only when you press “Run now”. Cadence is the gap between ticks; the loop wakes up every {{ tick_interval }}s.</p>

  <table class="ledger">
    <thead>
      <tr>
        <th style="width:24%;">Pipeline</th>
        <th>Mode · cadence · enabled</th>
        <th style="width:11%;">Last fired</th>
        <th style="width:11%;">Next fire</th>
        <th>Last result</th>
        <th style="width:1%;"></th>
      </tr>
    </thead>
    <tbody>
    {% for p in pipelines %}
      <tr class="ledger-row">
        <td>
          <strong>{{ p.title }}</strong>
          <div class="lg-sub"><code>{{ p.name }}</code> · {{ p.description }}</div>
        </td>
        <td>
          <form method="post" action="/admin/pulse/{{ p.name }}/update" class="queue-action" style="display:flex; gap:8px; align-items:center; flex-wrap:wrap;">
            <select name="mode" style="background:var(--panel-2); color:var(--text); border:1px solid var(--border); border-radius:4px; padding:4px 6px;">
              <option value="auto-execute" {% if p.mode.value == 'auto-execute' %}selected{% endif %}>auto-execute</option>
              <option value="auto-propose" {% if p.mode.value == 'auto-propose' %}selected{% endif %}>auto-propose</option>
              <option value="manual"       {% if p.mode.value == 'manual' %}selected{% endif %}>manual</option>
            </select>
            <input type="number" name="cadence_seconds" value="{{ p.cadence_seconds }}" min="1" step="1"
                   style="background:var(--panel-2); color:var(--text); border:1px solid var(--border); border-radius:4px; padding:4px 6px; width:84px;" title="cadence in seconds">
            <label style="display:inline-flex; align-items:center; gap:4px; font-size:12px;">
              <input type="checkbox" name="enabled" value="1" {% if p.enabled %}checked{% endif %}> enabled
            </label>
            <button type="submit" class="btn">save</button>
          </form>
        </td>
        <td class="lg-ts">
          {% if p.last_fired %}<span title="{{ p.last_fired.isoformat() }}">{{ relative(p.last_fired) }}</span>{% else %}—{% endif %}
        </td>
        <td class="lg-ts">
          {% if p.next_fire %}<span title="{{ p.next_fire.isoformat() }}">{{ relative(p.next_fire) }}</span>{% else %}—{% endif %}
        </td>
        <td class="lg-sub" style="max-width:0;">
          {% if p.last_outcome == 'ok' %}<span style="color: var(--green);">✓</span>
          {% elif p.last_outcome == 'err' %}<span style="color: var(--red);">✗</span>
          {% elif p.last_outcome == 'skipped' %}<span style="color: var(--muted);">⊘</span>
          {% endif %}
          {{ (p.last_result or '—')[:60] }}{% if (p.last_result or '')|length > 60 %}…{% endif %}
        </td>
        <td>
          <form method="post" action="/admin/pulse/{{ p.name }}/run" class="queue-action">
            <button type="submit" class="btn btn-enforce" title="Fire now, regardless of cadence">Run now</button>
          </form>
        </td>
      </tr>
    {% endfor %}
    </tbody>
  </table>
</section>
{% endblock %}