{% extends "base.html" %}
{% block title %}Native AI Agent Portal{% endblock %}
{% block page_id %}native_agents{% endblock %}
{% block head %}<style>.na-grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:16px}.na-tools{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.na-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}#na-list button{display:block;width:100%;text-align:left;margin:6px 0}.na-code{width:100%;min-height:180px;font-family:monospace}pre{white-space:pre-wrap;overflow:auto;max-height:400px}@media(max-width:900px){.na-grid,.na-fields{display:block}}</style>{% endblock %}
{% block content %}
<div class="a-page-head"><h1>Native AI Agent Portal</h1><p class="a-sub">The desktop's saved ConfigManager.ai_agents and ConfigManager.claude_agents catalogs. Home's AgentManager templates are a separate catalog.</p></div>
<p>Save changes the native configuration on this PC; it does not activate an agent or contact a provider. Private fields remain blank here. Leave them blank to keep saved values, or explicitly clear them. Unknown native fields are preserved.</p>
<div id="na-status" class="a-banner" role="status" aria-live="polite"></div>
<div class="na-grid"><aside class="a-card"><label>Actual native catalog<select id="na-catalog" class="a-select na-control"><option value="ai_agents">General AI agents</option><option value="claude_agents">Claude agents</option></select></label><p id="na-store"></p><button id="na-refresh" class="a-btn na-control">Refresh checked catalog</button><button id="na-add" class="a-btn na-control">Add native default agent</button><div id="na-list"></div></aside>
<section class="a-card"><h2 id="na-title">Select a saved agent</h2><p id="na-revision"></p><p id="na-draft" role="status"></p>
<div class="na-fields"><label>Name<input id="na-name" class="a-input na-control"></label><label>Provider<input id="na-provider" list="na-providers" class="a-input na-control"><datalist id="na-providers"></datalist></label><label>Model<input id="na-model" class="a-input na-control"></label><label>Endpoint<input id="na-endpoint" class="a-input na-control" placeholder="Blank uses native provider defaults"></label><label>Temperature<input id="na-temperature" type="number" min="0" max="2" step="0.1" class="a-input na-control"></label><label>Maximum tokens<input id="na-max_tokens" type="number" min="64" max="200000" step="1" class="a-input na-control"></label><label><input id="na-enabled" type="checkbox" class="na-control"> Enabled in the saved native catalog</label><label>Native persona preset<select id="na-preset" class="a-select na-control"></select></label><label>Claude role<input id="na-role" class="a-input na-control"></label></div>
<label>Persona / native system prompt<textarea id="na-persona" class="a-input na-code na-control"></textarea></label><label>Additional system_prompt field (used by Test when persona is blank)<textarea id="na-system_prompt" class="a-input na-control"></textarea></label><label>Claude capabilities (JSON list)<textarea id="na-capabilities" class="a-input na-control"></textarea></label>
<h3>Private provider fields</h3><p id="na-private-state"></p><label>New API key (blank retains saved key)<input id="na-key" type="password" autocomplete="new-password" class="a-input na-control"></label><label><input id="na-clear-key" type="checkbox" class="na-control"> Explicitly clear the saved API key</label><label>New custom_headers JSON object (blank retains saved headers)<textarea id="na-headers" class="a-input na-control" spellcheck="false"></textarea></label><label><input id="na-clear-headers" type="checkbox" class="na-control"> Explicitly clear the saved custom headers</label>
<details><summary>Complete safe native record / unknown fields</summary><p>Editing this JSON retains hidden fields. Private fields must use the separate controls above. Ambiguous edits to partially redacted values are refused.</p><textarea id="na-json" class="a-input na-code na-control" spellcheck="false"></textarea><button id="na-apply-json" class="a-btn na-control">Use this JSON draft</button></details>
<div class="na-tools"><button id="na-save" class="a-btn na-control">Save checked native agent</button><button id="na-duplicate" class="a-btn na-control">Duplicate saved agent</button><button id="na-delete" class="a-btn na-control">Delete saved agent</button><button id="na-rebase" class="a-btn na-control">Review retained draft against current record</button><button id="na-discard" class="a-btn na-control">Use current saved record</button></div><details><summary>Current disk record for review</summary><pre id="na-current"></pre></details>
<h3>Actual provider contact</h3><p>Test sends the current draft using the shared desktop AIClient and effective global defaults, with no cached reply, retries, or routing override. This contacts the actual endpoint and may incur provider charges. Validate All sends sequential real requests for the saved Claude catalog. Stop closes only this browser's owned worker; a request already received by a remote provider can still finish there.</p><p>General Test All uses the saved General catalog, skips disabled agents, and requires a saved API key before contact, matching the desktop. It sends Hello through the actual shared AIClient with native persona, global defaults and each agent's Remote Models override setting. Cache and retries are disabled; the owned job has an absolute time budget. Unsaved drafts are retained and are not tested by Test All. Results distinguish failed, missing-key, disabled and unprocessed records; unavailable cost remains unknown.</p><div class="na-tools"><button id="na-test" class="a-btn na-control">Send actual provider Test (may incur charges)</button><button id="na-validate" class="a-btn na-control">Validate saved Claude catalog (may incur charges)</button><button id="na-test-all" class="a-btn na-control">Test All saved General agents (may incur charges)</button><button id="na-cancel" class="a-btn">Stop owned Test worker</button></div><pre id="na-result"></pre>
<h3>Native JSON import and export</h3><p>Import appends checked native records. Claude import sets provider to anthropic, as the desktop does. Export preserves the native list format with credentials removed; it is not a private-key backup.</p><label>Native JSON file<input id="na-file" type="file" accept="application/json,.json" class="na-control"></label><label>Native JSON list<textarea id="na-import-json" class="a-input na-code na-control"></textarea></label><div class="na-tools"><button id="na-import-preview" class="a-btn na-control">Preview checked import</button><button id="na-import" class="a-btn na-control">Append native records</button><button id="na-export" class="a-btn na-control">Download safe native catalog</button></div><pre id="na-import-result"></pre>
</section></div>
{% endblock %}
{% block scripts %}<script src="{{ aida_rel('static/js/native_agents.js') }}"></script>{% endblock %}