{% extends "base.html" %}
{% block title %}Native Agent Teams{% endblock %}
{% block page_id %}native_teams{% endblock %}
{% block head %}<style>.nt-grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:16px}.nt-tools{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.nt-code{width:100%;min-height:190px;font-family:monospace}#nt-list button,#nt-tree button{display:block;text-align:left;margin:5px 0}pre{white-space:pre-wrap;overflow:auto;max-height:400px}.nt-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}@media(max-width:900px){.nt-grid,.nt-fields{display:block}}</style>{% endblock %}
{% block content %}
<div class="a-page-head"><h1>Native Agent Teams</h1><p>Three distinct desktop catalogs: primary Hierarchy Builder teams, fallback Agent Chat teams, and native Multi-Team supervisor graphs. These are separate from chips, Composer and Home's AgentManager. All use the native Pro tools gate. Primary also requires ai_hierarchy; fallback Team Chat and Multi-Team also require ai_main.</p></div>
<p>Execution contacts the actual native provider and may incur charges. Team Chat requests one root supervisor; it describes children without running them. Multi-Team uses the saved team names and actual breadth-first supervisor flow. Primary direct Send uses the selected node and cascades its children when it is a supervisor. Primary execution uses its native Anthropic SDK and does not use Remote Models overrides.</p>
<div id="nt-status" role="status" aria-live="polite" class="a-banner"></div>
<div class="nt-grid"><aside class="a-card"><label>Native catalog<select id="nt-kind" class="a-select nt-control"><option value="primary">Primary Hierarchy Builder</option><option value="teams">Fallback Team Chat</option><option value="multi">Multi-Team supervisor graphs</option></select></label><label>Search saved records<input id="nt-search" class="a-input nt-control"></label><button id="nt-refresh" class="a-btn nt-control">Refresh saved catalogs; retain drafts</button><p id="nt-store"></p><div id="nt-list"></div><div class="nt-tools"><button id="nt-new" class="a-btn nt-control">New native record</button><button id="nt-export" class="a-btn nt-control">Download safe native catalog JSON</button></div><label>Import native catalog JSON<input id="nt-import-file" type="file" accept="application/json,.json" class="nt-control"></label><button id="nt-import" class="a-btn nt-control">Review and import catalog</button><a href="{{ aida_rel('agent-chat') }}">Individual native Agent Chat</a><p><a href="{{ aida_rel('ai-agents') }}">Configure canonical native agents</a></p></aside>
<section class="a-card"><h2 id="nt-title">Select a saved native record</h2><p id="nt-routing"></p><label>Complete native record draft<textarea id="nt-record" class="a-input nt-code nt-control"></textarea></label><p>All nested, unknown and protocol fields are retained. Private original values remain in native storage and are omitted from public exports. Saving does not contact a provider.</p><details><summary>Current saved record for comparison</summary><pre id="nt-saved"></pre></details><div class="nt-tools"><button id="nt-save" class="a-btn nt-control">Save checked native draft</button><button id="nt-rebase" class="a-btn nt-control">Adopt refreshed revisions after review</button><button id="nt-clone" class="a-btn nt-control">Save selected record as new name</button><button id="nt-delete" class="a-btn nt-control">Delete selected native record</button></div>
<details open><summary>Native tree / Multi-Team graph editor</summary><label>Actual native preset for new tree nodes<select id="nt-template" class="a-select nt-control"><option value="">Blank native agent</option></select></label><div id="nt-tree"></div><label>Node name<input id="nt-node-name" class="a-input nt-control"></label><div id="nt-node-fields" class="nt-fields"><label>Role<select id="nt-node-role" class="a-select nt-control"><option value="worker">Worker</option><option value="supervisor">Supervisor</option><option value="hybrid">Native hybrid</option></select></label><label>Actual model<input id="nt-node-model" class="a-input nt-control"></label><label>Description<textarea id="nt-node-description" class="a-input nt-control"></textarea></label><label>System prompt<textarea id="nt-node-prompt" class="a-input nt-control"></textarea></label><label>Skills (native JSON array)<input id="nt-node-skills" class="a-input nt-control"></label><label>Protocol ID<input id="nt-node-protocol" class="a-input nt-control"></label></div><div id="nt-position" class="nt-fields"><label>Native graph X<input id="nt-node-x" type="number" class="a-input nt-control"></label><label>Native graph Y<input id="nt-node-y" type="number" class="a-input nt-control"></label></div><div class="nt-tools"><button id="nt-node-apply" class="a-btn nt-control">Apply fields to selected draft node</button><button id="nt-node-add" class="a-btn nt-control">Add child / saved-team graph node</button><button id="nt-node-remove" class="a-btn nt-control">Remove selected draft node</button></div><div id="nt-wires"><label>From graph node<select id="nt-wire-from" class="a-select nt-control"></select></label><label>To graph node<select id="nt-wire-to" class="a-select nt-control"></select></label><button id="nt-wire-add" class="a-btn nt-control">Add directed native connection</button><div id="nt-wire-list"></div></div></details>
<h3>Actual native conversation</h3><pre id="nt-history"></pre><label>Reviewed task<textarea id="nt-message" class="a-input nt-code nt-control"></textarea></label><label>Explicit context kind<select id="nt-context-kind" class="a-select nt-control"><option value="none">None</option><option value="selection">Selected text</option><option value="current_file">Current file</option><option value="clipboard">Clipboard</option><option value="error_output">Error / terminal output</option><option value="file">File text</option></select></label><label>Explicit context text<textarea id="nt-context" class="a-input nt-code nt-control"></textarea></label><div class="nt-tools"><button id="nt-direct" class="a-btn nt-control">Send to selected primary node</button><button id="nt-execute" class="a-btn nt-control">Execute saved native hierarchy / supervisor</button><button id="nt-stop" class="a-btn">Stop owned worker</button><button id="nt-result-export" class="a-btn nt-control">Download actual execution receipt</button></div><p>Execution uses the saved record and reviewed revisions. Save draft changes first. Primary node conversation memory is owned by this browser and expires after 30 minutes; fallback team history uses the native name-keyed file. Stop closes the owned local process tree; an already accepted remote request may finish there.</p><pre id="nt-response" aria-live="polite"></pre><pre id="nt-receipt"></pre></section></div>
{% endblock %}
{% block scripts %}<script src="{{ aida_rel('static/js/native_teams.js') }}"></script>{% endblock %}