@metricinsights/pp-dev 1.5.0-beta.3 → 1.5.0-beta.30

package/dist/client/request-inspector.js

@@ -0,0 +1,527 @@
+// localStorage helpers guarded against environments where storage is unavailable
+// (e.g. sandboxed iframes). Keys follow the original `pp-dev-info-closed` naming.
+const STORAGE_KEYS = {
+    /** Shared with the standalone Inspector/Variables Editor pages — same key, same values. */
+    theme: 'pp-dev-info-theme',
+};
+function checkLocalStorage() {
+    try {
+        localStorage.setItem('test', 'test');
+        localStorage.removeItem('test');
+        return true;
+    }
+    catch (e) {
+        return false;
+    }
+}
+function setStorageItem(key, value) {
+    if (checkLocalStorage()) {
+        localStorage.setItem(key, value);
+    }
+}
+function getStorageItem(key) {
+    if (checkLocalStorage()) {
+        return localStorage.getItem(key);
+    }
+    return null;
+}
+
+// Theme override (Auto/Dark/Light), shared across the dev panel and the standalone
+// Inspector/Variables Editor pages via the same localStorage key (see STORAGE_KEYS.theme) and
+// the same `data-pp-dev-theme` attribute convention (prefixed to avoid colliding with a host
+// Portal Page's own theme attribute, since the panel is injected into pages pp-dev doesn't own).
+const THEME_ATTR = 'data-pp-dev-theme';
+function getStoredTheme() {
+    const value = getStorageItem(STORAGE_KEYS.theme);
+    return value === 'dark' || value === 'light' ? value : 'auto';
+}
+function applyTheme(theme) {
+    if (theme === 'dark' || theme === 'light') {
+        document.documentElement.setAttribute(THEME_ATTR, theme);
+    }
+    else {
+        document.documentElement.removeAttribute(THEME_ATTR);
+    }
+}
+function setTheme(theme) {
+    setStorageItem(STORAGE_KEYS.theme, theme);
+    applyTheme(theme);
+}
+
+// Formatting helpers of the Request Inspector page: pure, so the tests import them directly.
+/** Escapes text for HTML content and double-quoted attribute values. */
+function esc(value) {
+    return String(value).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
+}
+function formatBytes(bytes) {
+    const b = bytes || 0;
+    if (b < 1024) {
+        return b + ' B';
+    }
+    if (b < 1024 * 1024) {
+        return (b / 1024).toFixed(1) + ' KB';
+    }
+    if (b < 1024 * 1024 * 1024) {
+        return (b / (1024 * 1024)).toFixed(1) + ' MB';
+    }
+    return (b / (1024 * 1024 * 1024)).toFixed(2) + ' GB';
+}
+function formatDur(ms) {
+    if (ms < 1000) {
+        return ms + 'ms';
+    }
+    return (ms / 1000).toFixed(2) + 's';
+}
+const METHOD_CLASSES = {
+    GET: 'm-GET',
+    POST: 'm-POST',
+    PUT: 'm-PUT',
+    PATCH: 'm-PATCH',
+    DELETE: 'm-DELETE',
+    HEAD: 'm-HEAD',
+    OPTIONS: 'm-OPTIONS',
+};
+function methodClass(method) {
+    return METHOD_CLASSES[method] || 'm-other';
+}
+function statusClass(status) {
+    if (!status) {
+        return 's-pending';
+    }
+    return ['', '', 's-2xx', 's-3xx', 's-4xx', 's-5xx'][Math.floor(status / 100)] || '';
+}
+function sourceInfo(source) {
+    if (source === 'proxy') {
+        return { cls: 'src-proxy', title: 'Backend (live)' };
+    }
+    if (source === 'proxy-cache') {
+        return { cls: 'src-proxy-cache', title: 'Backend (cached)' };
+    }
+    return { cls: 'src-local', title: 'Local (dev server)' };
+}
+function sourceLetter(source) {
+    if (source === 'proxy') {
+        return 'P';
+    }
+    if (source === 'proxy-cache') {
+        return 'C';
+    }
+    return 'L';
+}
+const FILE_EXTENSIONS = {
+    'application/json': 'json',
+    'text/html': 'html',
+    'text/css': 'css',
+    'text/javascript': 'js',
+    'application/javascript': 'js',
+    'text/plain': 'txt',
+    'text/xml': 'xml',
+    'application/xml': 'xml',
+    'image/png': 'png',
+    'image/jpeg': 'jpg',
+    'image/gif': 'gif',
+    'image/svg+xml': 'svg',
+    'image/webp': 'webp',
+    'application/pdf': 'pdf',
+    'application/zip': 'zip',
+    'application/x-www-form-urlencoded': 'txt',
+    'application/octet-stream': 'bin',
+};
+/** The file extension a saved body of `contentType` gets. */
+function fileExt(contentType) {
+    return FILE_EXTENSIONS[(contentType || '').split(';')[0].trim().toLowerCase()] || 'bin';
+}
+function decodeBase64(b64) {
+    return Uint8Array.from(atob(b64), (c) => c.charCodeAt(0));
+}
+function decodeTextBody(b64) {
+    return new TextDecoder('utf-8').decode(decodeBase64(b64));
+}
+/** Pretty-prints JSON with highlighting spans; invalid JSON comes back as escaped plain text. */
+function syntaxHighlightJson(text) {
+    let str;
+    try {
+        str = JSON.stringify(JSON.parse(text), null, 2);
+    }
+    catch {
+        // Invalid JSON can contain arbitrary HTML. It cannot be token-highlighted safely because
+        // unmatched text is preserved by the replacement below, so render it as escaped plain text.
+        return esc(text);
+    }
+    return str.replace(/("(\\u[a-zA-Z0-9]{4}|\\[^u]|[^\\"])*"\s*:?|\b(true|false|null)\b|-?\d+(?:\.\d*)?(?:[eE][+-]?\d+)?)/g, (m) => {
+        if (/^"/.test(m)) {
+            if (/:$/.test(m)) {
+                return '<span class="body-json-key">' + esc(m) + '</span>';
+            }
+            return '<span class="body-json-str">' + esc(m) + '</span>';
+        }
+        if (/true|false/.test(m)) {
+            return '<span class="body-json-bool">' + m + '</span>';
+        }
+        if (/null/.test(m)) {
+            return '<span class="body-json-null">' + m + '</span>';
+        }
+        return '<span class="body-json-num">' + m + '</span>';
+    });
+}
+
+// HTML of the Request Inspector's list and detail. Buttons say what they do in `data-action`
+// (and which side in `data-type`); main.ts handles the clicks in one place.
+function renderListHtml(requests, selectedId) {
+    if (!requests.length) {
+        return '<div class="empty-state"><div class="empty-icon">🔍</div><div>No matching requests</div></div>';
+    }
+    return requests
+        .map((r) => {
+        const sel = r.id === selectedId ? ' selected' : '';
+        const dur = r.duration != null ? formatDur(r.duration) : '…';
+        const source = r.source || 'local';
+        return `<div class="req-item src-${source}${sel}" data-id="${esc(r.id)}">
+      <span class="method-badge ${methodClass(r.method)}">${esc(r.method)}</span>
+      ${r.user ? `<span class="user-chip" title="From the tab of user ${esc(r.user)}">${esc(r.user)}</span>` : ''}
+      <span class="req-url" title="${esc(r.url)}">${esc(r.url)}</span>
+      <span class="req-meta">
+        <span class="req-status-row">
+          <span class="source-letter src-letter-${source}">${sourceLetter(r.source)}</span>
+          <span class="status-badge ${statusClass(r.statusCode)}">${r.statusCode || '…'}</span>
+        </span>
+        <span>${dur}</span>
+        <span>${formatBytes(r.responseSize || 0)}</span>
+      </span>
+    </div>`;
+    })
+        .join('');
+}
+function renderDetailInfoHtml(e) {
+    const src = sourceInfo(e.source);
+    return `
+    <div class="info-item"><div class="info-label">Method</div><div class="info-value"><span class="method-badge ${methodClass(e.method)}">${esc(e.method)}</span></div></div>
+    <div class="info-item"><div class="info-label">Status</div><div class="info-value"><span class="status-badge ${statusClass(e.statusCode)}">${e.statusCode || '—'}</span></div></div>
+    <div class="info-item"><div class="info-label">Source</div><div class="info-value"><span class="source-chip ${src.cls}">${src.title}</span></div></div>
+    <div class="info-item"><div class="info-label">User</div><div class="info-value">${e.user ? `<span class="user-chip">${esc(e.user)}</span>` : 'Original'}</div></div>
+    <div class="info-item"><div class="info-label">Duration</div><div class="info-value">${e.duration != null ? formatDur(e.duration) : '—'}</div></div>
+    <div class="info-item"><div class="info-label">Request</div><div class="info-value">${formatBytes(e.requestBodySize || 0)}</div></div>
+    <div class="info-item"><div class="info-label">Response</div><div class="info-value">${formatBytes(e.responseBodySize || 0)}</div></div>
+    <div class="info-item"><div class="info-label">Time</div><div class="info-value" style="font-size:11px">${new Date(e.timestamp).toLocaleTimeString()}</div></div>
+  `;
+}
+function renderDetailUrlHtml(e) {
+    return `<span class="info-url-text" title="${esc(e.url)}">${esc(e.url)}</span><button class="section-btn" data-action="copy-url">Copy link</button>`;
+}
+function sectionHtml(title, badge, actions, body) {
+    return `<div class="detail-section">
+    <div class="detail-section-hdr" data-action="toggle-section">
+      <span class="toggle">▾</span>
+      <span class="section-title">${title}</span>
+      ${badge}
+      ${actions ? `<div class="section-actions">${actions}</div>` : ''}
+    </div>
+    <div class="detail-section-body">${body}</div>
+  </div>`;
+}
+function renderHeadersSectionHtml(title, headers, type) {
+    const entries = Object.entries(headers || {}).filter(([, v]) => v != null);
+    const rows = entries
+        .map(([k, v]) => `<tr><td>${esc(k)}</td><td>${esc(Array.isArray(v) ? v.join(', ') : String(v))}</td></tr>`)
+        .join('');
+    const copy = entries.length
+        ? `<button class="section-btn" data-action="copy-headers" data-type="${type}">Copy</button>`
+        : '';
+    return sectionHtml(title, `<span class="section-badge">${entries.length}</span>`, copy, `<table class="kv-table">${rows}</table>`);
+}
+function bodyContentHtml(b64, ct, truncated, size) {
+    if (!b64 && !truncated) {
+        return '<div class="body-binary">No body</div>';
+    }
+    if (truncated) {
+        return `<div class="body-binary">Body too large to capture (${formatBytes(size)})</div>`;
+    }
+    if (ct.includes('json') || ct.includes('/javascript') || ct === 'text/plain') {
+        const text = decodeTextBody(b64);
+        return ct.includes('json')
+            ? `<pre class="body-content json">${syntaxHighlightJson(text)}</pre>`
+            : `<pre class="body-content">${esc(text)}</pre>`;
+    }
+    if (ct.startsWith('text/')) {
+        return `<pre class="body-content">${esc(decodeTextBody(b64))}</pre>`;
+    }
+    if (ct.startsWith('image/') && size < 1024 * 1024) {
+        return `<img class="body-image" src="data:${esc(ct)};base64,${b64}" alt="image"/>`;
+    }
+    if (ct === 'application/x-www-form-urlencoded') {
+        const params = new URLSearchParams(decodeTextBody(b64));
+        const rows = [...params.entries()].map(([k, v]) => `<tr><td>${esc(k)}</td><td>${esc(v)}</td></tr>`).join('');
+        return `<table class="kv-table">${rows}</table>`;
+    }
+    return `<div class="body-binary">Binary data — ${formatBytes(size)} (${esc(ct || 'unknown type')})</div>`;
+}
+function renderBodySectionHtml(title, b64, contentType, truncated, size, type, captureLimit) {
+    const ct = (contentType || '').toLowerCase().split(';')[0].trim();
+    const isText = ct.includes('json') ||
+        ct.startsWith('text/') ||
+        ct.includes('/javascript') ||
+        ct === 'application/xml' ||
+        ct === 'application/x-www-form-urlencoded';
+    const copy = b64 && isText ? `<button class="section-btn" data-action="copy-body" data-type="${type}">Copy</button>` : '';
+    const save = b64 ? `<button class="section-btn" data-action="save-body" data-type="${type}">Save</button>` : '';
+    const note = truncated
+        ? `<div class="truncated-note">⚠ Body was larger than the capture limit (${formatBytes(captureLimit)})</div>`
+        : '';
+    return sectionHtml(title, size ? `<span class="section-badge">${formatBytes(size)}</span>` : '', copy + save, bodyContentHtml(b64, ct, truncated, size) + note);
+}
+function renderDetailSectionsHtml(e, captureLimit) {
+    return [
+        renderHeadersSectionHtml('Request Headers', e.requestHeaders, 'request'),
+        renderBodySectionHtml('Request Body', e.requestBody, e.requestContentType, e.requestBodyTruncated, e.requestBodySize, 'request', captureLimit),
+        renderHeadersSectionHtml('Response Headers', e.responseHeaders, 'response'),
+        renderBodySectionHtml('Response Body', e.responseBody, e.responseContentType, e.responseBodyTruncated, e.responseBodySize, 'response', captureLimit),
+    ].join('');
+}
+
+// The Request Inspector page (`/@pp-dev/inspector`): lists what went through the dev server and
+// shows a request's headers and bodies. main.ts starts it on request-inspector.html.
+/** Value of the user filter for requests sent as the original user (a saved user's name can't start with "@"). */
+const ORIGINAL_USER = '@original';
+const DEFAULT_CAPTURE_LIMIT = 10 * 1024 * 1024;
+/** Starts the page on the current document; returns a function that stops it (polling and listeners). */
+function startInspector({ pollIntervalMs = 2000 } = {}) {
+    const byId = (id) => document.getElementById(id);
+    const captureLimit = Number(document.body.dataset.captureLimit) || DEFAULT_CAPTURE_LIMIT;
+    const listEl = byId('req-list');
+    const detailEmpty = byId('detail-empty');
+    const detailPanel = byId('detail-panel');
+    const detailInfo = byId('detail-info');
+    const detailUrl = byId('detail-url');
+    const detailScroll = byId('detail-scroll');
+    const filterBar = byId('filter-bar');
+    const searchInput = byId('search-input');
+    const methodSelect = byId('method-select');
+    const statusSelect = byId('status-select');
+    const sourceSelect = byId('source-select');
+    const userSelect = byId('user-select');
+    const themeSwitch = byId('theme-switch');
+    let allRequests = [];
+    let filteredRequests = [];
+    let selectedId = null;
+    let currentEntry = null;
+    // ── Theme (Auto/Dark/Light) ────────────────────────────────────────────────
+    // The page's <head> already set the stored theme before first paint; this keeps the buttons in
+    // step. Shared with the dev panel and the Variables Editor (see ../theme.ts).
+    const showTheme = (theme) => {
+        applyTheme(theme);
+        for (const button of Array.from(themeSwitch.children)) {
+            const isActive = button.dataset.themeChoice === theme;
+            button.classList.toggle('active', isActive);
+            button.setAttribute('aria-pressed', String(isActive));
+        }
+    };
+    // ── List ───────────────────────────────────────────────────────────────────
+    const updateStats = (data) => {
+        const pct = data.maxMemory > 0 ? Math.min(100, (data.memoryUsage / data.maxMemory) * 100) : 0;
+        byId('req-count').textContent = data.total + ' request' + (data.total !== 1 ? 's' : '');
+        byId('mem-fill').style.width = pct + '%';
+        byId('mem-text').textContent = formatBytes(data.memoryUsage) + ' / ' + formatBytes(data.maxMemory);
+    };
+    // The user filter only shows up once a request was sent as a saved user.
+    const updateUserOptions = () => {
+        const names = Array.from(new Set(allRequests.map((r) => r.user).filter((u) => Boolean(u)))).sort();
+        const current = userSelect.value;
+        userSelect.style.display = names.length ? '' : 'none';
+        userSelect.replaceChildren(new Option('All users', ''), new Option('Original', ORIGINAL_USER), ...names.map((name) => new Option(name, name)));
+        userSelect.value = current === ORIGINAL_USER || names.includes(current) ? current : '';
+    };
+    const renderList = () => {
+        const atBottom = listEl.scrollTop + listEl.clientHeight >= listEl.scrollHeight - 16;
+        listEl.innerHTML = renderListHtml(filteredRequests, selectedId);
+        if (atBottom && filteredRequests.length) {
+            listEl.scrollTop = listEl.scrollHeight;
+        }
+    };
+    const applyFilter = () => {
+        const search = searchInput.value.toLowerCase();
+        const method = methodSelect.value;
+        const status = statusSelect.value;
+        const source = sourceSelect.value;
+        const user = userSelect.value;
+        filteredRequests = allRequests.filter((r) => !(user && (r.user || ORIGINAL_USER) !== user) &&
+            !(method && r.method !== method) &&
+            !(status && !String(r.statusCode || '').startsWith(status)) &&
+            !(source && r.source !== source) &&
+            !(search && !r.url.toLowerCase().includes(search)));
+        renderList();
+    };
+    const showDetailEmpty = () => {
+        detailPanel.style.display = 'none';
+        detailEmpty.style.display = 'flex';
+    };
+    const fetchList = async () => {
+        try {
+            const data = (await (await fetch('/@api/requests')).json());
+            allRequests = data.requests || [];
+            updateStats(data);
+            updateUserOptions();
+            applyFilter();
+            if (selectedId && !allRequests.find((r) => r.id === selectedId)) {
+                selectedId = null;
+                showDetailEmpty();
+            }
+        }
+        catch {
+            // The dev server is restarting; the next poll tries again.
+        }
+    };
+    // ── Detail ─────────────────────────────────────────────────────────────────
+    const selectRequest = async (id) => {
+        selectedId = id;
+        renderList();
+        detailEmpty.style.display = 'none';
+        detailPanel.style.display = 'flex';
+        detailPanel.style.flexDirection = 'column';
+        detailPanel.style.overflow = 'hidden';
+        detailScroll.innerHTML = '<div style="padding:20px;color:var(--text3)">Loading…</div>';
+        try {
+            const response = await fetch('/@api/requests/' + encodeURIComponent(id));
+            if (!response.ok) {
+                showDetailEmpty();
+                return;
+            }
+            currentEntry = (await response.json());
+            detailInfo.innerHTML = renderDetailInfoHtml(currentEntry);
+            detailUrl.innerHTML = renderDetailUrlHtml(currentEntry);
+            detailScroll.innerHTML = renderDetailSectionsHtml(currentEntry, captureLimit);
+        }
+        catch {
+            showDetailEmpty();
+        }
+    };
+    const toggleSection = (header) => {
+        const body = header.nextElementSibling;
+        const toggle = header.querySelector('.toggle');
+        if (body && toggle) {
+            toggle.textContent = body.classList.toggle('collapsed') ? '▸' : '▾';
+        }
+    };
+    const clearAll = async () => {
+        await fetch('/@api/requests', { method: 'DELETE' });
+        allRequests = [];
+        filteredRequests = [];
+        selectedId = null;
+        showDetailEmpty();
+        renderList();
+        updateStats({ total: 0, memoryUsage: 0, maxMemory: 1024 * 1024 * 1024 });
+    };
+    // ── Copy / Save ────────────────────────────────────────────────────────────
+    const clipboard = (text, button) => {
+        navigator.clipboard
+            .writeText(text)
+            .then(() => {
+            const label = button.textContent;
+            button.textContent = '✓';
+            button.style.color = 'var(--green)';
+            setTimeout(() => {
+                button.textContent = label;
+                button.style.color = '';
+            }, 1500);
+        })
+            .catch(() => { });
+    };
+    const copyHeaders = (type, button) => {
+        const headers = type === 'request' ? currentEntry?.requestHeaders : currentEntry?.responseHeaders;
+        if (!headers) {
+            return;
+        }
+        const text = Object.entries(headers)
+            .filter(([, v]) => v != null)
+            .map(([k, v]) => k + ': ' + (Array.isArray(v) ? v.join(', ') : String(v)))
+            .join('\n');
+        clipboard(text, button);
+    };
+    const bodyOf = (type) => (type === 'request' ? currentEntry?.requestBody : currentEntry?.responseBody);
+    const copyBody = (type, button) => {
+        const b64 = bodyOf(type);
+        if (!b64) {
+            return;
+        }
+        try {
+            clipboard(decodeTextBody(b64), button);
+        }
+        catch {
+            // Not text after all.
+        }
+    };
+    const saveBody = (type) => {
+        const b64 = bodyOf(type);
+        const contentType = type === 'request' ? currentEntry?.requestContentType : currentEntry?.responseContentType;
+        if (!b64) {
+            return;
+        }
+        try {
+            const url = URL.createObjectURL(new Blob([decodeBase64(b64)]));
+            const link = document.createElement('a');
+            link.href = url;
+            link.download = type + '-body.' + fileExt(contentType);
+            document.body.appendChild(link);
+            link.click();
+            document.body.removeChild(link);
+            setTimeout(() => URL.revokeObjectURL(url), 1000);
+        }
+        catch {
+            // Not valid base64.
+        }
+    };
+    // ── Events ─────────────────────────────────────────────────────────────────
+    // One handler for the whole page: list items carry `data-id`, buttons `data-action` (and
+    // `data-type` for request/response), the theme buttons `data-theme-choice`.
+    const onClick = (event) => {
+        const target = event.target;
+        const themeButton = target.closest('[data-theme-choice]');
+        if (themeButton) {
+            const theme = themeButton.dataset.themeChoice;
+            setTheme(theme);
+            showTheme(theme);
+            return;
+        }
+        const actionEl = target.closest('[data-action]');
+        const type = actionEl?.dataset.type;
+        switch (actionEl?.dataset.action) {
+            case 'clear':
+                void clearAll();
+                return;
+            case 'copy-url':
+                clipboard(currentEntry?.url ?? '', actionEl);
+                return;
+            case 'copy-headers':
+                copyHeaders(type, actionEl);
+                return;
+            case 'copy-body':
+                copyBody(type, actionEl);
+                return;
+            case 'save-body':
+                saveBody(type);
+                return;
+            case 'toggle-section':
+                toggleSection(actionEl);
+                return;
+        }
+        const item = target.closest('.req-item');
+        if (item?.dataset.id) {
+            void selectRequest(item.dataset.id);
+        }
+    };
+    document.addEventListener('click', onClick);
+    filterBar.addEventListener('input', applyFilter);
+    filterBar.addEventListener('change', applyFilter);
+    showTheme(getStoredTheme());
+    void fetchList();
+    const poll = setInterval(() => void fetchList(), pollIntervalMs);
+    return () => {
+        clearInterval(poll);
+        document.removeEventListener('click', onClick);
+        filterBar.removeEventListener('input', applyFilter);
+        filterBar.removeEventListener('change', applyFilter);
+    };
+}
+
+// Entry of the Request Inspector bundle: its styles and page, built next to it in dist/client.
+startInspector();
+//# sourceMappingURL=request-inspector.js.map

