feat: comprehensive debug logging across all controller modules

Add detailed [DEBUG] logging to every controller module when logging.level is set to "debug". Each module with stateful debug uses SetDebug(bool) wired from main.go. Covers stacks, backup, cloudflare, integrations, system, monitor, settings, scheduler, web handlers, storage, metrics, API, selfupdate, and assets. Also includes the app export/import (.fab bundles) feature from v0.32.0 and its debug page integration. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-26 18:14:43 +01:00
parent f6caea8067
commit 95c821deb2
54 changed files with 5015 additions and 82 deletions
@@ -0,0 +1,223 @@
+{{define "app_export"}}
+{{template "layout_start" .}}
+
+<div class="page-header">
+    <div style="display:flex;align-items:center;gap:1rem">
+        <a href="/stacks" class="btn btn-sm btn-outline">&larr; Alkalmazások</a>
+        <h2>{{.Stack.Meta.DisplayName}} &mdash; Exportálás</h2>
+    </div>
+</div>
+
+<div class="card" style="max-width:700px">
+    <h3>Mentés helye</h3>
+    <select id="destDrive" onchange="loadEstimate()" style="width:100%;padding:.5rem;margin-bottom:1rem">
+        <option value="">Válassz tárolót...</option>
+        {{range .Drives}}
+        <option value="{{.Path}}">{{if .Label}}{{.Label}} ({{.Path}}){{else}}{{.Path}}{{end}}</option>
+        {{end}}
+    </select>
+
+    <div id="estimateBox" style="display:none;background:var(--bg-secondary);border-radius:8px;padding:1rem;margin-bottom:1.5rem">
+        <div style="display:flex;justify-content:space-between;margin-bottom:.25rem">
+            <span>Konfiguráció:</span>
+            <span id="estConfig">-</span>
+        </div>
+        <div style="display:flex;justify-content:space-between;margin-bottom:.25rem">
+            <span>Felhasználói adatok:</span>
+            <span id="estData">-</span>
+        </div>
+        <div style="display:flex;justify-content:space-between;font-weight:600;margin-bottom:.25rem;border-top:1px solid var(--border);padding-top:.5rem">
+            <span>Összesen:</span>
+            <span><span id="estTotal">-</span> <span id="estFree" style="color:var(--text-muted)">(szabad: -)</span></span>
+        </div>
+        <div style="display:flex;justify-content:space-between">
+            <span>Becsült idő:</span>
+            <span id="estTime">-</span>
+        </div>
+        <div id="estWarning" style="display:none;color:var(--danger);margin-top:.5rem;font-weight:600"></div>
+    </div>
+
+    <h3>Jelszó (opcionális)</h3>
+    <div style="display:flex;gap:.5rem;margin-bottom:1rem">
+        <input type="password" id="exportPassword" placeholder="Titkosítási jelszó" style="flex:1;padding:.5rem">
+        <button class="btn btn-sm btn-outline" onclick="togglePw()" type="button" title="Jelszó mutatása">&#128065;</button>
+    </div>
+
+    <label style="display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.5rem;cursor:pointer">
+        <input type="checkbox" id="stopApp" checked style="margin-top:3px">
+        <div>
+            <strong>Alkalmazás leállítása mentés előtt (ajánlott)</strong>
+            <div style="color:var(--text-muted);font-size:.85rem">Az adatok konzisztenciája érdekében javasolt leállítani az alkalmazást mentés közben.</div>
+        </div>
+    </label>
+
+    <button id="startBtn" class="btn btn-primary" onclick="startExport()" style="margin-top:1rem;width:100%" disabled>
+        Exportálás indítása
+    </button>
+</div>
+
+<div id="progressCard" class="card" style="max-width:700px;display:none">
+    <h3>Folyamat</h3>
+    <div id="progressSteps"></div>
+    <div id="progressError" style="display:none;color:var(--danger);margin-top:1rem;font-weight:600"></div>
+</div>
+
+<div id="doneCard" class="card" style="max-width:700px;display:none">
+    <h3 style="color:var(--success)">Kész!</h3>
+    <div style="margin-bottom:1rem">
+        <span id="doneFile" style="font-weight:600"></span>
+        <span id="doneSize" style="color:var(--text-muted)"></span>
+    </div>
+    <a id="doneFBLink" href="#" target="_blank" class="btn btn-outline">Megnyitás FileBrowser-ben &nearr;</a>
+</div>
+
+<script>
+var stackName = '{{.Stack.Name}}';
+var domain = '{{.Stack.Meta.Subdomain}}' ? '{{.Stack.Meta.Subdomain}}.{{$.CSRFToken}}' : '';
+var pollTimer = null;
+
+function csrfH() {
+    var el = document.querySelector('meta[name="csrf-token"]');
+    return el ? {'X-CSRF-Token': el.content, 'Content-Type': 'application/json'} : {'Content-Type': 'application/json'};
+}
+
+function togglePw() {
+    var inp = document.getElementById('exportPassword');
+    inp.type = inp.type === 'password' ? 'text' : 'password';
+}
+
+async function loadEstimate() {
+    var drive = document.getElementById('destDrive').value;
+    var box = document.getElementById('estimateBox');
+    var btn = document.getElementById('startBtn');
+
+    if (!drive) {
+        box.style.display = 'none';
+        btn.disabled = true;
+        return;
+    }
+
+    try {
+        var resp = await fetch('/api/export/estimate?stack=' + encodeURIComponent(stackName) + '&drive=' + encodeURIComponent(drive));
+        var data = await resp.json();
+        if (!data.ok) {
+            box.style.display = 'none';
+            btn.disabled = true;
+            return;
+        }
+        var est = data.data;
+        document.getElementById('estConfig').textContent = est.config_size_human;
+        document.getElementById('estData').textContent = est.data_size_human;
+        document.getElementById('estTotal').textContent = '~' + est.total_size_human;
+        document.getElementById('estFree').textContent = '(szabad: ' + est.dest_free_human + ')';
+        document.getElementById('estTime').textContent = '~' + est.estimated_minutes + ' perc';
+
+        var warn = document.getElementById('estWarning');
+        if (!est.fits_on_dest) {
+            warn.textContent = 'Nincs elég szabad hely a kiválasztott tárolón!';
+            warn.style.display = 'block';
+            btn.disabled = true;
+        } else {
+            warn.style.display = 'none';
+            btn.disabled = false;
+        }
+        box.style.display = 'block';
+    } catch(e) {
+        console.error('Estimate error:', e);
+    }
+}
+
+async function startExport() {
+    var drive = document.getElementById('destDrive').value;
+    var password = document.getElementById('exportPassword').value;
+    var stopApp = document.getElementById('stopApp').checked;
+
+    document.getElementById('startBtn').disabled = true;
+    document.getElementById('progressCard').style.display = 'block';
+    document.getElementById('doneCard').style.display = 'none';
+
+    try {
+        var resp = await fetch('/api/export/start', {
+            method: 'POST',
+            headers: csrfH(),
+            body: JSON.stringify({
+                stack_name: stackName,
+                dest_drive: drive,
+                password: password,
+                stop_app: stopApp
+            })
+        });
+        var data = await resp.json();
+        if (!data.ok) {
+            showError(data.error || 'Hiba történt');
+            return;
+        }
+        pollStatus();
+    } catch(e) {
+        showError(e.message);
+    }
+}
+
+function pollStatus() {
+    if (pollTimer) clearInterval(pollTimer);
+    pollTimer = setInterval(async function() {
+        try {
+            var resp = await fetch('/api/export/status');
+            var data = await resp.json();
+            renderSteps(data.steps || []);
+
+            if (data.error) {
+                showError(data.error);
+                clearInterval(pollTimer);
+                return;
+            }
+
+            if (data.done && !data.error) {
+                clearInterval(pollTimer);
+                showDone(data);
+            }
+        } catch(e) {
+            console.error('Poll error:', e);
+        }
+    }, 1000);
+}
+
+function renderSteps(steps) {
+    var html = '';
+    for (var i = 0; i < steps.length; i++) {
+        var s = steps[i];
+        var icon = '&#9675;'; // pending
+        if (s.status === 'running') icon = '&#10227;';
+        if (s.status === 'done') icon = '&#10003;';
+        if (s.status === 'failed') icon = '&#10007;';
+        var cls = s.status === 'failed' ? 'color:var(--danger)' : s.status === 'done' ? 'color:var(--success)' : s.status === 'running' ? 'color:var(--primary)' : '';
+        html += '<div style="padding:.25rem 0;' + cls + '">' + icon + ' ' + s.label;
+        if (s.error) html += ' <span style="font-size:.85rem">(' + s.error + ')</span>';
+        html += '</div>';
+    }
+    document.getElementById('progressSteps').innerHTML = html;
+}
+
+function showError(msg) {
+    var el = document.getElementById('progressError');
+    el.textContent = msg;
+    el.style.display = 'block';
+    document.getElementById('startBtn').disabled = false;
+}
+
+function showDone(data) {
+    document.getElementById('progressCard').style.display = 'none';
+    document.getElementById('doneCard').style.display = 'block';
+    var fileName = (data.output_path || '').split('/').pop();
+    document.getElementById('doneFile').textContent = fileName;
+    document.getElementById('doneSize').textContent = data.output_size ? '(' + data.output_size + ')' : '';
+
+    // Build FileBrowser link to the exports directory
+    var drive = document.getElementById('destDrive').value;
+    var fbPath = drive + '/felhom-data/exports/';
+    document.getElementById('doneFBLink').href = 'https://files.' + location.hostname.split('.').slice(-2).join('.') + '/files' + fbPath;
+}
+</script>
+
+{{template "layout_end" .}}
+{{end}}
@@ -0,0 +1,287 @@
+{{define "app_import"}}
+{{template "layout_start" .}}
+
+<div class="page-header">
+    <div style="display:flex;align-items:center;gap:1rem">
+        <a href="/stacks" class="btn btn-sm btn-outline">&larr; Alkalmazások</a>
+        <h2>Alkalmazás importálás</h2>
+    </div>
+</div>
+
+{{if not .Bundles}}
+<div class="card" style="max-width:700px">
+    <p style="color:var(--text-muted)">Nem található .fab csomag a regisztrált tárolókon.</p>
+    <p style="color:var(--text-muted);font-size:.85rem">Exportálj egy alkalmazást az alkalmazás oldaláról, vagy másolj egy .fab fájlt a <code>{tároló}/felhom-data/exports/</code> könyvtárba.</p>
+</div>
+{{else}}
+<div class="card" style="max-width:900px">
+    <table class="table" style="width:100%">
+        <thead>
+            <tr>
+                <th>Alkalmazás</th>
+                <th>Dátum</th>
+                <th>Méret</th>
+                <th>Tároló</th>
+                <th>Titkos</th>
+                <th></th>
+            </tr>
+        </thead>
+        <tbody>
+            {{range .Bundles}}
+            <tr>
+                <td><strong>{{if .DisplayName}}{{.DisplayName}}{{else}}{{.AppName}}{{end}}</strong></td>
+                <td>{{.ExportedAt}}</td>
+                <td>{{.SizeHuman}}</td>
+                <td>{{if .DriveLabel}}{{.DriveLabel}}{{else}}{{.DrivePath}}{{end}}</td>
+                <td>{{if .Encrypted}}&#128274;{{end}}</td>
+                <td><button class="btn btn-sm btn-outline" onclick="showPreview('{{.Path}}', {{.Encrypted}})">Részletek &raquo;</button></td>
+            </tr>
+            {{end}}
+        </tbody>
+    </table>
+</div>
+{{end}}
+
+<!-- Preview / password modal -->
+<div id="previewCard" class="card" style="max-width:700px;display:none">
+    <h3 id="previewTitle">Csomag részletei</h3>
+
+    <div id="passwordPrompt" style="display:none;margin-bottom:1rem">
+        <p>Ez a csomag jelszóval védett. Kérlek add meg a jelszót:</p>
+        <div style="display:flex;gap:.5rem">
+            <input type="password" id="importPassword" placeholder="Jelszó" style="flex:1;padding:.5rem">
+            <button class="btn btn-primary" onclick="loadManifest()">Megnyitás</button>
+        </div>
+        <div id="passwordError" style="display:none;color:var(--danger);margin-top:.5rem"></div>
+    </div>
+
+    <div id="manifestInfo" style="display:none">
+        <div style="background:var(--bg-secondary);border-radius:8px;padding:1rem;margin-bottom:1rem">
+            <div style="display:flex;justify-content:space-between;margin-bottom:.25rem">
+                <span>Alkalmazás:</span>
+                <strong id="mfName">-</strong>
+            </div>
+            <div style="display:flex;justify-content:space-between;margin-bottom:.25rem">
+                <span>Exportálva:</span>
+                <span id="mfDate">-</span>
+            </div>
+            <div style="display:flex;justify-content:space-between;margin-bottom:.25rem">
+                <span>Controller verzió:</span>
+                <span id="mfVersion">-</span>
+            </div>
+            <div id="mfDBRow" style="display:flex;justify-content:space-between;margin-bottom:.25rem">
+                <span>Adatbázis:</span>
+                <span id="mfDB">-</span>
+            </div>
+            <div style="display:flex;justify-content:space-between;margin-bottom:.25rem">
+                <span>Adatok:</span>
+                <span id="mfDataType">-</span>
+            </div>
+            <div style="display:flex;justify-content:space-between">
+                <span>Méret:</span>
+                <span id="mfSize">-</span>
+            </div>
+        </div>
+
+        <div id="overwriteWarning" style="display:none;background:var(--warning-bg, #fff3cd);border:1px solid var(--warning-border, #ffc107);border-radius:8px;padding:1rem;margin-bottom:1rem">
+            <strong>&#9888; FIGYELEM:</strong> A meglévő <span id="overwriteAppName"></span> alkalmazás konfigurációja és összes adata felül lesz írva!
+        </div>
+
+        <button id="importBtn" class="btn btn-primary" onclick="startImport()" style="width:100%">
+            Visszaállítás indítása
+        </button>
+    </div>
+</div>
+
+<!-- Progress -->
+<div id="progressCard" class="card" style="max-width:700px;display:none">
+    <h3>Importálás folyamata</h3>
+    <div id="progressSteps"></div>
+    <div id="progressError" style="display:none;color:var(--danger);margin-top:1rem;font-weight:600"></div>
+</div>
+
+<div id="doneCard" class="card" style="max-width:700px;display:none">
+    <h3 style="color:var(--success)">Importálás kész!</h3>
+    <p>Az alkalmazás sikeresen visszaállítva.</p>
+    <a id="doneLink" href="/stacks" class="btn btn-primary">Alkalmazások megtekintése</a>
+</div>
+
+<script>
+var selectedPath = '';
+var selectedEncrypted = false;
+var selectedManifest = null;
+var pollTimer = null;
+
+function csrfH() {
+    var el = document.querySelector('meta[name="csrf-token"]');
+    return el ? {'X-CSRF-Token': el.content, 'Content-Type': 'application/json'} : {'Content-Type': 'application/json'};
+}
+
+function showPreview(path, encrypted) {
+    selectedPath = path;
+    selectedEncrypted = encrypted;
+    selectedManifest = null;
+
+    document.getElementById('previewCard').style.display = 'block';
+    document.getElementById('manifestInfo').style.display = 'none';
+    document.getElementById('passwordPrompt').style.display = 'none';
+    document.getElementById('passwordError').style.display = 'none';
+    document.getElementById('progressCard').style.display = 'none';
+    document.getElementById('doneCard').style.display = 'none';
+
+    if (encrypted) {
+        document.getElementById('passwordPrompt').style.display = 'block';
+        document.getElementById('importPassword').value = '';
+        document.getElementById('importPassword').focus();
+    } else {
+        loadManifest();
+    }
+}
+
+async function loadManifest() {
+    var password = selectedEncrypted ? document.getElementById('importPassword').value : '';
+
+    try {
+        var resp = await fetch('/api/export/manifest', {
+            method: 'POST',
+            headers: csrfH(),
+            body: JSON.stringify({path: selectedPath, password: password})
+        });
+        var data = await resp.json();
+
+        if (!data.ok) {
+            if (selectedEncrypted) {
+                document.getElementById('passwordError').textContent = data.error || 'Hibás jelszó';
+                document.getElementById('passwordError').style.display = 'block';
+            }
+            return;
+        }
+
+        if (data.needs_password) {
+            document.getElementById('passwordPrompt').style.display = 'block';
+            document.getElementById('importPassword').focus();
+            return;
+        }
+
+        selectedManifest = data.manifest;
+        showManifest(data.manifest);
+    } catch(e) {
+        console.error('Manifest error:', e);
+    }
+}
+
+function showManifest(m) {
+    document.getElementById('passwordPrompt').style.display = 'none';
+    document.getElementById('manifestInfo').style.display = 'block';
+
+    document.getElementById('previewTitle').textContent = (m.display_name || m.app_name) + ' — Csomag részletei';
+    document.getElementById('mfName').textContent = m.display_name || m.app_name;
+    document.getElementById('mfDate').textContent = m.exported_at ? new Date(m.exported_at).toLocaleString('hu-HU') : '-';
+    document.getElementById('mfVersion').textContent = m.controller_version || '-';
+
+    if (m.has_database && m.db_type) {
+        document.getElementById('mfDB').textContent = m.db_type;
+        document.getElementById('mfDBRow').style.display = 'flex';
+    } else {
+        document.getElementById('mfDBRow').style.display = 'none';
+    }
+
+    var dataType = [];
+    if (m.has_hdd_data) dataType.push('HDD');
+    if (m.has_volume_data) dataType.push('Docker volume');
+    document.getElementById('mfDataType').textContent = dataType.length ? dataType.join(', ') : 'Nincs';
+
+    // Format size
+    var bytes = m.total_size_bytes || 0;
+    var sizeStr = bytes > 1073741824 ? (bytes / 1073741824).toFixed(1) + ' GB' :
+                  bytes > 1048576 ? (bytes / 1048576).toFixed(1) + ' MB' :
+                  bytes > 1024 ? (bytes / 1024).toFixed(1) + ' KB' : bytes + ' B';
+    document.getElementById('mfSize').textContent = sizeStr;
+
+    // Check if app already exists — show overwrite warning
+    // We detect this by checking if the app link exists in the nav
+    var warn = document.getElementById('overwriteWarning');
+    // Simple approach: always show warning for existing app names
+    document.getElementById('overwriteAppName').textContent = m.display_name || m.app_name;
+    warn.style.display = 'block';
+}
+
+async function startImport() {
+    document.getElementById('importBtn').disabled = true;
+    document.getElementById('progressCard').style.display = 'block';
+    document.getElementById('doneCard').style.display = 'none';
+
+    var password = selectedEncrypted ? document.getElementById('importPassword').value : '';
+
+    try {
+        var resp = await fetch('/api/export/import', {
+            method: 'POST',
+            headers: csrfH(),
+            body: JSON.stringify({path: selectedPath, password: password})
+        });
+        var data = await resp.json();
+        if (!data.ok) {
+            showError(data.error || 'Hiba történt');
+            return;
+        }
+        pollStatus();
+    } catch(e) {
+        showError(e.message);
+    }
+}
+
+function pollStatus() {
+    if (pollTimer) clearInterval(pollTimer);
+    pollTimer = setInterval(async function() {
+        try {
+            var resp = await fetch('/api/export/import/status');
+            var data = await resp.json();
+            renderSteps(data.steps || []);
+
+            if (data.error) {
+                showError(data.error);
+                clearInterval(pollTimer);
+                return;
+            }
+
+            if (data.done && !data.error) {
+                clearInterval(pollTimer);
+                document.getElementById('progressCard').style.display = 'none';
+                document.getElementById('doneCard').style.display = 'block';
+                if (data.stack_name) {
+                    document.getElementById('doneLink').href = '/stacks/' + data.stack_name + '/deploy';
+                    document.getElementById('doneLink').textContent = 'Alkalmazás megtekintése';
+                }
+            }
+        } catch(e) {
+            console.error('Poll error:', e);
+        }
+    }, 1000);
+}
+
+function renderSteps(steps) {
+    var html = '';
+    for (var i = 0; i < steps.length; i++) {
+        var s = steps[i];
+        var icon = '&#9675;';
+        if (s.status === 'running') icon = '&#10227;';
+        if (s.status === 'done') icon = '&#10003;';
+        if (s.status === 'failed') icon = '&#10007;';
+        var cls = s.status === 'failed' ? 'color:var(--danger)' : s.status === 'done' ? 'color:var(--success)' : s.status === 'running' ? 'color:var(--primary)' : '';
+        html += '<div style="padding:.25rem 0;' + cls + '">' + icon + ' ' + s.label;
+        if (s.error) html += ' <span style="font-size:.85rem">(' + s.error + ')</span>';
+        html += '</div>';
+    }
+    document.getElementById('progressSteps').innerHTML = html;
+}
+
+function showError(msg) {
+    var el = document.getElementById('progressError');
+    el.textContent = msg;
+    el.style.display = 'block';
+    document.getElementById('importBtn').disabled = false;
+}
+</script>
+
+{{template "layout_end" .}}
+{{end}}
@@ -15,6 +15,7 @@
            {{if .Stack.Orphaned}}
                <button class="btn btn-sm btn-danger" onclick="deleteOrphanStack('{{.Stack.Name}}')">Törlés</button>
            {{else}}
