{% extends 'base.html' %}
{% block title %}AI Command Center{% endblock %}
{% block page_id %}missions{% endblock %}
{% block head %}
<style>
:root{color-scheme:dark;--bg:#0b1620;--panel:#122230;--line:#294154;--fg:#e7eef2;--muted:#a2b8c5;--cyan:#4de4e4}
*{box-sizing:border-box} #mission-page{margin:0;background:var(--bg);color:var(--fg);font:15px system-ui,sans-serif}
#mission-page .mission-heading{padding:18px 24px;border-bottom:1px solid var(--line);display:flex;gap:20px;align-items:center;flex-wrap:wrap}
#mission-page h1{font-size:22px;margin:0}#mission-page a{color:var(--cyan)}#mission-page .mission-content{padding:20px;max-width:1400px;margin:auto}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:16px}
.panel{background:var(--panel);border:1px solid var(--line);padding:16px;border-radius:8px;margin-bottom:16px}#mission-page h2{margin:0 0 12px;font-size:18px}
#mission-page button{background:var(--cyan);color:var(--bg);border:0;padding:9px 13px;border-radius:5px;cursor:pointer;font-weight:600}
#mission-page button.secondary{background:transparent;border:1px solid var(--line);color:var(--fg)}#mission-page button.danger{background:#ef6767;color:#180b0b}#mission-page button:disabled{opacity:.45;cursor:default}
#mission-page input,#mission-page textarea,#mission-page select{background:var(--bg);color:var(--fg);border:1px solid var(--line);border-radius:5px;padding:8px;font:inherit;max-width:100%}
#mission-page textarea{display:block;width:100%;resize:vertical}#mission-page label{display:block;margin-bottom:10px}#mission-page label input:not([type=checkbox]),#mission-page label select{display:block;width:100%;margin-top:4px}
.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}#mission-page small,.muted{color:var(--muted)}#mission-page pre{white-space:pre-wrap;word-break:break-word;background:var(--bg);padding:12px;max-height:360px;overflow:auto}
.mission,.approval,.job{border:1px solid var(--line);padding:12px;border-radius:6px;margin-bottom:10px}.mission.selected{border-color:var(--cyan)}.mission button{margin:6px 6px 0 0}
.notice{padding:12px;border:1px solid var(--cyan);border-radius:5px;margin-bottom:16px;white-space:pre-wrap}.notice.error{border-color:#ef6767;color:#ffa0a0}.notice:empty{display:none}
#mission-spec{font:13px Consolas,monospace}.approval code{display:block;white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:8px}.device{display:inline-flex;gap:6px;align-items:center;margin:0 12px 8px 0}
[hidden]{display:none!important}#mission-page details{margin-top:12px}#mission-page summary{cursor:pointer;color:var(--cyan)}#mission-page table{border-collapse:collapse;width:100%}#mission-page th,#mission-page td{text-align:left;padding:8px;border-bottom:1px solid var(--line)}
@media(max-width:850px){.layout,.form-grid{grid-template-columns:1fr}}
</style>
{% endblock %}
{% block content %}
<section id="mission-page">
<div class="mission-heading"><h1>AI Command Center</h1><span class="muted">Missions, real circuit runs and fleet approvals</span><a href="{{ aida_rel('/') }}">Dashboard</a><a href="{{ aida_rel('fleet') }}">Fleet</a><a href="{{ aida_rel('hierarchy_builder') }}">Circuit composer</a></div>
<div class="mission-content"><div id="mission-notice" class="notice" role="status" aria-live="polite"></div>
<div class="row"><button id="mission-refresh" class="secondary">Refresh</button><span id="mission-status" class="muted">Loading saved mission state...</span><button id="mission-pause" class="secondary" data-owner hidden>Pause mission starts</button></div>
<div class="layout"><aside><section class="panel"><h2>Saved missions and templates</h2><button id="mission-new" data-owner hidden>New mission</button><div id="mission-list"><p class="muted">Loading...</p></div></section>
<section class="panel"><h2>Attention and health</h2><div id="mission-attention"></div><div id="mission-health"></div></section></aside>
<div><section class="panel"><h2 id="mission-title">Mission editor</h2>
<p class="muted">Choose a real circuit, or edit an ordered program in the complete mission specification. Circuits in one step run together; steps run in order.</p>
<div class="form-grid"><label>Name<input id="mission-name" maxlength="200"></label><label>Kind<select id="mission-kind"><option value="session">One circuit</option><option value="orchestrate">Ordered program</option></select></label><label>Circuit<select id="mission-circuit"></select></label></div>
<label>Task<textarea id="mission-task" rows="3" maxlength="64000"></textarea></label>
<div class="form-grid"><label>Repeat<input id="mission-repeat" type="number" min="1" max="1000" value="1"></label><label>Loop interval (seconds)<input id="mission-interval" type="number" min="0" value="0"></label><label>Model policy<select id="mission-policy"><option value="as_authored">As authored</option><option value="cheap">Cheap</option><option value="balanced">Balanced</option><option value="quality">Quality</option></select></label><label>Budget cap (USD)<input id="mission-budget" type="number" min="0.0001" step="any"></label><label>Run deadline (seconds)<input id="mission-timeout" type="number" min="0.1" step="any"></label><label>Schedule interval (seconds)<input id="mission-schedule" type="number" min="1" step="any"></label></div>
<div class="row"><label><input id="mission-forever" type="checkbox"> Repeat until stopped</label><label><input id="mission-stop-error" type="checkbox"> Stop on circuit error</label><label><input id="mission-pipeline" type="checkbox" checked> Forward prior step output</label><label><input id="mission-fleet-review" type="checkbox"> Queue fleet write proposals</label><label><input id="mission-template" type="checkbox"> Save as template</label></div>
<p class="muted">Schedules are saved for the desktop scheduling daemon. The status above shows whether that daemon is actually running. AI modules use your configured model; routing modules run without a model request.</p>
<details id="mission-advanced"><summary>Complete mission specification: steps, verification, chaining and watchdog</summary><label for="mission-spec">Mission JSON</label><textarea id="mission-spec" rows="16" spellcheck="false"></textarea></details>
<div class="row" style="margin-top:14px"><button id="mission-save" data-owner hidden>Save</button><button id="mission-run" data-owner hidden>Save and run live</button><button id="mission-compose" class="secondary" data-owner hidden>Compose task into a program</button><button id="mission-delete" class="danger" data-owner hidden>Delete saved mission</button><button id="mission-release" class="secondary" data-owner hidden>Release quarantine</button></div>
<small id="mission-editor-state">Unsaved mission</small></section>
<section class="panel"><h2>Current jobs</h2><div id="mission-jobs"><p class="muted">No jobs in this browser session.</p></div></section>
<section class="panel"><h2>Run history</h2><div id="mission-history"><p class="muted">Save or select a mission to see recorded runs.</p></div><pre id="mission-replay" hidden></pre></section>
<section class="panel"><h2>Pending fleet approvals</h2><p class="muted">Review the exact command and selected saved devices. Every write requires its exact confirmation phrase and a batch confirmation. Dangerous commands remain blocked.</p><div id="mission-approvals"></div></section>
</div></div></div></section>
{% endblock %}
{% block scripts %}
<script src="{{ aida_rel('static/js/mission_control.js') }}"></script>
{% endblock %}