package/dist/client/request-inspector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"request-inspector.js","sources":["../../../src/client/storage.ts","../../../src/client/theme.ts","../../../src/client/request-inspector/format.ts","../../../src/client/request-inspector/render.ts","../../../src/client/request-inspector/inspector.ts","../../../src/client/request-inspector/main.ts"],"sourcesContent":["// localStorage helpers guarded against environments where storage is unavailable\n// (e.g. sandboxed iframes). Keys follow the original `pp-dev-info-closed` naming.\n\nexport const STORAGE_KEYS = {\n  closed: 'pp-dev-info-closed',\n  position: 'pp-dev-info-position',\n  autoHide: 'pp-dev-info-auto-hide',\n  hidden: 'pp-dev-info-hidden',\n  /** Shared with the standalone Inspector/Variables Editor pages — same key, same values. */\n  theme: 'pp-dev-info-theme',\n} as const;\n\nexport function checkLocalStorage() {\n  try {\n    localStorage.setItem('test', 'test');\n    localStorage.removeItem('test');\n\n    return true;\n  } catch (e) {\n    return false;\n  }\n}\n\nexport function setStorageItem(key: string, value: string) {\n  if (checkLocalStorage()) {\n    localStorage.setItem(key, value);\n  }\n}\n\nexport function getStorageItem(key: string) {\n  if (checkLocalStorage()) {\n    return localStorage.getItem(key);\n  }\n\n  return null;\n}\n\nexport function removeStorageItem(key: string) {\n  if (checkLocalStorage()) {\n    localStorage.removeItem(key);\n  }\n}\n","// Theme override (Auto/Dark/Light), shared across the dev panel and the standalone\n// Inspector/Variables Editor pages via the same localStorage key (see STORAGE_KEYS.theme) and\n// the same `data-pp-dev-theme` attribute convention (prefixed to avoid colliding with a host\n// Portal Page's own theme attribute, since the panel is injected into pages pp-dev doesn't own).\nimport { STORAGE_KEYS, getStorageItem, setStorageItem } from './storage.js';\n\nexport type ThemeChoice = 'auto' | 'dark' | 'light';\n\nconst THEME_ATTR = 'data-pp-dev-theme';\n\nexport function getStoredTheme(): ThemeChoice {\n  const value = getStorageItem(STORAGE_KEYS.theme);\n\n  return value === 'dark' || value === 'light' ? value : 'auto';\n}\n\nexport function applyTheme(theme: ThemeChoice): void {\n  if (theme === 'dark' || theme === 'light') {\n    document.documentElement.setAttribute(THEME_ATTR, theme);\n  } else {\n    document.documentElement.removeAttribute(THEME_ATTR);\n  }\n}\n\nexport function setTheme(theme: ThemeChoice): void {\n  setStorageItem(STORAGE_KEYS.theme, theme);\n  applyTheme(theme);\n}\n\n/** Call once on page load to apply whatever was last chosen (defaults to 'auto', a no-op). */\nexport function initTheme(): void {\n  applyTheme(getStoredTheme());\n}\n","// Formatting helpers of the Request Inspector page: pure, so the tests import them directly.\n\n/** Escapes text for HTML content and double-quoted attribute values. */\nexport function esc(value: unknown): string {\n  return String(value).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/\"/g, '&quot;');\n}\n\nexport function formatBytes(bytes: number | undefined): string {\n  const b = bytes || 0;\n\n  if (b < 1024) {\n    return b + ' B';\n  }\n\n  if (b < 1024 * 1024) {\n    return (b / 1024).toFixed(1) + ' KB';\n  }\n\n  if (b < 1024 * 1024 * 1024) {\n    return (b / (1024 * 1024)).toFixed(1) + ' MB';\n  }\n\n  return (b / (1024 * 1024 * 1024)).toFixed(2) + ' GB';\n}\n\nexport function formatDur(ms: number): string {\n  if (ms < 1000) {\n    return ms + 'ms';\n  }\n\n  return (ms / 1000).toFixed(2) + 's';\n}\n\nconst METHOD_CLASSES: Record<string, string> = {\n  GET: 'm-GET',\n  POST: 'm-POST',\n  PUT: 'm-PUT',\n  PATCH: 'm-PATCH',\n  DELETE: 'm-DELETE',\n  HEAD: 'm-HEAD',\n  OPTIONS: 'm-OPTIONS',\n};\n\nexport function methodClass(method: string): string {\n  return METHOD_CLASSES[method] || 'm-other';\n}\n\nexport function statusClass(status: number | null | undefined): string {\n  if (!status) {\n    return 's-pending';\n  }\n\n  return ['', '', 's-2xx', 's-3xx', 's-4xx', 's-5xx'][Math.floor(status / 100)] || '';\n}\n\nexport function sourceInfo(source: string | undefined): { cls: string; title: string } {\n  if (source === 'proxy') {\n    return { cls: 'src-proxy', title: 'Backend (live)' };\n  }\n\n  if (source === 'proxy-cache') {\n    return { cls: 'src-proxy-cache', title: 'Backend (cached)' };\n  }\n\n  return { cls: 'src-local', title: 'Local (dev server)' };\n}\n\nexport function sourceLetter(source: string | undefined): string {\n  if (source === 'proxy') {\n    return 'P';\n  }\n\n  if (source === 'proxy-cache') {\n    return 'C';\n  }\n\n  return 'L';\n}\n\nconst FILE_EXTENSIONS: Record<string, string> = {\n  'application/json': 'json',\n  'text/html': 'html',\n  'text/css': 'css',\n  'text/javascript': 'js',\n  'application/javascript': 'js',\n  'text/plain': 'txt',\n  'text/xml': 'xml',\n  'application/xml': 'xml',\n  'image/png': 'png',\n  'image/jpeg': 'jpg',\n  'image/gif': 'gif',\n  'image/svg+xml': 'svg',\n  'image/webp': 'webp',\n  'application/pdf': 'pdf',\n  'application/zip': 'zip',\n  'application/x-www-form-urlencoded': 'txt',\n  'application/octet-stream': 'bin',\n};\n\n/** The file extension a saved body of `contentType` gets. */\nexport function fileExt(contentType: string | undefined): string {\n  return FILE_EXTENSIONS[(contentType || '').split(';')[0].trim().toLowerCase()] || 'bin';\n}\n\nexport function decodeBase64(b64: string): Uint8Array {\n  return Uint8Array.from(atob(b64), (c) => c.charCodeAt(0));\n}\n\nexport function decodeTextBody(b64: string): string {\n  return new TextDecoder('utf-8').decode(decodeBase64(b64));\n}\n\n/** Pretty-prints JSON with highlighting spans; invalid JSON comes back as escaped plain text. */\nexport function syntaxHighlightJson(text: string): string {\n  let str: string;\n\n  try {\n    str = JSON.stringify(JSON.parse(text), null, 2);\n  } catch {\n    // Invalid JSON can contain arbitrary HTML. It cannot be token-highlighted safely because\n    // unmatched text is preserved by the replacement below, so render it as escaped plain text.\n    return esc(text);\n  }\n\n  return str.replace(\n    /(\"(\\\\u[a-zA-Z0-9]{4}|\\\\[^u]|[^\\\\\"])*\"\\s*:?|\\b(true|false|null)\\b|-?\\d+(?:\\.\\d*)?(?:[eE][+-]?\\d+)?)/g,\n    (m) => {\n      if (/^\"/.test(m)) {\n        if (/:$/.test(m)) {\n          return '<span class=\"body-json-key\">' + esc(m) + '</span>';\n        }\n\n        return '<span class=\"body-json-str\">' + esc(m) + '</span>';\n      }\n\n      if (/true|false/.test(m)) {\n        return '<span class=\"body-json-bool\">' + m + '</span>';\n      }\n\n      if (/null/.test(m)) {\n        return '<span class=\"body-json-null\">' + m + '</span>';\n      }\n\n      return '<span class=\"body-json-num\">' + m + '</span>';\n    },\n  );\n}\n","// HTML of the Request Inspector's list and detail. Buttons say what they do in `data-action`\n// (and which side in `data-type`); main.ts handles the clicks in one place.\nimport {\n  decodeTextBody,\n  esc,\n  formatBytes,\n  formatDur,\n  methodClass,\n  sourceInfo,\n  sourceLetter,\n  statusClass,\n  syntaxHighlightJson,\n} from './format.js';\n\n/** A request in the list (`GET /@api/requests`). */\nexport interface RequestSummary {\n  id: string;\n  method: string;\n  url: string;\n  statusCode?: number | null;\n  duration?: number | null;\n  responseSize?: number;\n  source?: string;\n  user?: string;\n}\n\ntype Headers = Record<string, string | string[] | number | null | undefined>;\n\n/** A request with its headers and bodies (`GET /@api/requests/:id`); bodies in base64. */\nexport interface RequestEntry extends RequestSummary {\n  timestamp: number;\n  requestHeaders: Headers;\n  requestBody: string | null;\n  requestBodySize: number;\n  requestBodyTruncated: boolean;\n  requestContentType: string;\n  responseHeaders: Headers;\n  responseBody: string | null;\n  responseBodySize: number;\n  responseBodyTruncated: boolean;\n  responseContentType: string;\n}\n\nexport type Side = 'request' | 'response';\n\nexport function renderListHtml(requests: RequestSummary[], selectedId: string | null): string {\n  if (!requests.length) {\n    return '<div class=\"empty-state\"><div class=\"empty-icon\">🔍</div><div>No matching requests</div></div>';\n  }\n\n  return requests\n    .map((r) => {\n      const sel = r.id === selectedId ? ' selected' : '';\n      const dur = r.duration != null ? formatDur(r.duration) : '…';\n      const source = r.source || 'local';\n\n      return `<div class=\"req-item src-${source}${sel}\" data-id=\"${esc(r.id)}\">\n      <span class=\"method-badge ${methodClass(r.method)}\">${esc(r.method)}</span>\n      ${r.user ? `<span class=\"user-chip\" title=\"From the tab of user ${esc(r.user)}\">${esc(r.user)}</span>` : ''}\n      <span class=\"req-url\" title=\"${esc(r.url)}\">${esc(r.url)}</span>\n      <span class=\"req-meta\">\n        <span class=\"req-status-row\">\n          <span class=\"source-letter src-letter-${source}\">${sourceLetter(r.source)}</span>\n          <span class=\"status-badge ${statusClass(r.statusCode)}\">${r.statusCode || '…'}</span>\n        </span>\n        <span>${dur}</span>\n        <span>${formatBytes(r.responseSize || 0)}</span>\n      </span>\n    </div>`;\n    })\n    .join('');\n}\n\nexport function renderDetailInfoHtml(e: RequestEntry): string {\n  const src = sourceInfo(e.source);\n\n  return `\n    <div class=\"info-item\"><div class=\"info-label\">Method</div><div class=\"info-value\"><span class=\"method-badge ${methodClass(e.method)}\">${esc(e.method)}</span></div></div>\n    <div class=\"info-item\"><div class=\"info-label\">Status</div><div class=\"info-value\"><span class=\"status-badge ${statusClass(e.statusCode)}\">${e.statusCode || '—'}</span></div></div>\n    <div class=\"info-item\"><div class=\"info-label\">Source</div><div class=\"info-value\"><span class=\"source-chip ${src.cls}\">${src.title}</span></div></div>\n    <div class=\"info-item\"><div class=\"info-label\">User</div><div class=\"info-value\">${e.user ? `<span class=\"user-chip\">${esc(e.user)}</span>` : 'Original'}</div></div>\n    <div class=\"info-item\"><div class=\"info-label\">Duration</div><div class=\"info-value\">${e.duration != null ? formatDur(e.duration) : '—'}</div></div>\n    <div class=\"info-item\"><div class=\"info-label\">Request</div><div class=\"info-value\">${formatBytes(e.requestBodySize || 0)}</div></div>\n    <div class=\"info-item\"><div class=\"info-label\">Response</div><div class=\"info-value\">${formatBytes(e.responseBodySize || 0)}</div></div>\n    <div class=\"info-item\"><div class=\"info-label\">Time</div><div class=\"info-value\" style=\"font-size:11px\">${new Date(e.timestamp).toLocaleTimeString()}</div></div>\n  `;\n}\n\nexport function renderDetailUrlHtml(e: RequestEntry): string {\n  return `<span class=\"info-url-text\" title=\"${esc(e.url)}\">${esc(e.url)}</span><button class=\"section-btn\" data-action=\"copy-url\">Copy link</button>`;\n}\n\nfunction sectionHtml(title: string, badge: string, actions: string, body: string): string {\n  return `<div class=\"detail-section\">\n    <div class=\"detail-section-hdr\" data-action=\"toggle-section\">\n      <span class=\"toggle\">▾</span>\n      <span class=\"section-title\">${title}</span>\n      ${badge}\n      ${actions ? `<div class=\"section-actions\">${actions}</div>` : ''}\n    </div>\n    <div class=\"detail-section-body\">${body}</div>\n  </div>`;\n}\n\nexport function renderHeadersSectionHtml(title: string, headers: Headers | undefined, type: Side): string {\n  const entries = Object.entries(headers || {}).filter(([, v]) => v != null);\n  const rows = entries\n    .map(([k, v]) => `<tr><td>${esc(k)}</td><td>${esc(Array.isArray(v) ? v.join(', ') : String(v))}</td></tr>`)\n    .join('');\n  const copy = entries.length\n    ? `<button class=\"section-btn\" data-action=\"copy-headers\" data-type=\"${type}\">Copy</button>`\n    : '';\n\n  return sectionHtml(\n    title,\n    `<span class=\"section-badge\">${entries.length}</span>`,\n    copy,\n    `<table class=\"kv-table\">${rows}</table>`,\n  );\n}\n\nfunction bodyContentHtml(b64: string | null, ct: string, truncated: boolean, size: number): string {\n  if (!b64 && !truncated) {\n    return '<div class=\"body-binary\">No body</div>';\n  }\n\n  if (truncated) {\n    return `<div class=\"body-binary\">Body too large to capture (${formatBytes(size)})</div>`;\n  }\n\n  if (ct.includes('json') || ct.includes('/javascript') || ct === 'text/plain') {\n    const text = decodeTextBody(b64!);\n\n    return ct.includes('json')\n      ? `<pre class=\"body-content json\">${syntaxHighlightJson(text)}</pre>`\n      : `<pre class=\"body-content\">${esc(text)}</pre>`;\n  }\n\n  if (ct.startsWith('text/')) {\n    return `<pre class=\"body-content\">${esc(decodeTextBody(b64!))}</pre>`;\n  }\n\n  if (ct.startsWith('image/') && size < 1024 * 1024) {\n    return `<img class=\"body-image\" src=\"data:${esc(ct)};base64,${b64}\" alt=\"image\"/>`;\n  }\n\n  if (ct === 'application/x-www-form-urlencoded') {\n    const params = new URLSearchParams(decodeTextBody(b64!));\n    const rows = [...params.entries()].map(([k, v]) => `<tr><td>${esc(k)}</td><td>${esc(v)}</td></tr>`).join('');\n\n    return `<table class=\"kv-table\">${rows}</table>`;\n  }\n\n  return `<div class=\"body-binary\">Binary data — ${formatBytes(size)} (${esc(ct || 'unknown type')})</div>`;\n}\n\nexport function renderBodySectionHtml(\n  title: string,\n  b64: string | null,\n  contentType: string | undefined,\n  truncated: boolean,\n  size: number,\n  type: Side,\n  captureLimit: number,\n): string {\n  const ct = (contentType || '').toLowerCase().split(';')[0].trim();\n  const isText =\n    ct.includes('json') ||\n    ct.startsWith('text/') ||\n    ct.includes('/javascript') ||\n    ct === 'application/xml' ||\n    ct === 'application/x-www-form-urlencoded';\n  const copy =\n    b64 && isText ? `<button class=\"section-btn\" data-action=\"copy-body\" data-type=\"${type}\">Copy</button>` : '';\n  const save = b64 ? `<button class=\"section-btn\" data-action=\"save-body\" data-type=\"${type}\">Save</button>` : '';\n  const note = truncated\n    ? `<div class=\"truncated-note\">⚠ Body was larger than the capture limit (${formatBytes(captureLimit)})</div>`\n    : '';\n\n  return sectionHtml(\n    title,\n    size ? `<span class=\"section-badge\">${formatBytes(size)}</span>` : '',\n    copy + save,\n    bodyContentHtml(b64, ct, truncated, size) + note,\n  );\n}\n\nexport function renderDetailSectionsHtml(e: RequestEntry, captureLimit: number): string {\n  return [\n    renderHeadersSectionHtml('Request Headers', e.requestHeaders, 'request'),\n    renderBodySectionHtml(\n      'Request Body',\n      e.requestBody,\n      e.requestContentType,\n      e.requestBodyTruncated,\n      e.requestBodySize,\n      'request',\n      captureLimit,\n    ),\n    renderHeadersSectionHtml('Response Headers', e.responseHeaders, 'response'),\n    renderBodySectionHtml(\n      'Response Body',\n      e.responseBody,\n      e.responseContentType,\n      e.responseBodyTruncated,\n      e.responseBodySize,\n      'response',\n      captureLimit,\n    ),\n  ].join('');\n}\n","// The Request Inspector page (`/@pp-dev/inspector`): lists what went through the dev server and\n// shows a request's headers and bodies. main.ts starts it on request-inspector.html.\nimport { getStoredTheme, setTheme, applyTheme, type ThemeChoice } from '../theme.js';\nimport { decodeBase64, decodeTextBody, fileExt, formatBytes } from './format.js';\nimport {\n  renderDetailInfoHtml,\n  renderDetailSectionsHtml,\n  renderDetailUrlHtml,\n  renderListHtml,\n  type RequestEntry,\n  type RequestSummary,\n  type Side,\n} from './render.js';\n\n/** Value of the user filter for requests sent as the original user (a saved user's name can't start with \"@\"). */\nconst ORIGINAL_USER = '@original';\nconst DEFAULT_CAPTURE_LIMIT = 10 * 1024 * 1024;\n\ninterface ListResponse {\n  requests?: RequestSummary[];\n  total: number;\n  memoryUsage: number;\n  maxMemory: number;\n}\n\nexport interface InspectorOptions {\n  /** How often the list is fetched again. */\n  pollIntervalMs?: number;\n}\n\n/** Starts the page on the current document; returns a function that stops it (polling and listeners). */\nexport function startInspector({ pollIntervalMs = 2000 }: InspectorOptions = {}): () => void {\n  const byId = <T extends HTMLElement>(id: string) => document.getElementById(id) as T;\n\n  const captureLimit = Number(document.body.dataset.captureLimit) || DEFAULT_CAPTURE_LIMIT;\n  const listEl = byId<HTMLDivElement>('req-list');\n  const detailEmpty = byId<HTMLDivElement>('detail-empty');\n  const detailPanel = byId<HTMLDivElement>('detail-panel');\n  const detailInfo = byId<HTMLDivElement>('detail-info');\n  const detailUrl = byId<HTMLDivElement>('detail-url');\n  const detailScroll = byId<HTMLDivElement>('detail-scroll');\n  const filterBar = byId<HTMLDivElement>('filter-bar');\n  const searchInput = byId<HTMLInputElement>('search-input');\n  const methodSelect = byId<HTMLSelectElement>('method-select');\n  const statusSelect = byId<HTMLSelectElement>('status-select');\n  const sourceSelect = byId<HTMLSelectElement>('source-select');\n  const userSelect = byId<HTMLSelectElement>('user-select');\n  const themeSwitch = byId<HTMLDivElement>('theme-switch');\n\n  let allRequests: RequestSummary[] = [];\n  let filteredRequests: RequestSummary[] = [];\n  let selectedId: string | null = null;\n  let currentEntry: RequestEntry | null = null;\n\n  // ── Theme (Auto/Dark/Light) ────────────────────────────────────────────────\n  // The page's <head> already set the stored theme before first paint; this keeps the buttons in\n  // step. Shared with the dev panel and the Variables Editor (see ../theme.ts).\n  const showTheme = (theme: ThemeChoice) => {\n    applyTheme(theme);\n\n    for (const button of Array.from(themeSwitch.children) as HTMLElement[]) {\n      const isActive = button.dataset.themeChoice === theme;\n\n      button.classList.toggle('active', isActive);\n      button.setAttribute('aria-pressed', String(isActive));\n    }\n  };\n\n  // ── List ───────────────────────────────────────────────────────────────────\n  const updateStats = (data: Pick<ListResponse, 'total' | 'memoryUsage' | 'maxMemory'>) => {\n    const pct = data.maxMemory > 0 ? Math.min(100, (data.memoryUsage / data.maxMemory) * 100) : 0;\n\n    byId('req-count').textContent = data.total + ' request' + (data.total !== 1 ? 's' : '');\n    byId('mem-fill').style.width = pct + '%';\n    byId('mem-text').textContent = formatBytes(data.memoryUsage) + ' / ' + formatBytes(data.maxMemory);\n  };\n\n  // The user filter only shows up once a request was sent as a saved user.\n  const updateUserOptions = () => {\n    const names = Array.from(new Set(allRequests.map((r) => r.user).filter((u): u is string => Boolean(u)))).sort();\n    const current = userSelect.value;\n\n    userSelect.style.display = names.length ? '' : 'none';\n    userSelect.replaceChildren(\n      new Option('All users', ''),\n      new Option('Original', ORIGINAL_USER),\n      ...names.map((name) => new Option(name, name)),\n    );\n    userSelect.value = current === ORIGINAL_USER || names.includes(current) ? current : '';\n  };\n\n  const renderList = () => {\n    const atBottom = listEl.scrollTop + listEl.clientHeight >= listEl.scrollHeight - 16;\n\n    listEl.innerHTML = renderListHtml(filteredRequests, selectedId);\n\n    if (atBottom && filteredRequests.length) {\n      listEl.scrollTop = listEl.scrollHeight;\n    }\n  };\n\n  const applyFilter = () => {\n    const search = searchInput.value.toLowerCase();\n    const method = methodSelect.value;\n    const status = statusSelect.value;\n    const source = sourceSelect.value;\n    const user = userSelect.value;\n\n    filteredRequests = allRequests.filter(\n      (r) =>\n        !(user && (r.user || ORIGINAL_USER) !== user) &&\n        !(method && r.method !== method) &&\n        !(status && !String(r.statusCode || '').startsWith(status)) &&\n        !(source && r.source !== source) &&\n        !(search && !r.url.toLowerCase().includes(search)),\n    );\n\n    renderList();\n  };\n\n  const showDetailEmpty = () => {\n    detailPanel.style.display = 'none';\n    detailEmpty.style.display = 'flex';\n  };\n\n  const fetchList = async () => {\n    try {\n      const data = (await (await fetch('/@api/requests')).json()) as ListResponse;\n\n      allRequests = data.requests || [];\n      updateStats(data);\n      updateUserOptions();\n      applyFilter();\n\n      if (selectedId && !allRequests.find((r) => r.id === selectedId)) {\n        selectedId = null;\n        showDetailEmpty();\n      }\n    } catch {\n      // The dev server is restarting; the next poll tries again.\n    }\n  };\n\n  // ── Detail ─────────────────────────────────────────────────────────────────\n  const selectRequest = async (id: string) => {\n    selectedId = id;\n    renderList();\n\n    detailEmpty.style.display = 'none';\n    detailPanel.style.display = 'flex';\n    detailPanel.style.flexDirection = 'column';\n    detailPanel.style.overflow = 'hidden';\n    detailScroll.innerHTML = '<div style=\"padding:20px;color:var(--text3)\">Loading…</div>';\n\n    try {\n      const response = await fetch('/@api/requests/' + encodeURIComponent(id));\n\n      if (!response.ok) {\n        showDetailEmpty();\n\n        return;\n      }\n\n      currentEntry = (await response.json()) as RequestEntry;\n      detailInfo.innerHTML = renderDetailInfoHtml(currentEntry);\n      detailUrl.innerHTML = renderDetailUrlHtml(currentEntry);\n      detailScroll.innerHTML = renderDetailSectionsHtml(currentEntry, captureLimit);\n    } catch {\n      showDetailEmpty();\n    }\n  };\n\n  const toggleSection = (header: HTMLElement) => {\n    const body = header.nextElementSibling;\n    const toggle = header.querySelector('.toggle');\n\n    if (body && toggle) {\n      toggle.textContent = body.classList.toggle('collapsed') ? '▸' : '▾';\n    }\n  };\n\n  const clearAll = async () => {\n    await fetch('/@api/requests', { method: 'DELETE' });\n\n    allRequests = [];\n    filteredRequests = [];\n    selectedId = null;\n\n    showDetailEmpty();\n    renderList();\n    updateStats({ total: 0, memoryUsage: 0, maxMemory: 1024 * 1024 * 1024 });\n  };\n\n  // ── Copy / Save ────────────────────────────────────────────────────────────\n  const clipboard = (text: string, button: HTMLElement) => {\n    navigator.clipboard\n      .writeText(text)\n      .then(() => {\n        const label = button.textContent;\n\n        button.textContent = '✓';\n        button.style.color = 'var(--green)';\n        setTimeout(() => {\n          button.textContent = label;\n          button.style.color = '';\n        }, 1500);\n      })\n      .catch(() => {});\n  };\n\n  const copyHeaders = (type: Side, button: HTMLElement) => {\n    const headers = type === 'request' ? currentEntry?.requestHeaders : currentEntry?.responseHeaders;\n\n    if (!headers) {\n      return;\n    }\n\n    const text = Object.entries(headers)\n      .filter(([, v]) => v != null)\n      .map(([k, v]) => k + ': ' + (Array.isArray(v) ? v.join(', ') : String(v)))\n      .join('\\n');\n\n    clipboard(text, button);\n  };\n\n  const bodyOf = (type: Side) => (type === 'request' ? currentEntry?.requestBody : currentEntry?.responseBody);\n\n  const copyBody = (type: Side, button: HTMLElement) => {\n    const b64 = bodyOf(type);\n\n    if (!b64) {\n      return;\n    }\n\n    try {\n      clipboard(decodeTextBody(b64), button);\n    } catch {\n      // Not text after all.\n    }\n  };\n\n  const saveBody = (type: Side) => {\n    const b64 = bodyOf(type);\n    const contentType = type === 'request' ? currentEntry?.requestContentType : currentEntry?.responseContentType;\n\n    if (!b64) {\n      return;\n    }\n\n    try {\n      const url = URL.createObjectURL(new Blob([decodeBase64(b64) as BlobPart]));\n      const link = document.createElement('a');\n\n      link.href = url;\n      link.download = type + '-body.' + fileExt(contentType);\n      document.body.appendChild(link);\n      link.click();\n      document.body.removeChild(link);\n      setTimeout(() => URL.revokeObjectURL(url), 1000);\n    } catch {\n      // Not valid base64.\n    }\n  };\n\n  // ── Events ─────────────────────────────────────────────────────────────────\n  // One handler for the whole page: list items carry `data-id`, buttons `data-action` (and\n  // `data-type` for request/response), the theme buttons `data-theme-choice`.\n  const onClick = (event: MouseEvent) => {\n    const target = event.target as HTMLElement;\n    const themeButton = target.closest<HTMLElement>('[data-theme-choice]');\n\n    if (themeButton) {\n      const theme = themeButton.dataset.themeChoice as ThemeChoice;\n\n      setTheme(theme);\n      showTheme(theme);\n\n      return;\n    }\n\n    const actionEl = target.closest<HTMLElement>('[data-action]');\n    const type = actionEl?.dataset.type as Side;\n\n    switch (actionEl?.dataset.action) {\n      case 'clear':\n        void clearAll();\n\n        return;\n      case 'copy-url':\n        clipboard(currentEntry?.url ?? '', actionEl);\n\n        return;\n      case 'copy-headers':\n        copyHeaders(type, actionEl);\n\n        return;\n      case 'copy-body':\n        copyBody(type, actionEl);\n\n        return;\n      case 'save-body':\n        saveBody(type);\n\n        return;\n      case 'toggle-section':\n        toggleSection(actionEl);\n\n        return;\n    }\n\n    const item = target.closest<HTMLElement>('.req-item');\n\n    if (item?.dataset.id) {\n      void selectRequest(item.dataset.id);\n    }\n  };\n\n  document.addEventListener('click', onClick);\n  filterBar.addEventListener('input', applyFilter);\n  filterBar.addEventListener('change', applyFilter);\n\n  showTheme(getStoredTheme());\n  void fetchList();\n\n  const poll = setInterval(() => void fetchList(), pollIntervalMs);\n\n  return () => {\n    clearInterval(poll);\n    document.removeEventListener('click', onClick);\n    filterBar.removeEventListener('input', applyFilter);\n    filterBar.removeEventListener('change', applyFilter);\n  };\n}\n","// Entry of the Request Inspector bundle: its styles and page, built next to it in dist/client.\nimport './request-inspector.scss';\nimport './request-inspector.html';\nimport { startInspector } from './inspector.js';\n\nstartInspector();\n"],"names":[],"mappings":"AAAA;AACA;AAEO,MAAM,YAAY,GAAG;AAC1B,IAIA;AACA,IAAA,KAAK,EAAE,mBAAmB;CAClB;SAEM,iBAAiB,GAAA;AAC/B,IAAA,IAAI;AACF,QAAA,YAAY,CAAC,OAAO,CAAC,MAAM,EAAE,MAAM,CAAC;AACpC,QAAA,YAAY,CAAC,UAAU,CAAC,MAAM,CAAC;AAE/B,QAAA,OAAO,IAAI;IACb;IAAE,OAAO,CAAC,EAAE;AACV,QAAA,OAAO,KAAK;IACd;AACF;AAEM,SAAU,cAAc,CAAC,GAAW,EAAE,KAAa,EAAA;IACvD,IAAI,iBAAiB,EAAE,EAAE;AACvB,QAAA,YAAY,CAAC,OAAO,CAAC,GAAG,EAAE,KAAK,CAAC;IAClC;AACF;AAEM,SAAU,cAAc,CAAC,GAAW,EAAA;IACxC,IAAI,iBAAiB,EAAE,EAAE;AACvB,QAAA,OAAO,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC;IAClC;AAEA,IAAA,OAAO,IAAI;AACb;;ACnCA;AACA;AACA;AACA;AAKA,MAAM,UAAU,GAAG,mBAAmB;SAEtB,cAAc,GAAA;IAC5B,MAAM,KAAK,GAAG,cAAc,CAAC,YAAY,CAAC,KAAK,CAAC;AAEhD,IAAA,OAAO,KAAK,KAAK,MAAM,IAAI,KAAK,KAAK,OAAO,GAAG,KAAK,GAAG,MAAM;AAC/D;AAEM,SAAU,UAAU,CAAC,KAAkB,EAAA;IAC3C,IAAI,KAAK,KAAK,MAAM,IAAI,KAAK,KAAK,OAAO,EAAE;QACzC,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC,UAAU,EAAE,KAAK,CAAC;IAC1D;SAAO;AACL,QAAA,QAAQ,CAAC,eAAe,CAAC,eAAe,CAAC,UAAU,CAAC;IACtD;AACF;AAEM,SAAU,QAAQ,CAAC,KAAkB,EAAA;AACzC,IAAA,cAAc,CAAC,YAAY,CAAC,KAAK,EAAE,KAAK,CAAC;IACzC,UAAU,CAAC,KAAK,CAAC;AACnB;;AC3BA;AAEA;AACM,SAAU,GAAG,CAAC,KAAc,EAAA;AAChC,IAAA,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC;AACjH;AAEM,SAAU,WAAW,CAAC,KAAyB,EAAA;AACnD,IAAA,MAAM,CAAC,GAAG,KAAK,IAAI,CAAC;AAEpB,IAAA,IAAI,CAAC,GAAG,IAAI,EAAE;QACZ,OAAO,CAAC,GAAG,IAAI;IACjB;AAEA,IAAA,IAAI,CAAC,GAAG,IAAI,GAAG,IAAI,EAAE;AACnB,QAAA,OAAO,CAAC,CAAC,GAAG,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,KAAK;IACtC;IAEA,IAAI,CAAC,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,EAAE;AAC1B,QAAA,OAAO,CAAC,CAAC,IAAI,IAAI,GAAG,IAAI,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,KAAK;IAC/C;AAEA,IAAA,OAAO,CAAC,CAAC,IAAI,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,KAAK;AACtD;AAEM,SAAU,SAAS,CAAC,EAAU,EAAA;AAClC,IAAA,IAAI,EAAE,GAAG,IAAI,EAAE;QACb,OAAO,EAAE,GAAG,IAAI;IAClB;AAEA,IAAA,OAAO,CAAC,EAAE,GAAG,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,GAAG;AACrC;AAEA,MAAM,cAAc,GAA2B;AAC7C,IAAA,GAAG,EAAE,OAAO;AACZ,IAAA,IAAI,EAAE,QAAQ;AACd,IAAA,GAAG,EAAE,OAAO;AACZ,IAAA,KAAK,EAAE,SAAS;AAChB,IAAA,MAAM,EAAE,UAAU;AAClB,IAAA,IAAI,EAAE,QAAQ;AACd,IAAA,OAAO,EAAE,WAAW;CACrB;AAEK,SAAU,WAAW,CAAC,MAAc,EAAA;AACxC,IAAA,OAAO,cAAc,CAAC,MAAM,CAAC,IAAI,SAAS;AAC5C;AAEM,SAAU,WAAW,CAAC,MAAiC,EAAA;IAC3D,IAAI,CAAC,MAAM,EAAE;AACX,QAAA,OAAO,WAAW;IACpB;IAEA,OAAO,CAAC,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,CAAC,CAAC,IAAI,EAAE;AACrF;AAEM,SAAU,UAAU,CAAC,MAA0B,EAAA;AACnD,IAAA,IAAI,MAAM,KAAK,OAAO,EAAE;QACtB,OAAO,EAAE,GAAG,EAAE,WAAW,EAAE,KAAK,EAAE,gBAAgB,EAAE;IACtD;AAEA,IAAA,IAAI,MAAM,KAAK,aAAa,EAAE;QAC5B,OAAO,EAAE,GAAG,EAAE,iBAAiB,EAAE,KAAK,EAAE,kBAAkB,EAAE;IAC9D;IAEA,OAAO,EAAE,GAAG,EAAE,WAAW,EAAE,KAAK,EAAE,oBAAoB,EAAE;AAC1D;AAEM,SAAU,YAAY,CAAC,MAA0B,EAAA;AACrD,IAAA,IAAI,MAAM,KAAK,OAAO,EAAE;AACtB,QAAA,OAAO,GAAG;IACZ;AAEA,IAAA,IAAI,MAAM,KAAK,aAAa,EAAE;AAC5B,QAAA,OAAO,GAAG;IACZ;AAEA,IAAA,OAAO,GAAG;AACZ;AAEA,MAAM,eAAe,GAA2B;AAC9C,IAAA,kBAAkB,EAAE,MAAM;AAC1B,IAAA,WAAW,EAAE,MAAM;AACnB,IAAA,UAAU,EAAE,KAAK;AACjB,IAAA,iBAAiB,EAAE,IAAI;AACvB,IAAA,wBAAwB,EAAE,IAAI;AAC9B,IAAA,YAAY,EAAE,KAAK;AACnB,IAAA,UAAU,EAAE,KAAK;AACjB,IAAA,iBAAiB,EAAE,KAAK;AACxB,IAAA,WAAW,EAAE,KAAK;AAClB,IAAA,YAAY,EAAE,KAAK;AACnB,IAAA,WAAW,EAAE,KAAK;AAClB,IAAA,eAAe,EAAE,KAAK;AACtB,IAAA,YAAY,EAAE,MAAM;AACpB,IAAA,iBAAiB,EAAE,KAAK;AACxB,IAAA,iBAAiB,EAAE,KAAK;AACxB,IAAA,mCAAmC,EAAE,KAAK;AAC1C,IAAA,0BAA0B,EAAE,KAAK;CAClC;AAED;AACM,SAAU,OAAO,CAAC,WAA+B,EAAA;IACrD,OAAO,eAAe,CAAC,CAAC,WAAW,IAAI,EAAE,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC,IAAI,KAAK;AACzF;AAEM,SAAU,YAAY,CAAC,GAAW,EAAA;IACtC,OAAO,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;AAC3D;AAEM,SAAU,cAAc,CAAC,GAAW,EAAA;AACxC,IAAA,OAAO,IAAI,WAAW,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;AAC3D;AAEA;AACM,SAAU,mBAAmB,CAAC,IAAY,EAAA;AAC9C,IAAA,IAAI,GAAW;AAEf,IAAA,IAAI;AACF,QAAA,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;IACjD;AAAE,IAAA,MAAM;;;AAGN,QAAA,OAAO,GAAG,CAAC,IAAI,CAAC;IAClB;IAEA,OAAO,GAAG,CAAC,OAAO,CAChB,qGAAqG,EACrG,CAAC,CAAC,KAAI;AACJ,QAAA,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE;AAChB,YAAA,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE;gBAChB,OAAO,8BAA8B,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,SAAS;YAC5D;YAEA,OAAO,8BAA8B,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,SAAS;QAC5D;AAEA,QAAA,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE;AACxB,YAAA,OAAO,+BAA+B,GAAG,CAAC,GAAG,SAAS;QACxD;AAEA,QAAA,IAAI,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE;AAClB,YAAA,OAAO,+BAA+B,GAAG,CAAC,GAAG,SAAS;QACxD;AAEA,QAAA,OAAO,8BAA8B,GAAG,CAAC,GAAG,SAAS;AACvD,IAAA,CAAC,CACF;AACH;;AClJA;AACA;AA4CM,SAAU,cAAc,CAAC,QAA0B,EAAE,UAAyB,EAAA;AAClF,IAAA,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE;AACpB,QAAA,OAAO,gGAAgG;IACzG;AAEA,IAAA,OAAO;AACJ,SAAA,GAAG,CAAC,CAAC,CAAC,KAAI;AACT,QAAA,MAAM,GAAG,GAAG,CAAC,CAAC,EAAE,KAAK,UAAU,GAAG,WAAW,GAAG,EAAE;QAClD,MAAM,GAAG,GAAG,CAAC,CAAC,QAAQ,IAAI,IAAI,GAAG,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,GAAG;AAC5D,QAAA,MAAM,MAAM,GAAG,CAAC,CAAC,MAAM,IAAI,OAAO;QAElC,OAAO,CAAA,yBAAA,EAA4B,MAAM,CAAA,EAAG,GAAG,CAAA,WAAA,EAAc,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAA;kCAC1C,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAA,EAAA,EAAK,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAA;QACjE,CAAC,CAAC,IAAI,GAAG,CAAA,oDAAA,EAAuD,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAA,EAAA,EAAK,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAA,OAAA,CAAS,GAAG,EAAE;qCAC5E,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAA,EAAA,EAAK,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAA;;;AAGZ,gDAAA,EAAA,MAAM,KAAK,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAA;sCAC7C,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,UAAU,IAAI,GAAG,CAAA;;gBAEvE,GAAG,CAAA;AACH,cAAA,EAAA,WAAW,CAAC,CAAC,CAAC,YAAY,IAAI,CAAC,CAAC,CAAA;;WAErC;AACP,IAAA,CAAC;SACA,IAAI,CAAC,EAAE,CAAC;AACb;AAEM,SAAU,oBAAoB,CAAC,CAAe,EAAA;IAClD,MAAM,GAAG,GAAG,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC;IAEhC,OAAO;mHAC0G,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAA,EAAA,EAAK,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAA;mHACvC,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,UAAU,IAAI,GAAG,CAAA;AAClD,gHAAA,EAAA,GAAG,CAAC,GAAG,CAAA,EAAA,EAAK,GAAG,CAAC,KAAK,CAAA;AAChD,qFAAA,EAAA,CAAC,CAAC,IAAI,GAAG,2BAA2B,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAA,OAAA,CAAS,GAAG,UAAU,CAAA;AACjE,yFAAA,EAAA,CAAC,CAAC,QAAQ,IAAI,IAAI,GAAG,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,GAAG,CAAA;AACjD,wFAAA,EAAA,WAAW,CAAC,CAAC,CAAC,eAAe,IAAI,CAAC,CAAC,CAAA;AAClC,yFAAA,EAAA,WAAW,CAAC,CAAC,CAAC,gBAAgB,IAAI,CAAC,CAAC,CAAA;8GACjB,IAAI,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,kBAAkB,EAAE,CAAA;GACrJ;AACH;AAEM,SAAU,mBAAmB,CAAC,CAAe,EAAA;AACjD,IAAA,OAAO,CAAA,mCAAA,EAAsC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAA,EAAA,EAAK,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,8EAA8E;AACtJ;AAEA,SAAS,WAAW,CAAC,KAAa,EAAE,KAAa,EAAE,OAAe,EAAE,IAAY,EAAA;IAC9E,OAAO,CAAA;;;oCAG2B,KAAK,CAAA;QACjC,KAAK;QACL,OAAO,GAAG,CAAA,6BAAA,EAAgC,OAAO,CAAA,MAAA,CAAQ,GAAG,EAAE;;uCAE/B,IAAI,CAAA;SAClC;AACT;SAEgB,wBAAwB,CAAC,KAAa,EAAE,OAA4B,EAAE,IAAU,EAAA;IAC9F,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC;IAC1E,MAAM,IAAI,GAAG;AACV,SAAA,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAA,QAAA,EAAW,GAAG,CAAC,CAAC,CAAC,YAAY,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,YAAY;SACzG,IAAI,CAAC,EAAE,CAAC;AACX,IAAA,MAAM,IAAI,GAAG,OAAO,CAAC;UACjB,CAAA,kEAAA,EAAqE,IAAI,CAAA,eAAA;UACzE,EAAE;AAEN,IAAA,OAAO,WAAW,CAChB,KAAK,EACL,CAAA,4BAAA,EAA+B,OAAO,CAAC,MAAM,CAAA,OAAA,CAAS,EACtD,IAAI,EACJ,CAAA,wBAAA,EAA2B,IAAI,CAAA,QAAA,CAAU,CAC1C;AACH;AAEA,SAAS,eAAe,CAAC,GAAkB,EAAE,EAAU,EAAE,SAAkB,EAAE,IAAY,EAAA;AACvF,IAAA,IAAI,CAAC,GAAG,IAAI,CAAC,SAAS,EAAE;AACtB,QAAA,OAAO,wCAAwC;IACjD;IAEA,IAAI,SAAS,EAAE;AACb,QAAA,OAAO,uDAAuD,WAAW,CAAC,IAAI,CAAC,SAAS;IAC1F;AAEA,IAAA,IAAI,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC,QAAQ,CAAC,aAAa,CAAC,IAAI,EAAE,KAAK,YAAY,EAAE;AAC5E,QAAA,MAAM,IAAI,GAAG,cAAc,CAAC,GAAI,CAAC;AAEjC,QAAA,OAAO,EAAE,CAAC,QAAQ,CAAC,MAAM;AACvB,cAAE,CAAA,+BAAA,EAAkC,mBAAmB,CAAC,IAAI,CAAC,CAAA,MAAA;AAC7D,cAAE,CAAA,0BAAA,EAA6B,GAAG,CAAC,IAAI,CAAC,QAAQ;IACpD;AAEA,IAAA,IAAI,EAAE,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE;QAC1B,OAAO,CAAA,0BAAA,EAA6B,GAAG,CAAC,cAAc,CAAC,GAAI,CAAC,CAAC,CAAA,MAAA,CAAQ;IACvE;AAEA,IAAA,IAAI,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,IAAI,GAAG,IAAI,GAAG,IAAI,EAAE;QACjD,OAAO,CAAA,kCAAA,EAAqC,GAAG,CAAC,EAAE,CAAC,CAAA,QAAA,EAAW,GAAG,iBAAiB;IACpF;AAEA,IAAA,IAAI,EAAE,KAAK,mCAAmC,EAAE;QAC9C,MAAM,MAAM,GAAG,IAAI,eAAe,CAAC,cAAc,CAAC,GAAI,CAAC,CAAC;AACxD,QAAA,MAAM,IAAI,GAAG,CAAC,GAAG,MAAM,CAAC,OAAO,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,WAAW,GAAG,CAAC,CAAC,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC;QAE5G,OAAO,CAAA,wBAAA,EAA2B,IAAI,CAAA,QAAA,CAAU;IAClD;AAEA,IAAA,OAAO,CAAA,uCAAA,EAA0C,WAAW,CAAC,IAAI,CAAC,CAAA,EAAA,EAAK,GAAG,CAAC,EAAE,IAAI,cAAc,CAAC,SAAS;AAC3G;AAEM,SAAU,qBAAqB,CACnC,KAAa,EACb,GAAkB,EAClB,WAA+B,EAC/B,SAAkB,EAClB,IAAY,EACZ,IAAU,EACV,YAAoB,EAAA;IAEpB,MAAM,EAAE,GAAG,CAAC,WAAW,IAAI,EAAE,EAAE,WAAW,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE;AACjE,IAAA,MAAM,MAAM,GACV,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC;AACnB,QAAA,EAAE,CAAC,UAAU,CAAC,OAAO,CAAC;AACtB,QAAA,EAAE,CAAC,QAAQ,CAAC,aAAa,CAAC;AAC1B,QAAA,EAAE,KAAK,iBAAiB;QACxB,EAAE,KAAK,mCAAmC;AAC5C,IAAA,MAAM,IAAI,GACR,GAAG,IAAI,MAAM,GAAG,CAAA,+DAAA,EAAkE,IAAI,CAAA,eAAA,CAAiB,GAAG,EAAE;AAC9G,IAAA,MAAM,IAAI,GAAG,GAAG,GAAG,CAAA,+DAAA,EAAkE,IAAI,CAAA,eAAA,CAAiB,GAAG,EAAE;IAC/G,MAAM,IAAI,GAAG;AACX,UAAE,CAAA,sEAAA,EAAyE,WAAW,CAAC,YAAY,CAAC,CAAA,OAAA;UAClG,EAAE;AAEN,IAAA,OAAO,WAAW,CAChB,KAAK,EACL,IAAI,GAAG,CAAA,4BAAA,EAA+B,WAAW,CAAC,IAAI,CAAC,CAAA,OAAA,CAAS,GAAG,EAAE,EACrE,IAAI,GAAG,IAAI,EACX,eAAe,CAAC,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,CAAC,GAAG,IAAI,CACjD;AACH;AAEM,SAAU,wBAAwB,CAAC,CAAe,EAAE,YAAoB,EAAA;IAC5E,OAAO;QACL,wBAAwB,CAAC,iBAAiB,EAAE,CAAC,CAAC,cAAc,EAAE,SAAS,CAAC;QACxE,qBAAqB,CACnB,cAAc,EACd,CAAC,CAAC,WAAW,EACb,CAAC,CAAC,kBAAkB,EACpB,CAAC,CAAC,oBAAoB,EACtB,CAAC,CAAC,eAAe,EACjB,SAAS,EACT,YAAY,CACb;QACD,wBAAwB,CAAC,kBAAkB,EAAE,CAAC,CAAC,eAAe,EAAE,UAAU,CAAC;QAC3E,qBAAqB,CACnB,eAAe,EACf,CAAC,CAAC,YAAY,EACd,CAAC,CAAC,mBAAmB,EACrB,CAAC,CAAC,qBAAqB,EACvB,CAAC,CAAC,gBAAgB,EAClB,UAAU,EACV,YAAY,CACb;AACF,KAAA,CAAC,IAAI,CAAC,EAAE,CAAC;AACZ;;AClNA;AACA;AAaA;AACA,MAAM,aAAa,GAAG,WAAW;AACjC,MAAM,qBAAqB,GAAG,EAAE,GAAG,IAAI,GAAG,IAAI;AAc9C;AACM,SAAU,cAAc,CAAC,EAAE,cAAc,GAAG,IAAI,KAAuB,EAAE,EAAA;AAC7E,IAAA,MAAM,IAAI,GAAG,CAAwB,EAAU,KAAK,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAM;AAEpF,IAAA,MAAM,YAAY,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,qBAAqB;AACxF,IAAA,MAAM,MAAM,GAAG,IAAI,CAAiB,UAAU,CAAC;AAC/C,IAAA,MAAM,WAAW,GAAG,IAAI,CAAiB,cAAc,CAAC;AACxD,IAAA,MAAM,WAAW,GAAG,IAAI,CAAiB,cAAc,CAAC;AACxD,IAAA,MAAM,UAAU,GAAG,IAAI,CAAiB,aAAa,CAAC;AACtD,IAAA,MAAM,SAAS,GAAG,IAAI,CAAiB,YAAY,CAAC;AACpD,IAAA,MAAM,YAAY,GAAG,IAAI,CAAiB,eAAe,CAAC;AAC1D,IAAA,MAAM,SAAS,GAAG,IAAI,CAAiB,YAAY,CAAC;AACpD,IAAA,MAAM,WAAW,GAAG,IAAI,CAAmB,cAAc,CAAC;AAC1D,IAAA,MAAM,YAAY,GAAG,IAAI,CAAoB,eAAe,CAAC;AAC7D,IAAA,MAAM,YAAY,GAAG,IAAI,CAAoB,eAAe,CAAC;AAC7D,IAAA,MAAM,YAAY,GAAG,IAAI,CAAoB,eAAe,CAAC;AAC7D,IAAA,MAAM,UAAU,GAAG,IAAI,CAAoB,aAAa,CAAC;AACzD,IAAA,MAAM,WAAW,GAAG,IAAI,CAAiB,cAAc,CAAC;IAExD,IAAI,WAAW,GAAqB,EAAE;IACtC,IAAI,gBAAgB,GAAqB,EAAE;IAC3C,IAAI,UAAU,GAAkB,IAAI;IACpC,IAAI,YAAY,GAAwB,IAAI;;;;AAK5C,IAAA,MAAM,SAAS,GAAG,CAAC,KAAkB,KAAI;QACvC,UAAU,CAAC,KAAK,CAAC;AAEjB,QAAA,KAAK,MAAM,MAAM,IAAI,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAkB,EAAE;YACtE,MAAM,QAAQ,GAAG,MAAM,CAAC,OAAO,CAAC,WAAW,KAAK,KAAK;YAErD,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,EAAE,QAAQ,CAAC;YAC3C,MAAM,CAAC,YAAY,CAAC,cAAc,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC;QACvD;AACF,IAAA,CAAC;;AAGD,IAAA,MAAM,WAAW,GAAG,CAAC,IAA+D,KAAI;AACtF,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,SAAS,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,SAAS,IAAI,GAAG,CAAC,GAAG,CAAC;QAE7F,IAAI,CAAC,WAAW,CAAC,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,GAAG,UAAU,IAAI,IAAI,CAAC,KAAK,KAAK,CAAC,GAAG,GAAG,GAAG,EAAE,CAAC;QACvF,IAAI,CAAC,UAAU,CAAC,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,GAAG,GAAG;QACxC,IAAI,CAAC,UAAU,CAAC,CAAC,WAAW,GAAG,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,KAAK,GAAG,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC;AACpG,IAAA,CAAC;;IAGD,MAAM,iBAAiB,GAAG,MAAK;AAC7B,QAAA,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAkB,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE;AAC/G,QAAA,MAAM,OAAO,GAAG,UAAU,CAAC,KAAK;AAEhC,QAAA,UAAU,CAAC,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,MAAM,GAAG,EAAE,GAAG,MAAM;AACrD,QAAA,UAAU,CAAC,eAAe,CACxB,IAAI,MAAM,CAAC,WAAW,EAAE,EAAE,CAAC,EAC3B,IAAI,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,EACrC,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,IAAI,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAC/C;QACD,UAAU,CAAC,KAAK,GAAG,OAAO,KAAK,aAAa,IAAI,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,GAAG,OAAO,GAAG,EAAE;AACxF,IAAA,CAAC;IAED,MAAM,UAAU,GAAG,MAAK;AACtB,QAAA,MAAM,QAAQ,GAAG,MAAM,CAAC,SAAS,GAAG,MAAM,CAAC,YAAY,IAAI,MAAM,CAAC,YAAY,GAAG,EAAE;QAEnF,MAAM,CAAC,SAAS,GAAG,cAAc,CAAC,gBAAgB,EAAE,UAAU,CAAC;AAE/D,QAAA,IAAI,QAAQ,IAAI,gBAAgB,CAAC,MAAM,EAAE;AACvC,YAAA,MAAM,CAAC,SAAS,GAAG,MAAM,CAAC,YAAY;QACxC;AACF,IAAA,CAAC;IAED,MAAM,WAAW,GAAG,MAAK;QACvB,MAAM,MAAM,GAAG,WAAW,CAAC,KAAK,CAAC,WAAW,EAAE;AAC9C,QAAA,MAAM,MAAM,GAAG,YAAY,CAAC,KAAK;AACjC,QAAA,MAAM,MAAM,GAAG,YAAY,CAAC,KAAK;AACjC,QAAA,MAAM,MAAM,GAAG,YAAY,CAAC,KAAK;AACjC,QAAA,MAAM,IAAI,GAAG,UAAU,CAAC,KAAK;QAE7B,gBAAgB,GAAG,WAAW,CAAC,MAAM,CACnC,CAAC,CAAC,KACA,EAAE,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,IAAI,aAAa,MAAM,IAAI,CAAC;YAC7C,EAAE,MAAM,IAAI,CAAC,CAAC,MAAM,KAAK,MAAM,CAAC;AAChC,YAAA,EAAE,MAAM,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,IAAI,EAAE,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;YAC3D,EAAE,MAAM,IAAI,CAAC,CAAC,MAAM,KAAK,MAAM,CAAC;AAChC,YAAA,EAAE,MAAM,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CACrD;AAED,QAAA,UAAU,EAAE;AACd,IAAA,CAAC;IAED,MAAM,eAAe,GAAG,MAAK;AAC3B,QAAA,WAAW,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM;AAClC,QAAA,WAAW,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM;AACpC,IAAA,CAAC;AAED,IAAA,MAAM,SAAS,GAAG,YAAW;AAC3B,QAAA,IAAI;AACF,YAAA,MAAM,IAAI,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,gBAAgB,CAAC,EAAE,IAAI,EAAE,CAAiB;AAE3E,YAAA,WAAW,GAAG,IAAI,CAAC,QAAQ,IAAI,EAAE;YACjC,WAAW,CAAC,IAAI,CAAC;AACjB,YAAA,iBAAiB,EAAE;AACnB,YAAA,WAAW,EAAE;AAEb,YAAA,IAAI,UAAU,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,UAAU,CAAC,EAAE;gBAC/D,UAAU,GAAG,IAAI;AACjB,gBAAA,eAAe,EAAE;YACnB;QACF;AAAE,QAAA,MAAM;;QAER;AACF,IAAA,CAAC;;AAGD,IAAA,MAAM,aAAa,GAAG,OAAO,EAAU,KAAI;QACzC,UAAU,GAAG,EAAE;AACf,QAAA,UAAU,EAAE;AAEZ,QAAA,WAAW,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM;AAClC,QAAA,WAAW,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM;AAClC,QAAA,WAAW,CAAC,KAAK,CAAC,aAAa,GAAG,QAAQ;AAC1C,QAAA,WAAW,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ;AACrC,QAAA,YAAY,CAAC,SAAS,GAAG,6DAA6D;AAEtF,QAAA,IAAI;AACF,YAAA,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,iBAAiB,GAAG,kBAAkB,CAAC,EAAE,CAAC,CAAC;AAExE,YAAA,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE;AAChB,gBAAA,eAAe,EAAE;gBAEjB;YACF;YAEA,YAAY,IAAI,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAiB;AACtD,YAAA,UAAU,CAAC,SAAS,GAAG,oBAAoB,CAAC,YAAY,CAAC;AACzD,YAAA,SAAS,CAAC,SAAS,GAAG,mBAAmB,CAAC,YAAY,CAAC;YACvD,YAAY,CAAC,SAAS,GAAG,wBAAwB,CAAC,YAAY,EAAE,YAAY,CAAC;QAC/E;AAAE,QAAA,MAAM;AACN,YAAA,eAAe,EAAE;QACnB;AACF,IAAA,CAAC;AAED,IAAA,MAAM,aAAa,GAAG,CAAC,MAAmB,KAAI;AAC5C,QAAA,MAAM,IAAI,GAAG,MAAM,CAAC,kBAAkB;QACtC,MAAM,MAAM,GAAG,MAAM,CAAC,aAAa,CAAC,SAAS,CAAC;AAE9C,QAAA,IAAI,IAAI,IAAI,MAAM,EAAE;AAClB,YAAA,MAAM,CAAC,WAAW,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC,GAAG,GAAG,GAAG,GAAG;QACrE;AACF,IAAA,CAAC;AAED,IAAA,MAAM,QAAQ,GAAG,YAAW;QAC1B,MAAM,KAAK,CAAC,gBAAgB,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC;QAEnD,WAAW,GAAG,EAAE;QAChB,gBAAgB,GAAG,EAAE;QACrB,UAAU,GAAG,IAAI;AAEjB,QAAA,eAAe,EAAE;AACjB,QAAA,UAAU,EAAE;AACZ,QAAA,WAAW,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,WAAW,EAAE,CAAC,EAAE,SAAS,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,EAAE,CAAC;AAC1E,IAAA,CAAC;;AAGD,IAAA,MAAM,SAAS,GAAG,CAAC,IAAY,EAAE,MAAmB,KAAI;AACtD,QAAA,SAAS,CAAC;aACP,SAAS,CAAC,IAAI;aACd,IAAI,CAAC,MAAK;AACT,YAAA,MAAM,KAAK,GAAG,MAAM,CAAC,WAAW;AAEhC,YAAA,MAAM,CAAC,WAAW,GAAG,GAAG;AACxB,YAAA,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,cAAc;YACnC,UAAU,CAAC,MAAK;AACd,gBAAA,MAAM,CAAC,WAAW,GAAG,KAAK;AAC1B,gBAAA,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,EAAE;YACzB,CAAC,EAAE,IAAI,CAAC;AACV,QAAA,CAAC;AACA,aAAA,KAAK,CAAC,MAAK,EAAE,CAAC,CAAC;AACpB,IAAA,CAAC;AAED,IAAA,MAAM,WAAW,GAAG,CAAC,IAAU,EAAE,MAAmB,KAAI;AACtD,QAAA,MAAM,OAAO,GAAG,IAAI,KAAK,SAAS,GAAG,YAAY,EAAE,cAAc,GAAG,YAAY,EAAE,eAAe;QAEjG,IAAI,CAAC,OAAO,EAAE;YACZ;QACF;AAEA,QAAA,MAAM,IAAI,GAAG,MAAM,CAAC,OAAO,CAAC,OAAO;AAChC,aAAA,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,IAAI,IAAI;AAC3B,aAAA,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,GAAG,IAAI,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;aACxE,IAAI,CAAC,IAAI,CAAC;AAEb,QAAA,SAAS,CAAC,IAAI,EAAE,MAAM,CAAC;AACzB,IAAA,CAAC;IAED,MAAM,MAAM,GAAG,CAAC,IAAU,MAAM,IAAI,KAAK,SAAS,GAAG,YAAY,EAAE,WAAW,GAAG,YAAY,EAAE,YAAY,CAAC;AAE5G,IAAA,MAAM,QAAQ,GAAG,CAAC,IAAU,EAAE,MAAmB,KAAI;AACnD,QAAA,MAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC;QAExB,IAAI,CAAC,GAAG,EAAE;YACR;QACF;AAEA,QAAA,IAAI;YACF,SAAS,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC;QACxC;AAAE,QAAA,MAAM;;QAER;AACF,IAAA,CAAC;AAED,IAAA,MAAM,QAAQ,GAAG,CAAC,IAAU,KAAI;AAC9B,QAAA,MAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC;AACxB,QAAA,MAAM,WAAW,GAAG,IAAI,KAAK,SAAS,GAAG,YAAY,EAAE,kBAAkB,GAAG,YAAY,EAAE,mBAAmB;QAE7G,IAAI,CAAC,GAAG,EAAE;YACR;QACF;AAEA,QAAA,IAAI;AACF,YAAA,MAAM,GAAG,GAAG,GAAG,CAAC,eAAe,CAAC,IAAI,IAAI,CAAC,CAAC,YAAY,CAAC,GAAG,CAAa,CAAC,CAAC,CAAC;YAC1E,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC;AAExC,YAAA,IAAI,CAAC,IAAI,GAAG,GAAG;YACf,IAAI,CAAC,QAAQ,GAAG,IAAI,GAAG,QAAQ,GAAG,OAAO,CAAC,WAAW,CAAC;AACtD,YAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;YAC/B,IAAI,CAAC,KAAK,EAAE;AACZ,YAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;AAC/B,YAAA,UAAU,CAAC,MAAM,GAAG,CAAC,eAAe,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC;QAClD;AAAE,QAAA,MAAM;;QAER;AACF,IAAA,CAAC;;;;AAKD,IAAA,MAAM,OAAO,GAAG,CAAC,KAAiB,KAAI;AACpC,QAAA,MAAM,MAAM,GAAG,KAAK,CAAC,MAAqB;QAC1C,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO,CAAc,qBAAqB,CAAC;QAEtE,IAAI,WAAW,EAAE;AACf,YAAA,MAAM,KAAK,GAAG,WAAW,CAAC,OAAO,CAAC,WAA0B;YAE5D,QAAQ,CAAC,KAAK,CAAC;YACf,SAAS,CAAC,KAAK,CAAC;YAEhB;QACF;QAEA,MAAM,QAAQ,GAAG,MAAM,CAAC,OAAO,CAAc,eAAe,CAAC;AAC7D,QAAA,MAAM,IAAI,GAAG,QAAQ,EAAE,OAAO,CAAC,IAAY;AAE3C,QAAA,QAAQ,QAAQ,EAAE,OAAO,CAAC,MAAM;AAC9B,YAAA,KAAK,OAAO;gBACV,KAAK,QAAQ,EAAE;gBAEf;AACF,YAAA,KAAK,UAAU;gBACb,SAAS,CAAC,YAAY,EAAE,GAAG,IAAI,EAAE,EAAE,QAAQ,CAAC;gBAE5C;AACF,YAAA,KAAK,cAAc;AACjB,gBAAA,WAAW,CAAC,IAAI,EAAE,QAAQ,CAAC;gBAE3B;AACF,YAAA,KAAK,WAAW;AACd,gBAAA,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC;gBAExB;AACF,YAAA,KAAK,WAAW;gBACd,QAAQ,CAAC,IAAI,CAAC;gBAEd;AACF,YAAA,KAAK,gBAAgB;gBACnB,aAAa,CAAC,QAAQ,CAAC;gBAEvB;;QAGJ,MAAM,IAAI,GAAG,MAAM,CAAC,OAAO,CAAc,WAAW,CAAC;AAErD,QAAA,IAAI,IAAI,EAAE,OAAO,CAAC,EAAE,EAAE;YACpB,KAAK,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC;QACrC;AACF,IAAA,CAAC;AAED,IAAA,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,OAAO,CAAC;AAC3C,IAAA,SAAS,CAAC,gBAAgB,CAAC,OAAO,EAAE,WAAW,CAAC;AAChD,IAAA,SAAS,CAAC,gBAAgB,CAAC,QAAQ,EAAE,WAAW,CAAC;AAEjD,IAAA,SAAS,CAAC,cAAc,EAAE,CAAC;IAC3B,KAAK,SAAS,EAAE;AAEhB,IAAA,MAAM,IAAI,GAAG,WAAW,CAAC,MAAM,KAAK,SAAS,EAAE,EAAE,cAAc,CAAC;AAEhE,IAAA,OAAO,MAAK;QACV,aAAa,CAAC,IAAI,CAAC;AACnB,QAAA,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,OAAO,CAAC;AAC9C,QAAA,SAAS,CAAC,mBAAmB,CAAC,OAAO,EAAE,WAAW,CAAC;AACnD,QAAA,SAAS,CAAC,mBAAmB,CAAC,QAAQ,EAAE,WAAW,CAAC;AACtD,IAAA,CAAC;AACH;;AC5UA;AAKA,cAAc,EAAE","x_google_ignoreList":[0,1,2,3,4,5]}