{% extends "base.html" %}

{% block title %}Automations - Memorizz{% endblock %}
{% block body_attrs %} data-sidebar-scope="automations" data-sidebar-default="collapsed"{% endblock %}
{% block head %}<link rel="stylesheet" href="/static/css/pages/automations.css?v=2">{% endblock %}

{% block content %}
{% from '_ui.html' import page_header, empty_state, id_chip %}
{% set create_url = '/automations/new' ~ ('?agent_id=' ~ selected_agent_id if selected_agent_id else '') %}
{% set dot = {'good': 'healthy', 'warn': 'degraded', 'bad': 'failing', 'idle': 'idle', 'active': 'active'} %}
{% set m = monitor %}
{% call page_header('Automations', 'Run agent queries on a schedule and review the result of every run.', 'Execution') %}
    <form method="get" action="/automations" class="agents-sort-controls">
        <label for="automation-agent-filter">Agent</label>
        <select id="automation-agent-filter" name="agent_id" onchange="this.form.submit()">
            <option value="" {% if not selected_agent_id %}selected{% endif %}>All agents</option>
            {% for opt in agent_options %}
            <option value="{{ opt.agent_id }}" {% if selected_agent_id == opt.agent_id %}selected{% endif %}>{{ opt.label }} ({{ opt.agent_id[:8] }})</option>
            {% endfor %}
        </select>
    </form>
    <a href="{{ create_url }}" class="btn btn-primary">Create automation</a>
{% endcall %}

{% if error %}
<div class="error-message" role="alert">
    <span>!</span> {{ error }}
</div>
{% endif %}

{% if m.jobs %}
<div class="fleet-tape" role="list" aria-label="Automation summary">
    <div role="listitem"><span>Jobs</span><strong>{{ m.total }}</strong></div>
    <div role="listitem"><span>Active</span><strong class="{{ 'is-good' if m.active else '' }}">{{ m.active }}</strong></div>
    <div role="listitem"><span>Paused</span><strong>{{ m.paused }}</strong></div>
    <div role="listitem"><span>Runs recorded</span><strong>{{ m.runs_recorded }}{% if m.runs_capped %}+{% endif %}</strong></div>
    <div role="listitem"><span>Failed last run</span><strong class="{{ 'is-bad' if m.failed_last else '' }}">{{ m.failed_last }}</strong></div>
    {% if m.overdue %}<div role="listitem" title="Enabled jobs past their next run time. Start a worker with memorizz automations run."><span>Overdue</span><strong class="is-warn">{{ m.overdue }}</strong></div>{% endif %}
    <div role="listitem" class="fleet-tape-meta"{% if m.next %} title="{{ m.next.name }} · {{ m.next.next_run_at.strftime('%Y-%m-%d %H:%M %Z') }}"{% endif %}><span>Next run</span><strong>{% if m.next %}{{ relative_time(m.next.next_run_at, generated_at) }}{% else %}—{% endif %}</strong></div>
    <div role="listitem" class="fleet-tape-meta"><span>Last run</span><strong>{{ relative_time(m.last_activity, generated_at) if m.last_activity else '—' }}</strong></div>
</div>

<div class="fleet-bar">
    <label class="fleet-search">
        <kbd aria-hidden="true">/</kbd>
        <input type="search" id="ax-filter" data-monitor-filter-for="ax-table" placeholder="Filter by name, agent or schedule" aria-label="Filter automations" autocomplete="off">
    </label>
    <div class="segmented" role="group" aria-label="Show jobs">
        <button type="button" class="segmented-item" data-monitor-tag="" aria-pressed="true">All <span>{{ m.total }}</span></button>
        <button type="button" class="segmented-item" data-monitor-tag="active" aria-pressed="false">Active <span>{{ m.active }}</span></button>
        <button type="button" class="segmented-item" data-monitor-tag="paused" aria-pressed="false">Paused <span>{{ m.paused }}</span></button>
        <button type="button" class="segmented-item" data-monitor-tag="failed" aria-pressed="false">Failed last run <span>{{ m.failed_last }}</span></button>
        <button type="button" class="segmented-item" data-monitor-tag="never" aria-pressed="false">Never run <span>{{ m.never_run }}</span></button>
    </div>
    <p class="fleet-keys" aria-label="Keyboard shortcuts"><span><kbd>j</kbd> <kbd>k</kbd> move</span><span><kbd>↵</kbd> open</span><span><kbd>e</kbd> edit</span></p>
</div>

