Files
autarch/web/templates/system_deps.html

468 lines
27 KiB
HTML
Raw Normal View History

2026-03-13 15:17:15 -07:00
{% extends "base.html" %}
{% block title %}Dependencies - AUTARCH{% endblock %}
{% block content %}
<div class="page-header" style="display:flex;align-items:center;gap:1rem;flex-wrap:wrap">
<div>
<h1>System Dependencies</h1>
<p style="margin:0;font-size:0.85rem;color:var(--text-secondary)">
Check and install Python packages required by AUTARCH modules.
</p>
</div>
</div>
<!-- System Info -->
<div class="section" id="sys-info-section" style="display:none">
<h2>System Info</h2>
<div class="stats-grid" style="grid-template-columns:repeat(auto-fit,minmax(160px,1fr))">
<div class="stat-card">
<div class="stat-label">Python</div>
<div class="stat-value small" id="sys-python">--</div>
</div>
<div class="stat-card">
<div class="stat-label">Platform</div>
<div class="stat-value small" id="sys-platform">--</div>
</div>
<div class="stat-card">
<div class="stat-label">CUDA GPU</div>
<div class="stat-value small" id="sys-gpu">--</div>
</div>
</div>
</div>
<!-- Dependency Groups -->
<div class="section">
<div class="tool-actions">
<button id="btn-check-all" class="btn btn-primary" onclick="depsCheckAll()">Check All Dependencies</button>
<span id="deps-status" style="font-size:0.8rem;color:var(--text-muted);margin-left:12px"></span>
</div>
<div id="deps-groups" style="margin-top:16px">
<p class="empty-state">Click "Check All Dependencies" to scan installed packages.</p>
</div>
</div>
<!-- System (non-Python) Dependencies -->
<div class="section">
<h2>System Dependencies</h2>
<p style="font-size:0.8rem;color:var(--text-muted);margin-bottom:12px">
These tools must be installed separately — AUTARCH cannot install them for you.
</p>
<div id="sys-deps-grid" style="display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:0.75rem;font-size:0.82rem">
<div style="border:1px solid var(--border);border-radius:var(--radius);padding:0.75rem;background:var(--bg-card)">
<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:0.35rem">
<strong>Nmap</strong>
<span id="dep-nmap" style="font-size:0.72rem;padding:2px 6px;border-radius:3px;background:var(--bg-main)">checking…</span>
</div>
<div style="color:var(--text-muted);font-size:0.75rem;margin-bottom:0.4rem">Network scanner used by OSINT, port scanning, and IDS modules.</div>
<div style="font-size:0.72rem">
<strong>Linux:</strong> <code>sudo apt install nmap</code><br>
<strong>Windows:</strong> <a href="https://nmap.org/download.html" target="_blank" rel="noopener">nmap.org/download</a><br>
<strong>macOS:</strong> <code>brew install nmap</code>
</div>
</div>
<div style="border:1px solid var(--border);border-radius:var(--radius);padding:0.75rem;background:var(--bg-card)">
<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:0.35rem">
<strong>Wireshark / tshark</strong>
<span id="dep-tshark" style="font-size:0.72rem;padding:2px 6px;border-radius:3px;background:var(--bg-main)">checking…</span>
</div>
<div style="color:var(--text-muted);font-size:0.75rem;margin-bottom:0.4rem">Packet capture and protocol analysis.</div>
<div style="font-size:0.72rem">
<strong>Linux:</strong> <code>sudo apt install tshark wireshark</code><br>
<strong>Windows:</strong> <a href="https://www.wireshark.org/download.html" target="_blank" rel="noopener">wireshark.org/download</a> (includes Npcap)<br>
<strong>macOS:</strong> <code>brew install wireshark</code>
</div>
</div>
<div style="border:1px solid var(--border);border-radius:var(--radius);padding:0.75rem;background:var(--bg-card)">
<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:0.35rem">
<strong>tcpdump</strong>
<span id="dep-tcpdump" style="font-size:0.72rem;padding:2px 6px;border-radius:3px;background:var(--bg-main)">checking…</span>
</div>
<div style="color:var(--text-muted);font-size:0.75rem;margin-bottom:0.4rem">Low-level packet capture used by MCP tools and network module.</div>
<div style="font-size:0.72rem">
<strong>Linux:</strong> <code>sudo apt install tcpdump</code><br>
<strong>Windows:</strong> Included with Npcap/Wireshark<br>
<strong>macOS:</strong> Pre-installed
</div>
</div>
<div style="border:1px solid var(--border);border-radius:var(--radius);padding:0.75rem;background:var(--bg-card)">
<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:0.35rem">
<strong>Metasploit Framework</strong>
<span id="dep-msfconsole" style="font-size:0.72rem;padding:2px 6px;border-radius:3px;background:var(--bg-main)">checking…</span>
</div>
<div style="color:var(--text-muted);font-size:0.75rem;margin-bottom:0.4rem">Penetration testing framework for offense modules.</div>
<div style="font-size:0.72rem">
<strong>Linux:</strong> <a href="https://docs.metasploit.com/docs/using-metasploit/getting-started/nightly-installers.html" target="_blank" rel="noopener">Metasploit nightly installer</a><br>
<strong>Windows:</strong> <a href="https://www.metasploit.com/download" target="_blank" rel="noopener">metasploit.com/download</a>
</div>
</div>
<div style="border:1px solid var(--border);border-radius:var(--radius);padding:0.75rem;background:var(--bg-card)">
<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:0.35rem">
<strong>WireGuard</strong>
<span id="dep-wg" style="font-size:0.72rem;padding:2px 6px;border-radius:3px;background:var(--bg-main)">checking…</span>
</div>
<div style="color:var(--text-muted);font-size:0.75rem;margin-bottom:0.4rem">VPN tunnel management.</div>
<div style="font-size:0.72rem">
<strong>Linux:</strong> <code>sudo apt install wireguard wireguard-tools</code><br>
<strong>Windows:</strong> <a href="https://www.wireguard.com/install/" target="_blank" rel="noopener">wireguard.com/install</a><br>
<strong>macOS:</strong> <code>brew install wireguard-tools</code>
</div>
</div>
<div style="border:1px solid var(--border);border-radius:var(--radius);padding:0.75rem;background:var(--bg-card)">
<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:0.35rem">
<strong>Node.js / npm</strong>
<span id="dep-node" style="font-size:0.72rem;padding:2px 6px;border-radius:3px;background:var(--bg-main)">checking…</span>
</div>
<div style="color:var(--text-muted);font-size:0.75rem;margin-bottom:0.4rem">Required for building WebUSB hardware bundles (ADB, Fastboot, ESP32).</div>
<div style="font-size:0.72rem">
<strong>All platforms:</strong> <a href="https://nodejs.org/en/download" target="_blank" rel="noopener">nodejs.org/download</a><br>
<strong>Linux:</strong> <code>sudo apt install nodejs npm</code><br>
<strong>macOS:</strong> <code>brew install node</code>
</div>
</div>
<div style="border:1px solid var(--border);border-radius:var(--radius);padding:0.75rem;background:var(--bg-card)">
<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:0.35rem">
<strong>Go</strong>
<span id="dep-go" style="font-size:0.72rem;padding:2px 6px;border-radius:3px;background:var(--bg-main)">checking…</span>
</div>
<div style="color:var(--text-muted);font-size:0.75rem;margin-bottom:0.4rem">Required for the DNS server and Setec Manager services.</div>
<div style="font-size:0.72rem">
<strong>All platforms:</strong> <a href="https://go.dev/dl/" target="_blank" rel="noopener">go.dev/dl</a><br>
<strong>Linux:</strong> <code>sudo apt install golang-go</code>
</div>
</div>
<div style="border:1px solid var(--border);border-radius:var(--radius);padding:0.75rem;background:var(--bg-card)">
<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:0.35rem">
<strong>ADB / Fastboot</strong>
<span id="dep-adb" style="font-size:0.72rem;padding:2px 6px;border-radius:3px;background:var(--bg-main)">checking…</span>
</div>
<div style="color:var(--text-muted);font-size:0.75rem;margin-bottom:0.4rem">Android device management. Bundled in android/ for Linux ARM64.</div>
<div style="font-size:0.72rem">
<strong>All platforms:</strong> <a href="https://developer.android.com/tools/releases/platform-tools" target="_blank" rel="noopener">Android Platform Tools</a><br>
<strong>Linux:</strong> <code>sudo apt install android-tools-adb</code>
</div>
</div>
<div style="border:1px solid var(--border);border-radius:var(--radius);padding:0.75rem;background:var(--bg-card)">
<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:0.35rem">
<strong>miniupnpc</strong>
<span id="dep-upnpc" style="font-size:0.72rem;padding:2px 6px;border-radius:3px;background:var(--bg-main)">checking…</span>
</div>
<div style="color:var(--text-muted);font-size:0.75rem;margin-bottom:0.4rem">UPnP port forwarding client.</div>
<div style="font-size:0.72rem">
<strong>Linux:</strong> <code>sudo apt install miniupnpc</code><br>
<strong>macOS:</strong> <code>brew install miniupnpc</code>
</div>
</div>
<div style="border:1px solid var(--border);border-radius:var(--radius);padding:0.75rem;background:var(--bg-card)">
<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:0.35rem">
<strong>whois</strong>
<span id="dep-whois" style="font-size:0.72rem;padding:2px 6px;border-radius:3px;background:var(--bg-main)">checking…</span>
</div>
<div style="color:var(--text-muted);font-size:0.75rem;margin-bottom:0.4rem">Domain/IP registration lookups for OSINT and MCP.</div>
<div style="font-size:0.72rem">
<strong>Linux:</strong> <code>sudo apt install whois</code><br>
<strong>macOS:</strong> Pre-installed
</div>
</div>
<div style="border:1px solid var(--border);border-radius:var(--radius);padding:0.75rem;background:var(--bg-card)">
<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:0.35rem">
<strong>aircrack-ng</strong>
<span id="dep-aircrack" style="font-size:0.72rem;padding:2px 6px;border-radius:3px;background:var(--bg-main)">checking…</span>
</div>
<div style="color:var(--text-muted);font-size:0.75rem;margin-bottom:0.4rem">WiFi auditing, deauth attacks, handshake capture.</div>
<div style="font-size:0.72rem">
<strong>Linux:</strong> <code>sudo apt install aircrack-ng</code><br>
<strong>Website:</strong> <a href="https://www.aircrack-ng.org/" target="_blank" rel="noopener">aircrack-ng.org</a>
</div>
</div>
<div style="border:1px solid var(--border);border-radius:var(--radius);padding:0.75rem;background:var(--bg-card)">
<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:0.35rem">
<strong>mdk3 / mdk4</strong>
<span id="dep-mdk4" style="font-size:0.72rem;padding:2px 6px;border-radius:3px;background:var(--bg-main)">checking…</span>
</div>
<div style="color:var(--text-muted);font-size:0.75rem;margin-bottom:0.4rem">Advanced WiFi deauthentication and beacon flooding. Used by the Deauth Attack module.</div>
<div style="font-size:0.72rem">
<strong>Linux:</strong> <code>sudo apt install mdk4</code><br>
<strong>Note:</strong> mdk3 is legacy; mdk4 is the maintained fork.
</div>
</div>
<div style="border:1px solid var(--border);border-radius:var(--radius);padding:0.75rem;background:var(--bg-card)">
<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:0.35rem">
<strong>sslstrip</strong>
<span id="dep-sslstrip" style="font-size:0.72rem;padding:2px 6px;border-radius:3px;background:var(--bg-main)">checking…</span>
</div>
<div style="color:var(--text-muted);font-size:0.75rem;margin-bottom:0.4rem">HTTPS downgrade tool for MITM testing. Used by the Pineapple module.</div>
<div style="font-size:0.72rem">
<strong>Linux:</strong> <code>pip install sslstrip</code> or <code>sudo apt install sslstrip</code>
</div>
</div>
<div style="border:1px solid var(--border);border-radius:var(--radius);padding:0.75rem;background:var(--bg-card)">
<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:0.35rem">
<strong>Monitor Mode WiFi Adapter</strong>
<span id="dep-monitor" style="font-size:0.72rem;padding:2px 6px;border-radius:3px;background:var(--bg-main)"></span>
</div>
<div style="color:var(--text-muted);font-size:0.75rem;margin-bottom:0.4rem">Required for WiFi Audit, Deauth, and Pineapple. The built-in Pi WiFi does NOT support monitor mode. You need a USB adapter.</div>
<div style="font-size:0.72rem">
<strong>Recommended:</strong> Alfa AWUS036ACH (dual-band, widely supported)<br>
<strong>Budget:</strong> Alfa AWUS036NHA (2.4GHz only, ~$20)<br>
<strong>Check yours:</strong> <code>iw phy | grep -A5 "Supported interface modes"</code> — look for "monitor"
</div>
</div>
<div style="border:1px solid var(--border);border-radius:var(--radius);padding:0.75rem;background:var(--bg-card)">
<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:0.35rem">
<strong>PyTorch (GPU)</strong>
<span id="dep-torch" style="font-size:0.72rem;padding:2px 6px;border-radius:3px;background:var(--bg-main)">checking…</span>
</div>
<div style="color:var(--text-muted);font-size:0.75rem;margin-bottom:0.4rem">Required for local Transformers models and LoRA training. Install the correct version for your GPU.</div>
<div style="font-size:0.72rem">
<strong>All platforms:</strong> <a href="https://pytorch.org/get-started/locally/" target="_blank" rel="noopener">pytorch.org/get-started</a><br>
<strong>CPU only:</strong> <code>pip install torch --index-url https://download.pytorch.org/whl/cpu</code>
</div>
</div>
<div style="border:1px solid var(--border);border-radius:var(--radius);padding:0.75rem;background:var(--bg-card)">
<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:0.35rem">
<strong>iw / wireless-tools</strong>
<span id="dep-iw" style="font-size:0.72rem;padding:2px 6px;border-radius:3px;background:var(--bg-main)">checking…</span>
</div>
<div style="color:var(--text-muted);font-size:0.75rem;margin-bottom:0.4rem">WiFi interface management for scanning, monitor mode, and channel control.</div>
<div style="font-size:0.72rem">
<strong>Linux:</strong> <code>sudo apt install iw wireless-tools</code>
</div>
</div>
<div style="border:1px solid var(--border);border-radius:var(--radius);padding:0.75rem;background:var(--bg-card)">
<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:0.35rem">
<strong>NetworkManager (nmcli)</strong>
<span id="dep-nmcli" style="font-size:0.72rem;padding:2px 6px;border-radius:3px;background:var(--bg-main)">checking…</span>
</div>
<div style="color:var(--text-muted);font-size:0.75rem;margin-bottom:0.4rem">WiFi scanning and connection management. Used by Network Security WiFi Scanner.</div>
<div style="font-size:0.72rem">
<strong>Linux:</strong> <code>sudo apt install network-manager</code> (usually pre-installed)
</div>
</div>
<div style="border:1px solid var(--border);border-radius:var(--radius);padding:0.75rem;background:var(--bg-card)">
<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:0.35rem">
<strong>hostapd</strong>
<span id="dep-hostapd" style="font-size:0.72rem;padding:2px 6px;border-radius:3px;background:var(--bg-main)">checking…</span>
</div>
<div style="color:var(--text-muted);font-size:0.75rem;margin-bottom:0.4rem">Access point daemon for Pineapple/Evil Twin and rogue AP pentesting.</div>
<div style="font-size:0.72rem">
<strong>Linux:</strong> <code>sudo apt install hostapd</code>
</div>
</div>
<div style="border:1px solid var(--border);border-radius:var(--radius);padding:0.75rem;background:var(--bg-card)">
<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:0.35rem">
<strong>dnsmasq</strong>
<span id="dep-dnsmasq" style="font-size:0.72rem;padding:2px 6px;border-radius:3px;background:var(--bg-main)">checking…</span>
</div>
<div style="color:var(--text-muted);font-size:0.75rem;margin-bottom:0.4rem">DHCP/DNS server for captive portals and rogue AP pentesting.</div>
<div style="font-size:0.72rem">
<strong>Linux:</strong> <code>sudo apt install dnsmasq</code>
</div>
</div>
<div style="border:1px solid var(--border);border-radius:var(--radius);padding:0.75rem;background:var(--bg-card)">
<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:0.35rem">
<strong>nftables / iptables</strong>
<span id="dep-nft" style="font-size:0.72rem;padding:2px 6px;border-radius:3px;background:var(--bg-main)">checking…</span>
</div>
<div style="color:var(--text-muted);font-size:0.75rem;margin-bottom:0.4rem">Firewall and packet filtering. Used by Network Security IP blocking and NAT.</div>
<div style="font-size:0.72rem">
<strong>Linux:</strong> <code>sudo apt install nftables</code> (usually pre-installed)
</div>
</div>
</div>
<button class="btn btn-sm" onclick="checkSystemDeps()" style="margin-top:0.75rem" id="btn-sys-check">Check System Tools</button>
</div>
2026-03-13 15:17:15 -07:00
<!-- Quick Install -->
<div class="section">
<h2>Python Packages</h2>
2026-03-13 15:17:15 -07:00
<p style="font-size:0.8rem;color:var(--text-muted);margin-bottom:12px">
Install individual packages or preset groups.
</p>
<div class="form-row" style="margin-bottom:12px">
<div class="form-group" style="flex:2">
<div class="input-row">
<input type="text" id="install-pkg" placeholder="Package name (e.g., scapy, torch, peft)">
<button class="btn btn-primary btn-small" onclick="depsInstallOne()">Install</button>
</div>
</div>
</div>
<div style="display:flex;gap:8px;flex-wrap:wrap">
<button class="btn btn-small" onclick="depsInstallGroup('core')">Install Core</button>
<button class="btn btn-small" onclick="depsInstallGroup('llm')">Install LLM</button>
<button class="btn btn-small" onclick="depsInstallGroup('training')">Install Training</button>
<button class="btn btn-small" onclick="depsInstallGroup('network')">Install Network</button>
<button class="btn btn-small" onclick="depsInstallGroup('hardware')">Install Hardware</button>
</div>
<pre class="output-panel" id="install-result" style="margin-top:12px;min-height:0;display:none"></pre>
</div>
<script>
var _depsGroupPkgs = {
core: ['flask', 'jinja2', 'requests', 'cryptography'],
llm: ['llama-cpp-python', 'transformers', 'anthropic'],
training: ['torch', 'peft', 'datasets', 'trl', 'accelerate', 'bitsandbytes'],
network: ['scapy', 'pyshark', 'miniupnpc', 'msgpack', 'paramiko'],
hardware: ['pyserial', 'esptool', 'adb-shell'],
};
var _depsGroupLabels = {
core: 'Core Framework',
llm: 'LLM Inference',
training: 'LLM Training (LoRA)',
network: 'Network & Packet Capture',
hardware: 'Hardware & Serial',
};
function depsCheckAll() {
var btn = document.getElementById('btn-check-all');
setLoading(btn, true);
document.getElementById('deps-status').textContent = 'Scanning...';
postJSON('/settings/deps/check', {}).then(function(data) {
setLoading(btn, false);
document.getElementById('deps-status').textContent = '';
// System info
if (data.python) {
document.getElementById('sys-python').textContent = data.python.version || '--';
document.getElementById('sys-platform').textContent = data.python.platform || '--';
document.getElementById('sys-info-section').style.display = '';
}
if (data.gpu) {
document.getElementById('sys-gpu').textContent = data.gpu.cuda_available
? (data.gpu.device || 'Available') + ' (CUDA ' + (data.gpu.cuda_version || '') + ')'
: 'Not available';
document.getElementById('sys-gpu').style.color = data.gpu.cuda_available ? 'var(--success)' : 'var(--text-muted)';
}
// Render groups
var html = '';
var groupOrder = ['core', 'llm', 'training', 'network', 'hardware'];
groupOrder.forEach(function(group) {
var pkgs = data[group];
if (!pkgs) return;
var installed = 0, total = 0;
for (var k in pkgs) { total++; if (pkgs[k].installed) installed++; }
var statusColor = installed === total ? 'var(--success)' : installed > 0 ? 'var(--warning)' : 'var(--danger)';
html += '<div style="margin-bottom:16px">';
html += '<h3 style="margin-bottom:6px">' + (_depsGroupLabels[group] || group)
+ ' <span style="font-size:0.75rem;font-weight:normal;color:' + statusColor + '">'
+ installed + '/' + total + ' installed</span></h3>';
html += '<table class="data-table" style="font-size:0.82rem"><thead><tr>'
+ '<th>Package</th><th>Status</th><th>Version</th><th>Action</th></tr></thead><tbody>';
for (var name in pkgs) {
var info = pkgs[name];
html += '<tr><td>' + escapeHtml(name) + '</td>'
+ '<td><span class="status-dot ' + (info.installed ? 'active' : 'inactive') + '"></span>'
+ (info.installed ? 'Installed' : 'Missing') + '</td>'
+ '<td>' + (info.version || '—') + '</td>'
+ '<td>' + (info.installed ? '' : '<button class="btn btn-small" style="font-size:0.65rem;padding:2px 6px" '
+ 'onclick="depsInstallPkg(\'' + escapeHtml(name) + '\',this)">Install</button>') + '</td></tr>';
}
html += '</tbody></table></div>';
});
document.getElementById('deps-groups').innerHTML = html;
}).catch(function() {
setLoading(btn, false);
document.getElementById('deps-status').textContent = 'Error checking dependencies';
});
}
function depsInstallPkg(pkg, btn) {
if (btn) setLoading(btn, true);
var out = document.getElementById('install-result');
out.style.display = '';
renderOutput('install-result', 'Installing ' + pkg + '...');
postJSON('/settings/deps/install', {packages: [pkg]}).then(function(data) {
if (btn) setLoading(btn, false);
var results = data.results || [];
var lines = results.map(function(r) {
return r.package + ': ' + (r.success ? 'OK' : 'FAILED — ' + r.output);
});
renderOutput('install-result', lines.join('\n'));
// Refresh deps list
depsCheckAll();
}).catch(function() { if (btn) setLoading(btn, false); });
}
function depsInstallOne() {
var pkg = document.getElementById('install-pkg').value.trim();
if (!pkg) return;
depsInstallPkg(pkg, null);
document.getElementById('install-pkg').value = '';
}
function checkSystemDeps() {
var btn = document.getElementById('btn-sys-check');
if (btn) { btn.disabled = true; btn.textContent = 'Checking…'; }
fetch('/settings/deps/system-check', {method: 'POST'})
.then(function(r) { return r.json(); })
.then(function(d) {
if (btn) { btn.disabled = false; btn.textContent = 'Check System Tools'; }
if (!d.ok) return;
var tools = d.tools || {};
for (var name in tools) {
var el = document.getElementById('dep-' + name);
if (!el) continue;
var info = tools[name];
if (info.found) {
el.textContent = info.version || 'installed';
el.style.color = 'var(--success, #34c759)';
el.style.borderColor = 'var(--success, #34c759)';
el.style.border = '1px solid var(--success, #34c759)';
} else {
el.textContent = 'not found';
el.style.color = 'var(--danger, #ff3b30)';
el.style.border = '1px solid var(--danger, #ff3b30)';
}
}
})
.catch(function() { if (btn) { btn.disabled = false; btn.textContent = 'Check System Tools'; } });
}
// Auto-check system deps on page load
document.addEventListener('DOMContentLoaded', function() { checkSystemDeps(); });
2026-03-13 15:17:15 -07:00
function depsInstallGroup(group) {
var pkgs = _depsGroupPkgs[group];
if (!pkgs || !pkgs.length) return;
var out = document.getElementById('install-result');
out.style.display = '';
renderOutput('install-result', 'Installing ' + (_depsGroupLabels[group] || group) + ' packages: ' + pkgs.join(', ') + '...');
postJSON('/settings/deps/install', {packages: pkgs}).then(function(data) {
var results = data.results || [];
var lines = results.map(function(r) {
return r.package + ': ' + (r.success ? 'OK' : 'FAILED — ' + r.output);
});
renderOutput('install-result', lines.join('\n'));
depsCheckAll();
});
}
</script>
{% endblock %}