{% extends "base.html" %}
{% block title %}AI chip library{% endblock %}
{% block page_id %}chips{% endblock %}
{% block head %}<style>
.chips-shell{max-width:1400px;margin:0 auto;padding:20px}.chip-section{background:var(--bg-surface,#16213e);border:1px solid var(--border,#334155);padding:18px;border-radius:10px;margin:18px 0}.chip-controls{display:flex;gap:10px;flex-wrap:wrap;align-items:end}.chip-controls label{display:grid;gap:5px;min-width:180px}.chip-controls input,.chip-controls select,.chip-section textarea{padding:8px;color:inherit;background:var(--bg-dark,#111827);border:1px solid var(--border,#334155);border-radius:5px}.chip-section textarea{width:100%;box-sizing:border-box}.chip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin:14px 0}.chip-card{padding:14px;border:1px solid var(--border,#334155);border-radius:7px}.chip-card h3{margin:0 0 8px}.chip-card p{overflow-wrap:anywhere}.chip-card button{margin:3px}.chip-log{white-space:pre-wrap;max-height:320px;overflow:auto}.chip-note{color:var(--text-secondary,#94a3b8)}.chip-section button{padding:7px 12px;cursor:pointer}.chip-editor{font-family:monospace;min-height:360px}button:disabled{cursor:wait;opacity:.6}
</style>{% endblock %}
{% block content %}<div class="chips-shell">
<h1>AI chip library</h1><p>Use the saved ICs, SoCs, and Boards shared with the desktop. Marketplace requests use this PC's current license.</p>
<p id="chip-status" role="status">Loading chip library...</p>
<section class="chip-section" id="chip-local"><h2>Local chips</h2>
<div class="chip-controls"><label>Search saved chips<input id="chip-search" type="search"></label><label>Tier<select id="chip-tier"><option value="">All tiers</option><option value="ic">IC</option><option value="soc">SoC</option><option value="board">Board</option></select></label><label>Source<select id="chip-source"><option value="">All sources</option><option value="builtins">Built-ins</option><option value="mine">Mine</option><option value="market">Installed</option></select></label><button id="chip-refresh">Refresh local library</button></div>
<div id="chip-local-list" class="chip-grid"></div>
<h3>Import a chip</h3><p class="chip-note">Choose a .aidachip archive or legacy .aida-chip JSON. Inspect its contents and any existing replacement before importing. Recognized credentials are removed.</p>
<input type="file" id="chip-import-file" accept=".aidachip,.aida-chip,.json"><button id="chip-inspect">Inspect file</button><button id="chip-import" disabled>Import reviewed file</button><pre id="chip-import-preview" class="chip-log"></pre>
</section>
<section class="chip-section" id="chip-editor-section"><h2>Selected chip</h2><div id="chip-builder-link"></div><p id="chip-selected">Choose a chip to read its full contents.</p>
<p class="chip-note">The JSON editor preserves modules, wires, ports, children, and lineage. Unchanged hidden credentials stay on this PC. Open the visual builder to place modules and nested chips, connect ports, and edit their properties.</p>
<textarea id="chip-document" class="chip-editor" aria-label="Complete chip JSON" spellcheck="false"></textarea>
<div class="chip-controls"><button id="chip-save">Save chip edits</button><button id="chip-export">Export .aida-chip</button><label>Clone or branch name<input id="chip-copy-name"></label><button id="chip-clone">Clone chip</button><button id="chip-fork">Fork as branch</button><button id="chip-delete">Delete local chip</button></div><pre id="chip-findings" class="chip-log"></pre><div id="chip-branches"></div>
</section>
<section class="chip-section" id="chip-market"><h2>Marketplace</h2>
<div class="chip-controls"><label>Search catalog<input id="chip-market-search"></label><label>Type<select id="chip-market-tier"><option value="">All types</option><option>ic</option><option>soc</option><option>board</option><option>persona</option><option>agent</option><option>team</option></select></label><label>Price<select id="chip-market-price"><option value="">Any price</option><option value="free">Free</option><option value="paid">Paid</option></select></label><label>Sort<select id="chip-market-sort"><option value="recent">Recent</option><option value="popular">Popular</option><option value="rating">Top rated</option><option value="new">New</option></select></label><button id="chip-catalog">Browse catalog</button><button id="chip-previous">Previous page</button><button id="chip-next">Next page</button></div>
<div id="chip-market-list" class="chip-grid"></div><div id="chip-listing"></div>
</section>
<section class="chip-section" id="chip-account"><h2>My marketplace library</h2><button id="chip-account-refresh">Load account library and updates</button><button id="chip-update-all">Update all reviewed chips</button><pre id="chip-account-status" class="chip-log"></pre><div id="chip-account-list" class="chip-grid"></div></section>
<section class="chip-section" id="chip-publish"><h2>Publish selected local chip</h2><p class="chip-note">Preview the exact package before publishing. Server versions are immutable; bump the version for a new release. Publication uses a copy of the saved chip.</p>
<div class="chip-controls"><label>Author byline<input id="chip-pub-author"></label><label>Version<input id="chip-pub-version"></label><label>Tags (comma separated)<input id="chip-pub-tags"></label><label>License<select id="chip-pub-license"></select></label><label>Visibility<select id="chip-pub-visibility"></select></label></div>
<label>Description<textarea id="chip-pub-description" rows="4"></textarea></label><button id="chip-preview">Preview package</button><button id="chip-package-export">Export reviewed .aidachip</button><button id="chip-publish-button">Publish reviewed package</button><pre id="chip-package-preview" class="chip-log"></pre><div id="chip-publication-result"></div>
</section><pre id="chip-log" class="chip-log" role="status" aria-live="polite"></pre>
</div>{% endblock %}
{% block scripts %}<script src="{{ aida_rel('static/js/chips.js') }}"></script>{% endblock %}