<div class="fleet ax" id="ax">
    <div class="fleet-main">
        <div class="fleet-table-wrap">
            <table class="fleet-table" id="ax-table">
                <caption class="visually-hidden">Automation jobs. Select a job to see its schedule, latest result and controls.</caption>
                <thead>
                    <tr>
                        <th scope="col" aria-sort="none"><button type="button" data-sort="name" data-sort-type="text">Name</button></th>
                        <th scope="col" class="ax-col-agent" aria-sort="none"><button type="button" data-sort="agent" data-sort-type="text">Agent</button></th>
                        <th scope="col" class="ax-col-schedule">Schedule</th>
                        <th scope="col" class="num" aria-sort="none"><button type="button" data-sort="next">Next run</button></th>
                        <th scope="col" aria-sort="none"><button type="button" data-sort="result">Last result</button></th>
                        <th scope="col" class="ax-col-recent">Recent</th>
                        <th scope="col" class="ax-col-status" aria-sort="none"><button type="button" data-sort="enabled">Status</button></th>
                    </tr>
                </thead>
                <tbody>
                    {% for job in m.jobs %}
                    <tr data-key="{{ job.key }}"
                        data-tags="{{ job.tags|join(' ') }}"
                        data-name="{{ job.name|lower }}"
                        data-agent="{{ (job.agent_name or job.agent_id)|lower }}"
                        data-next="{{ -job.next_run_at.timestamp() if job.next_run_at and job.enabled else -9999999999 }}"
                        data-result="{{ {'bad': 4, 'active': 3, 'good': 2}.get(job.last_signal, 1) if job.last_status else 0 }}"
                        data-enabled="{{ 1 if job.enabled else 0 }}"
                        data-search="{{ (job.name ~ ' ' ~ job.agent_name ~ ' ' ~ job.agent_id ~ ' ' ~ job.schedule ~ ' ' ~ job.timezone ~ ' ' ~ job.job_id)|lower }}"
                        tabindex="-1">
                        <th scope="row" class="fleet-name ax-name">
                            <a href="/automations/{{ job.job_id }}">{{ job.name }}</a>
                            <span class="fleet-id">{{ job.job_id[:8] }}</span>
                        </th>
                        <td class="ax-col-agent" title="{{ job.agent_id }}">{{ job.agent_name or job.agent_id[:8] }}</td>
                        <td class="ax-col-schedule mono" title="{{ job.timezone }}">{{ job.schedule }}</td>
                        <td class="num" {% if job.next_run_at %}title="{{ job.next_run_at.strftime('%Y-%m-%d %H:%M %Z') }}"{% endif %}>{% if not job.enabled %}<span class="ax-muted">Paused</span>{% elif job.next_run_overdue %}<span class="is-warn">Overdue</span>{% elif job.next_run_at %}{{ relative_time(job.next_run_at, generated_at) }}{% else %}—{% endif %}</td>
                        <td>{% if job.last_status %}<span class="fleet-health fleet-health--{{ dot[job.last_signal] }}">{{ job.last_label }}</span> <span class="ax-when mono">{{ relative_time(job.last_at, generated_at) if job.last_at else '' }}</span>{% else %}<span class="ax-muted">Never run</span>{% endif %}</td>
                        <td class="ax-col-recent">
                            {% if job.history %}
                            <span class="ax-strip" role="img" aria-label="Last {{ job.history|length }} runs: {{ job.history|length - job.failures }} without failure, {{ job.failures }} failed">{% for run in job.history %}<i class="ax-tick ax-tick--{{ run.signal }}" title="{{ run.label }}{% if run.at %} · {{ run.at.strftime('%Y-%m-%d %H:%M') }} UTC{% endif %}"></i>{% endfor %}</span>
                            {% else %}<span class="fleet-flat ax-flat" aria-label="No runs"></span>{% endif %}
                        </td>
                        <td class="ax-col-status">{% if job.enabled %}<span class="fleet-health fleet-health--healthy">Enabled</span>{% else %}<span class="fleet-health fleet-health--idle">Paused</span>{% endif %}</td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
            <p class="fleet-none" id="ax-none" hidden>No automations match this filter.</p>
        </div>

        {% if m.latest_results %}
        <section class="panel ax-results" aria-labelledby="automation-results-title">
            <div class="panel-header">
                <h2 class="panel-title" id="automation-results-title">Latest results</h2>
                <span class="panel-meta">Most recent run of each job · refreshes every 30 seconds</span>
            </div>
            <ol class="ax-results-list">
                {% for job in m.latest_results %}
                <li>
                    <span class="fleet-health fleet-health--{{ dot[job.last_signal] }}"><span class="visually-hidden">{{ job.last_label }}</span></span>
                    <span class="ax-when mono" {% if job.last_at %}title="{{ job.last_at.strftime('%Y-%m-%d %H:%M:%S') }} UTC"{% endif %}>{{ relative_time(job.last_at, generated_at) }}</span>
                    <a class="ax-result-name" href="/automations/{{ job.job_id }}">{{ job.name }}</a>
                    <span class="ax-result-text{% if not job.output_line and job.error %} is-bad{% endif %}">{{ job.output_line or (job.error|truncate(200) if job.error else ('Running…' if job.last_status == 'running' else 'No output recorded.')) }}</span>
                </li>
                {% endfor %}
            </ol>
        </section>
        {% endif %}
    </div>

    <aside class="fleet-pane" aria-label="Selected automation">
        {% for job in m.jobs %}
        {% set trace_url = '/traces?agent_id=' ~ job.agent_id|urlencode ~ ('&thread_memory_id=' ~ job.trace_memory_id|urlencode if job.trace_memory_id else '') ~ '&scroll=timeline' %}
        <section class="fleet-detail" id="ax-detail-{{ job.key }}" data-key="{{ job.key }}" hidden>
            <header class="fleet-detail-head">
                <div>
                    <h2>{{ job.name }}</h2>
                    <p class="fleet-detail-sub">{{ id_chip(job.job_id) }} <span class="mono">{{ job.schedule }} · {{ job.timezone }}</span></p>
                </div>
                {% if job.enabled %}<span class="fleet-health fleet-health--healthy">Enabled</span>{% else %}<span class="fleet-health fleet-health--idle">Paused</span>{% endif %}
            </header>
            <div class="fleet-detail-actions">
                <a class="btn btn-primary" href="/automations/{{ job.job_id }}">Run history</a>
                <a class="btn" href="/automations/{{ job.job_id }}/edit">Edit</a>
                <form method="post" action="/automations/{{ job.job_id }}/run-now">
                    <button type="submit" class="btn">Run now</button>
                </form>
                {% if job.enabled %}
                <form method="post" action="/automations/{{ job.job_id }}/pause">
                    <button type="submit" class="btn">Pause</button>
                </form>
                {% else %}
                <form method="post" action="/automations/{{ job.job_id }}/resume">
                    <button type="submit" class="btn">Resume</button>
                </form>
                {% endif %}
            </div>

            <dl class="fleet-stats">
                <div><dt>Next run</dt><dd>{% if not job.enabled %}Paused{% elif job.next_run_overdue %}<span class="is-warn">Overdue</span>{% else %}{{ relative_time(job.next_run_at, generated_at) if job.next_run_at else '—' }}{% endif %}</dd></div>
                <div><dt>Last run</dt><dd>{{ relative_time(job.last_at, generated_at) if job.last_at else '—' }}</dd></div>
                <div><dt>Recent failures</dt><dd class="{{ 'is-bad' if job.failures else '' }}">{{ job.failures }} <small class="ax-of">of {{ job.recent|length }}</small></dd></div>
            </dl>

            <div class="mem-body-head">
                <h3 class="fleet-detail-title">Latest run</h3>
                {% if job.last_status %}<span class="ax-latest-meta"><span class="fleet-health fleet-health--{{ dot[job.last_signal] }}">{{ job.last_label }}</span>{% if job.last_at %} <span class="mono" title="{{ job.last_at.strftime('%Y-%m-%d %H:%M:%S') }} UTC">{{ relative_time(job.last_at, generated_at) }}</span>{% endif %}</span>{% endif %}
            </div>
            {% if job.output %}
            <pre class="mem-body ax-output" id="ax-output-{{ job.key }}">{{ job.output }}</pre>
            {% elif job.error %}
            <pre class="mem-body ax-output ax-output--error" id="ax-output-{{ job.key }}">{{ job.error }}</pre>
            {% elif job.last_status %}
            <p class="ax-muted ax-note">No output recorded.</p>
            {% else %}
            <p class="ax-muted ax-note">No runs yet. A run is recorded when a worker picks up this job at its next run time. Start a worker with <span class="mono">memorizz automations run</span>, or select Run now.</p>
            {% endif %}
            {% if job.last_status %}<p class="ax-links">{% if job.output or job.error %}<button type="button" class="btn btn-sm" data-copy-target="ax-output-{{ job.key }}">Copy</button>{% endif %}<a class="btn btn-sm" href="{{ trace_url }}">Open trace</a></p>{% endif %}

            {% if job.recent %}
            <h3 class="fleet-detail-title">Recent runs</h3>
            <ol class="ax-runs">
                {% for run in job.recent %}
                <li>
                    <span class="fleet-health fleet-health--{{ dot[run.signal] }}"><span class="visually-hidden">{{ run.label }}</span></span>
                    <span class="mono" {% if run.at %}title="{{ run.at.strftime('%Y-%m-%d %H:%M:%S') }} UTC"{% endif %}>{{ relative_time(run.at, generated_at) if run.at else '—' }}</span>
                    <span class="num">{{ fmt_duration(run.duration_ms) if run.duration_ms is not none else '—' }}</span>
                    <span class="ax-run-label{% if run.status == 'failed' %} is-bad{% endif %}" title="{{ run.error }}">{{ run.label }}{% if run.error %} · {{ run.error }}{% endif %}</span>
                </li>
                {% endfor %}
            </ol>
            {% endif %}

            <h3 class="fleet-detail-title">Schedule</h3>
            <dl class="fleet-config">
                <div><dt>Type</dt><dd>{{ job.schedule_type|replace('_', '-')|capitalize }}</dd></div>
                <div><dt>{{ 'Expression' if job.schedule_type == 'cron' else 'Interval' }}</dt><dd class="mono">{% if job.schedule_type == 'cron' %}{{ job.cron_expr or '—' }}{% elif job.interval_seconds %}{{ job.interval_seconds }}s{% else %}—{% endif %}</dd></div>
                <div><dt>Timezone</dt><dd>{{ job.timezone }}</dd></div>
                <div><dt>Next run</dt><dd class="mono">{{ job.next_run_at.strftime('%Y-%m-%d %H:%M %Z') if job.next_run_at else '—' }}</dd></div>
                <div><dt>Misfire policy</dt><dd>{{ job.misfire_policy or '—' }}</dd></div>
                <div><dt>Max run time</dt><dd class="mono">{{ job.max_run_seconds ~ 's' if job.max_run_seconds else '—' }}</dd></div>
                <div><dt>Agent</dt><dd><a href="/agents/{{ job.agent_id }}/playground">{{ job.agent_name or job.agent_id[:12] }}</a></dd></div>
                <div><dt>Delivery</dt><dd>{{ job.delivery }}{% if job.recipients %} · {{ job.recipients }} recipient{{ '' if job.recipients == 1 else 's' }}{% endif %}</dd></div>
            </dl>

            {% if job.query %}
            <div class="mem-body-head">
                <h3 class="fleet-detail-title">Query</h3>
                <button type="button" class="btn btn-sm" data-copy-target="ax-query-{{ job.key }}">Copy</button>
            </div>
            <pre class="mem-body ax-query" id="ax-query-{{ job.key }}">{{ job.query }}</pre>
            {% endif %}

            <form class="automation-delete" method="post" action="/automations/{{ job.job_id }}/delete">
                <label>
                    <input type="checkbox" name="confirm" value="1">
                    I understand this deletes the job
                </label>
                <button type="submit" class="btn btn-danger btn-sm">Delete automation</button>
            </form>
        </section>
        {% endfor %}
    </aside>
