{% extends "base.html" %}
{% block title %}Live Coding{% endblock %}
{% block page_id %}live_coding{% endblock %}
{% block head %}<style>.lc-grid{display:grid;grid-template-columns:280px minmax(300px,1fr);gap:14px}.lc-bar{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.lc-editor{height:440px;border:1px solid var(--line);border-radius:6px}#lc-fallback{width:100%;min-height:440px;font-family:var(--mono)}.lc-files button{display:block;width:100%;margin:4px 0;text-align:left}.lc-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px}.lc-compare pre{white-space:pre-wrap;max-height:380px;overflow:auto}.lc-hunk{padding:8px;border:1px solid var(--line);margin:8px 0}.lc-hunk pre{white-space:pre-wrap;overflow:auto;max-height:200px}#lc-diff,#lc-stream{white-space:pre-wrap;overflow:auto;max-height:360px}.lc-preset textarea{width:100%;min-height:170px}#lc-hint{white-space:pre-wrap}@media(max-width:850px){.lc-grid,.lc-compare{display:block}.lc-editor{height:360px}}</style>{% endblock %}
{% block content %}
<div class="a-page-head"><h1>Live Coding</h1><p class="a-sub">Run the desktop agents on a snapshot of your source, review proposed changes, then save explicitly. Generated programs are not executed here.</p></div>
<div class="lc-grid"><aside class="a-card"><h2>Agents and models</h2><select class="a-select lc-control" id="lc-agent" aria-label="Native agent"></select><p id="lc-agent-info" class="a-small"></p><div class="lc-bar"><button class="a-btn lc-control" id="lc-refresh">Refresh</button><button class="a-btn lc-control" id="lc-pin-agent">Pin agent</button></div><select class="a-select lc-control" id="lc-model" aria-label="Configured model route"></select><p id="lc-model-info" class="a-small"></p><a href="{{ aida_rel('/') }}">Configure providers on Home &gt; Agents &gt; Providers</a>
<details class="lc-preset"><summary>User agent editor</summary><div class="lc-bar"><button class="a-btn lc-control" id="lc-preset-new">Blank</button><button class="a-btn lc-control" id="lc-preset-edit">Edit selected</button><button class="a-btn lc-control" id="lc-preset-clone">Duplicate selected</button></div><select class="a-select lc-control" id="lc-scaffold" aria-label="Persona or hierarchy scaffold"></select><button class="a-btn lc-control" id="lc-preset-scaffold">Start from scaffold</button><label>Saved key<input id="lc-preset-key" class="a-input lc-control"></label><label>Name<input id="lc-preset-name" class="a-input lc-control"></label><label>Icon<input id="lc-preset-icon" class="a-input lc-control" value="AI"></label><label>Description<input id="lc-preset-description" class="a-input lc-control"></label><label>System prompt<textarea id="lc-preset-system" class="a-textarea lc-control"></textarea></label><label>Color<input id="lc-preset-color" class="a-input lc-control" value="#4DE4E4"></label><label>Temperature<input id="lc-preset-temperature" class="a-input lc-control" type="number" min="0" max="2" step="0.1" value="0.3"></label><label><input id="lc-preset-stream" class="lc-control" type="checkbox" checked>Streaming supported</label><div class="lc-bar"><button class="a-btn lc-control" id="lc-preset-save">Save preset</button><button class="a-btn lc-control" id="lc-preset-delete">Delete selected user preset</button></div><p class="a-small">Persona and supervisor scaffolds create a single agent prompt. Saved hierarchy Teams run plan, members and integration steps.</p></details>
<h2>Files</h2><label>Source location<select id="lc-location-kind" class="a-select lc-control"><option value="local">Local workspace</option><option value="device">Connected device</option></select></label><select id="lc-root" class="a-select lc-control" aria-label="Explicit local folder"></select><select id="lc-device" class="a-select lc-control" aria-label="Connected device tab" hidden></select><a href="{{ aida_rel('/') }}">Connect devices on the dashboard</a><label>Folder path<input id="lc-folder" class="a-input lc-control"></label><div class="lc-bar"><button class="a-btn lc-control" id="lc-list">Browse</button><button class="a-btn lc-control" id="lc-parent">Parent</button><button class="a-btn lc-control" id="lc-root-add">Pin local folder</button><button class="a-btn lc-control" id="lc-root-remove">Unpin local folder</button></div><div class="lc-files" id="lc-files"></div><h3>Pinned and recent files</h3><select id="lc-recent" class="a-select lc-control" aria-label="Pinned and recent files"></select><button id="lc-recent-open" class="a-btn lc-control">Open selected path</button></aside>
<section class="a-card"><h2>Source buffers</h2><div class="lc-bar"><select id="lc-buffer" class="a-select lc-control" aria-label="Open source buffer"></select><button id="lc-new" class="a-btn lc-control">New scratch</button><button id="lc-close" class="a-btn lc-control">Close buffer</button></div><label>File name or destination path<input id="lc-name" class="a-input lc-control" value="untitled.py"></label><span id="lc-dirty" role="status"></span><div id="lc-editor" class="lc-editor"></div><textarea id="lc-fallback" hidden spellcheck="false" aria-label="Source code"></textarea><div class="lc-bar"><button id="lc-save" class="a-btn lc-control">Save file</button><button id="lc-reload" class="a-btn lc-control">Reload saved file</button><button id="lc-pin-file" class="a-btn lc-control">Pin or unpin file</button><button id="lc-export" class="a-btn lc-control">Export source</button><label>Import into scratch<input id="lc-upload" class="lc-control" type="file"></label><button id="lc-import" class="a-btn lc-control">Import source</button></div>
<h2>Instruction</h2><textarea id="lc-instruction" class="a-textarea lc-control" rows="4" aria-label="Agent instruction" placeholder="Describe the change"></textarea><div class="lc-bar"><select id="lc-template" class="a-select lc-control" aria-label="Saved instructions"></select><button id="lc-template-use" class="a-btn lc-control">Use template</button><button id="lc-template-save" class="a-btn lc-control">Save template</button><button id="lc-template-delete" class="a-btn lc-control">Delete template</button><select id="lc-bookmark" class="a-select lc-control" aria-label="Bookmarked prompts"></select><button id="lc-bookmark-use" class="a-btn lc-control">Use bookmark</button><button id="lc-bookmark-save" class="a-btn lc-control">Bookmark instruction</button><button id="lc-bookmark-delete" class="a-btn lc-control">Delete bookmark</button></div>
<div class="lc-bar"><label><input id="lc-multi" class="lc-control" type="checkbox" checked>Include other open buffers as reference</label><label><input id="lc-memory" class="lc-control" type="checkbox" checked>Include session history</label><label><input id="lc-selection" class="lc-control" type="checkbox">Selected fragment only</label><label>Team member cap<input id="lc-team-cap" class="a-input lc-control" type="number" min="1" max="16" value="6"></label><label>Deadline, seconds<input id="lc-timeout" class="a-input lc-control" type="number" min="5" max="600" value="120"></label></div><div class="lc-bar"><button id="lc-run" class="a-btn lc-control">Run selected agent</button><button id="lc-validate" class="a-btn lc-control">Validate current source</button><button id="lc-stop" class="a-btn" disabled>Stop owned run</button><button id="lc-resume" class="a-btn lc-control">Resume active browser job</button></div><p id="lc-hint" class="a-small" role="status" aria-live="polite"></p><pre id="lc-stream" class="a-log"></pre>
<h2>Review changes</h2><p class="a-small">Apply changes edits this buffer. Save file writes to the selected local file or device. Failed and cancelled generations cannot be applied.</p><div class="lc-bar"><label><input id="lc-side" class="lc-control" type="checkbox">Show side by side</label><button id="lc-apply" class="a-btn lc-control" disabled>Apply all to buffer</button><button id="lc-apply-hunks" class="a-btn lc-control" disabled>Apply checked changes</button><button id="lc-revert" class="a-btn lc-control" disabled>Revert last apply</button><button id="lc-proposal-export" class="a-btn lc-control" disabled>Export proposed source</button></div><div id="lc-comparison" class="lc-compare" hidden><pre class="a-log" id="lc-before"></pre><pre class="a-log" id="lc-after"></pre></div><pre class="a-log" id="lc-diff"></pre><div id="lc-hunks"></div><pre class="a-log" id="lc-validation"></pre>
<h2>Session history</h2><p class="a-small">Native AgentMemory format, limited to 50 entries and 1 MiB. This history belongs to the current browser session.</p><div class="lc-bar"><button id="lc-history-refresh" class="a-btn lc-control">Refresh history</button><button id="lc-history-export" class="a-btn lc-control">Export history</button><label>Native session JSON<input id="lc-history-upload" class="lc-control" type="file" accept=".json"></label><button id="lc-history-import" class="a-btn lc-control">Import history</button><button id="lc-history-clear" class="a-btn lc-control">Clear history</button></div><div id="lc-history"></div></section></div>
{% endblock %}
{% block scripts %}<script src="{{ aida_rel('static/vendor/ace/ace.js') }}"></script><script src="{{ aida_rel('static/js/live_coding.js') }}"></script>{% endblock %}