+                <a href="/stacks/{{.Stack.Name}}/export" class="btn btn-sm btn-outline">Exportálás</a>
                <a href="/stacks/{{.Stack.Name}}/deploy" class="btn btn-sm btn-outline">Beállítások</a>
            {{end}}
        {{else}}
@@ -184,6 +184,27 @@
    </div>
 </div>

+<!-- Section 9: App Export/Import -->
+<div class="card debug-section" id="section-appexport">
+    <div class="card-header debug-section-header" onclick="toggleSection('appexport')">
+        <h3>Alkalmazás Export/Import</h3>
+        <span class="section-toggle">▶</span>
+    </div>
+    <div class="card-body debug-section-body" style="display:none">
+        <div id="appexport-status"><span class="text-muted">Betöltés...</span></div>
+        <div class="debug-actions" style="margin-top:.75rem">
+            <button class="btn btn-secondary btn-sm" id="btn-appexport-scan" data-label="Csomagok keresése" onclick="scanAppBundles()">Csomagok keresése</button>
+            <span class="debug-result" id="btn-appexport-scan-result"></span>
+
+            <button class="btn btn-secondary btn-sm" id="btn-appexport-cleanup" data-label="Temp fájlok törlése" onclick="triggerAction('btn-appexport-cleanup','/api/debug/appexport/cleanup','POST')">Temp fájlok törlése</button>
+            <span class="debug-result" id="btn-appexport-cleanup-result"></span>
+
+            <button class="btn btn-secondary btn-sm" id="btn-appexport-refresh" data-label="Frissítés" onclick="loadSectionData('appexport')">Frissítés</button>
+        </div>
+        <div id="appexport-bundles" style="display:none;margin-top:1rem"></div>
+    </div>
+</div>
+
 <!-- Section 8: Log Viewer -->
 <div class="card debug-section" id="section-logs">
    <div class="card-header debug-section-header" onclick="toggleSection('logs')">
