Function handleChangePassword

web/scripts/ragnar_modern.js:5750–5786

(event)

    const srcNote = d.captured_name
        ? `<p class="text-xs text-green-400 mb-2">🎥 Captured <span class="font-mono">${escapeHtml(d.captured_name)}</span> on ${escapeHtml(d.interface || '')} for ${d.seconds || ''}s${capMode} — saved to Ragnar (see “Open stored pcap”).</p>`
        : (d.source_name ? `<p class="text-xs text-gray-400 mb-2">📁 <span class="font-mono">${escapeHtml(d.source_name)}</span></p>` : '');
    const note = d.note ? `<p class="text-xs text-amber-300 mb-2">${escapeHtml(d.note)}</p>` : '';
    const monWarn = d.monitor_warning ? `<p class="text-xs text-amber-300 mb-2">📡 ${escapeHtml(d.monitor_warning)}</p>` : '';

    const aiBtn = `<div class="mt-3 flex flex-wrap gap-2"><button onclick="aiAnalyzePcap()" class="bg-Ragnar-600 hover:bg-Ragnar-700 text-white px-3 py-1.5 rounded text-sm whitespace-nowrap">🧠 Explain with AI</button>
        <button onclick="pcapExportReport()" title="Open a printable capture report (Save as PDF)" class="bg-emerald-600 hover:bg-emerald-700 text-white px-3 py-1.5 rounded text-sm whitespace-nowrap">📄 Export as PDF</button>
        <div id="pcap-ai-results" class="hidden mt-2 w-full"></div></div>`;
    out.innerHTML = srcNote + note + monWarn + stats + `<div class="overflow-x-auto">${protoTable}${talkTable}</div>` + _pcapWifiHtml(d.wifi) + expert + aiBtn;
    _lastPcap = d;
    _lastPcapAI = null;   // new capture — drop any AI summary from a previous one
}

// Build a printable one-page report from the last analyzed capture and hand it
// to the browser's print dialog (→ "Save as PDF"). Same pop-up + window.print()
// pattern as wifiExportReport(); no external libraries, works offline on a Pi.
function pcapExportReport() {
    const d = _lastPcap;
    if (!d) { alert('Analyze a capture first.'); return; }
    const s = d.summary || {};
    const now = new Date();

    const summRows = [
        ['Packets', s.packets != null ? s.packets : '—'],
        ['Size', _pcapBytes(s.file_size)],
        ['Duration', s.duration_s != null ? s.duration_s + ' s' : '—'],
        ['Avg packet', s.avg_packet_size != null ? Math.round(s.avg_packet_size) + ' B' : '—'],
        ['Data rate', s.data_byte_rate != null ? _pcapBytes(s.data_byte_rate) + '/s' : '—'],
        ['Encapsulation', s.encapsulation ? escapeHtml(String(s.encapsulation)) : '—'],
    ].map(r => `<tr><th>${r[0]}</th><td>${r[1]}</td></tr>`).join('');
    const window_ = s.start_time
        ? `<p class="sub">${escapeHtml(String(s.start_time))} → ${escapeHtml(String(s.end_time || ''))}</p>` : '';

    const protoRows = (d.protocols || []).map(p =>
        `<tr><td class="mono">${'&nbsp;&nbsp;'.repeat(p.depth)}${escapeHtml(p.proto)}</td>
         <td class="num">${p.frames}</td><td class="num">${_pcapBytes(p.bytes)}</td></tr>`).join('');
    const protoTable = protoRows ? `<h2>Protocol hierarchy</h2>
        <table><thead><tr><th>Protocol</th><th class="num">Frames</th><th class="num">Bytes</th></tr></thead>
        <tbody>${protoRows}</tbody></table>` : '';

    const talkRows = (d.talkers || []).map(t =>