{% extends "base.html" %}
{% block title %}GameGame Bot, Builder and Detailer{% endblock %}
{% block page_id %}gamegame{% endblock %}
{% block head %}<style>.gg-grid{display:grid;grid-template-columns:275px minmax(0,1fr);gap:16px}.gg-tools{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}#gg-profiles button{display:block;width:100%;text-align:left;margin:5px 0}.gg-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gg-fields label{display:block}#gg-status,#gg-result,#gg-runtime,#gg-saved{white-space:pre-wrap;overflow:auto;max-height:420px}#gg-action-text{width:100%;min-height:90px}@media(max-width:900px){.gg-grid,.gg-fields{display:block}}</style>{% endblock %}
{% block content %}
<div class="a-page-head"><h1>GameGame Bot, Builder and Detailer</h1><p class="a-sub">Shared native profiles, actual control APIs and service results. A local control API being ready is separate from joining GameGame or completing a build.</p></div>
<div id="gg-status" class="a-banner" role="status" aria-live="polite"></div>
<div class="gg-grid"><aside class="a-card"><h2>Native profiles</h2><button id="gg-refresh" class="a-btn gg-control">Refresh saved state</button><div id="gg-profiles"></div>
<div class="gg-tools"><select id="gg-new-role" class="a-select gg-control" aria-label="New profile role"><option value="bot">Bot</option><option value="builder">Builder</option><option value="detailer">Detailer</option></select><button id="gg-create" class="a-btn gg-control">Create profile</button></div>
<label>Import a public native profile JSON<input id="gg-import-file" class="a-input gg-control" type="file" accept=".json,application/json"></label><button id="gg-import" class="a-btn gg-control">Import as new profile</button><p class="a-small">Import retains public metadata and assigns a new identity and native folder. Credentials and device identities are excluded.</p>
<p id="gg-capabilities" class="a-small"></p><a class="a-btn" href="{{ aida_rel('/') }}">Configure models and designers: Home → Agents</a><a class="a-btn" href="{{ aida_rel('training') }}">Native Bot training</a></aside>
<section class="a-card"><h2 id="gg-title"></h2><p id="gg-dirty" role="status"></p><div id="gg-fields" class="gg-fields"></div>
<div class="gg-tools"><button id="gg-save" class="a-btn gg-control">Save native profile</button><button id="gg-export" class="a-btn gg-control">Export saved public profile</button><button id="gg-delete" class="a-btn gg-control">Delete selected profile</button><a id="gg-room-link" class="a-btn" target="_blank" rel="noopener noreferrer" hidden>Open saved GameGame room</a></div>
<details><summary>Latest saved fields and original metadata</summary><pre id="gg-saved"></pre><div class="gg-tools"><button id="gg-reload" class="a-btn gg-control">Replace draft with displayed saved profile</button><button id="gg-review" class="a-btn gg-control">Keep draft using reviewed saved revision</button></div></details>
<h3>Actual target and one-time credentials</h3><label>Bot runtime target<select id="gg-target" class="a-select gg-control"></select></label><p id="gg-target-hint" class="a-small"></p><div class="gg-fields"><label>GameGame account username<input id="gg-account" class="a-input gg-control" autocomplete="username" maxlength="256"></label><label>One-time GameGame password<input id="gg-password" class="a-input gg-control" type="password" autocomplete="off"></label><label>One-time remote sudo password<input id="gg-sudo" class="a-input gg-control" type="password" autocomplete="off"></label><label><input id="gg-downloads" class="gg-control" type="checkbox">Allow the selected Setup/Install action to download Node or missing models</label></div><p class="a-small">Passwords are used for the selected operation and cleared after acceptance. Local bots and tunnels belong to this browser session; Stop, sign-out, expiry, or server shutdown closes their owned processes. Idle local processes stop after 30 minutes; maximum lifetime is 24 hours. Remote service writes have bounded deadlines and cannot be cancelled after acceptance.</p>
<div class="gg-tools" id="gg-service-actions"></div><div class="gg-tools" id="gg-read-actions"></div>
<h3>Native goal and chat</h3><label>Goal or chat text<textarea id="gg-action-text" class="a-input gg-control" maxlength="500"></textarea></label><div class="gg-tools"><select id="gg-skill" class="a-select gg-control" aria-label="Bot skill"></select><button id="gg-goal" class="a-btn gg-control">Send goal</button><button id="gg-say" class="a-btn gg-control">Say in room</button><button id="gg-pause" class="a-btn gg-control">Pause</button><button id="gg-resume" class="a-btn gg-control">Resume</button></div>
<div id="gg-builder-actions"><h3>Builder and Detailer controls</h3><div class="gg-tools"><select id="gg-idle" class="a-select gg-control" aria-label="Builder idle mode"></select><button id="gg-set-idle" class="a-btn gg-control">Set Builder practice mode</button><select id="gg-style" class="a-select gg-control" aria-label="Detailer style"></select><select id="gg-level" class="a-select gg-control" aria-label="Detailer detail level"></select><button id="gg-set-style" class="a-btn gg-control">Set Detailer style</button></div><div class="gg-tools"><select id="gg-stars" class="a-select gg-control" aria-label="Build rating"><option value="1">1 star</option><option value="2">2 stars</option><option value="3">3 stars</option><option value="4">4 stars</option><option value="5">5 stars</option></select><button id="gg-rate" class="a-btn gg-control">Rate newest build</button><button id="gg-undo" class="a-btn gg-control">Undo newest build</button><button id="gg-update" class="a-btn gg-control">Update learned skills</button><label>Skill update threshold<input id="gg-auto-at" class="a-input gg-control" type="number" min="0" max="1000" step="1" value="10"></label><button id="gg-auto-update" class="a-btn gg-control">Set threshold</button></div></div>
<div class="gg-tools"><button id="gg-cancel" class="a-btn" disabled>Cancel owned read operation</button></div><h3>Actual operation result</h3><pre id="gg-result" class="a-log"></pre><h3>Browser-owned process and output</h3><pre id="gg-runtime" class="a-log"></pre></section></div>
{% endblock %}
{% block scripts %}<script src="{{ aida_rel('static/js/gamegame.js') }}"></script>{% endblock %}