@@ -285,6 +306,7 @@ function loadSectionData(id) {
    case 'telemetry': break; // no auto-load, user triggers manually
    case 'selfupdate': loadSelfUpdateStatus(); break;
    case 'dr': loadDRStatus(); break;
+    case 'appexport': loadAppExportStatus(); break;
    case 'logs': initLogViewer(); break;
    }
 }
@@ -693,6 +715,137 @@ function renderTelemetryDetail(data) {
    detail.style.display = 'block';
 }

+// ── Section 9: App Export/Import ──
+function loadAppExportStatus() {
+    document.getElementById('appexport-status').innerHTML = '<span class="text-muted">Betöltés...</span>';
+    fetch('/api/debug/appexport/status', {headers: csrfHeaders()}).then(function(r){return r.json()}).then(function(data) {
+        if (!data.ok) { document.getElementById('appexport-status').innerHTML = '<span class="text-muted">Nem elérhető</span>'; return; }
+        renderAppExportStatus(data.data);
+    }).catch(function(e) {
+        document.getElementById('appexport-status').innerHTML = '<span class="debug-result-error">Hiba: ' + e.message + '</span>';
+    });
+}
+function renderAppExportStatus(d) {
+    if (!d.available) {
+        document.getElementById('appexport-status').innerHTML = '<span class="text-muted">App export modul nem elérhető</span>';
+        return;
+    }
+    var html = '<div class="debug-kv-grid">';
+    html += '<dt>Debug mód</dt><dd>' + (d.debug_enabled ? '<span class="state-text-green">Aktív</span>' : 'Inaktív') + '</dd>';
+    html += '<dt>Verzió</dt><dd class="mono">' + (d.version||'-') + '</dd>';
+    html += '<dt>Csomagok</dt><dd>' + (d.bundle_count||0) + ' db</dd>';
+    html += '<dt>Temp fájlok</dt><dd>' + (d.stale_temp_count||0) + ' db';
+    if (d.stale_temp_count > 0) html += ' <span style="color:var(--warning)">⚠</span>';
+    html += '</dd>';
+    html += '</div>';
+
+    // Active job
+    if (d.has_active_job && d.active_job) {
+        var j = d.active_job;
+        html += '<h4 style="margin-top:.75rem">Aktív feladat</h4>';
+        html += '<div class="debug-kv-grid">';
+        html += '<dt>Típus</dt><dd>' + (j.job_type||'-') + '</dd>';
+        html += '<dt>Stack</dt><dd>' + (j.display_name || j.stack_name || '-') + '</dd>';
+        html += '<dt>Állapot</dt><dd>' + (j.running ? '🔄 Fut' : j.done ? '✅ Kész' : '⏸ Várakozik') + '</dd>';
+        if (j.error) html += '<dt>Hiba</dt><dd class="debug-result-error">' + escapeHtml(j.error) + '</dd>';
+        if (j.output_path) html += '<dt>Kimenet</dt><dd class="mono" style="font-size:.75rem">' + escapeHtml(j.output_path) + '</dd>';
+        if (j.output_size) html += '<dt>Méret</dt><dd>' + j.output_size + '</dd>';
+        html += '</div>';
+        if (j.steps && j.steps.length > 0) {
+            html += '<div style="margin-top:.5rem">';
+            j.steps.forEach(function(s) {
+                var icon = s.status === 'done' ? '✓' : s.status === 'running' ? '⟳' : s.status === 'failed' ? '✗' : '○';
+                var cls = s.status === 'failed' ? 'color:var(--danger)' : s.status === 'done' ? 'color:var(--success)' : s.status === 'running' ? 'color:var(--primary)' : 'color:var(--text-muted)';
+                html += '<div style="font-size:.85rem;padding:.1rem 0;' + cls + '">' + icon + ' ' + escapeHtml(s.label);
+                if (s.error) html += ' <span style="font-size:.8rem">(' + escapeHtml(s.error) + ')</span>';
+                html += '</div>';
+            });
+            html += '</div>';
+        }
+    }
+
+    // Export dirs
+    if (d.export_dirs && d.export_dirs.length > 0) {
+        html += '<h4 style="margin-top:.75rem">Export könyvtárak</h4>';
+        html += '<table class="info-table debug-table"><tr><th>Útvonal</th><th>Cimke</th><th>Létezik</th></tr>';
+        d.export_dirs.forEach(function(dir) {
+            html += '<tr><td class="mono" style="font-size:.75rem">' + escapeHtml(dir.path) + '</td><td>' + (dir.label||'-') + '</td><td>' + (dir.exists ? '✅' : '❌') + '</td></tr>';
+        });
+        html += '</table>';
+    }
+
+    // Stale temp files
+    if (d.stale_temp_files && d.stale_temp_files.length > 0) {
+        html += '<h4 style="margin-top:.75rem;color:var(--warning)">Elavult temp fájlok</h4>';
+        html += '<ul style="font-size:.85rem;margin:0;padding-left:1.5rem">';
+        d.stale_temp_files.forEach(function(f) {
+            html += '<li class="mono" style="font-size:.75rem">' + escapeHtml(f) + '</li>';
+        });
+        html += '</ul>';
+    }
+
+    document.getElementById('appexport-status').innerHTML = html;
+
+    // Auto-refresh if a job is running
+    if (d.has_active_job && d.active_job && d.active_job.running) {
+        startPolling('appexport', 2000, function() {
+            fetch('/api/debug/appexport/status', {headers: csrfHeaders()}).then(function(r){return r.json()}).then(function(data) {
+                if (data.ok) renderAppExportStatus(data.data);
+            }).catch(function(){});
+        });
+    }
+}
+function scanAppBundles() {
+    var btn = document.getElementById('btn-appexport-scan');
+    var result = document.getElementById('btn-appexport-scan-result');
+    btn.disabled = true;
+    btn.textContent = 'Keresés...';
+    result.className = 'debug-result';
+    result.textContent = '';
+    fetch('/api/debug/appexport/bundles', {headers: csrfHeaders()}).then(function(r){return r.json()}).then(function(data) {
+        if (data.ok) {
+            result.className = 'debug-result debug-result-ok';
+            result.textContent = data.message;
+            if (data.data && data.data.bundles) {
+                renderAppBundles(data.data.bundles);
+            }
+        } else {
+            result.className = 'debug-result debug-result-error';
+            result.textContent = data.error || 'Hiba';
+        }
+    }).catch(function(e) {
+        result.className = 'debug-result debug-result-error';
+        result.textContent = 'Hálózati hiba: ' + e.message;
+    }).finally(function() {
+        btn.disabled = false;
+        btn.textContent = btn.dataset.label;
+    });
+}
+function renderAppBundles(bundles) {
+    var container = document.getElementById('appexport-bundles');
+    if (!bundles || bundles.length === 0) {
+        container.innerHTML = '<span class="text-muted">Nem található .fab csomag.</span>';
+        container.style.display = 'block';
+        return;
+    }
+    var html = '<table class="info-table debug-table"><tr><th>Alkalmazás</th><th>Dátum</th><th>Méret</th><th>Tároló</th><th>Titkos</th><th>DB</th><th>HDD</th><th>Elérés</th></tr>';
+    bundles.forEach(function(b) {
+        html += '<tr>';
+        html += '<td><strong>' + escapeHtml(b.display_name || b.app_name) + '</strong></td>';
+        html += '<td>' + (b.exported_at || '-') + '</td>';
+        html += '<td>' + (b.size_human || '-') + '</td>';
+        html += '<td>' + escapeHtml(b.drive_label || b.drive_path) + '</td>';
+        html += '<td>' + (b.encrypted ? '🔒' : '-') + '</td>';
+        html += '<td>' + (b.has_db ? '✅' : '-') + '</td>';
+        html += '<td>' + (b.needs_hdd ? '✅' : '-') + '</td>';
+        html += '<td class="mono" style="font-size:.7rem;max-width:200px;overflow:hidden;text-overflow:ellipsis">' + escapeHtml(b.path) + '</td>';
+        html += '</tr>';
+    });
+    html += '</table>';
+    container.innerHTML = html;
+    container.style.display = 'block';
+}
+
 // ── Helpers ──
 function fmtTime(ts) {
    if (!ts) return '-';
@@ -4,6 +4,7 @@
 <div class="page-header">
    <h2>Alkalmazások</h2>
    <span class="domain-badge">{{.Domain}}</span>
+    <a href="/import" class="btn btn-sm btn-outline" title="Alkalmazás visszaállítása exportált csomagból">Importálás</a>
    <button class="btn btn-sm btn-outline" id="sync-btn" onclick="syncTemplates()" title="Sablonok frissítése a központi katalógusból">↻ Sablonok frissítése</button>
 </div>
 <div id="sync-toast" class="sync-toast" style="display:none"></div>