Function initializeRecording

modules/recording.js:464–560

(getXpaths)

 * Complete inline recording implementation (all features) - fallback when modules fail to load
 */
export function initializeRecording(getXpaths) {
    console.log('InverseUI: Initializing comprehensive inline recording');
    
    // Import safeSendMessage for the inline implementation
    import('../util/communication_utils.js').then(module => {
        const { safeSendMessage } = module;
        
        // Mouse Events

        // Handle primary clicks (left button)
        document.addEventListener("click", function(event) {
            safeSendMessage({
                message: "recState"
            }, function(response) {
                if (response && response.recState) {
                    var target = event.target || event.srcElement;
                    var xpaths = getXpaths(target);
                    console.log("click on xpath: " + xpaths);
                    
                    safeSendMessage({
                        message: "onClick",
                        xPath: xpaths,
                        coordinates: { x: event.clientX, y: event.clientY },
                        button: event.button,
                        modifiers: {
                            ctrl: event.ctrlKey,
                            shift: event.shiftKey,
                            alt: event.altKey,
                            meta: event.metaKey
                        }
                    });
                }
            });
        }, true);

        document.addEventListener("dblclick", function(event) {
            safeSendMessage({
                message: "recState"
            }, function(response) {
                if (response && response.recState) {
                    var target = event.target || event.srcElement;
                    var xpaths = getXpaths(target);
                    console.log("dblclick on xpath: " + xpaths);
                    safeSendMessage({
                        message: "onDblClick",
                        xPath: xpaths,
                        coordinates: { x: event.clientX, y: event.clientY }
                    });
                }
            });
        }, true);

        // Form Events
        document.addEventListener("change", function(event) {
            safeSendMessage({
                message: "recState"
            }, function(response) {
                if (response && response.recState) {