</div>
{% elif not error %}
{{ empty_state('No automations for this agent' if selected_agent_id else 'No automations yet', 'Create a job to run an agent query on a cron or interval schedule, or ask an agent to schedule one with its automation tools.', create_url, 'Create automation') }}
{% endif %}

<script>
document.addEventListener('DOMContentLoaded', function() {
    if (document.getElementById('ax-table')) {
        MemorizzMonitor.init({
            table: 'ax-table',
            storageKey: 'memorizz.automations.selected',
            keys: {
                Enter: function(row) { window.location.href = '/automations/' + row.dataset.key; },
                e: function(row) { window.location.href = '/automations/' + row.dataset.key + '/edit'; },
            },
        });
    }
});

// Refresh every 30 seconds so the latest results stay current, but never
// while someone is filtering, typing, or has ticked a delete confirmation.
(function() {
    function busy() {
        if (document.hidden) return true;
        const active = document.activeElement;
        if (active && active.closest && active.closest('input, select, textarea')) return true;
        const filter = document.getElementById('ax-filter');
        if (filter && filter.value) return true;
        const chip = document.querySelector('[data-monitor-tag][aria-pressed="true"]');
        if (chip && chip.dataset.monitorTag) return true;
        return !!document.querySelector('.automation-delete input[name="confirm"]:checked');
    }
    setInterval(function() {
        if (!busy()) window.location.reload();
    }, 30000);
})();
</script>
{% endblock %}