{% extends "base.html" %}
{% block title %}Extension Studio{% endblock %}
{% block page_id %}extension-studio{% endblock %}
{% block content %}
<div id="es-root" data-api="{{ aida_rel('api/extension-studio') }}">
<h1>Extension Studio</h1><p>Create and author the desktop plugin, widget and tool drafts. Requested manifest capabilities are metadata; installation and runtime permissions are managed separately.</p>
<p id="es-status" role="status">Load the native draft catalog to begin.</p><button id="es-catalog" class="a-btn">Load native drafts and templates</button><button id="es-stop" class="a-btn" disabled>Stop owned job</button>
<section class="a-card"><h2>Create</h2><label>Type<select id="es-type" class="a-select"></select></label><label>Starting point<select id="es-mode" class="a-select"><option value="template">Native template</option><option value="scratch">Native scratch default</option></select></label><label>Template<select id="es-template" class="a-select"></select></label><div id="es-capabilities"></div>
{% for key,label,value in [('name','Display name','My Extension'),('id','Folder identifier','my_extension'),('version','Version','1.0.0'),('author','Author',''),('description','Description','')] %}<label style="display:block">{{ label }}<input id="es-{{ key }}" class="a-input" style="width:100%" value="{{ value }}"></label>{% endfor %}
<label>License<select id="es-license" class="a-select"></select></label><label>Category<select id="es-category" class="a-select"></select></label><label style="display:block">Exact output folder<input id="es-output" class="a-input" style="width:100%" placeholder="Absolute project folder"></label><button id="es-create" class="a-btn">Review creation</button></section>
<section class="a-card"><h2>Drafts</h2><select id="es-draft" class="a-select" style="width:100%"></select><button id="es-pick" class="a-btn">Select catalog draft</button><label style="display:block">Selected project folder<input id="es-project" class="a-input" style="width:100%" placeholder="Absolute existing draft folder"></label><button id="es-open" class="a-btn">Open actual draft</button><pre id="es-state" class="a-log"></pre></section>
<section class="a-card"><h2>Manifest</h2><div id="es-fields"></div><label style="display:block">Raw manifest<textarea id="es-manifest" class="a-input" rows="16" style="width:100%;font-family:monospace" spellcheck="false"></textarea></label><button id="es-save-manifest" class="a-btn">Review manifest save</button><p>Form changes and raw JSON are validated by the native manifest editor. Unknown keys are preserved.</p></section>
<section class="a-card"><h2>Source editor</h2><select id="es-file" class="a-select" style="width:100%"></select><label style="display:block">Actual source buffer<textarea id="es-code" class="a-input" rows="22" style="width:100%;font-family:monospace" spellcheck="false"></textarea></label><button id="es-save-code" class="a-btn">Review file save</button><button id="es-save-all" class="a-btn">Review all changed source buffers</button><p id="es-dirty">No source buffer selected.</p></section>
<section class="a-card"><h2>Draft actions</h2><label style="display:block">Fork name<input id="es-fork-name" class="a-input" style="width:100%"></label><label style="display:block">Fork identifier<input id="es-fork-id" class="a-input" style="width:100%"></label><button id="es-fork" class="a-btn">Review fork</button><label>Version part<select id="es-part" class="a-select"><option value="patch">Patch</option><option value="minor">Minor</option><option value="major">Major</option></select></label><label style="display:block">Release note<textarea id="es-note" class="a-input" rows="3" style="width:100%"></textarea></label><button id="es-bump" class="a-btn">Review version bump</button><button id="es-delete" class="a-btn">Review recoverable delete</button><button id="es-preview" class="a-btn">Review native runtime preview</button><p>Preview executes the saved source in a temporary native runtime with the desktop user's permissions. Its native permission profile is temporary and does not inherit your saved grants. Its owned processes are bounded and closed. This is not a filesystem or network sandbox. Missing plugin Python packages must be installed through <a href="{{ aida_rel('dependencies') }}">reviewed Dependencies</a> before preview. Widget preview verifies loading; it does not render a Tk window in this browser.</p></section>
<section class="a-card"><h2>Packages and recovery</h2><label style="display:block">Existing package to import<input id="es-import-path" class="a-input" style="width:100%"></label><button id="es-import" class="a-btn">Review package import</button><label style="display:block">Package output folder<input id="es-package-output" class="a-input" style="width:100%"></label><button id="es-package" class="a-btn">Review actual packaging</button><a id="es-download" class="a-btn" hidden>Download checked package</a><button id="es-recoveries" class="a-btn">Read verified backups</button><select id="es-backup" class="a-select" style="width:100%"></select><button id="es-restore" class="a-btn">Review restoration</button><p>Existing draft bytes are copied and checked before a confirmed overwrite, edit, bump, deletion or restoration. A failed action may leave writes; the receipt reports the observed result and checked recovery copy. Extension publishing is a separate workflow.</p></section>
<section class="a-card"><h2>Review</h2><pre id="es-review" class="a-log"></pre><button id="es-confirm" class="a-btn" disabled>Confirm this exact action once</button><p>Source, destination and native engine changes invalidate the review. Stopping cannot undo writes already made.</p></section>
<p><a class="a-btn" href="{{ aida_rel('extension-publish') }}">Publish a saved native extension</a></p>
<section class="a-card"><h2>Actual native receipt</h2><pre id="es-receipt" class="a-log"></pre></section>
</div>
{% endblock %}
{% block scripts %}<script src="{{ aida_rel('static/js/extension_studio.js') }}"></script>{% endblock %}