<html><head><base href="/" /><title>Request Logger</title><script>
// Create a console logging proxy to track network requests
const originalFetch = window.fetch;
const originalXHR = window.XMLHttpRequest.prototype.send;
const originalBeacon = navigator.sendBeacon;

// Override fetch
window.fetch = async function(...args) {
    console.log(`[Fetch] Request to: ${args[0]}`);
    try {
        const response = await originalFetch.apply(this, args);
        return response;
    } catch (error) {
        console.error(`[Fetch] Error: ${error}`);
        throw error;
    }
};

// Override XMLHttpRequest
XMLHttpRequest.prototype.send = function(body) {
    console.log(`[XHR] Request to: ${this._url || 'unknown'}`);
    if (body) {
        console.log(`[XHR] Payload:`, body);
    }
    return originalXHR.apply(this, arguments);
};

// Override sendBeacon
navigator.sendBeacon = function(url, data) {
    console.log(`[Beacon] Request to: ${url}`);
    if (data) {
        console.log(`[Beacon] Payload:`, data);
    }
    return originalBeacon.apply(navigator, arguments);
};

// Monitor form submissions
document.addEventListener('submit', (e) => {
    console.log(`[Form] Submission to: ${e.target.action}`);
    const formData = new FormData(e.target);
    console.log('[Form] Data:', Object.fromEntries(formData));
});

// Monitor clicks on elements that might trigger requests
document.addEventListener('click', (e) => {
    const target = e.target;
    if (target.tagName === 'A') {
        console.log(`[Link] Click to: ${target.href}`);
    } else if (target.tagName === 'BUTTON') {
        console.log(`[Button] Click on: ${target.textContent || target.id || 'unnamed button'}`);
    }
});

// Monitor WebSocket connections
const originalWebSocket = window.WebSocket;
window.WebSocket = function(url, protocols) {
    console.log(`[WebSocket] Connection to: ${url}`);
    return new originalWebSocket(url, protocols);
};
</script></head><body style="margin:0; padding:0;>
</body></html>