claude-mpm 4.21.3__py3-none-any.whl → 5.0.2__py3-none-any.whl

claude_mpm/dashboard/static/built/components/agent-inference.js

@@ -1,2 +0,0 @@
-window.AgentInference=class{constructor(e){this.eventViewer=e,this.state={currentDelegation:null,sessionAgents:new Map,eventAgentMap:new Map,pmDelegations:new Map,agentToDelegation:new Map,orphanSubagents:new Map,subagentStartEvents:new Map},console.log("Agent inference system initialized")}initialize(){this.state={currentDelegation:null,sessionAgents:new Map,eventAgentMap:new Map,pmDelegations:new Map,agentToDelegation:new Map,orphanSubagents:new Map,subagentStartEvents:new Map}}inferAgentFromEvent(e){const t=e.data||{},n=e.session_id||t.session_id||"unknown",a=e.hook_event_name||t.hook_event_name||e.type||"",s=e.subtype||t.subtype||"",i=e.tool_name||t.tool_name||"";if(Math.random()<.1&&console.log("Agent inference debug:",{eventType:a,toolName:i,hasData:!!e.data,dataKeys:Object.keys(t),eventKeys:Object.keys(e),agentType:e.agent_type||t.agent_type,subagentType:e.subagent_type||t.subagent_type}),"SubagentStop"===a||"subagent_stop"===s){const i=this.extractAgentNameFromEvent(e);return console.log("SubagentStop event detected:",{agentName:i,sessionId:n,eventType:a,subtype:s,rawAgentType:e.agent_type||t.agent_type}),{type:"subagent",confidence:"definitive",agentName:i,reason:"SubagentStop event"}}if("Stop"===a||"stop"===s)return{type:"main_agent",confidence:"definitive",agentName:"PM",reason:"Stop event"};if("Task"===i){const t=this.extractSubagentTypeFromTask(e);if(t)return console.log("Task delegation detected:",{agentName:t,sessionId:n,eventType:a}),{type:"subagent",confidence:"high",agentName:t,reason:"Task tool with subagent_type"}}if("PreToolUse"===a&&"Task"===i){const t=this.extractSubagentTypeFromTask(e);if(t)return{type:"subagent",confidence:"high",agentName:t,reason:"PreToolUse Task delegation"}}{const e=n.toLowerCase();if(["subagent","task","agent-"].some(t=>e.includes(t)))return{type:"subagent",confidence:"medium",agentName:"Subagent",reason:"Session ID pattern"}}const o=e.agent_type||t.agent_type||e.agent_id||t.agent_id,g=e.subagent_type||t.subagent_type;if(g&&"unknown"!==g)return{type:"subagent",confidence:"high",agentName:this.normalizeAgentName(g),reason:"subagent_type field"};if(o&&"unknown"!==o&&"main"!==o)return{type:"subagent",confidence:"medium",agentName:this.normalizeAgentName(o),reason:"agent_type field"};if(t.delegation_details?.agent_type)return{type:"subagent",confidence:"high",agentName:this.normalizeAgentName(t.delegation_details.agent_type),reason:"delegation_details"};if(e.type&&e.type.startsWith("hook.")){const a=e.type.replace("hook.","");if("subagent_start"===a||"SubagentStart"===t.hook_event_name){const e=t.agent_type||t.agent_id||"Subagent";return console.log("SubagentStart event from Socket.IO:",{agentName:e,sessionId:n,hookType:a}),{type:"subagent",confidence:"definitive",agentName:this.normalizeAgentName(e),reason:"Socket.IO hook SubagentStart"}}if("subagent_stop"===a||"SubagentStop"===t.hook_event_name){const e=t.agent_type||t.agent_id||"Subagent";return{type:"subagent",confidence:"high",agentName:this.normalizeAgentName(e),reason:"Socket.IO hook SubagentStop"}}}return{type:"main_agent",confidence:"default",agentName:"PM",reason:"default classification"}}normalizeAgentName(e){if(!e)return"Unknown";const t={engineer:"Engineer Agent",research:"Research Agent",qa:"QA Agent",documentation:"Documentation Agent",security:"Security Agent",ops:"Ops Agent",version_control:"Version Control Agent",data_engineer:"Data Engineer Agent",test_integration:"Test Integration Agent",pm:"PM Agent"}[e.toLowerCase()];if(t)return t;let n=e.replace(/_/g," ").split(" ").map(e=>e.charAt(0).toUpperCase()+e.slice(1).toLowerCase()).join(" ");return n.toLowerCase().includes("agent")||(n+=" Agent"),n}extractSubagentTypeFromTask(e){let t=null;return e.tool_parameters?.subagent_type?t=e.tool_parameters.subagent_type:e.data?.tool_parameters?.subagent_type?t=e.data.tool_parameters.subagent_type:e.data?.delegation_details?.agent_type?t=e.data.delegation_details.agent_type:e.tool_input?.subagent_type&&(t=e.tool_input.subagent_type),t?this.normalizeAgentName(t):null}extractAgentNameFromEvent(e){const t=e.data||{};if("Task"===e.tool_name||"Task"===t.tool_name){const t=this.extractSubagentTypeFromTask(e);if(t)return t}return e.subagent_type&&"unknown"!==e.subagent_type?this.normalizeAgentName(e.subagent_type):t.subagent_type&&"unknown"!==t.subagent_type?this.normalizeAgentName(t.subagent_type):t.delegation_details?.agent_type&&"unknown"!==t.delegation_details.agent_type?this.normalizeAgentName(t.delegation_details.agent_type):e.agent_type&&!["main","unknown"].includes(e.agent_type)?this.normalizeAgentName(e.agent_type):t.agent_type&&!["main","unknown"].includes(t.agent_type)?this.normalizeAgentName(t.agent_type):e.agent_id&&!["main","unknown"].includes(e.agent_id)?this.normalizeAgentName(e.agent_id):t.agent_id&&!["main","unknown"].includes(t.agent_id)?this.normalizeAgentName(t.agent_id):e.agent&&"unknown"!==e.agent?this.normalizeAgentName(e.agent):e.name&&"unknown"!==e.name?this.normalizeAgentName(e.name):"Unknown"}processAgentInference(){const e=this.eventViewer.events;this.state.currentDelegation=null,this.state.sessionAgents.clear(),this.state.eventAgentMap.clear(),this.state.pmDelegations.clear(),this.state.agentToDelegation.clear(),this.state.orphanSubagents.clear(),this.state.subagentStartEvents.clear(),console.log("Processing agent inference for",e.length,"events"),e&&0!==e.length?(e.forEach((e,t)=>{let n;try{const a=this.inferAgentFromEvent(e),s=e.session_id||e.data?.session_id||"default";n=a,this.state.currentDelegation&&"default"===a.confidence&&s===this.state.currentDelegation.sessionId&&(n={type:"subagent",confidence:"inherited",agentName:this.state.currentDelegation.agentName,reason:"inherited from delegation context"});const i=e.hook_event_name||e.data?.hook_event_name||"";if(("SubagentStart"===i||"hook.subagent_start"===e.type||"subagent_start"===e.subtype)&&"subagent"===a.type&&(this.state.subagentStartEvents.has(a.agentName)||this.state.subagentStartEvents.set(a.agentName,[]),this.state.subagentStartEvents.get(a.agentName).push({eventIndex:t,event:e,timestamp:e.timestamp,sessionId:s})),"Task"===e.tool_name&&"subagent"===a.type){const n=`pm_${s}_${t}_${a.agentName}`,i={id:n,agentName:a.agentName,sessionId:s,startIndex:t,endIndex:null,pmCall:e,timestamp:e.timestamp,agentEvents:[]};this.state.pmDelegations.set(n,i),this.state.agentToDelegation.set(a.agentName,n),this.state.currentDelegation={agentName:a.agentName,sessionId:s,startIndex:t,endIndex:null,delegationId:n},console.log("Delegation started:",this.state.currentDelegation)}else if("definitive"===a.confidence&&"SubagentStop event"===a.reason&&this.state.currentDelegation){this.state.currentDelegation.endIndex=t;const e=this.state.pmDelegations.get(this.state.currentDelegation.delegationId);e&&(e.endIndex=t),console.log("Delegation ended:",this.state.currentDelegation),this.state.currentDelegation=null}if(this.state.currentDelegation&&"subagent"===n.type){const a=this.state.pmDelegations.get(this.state.currentDelegation.delegationId);a&&a.agentEvents.push({eventIndex:t,event:e,inference:n})}this.state.eventAgentMap.set(t,n),this.state.sessionAgents.set(s,n),t<5&&console.log(`Event ${t} agent inference:`,{event_type:e.type||e.hook_event_name,subtype:e.subtype,tool_name:e.tool_name,inference:n,hasData:!!e.data,agentType:e.agent_type||e.data?.agent_type})}catch(a){console.error(`Error processing event ${t} for agent inference:`,a),n||(n={type:"main_agent",confidence:"error",agentName:"PM",reason:"error during processing"}),this.state.eventAgentMap.set(t,n)}}),this.identifyOrphanSubagents(e),console.log("Agent inference processing complete. Results:",{total_events:e.length,inferred_agents:this.state.eventAgentMap.size,unique_sessions:this.state.sessionAgents.size,pm_delegations:this.state.pmDelegations.size,agent_to_delegation_mappings:this.state.agentToDelegation.size,orphan_subagents:this.state.orphanSubagents.size})):console.log("No events to process for agent inference")}getInferredAgent(e){return this.state.eventAgentMap.get(e)||null}getInferredAgentForEvent(e){const t=this.eventViewer.events;let n=t.indexOf(e);if(-1===n&&e.timestamp&&(n=t.findIndex(t=>t.timestamp===e.timestamp&&t.session_id===e.session_id)),-1===n)return console.log("Agent inference: Could not find event in events array, performing inline inference"),this.inferAgentFromEvent(e);let a=this.getInferredAgent(n);return a||(a=this.inferAgentFromEvent(e),this.state.eventAgentMap.set(n,a)),a}getCurrentDelegation(){return this.state.currentDelegation}getSessionAgents(){return this.state.sessionAgents}getEventAgentMap(){return this.state.eventAgentMap}getPMDelegations(){return this.state.pmDelegations}getAgentToDelegationMap(){return this.state.agentToDelegation}buildDelegationHierarchy(){const e=this.getPMDelegations(),t=this.eventViewer.events,n={mainPM:{type:"pm",name:"PM",delegations:[],ownEvents:[],totalEvents:0},impliedPM:{type:"pm_implied",name:"Implied PM",delegations:[],ownEvents:[],totalEvents:0}};for(const[s,i]of e)n.mainPM.delegations.push({id:s,agentName:i.agentName,taskContext:this.extractTaskContext(i.pmCall),events:i.agentEvents,startTime:i.timestamp,endTime:i.endIndex?t[i.endIndex]?.timestamp:null,status:i.endIndex?"completed":"active"}),n.mainPM.totalEvents+=i.agentEvents.length;t.forEach((e,t)=>{const a=this.getInferredAgent(t);a&&"main_agent"===a.type&&(n.mainPM.ownEvents.push({eventIndex:t,event:e}),n.mainPM.totalEvents++)});const a=new Map;t.forEach((t,n)=>{const s=this.getInferredAgent(n);if(s&&"subagent"===s.type){let i=!0;for(const[t,a]of e)if(a.agentEvents.some(e=>e.eventIndex===n)){i=!1;break}if(i){const e=s.agentName;a.has(e)||a.set(e,[]),a.get(e).push({eventIndex:n,event:t,inference:s})}}});for(const[s,i]of a)n.impliedPM.delegations.push({id:`implied_${s}`,agentName:s,taskContext:"No explicit PM delegation",events:i,startTime:i[0].event.timestamp,endTime:i[i.length-1].event.timestamp,status:"completed"}),n.impliedPM.totalEvents+=i.length;return n}extractTaskContext(e){if(!e)return"Unknown task";const t=e.tool_parameters||e.data?.tool_parameters||{};return t.task||t.request||t.description||"Task delegation"}identifyOrphanSubagents(e){for(const[t,n]of this.state.subagentStartEvents)for(const a of n){const n=a.eventIndex,s=new Date(a.timestamp).getTime();let i=!1;for(let a=Math.max(0,n-20);a<n;a++){const n=e[a];if(!n)continue;const o=s-new Date(n.timestamp).getTime();if("Task"===n.tool_name&&o>=0&&o<1e4){const e=this.state.eventAgentMap.get(a);if(e&&e.agentName===t){i=!0;break}}}i||this.state.orphanSubagents.set(n,{agentName:t,timestamp:a.timestamp,sessionId:a.sessionId,event:a.event,groupingKey:null})}this.groupOrphanSubagents(5e3)}groupOrphanSubagents(e){const t=Array.from(this.state.orphanSubagents.values()).sort((e,t)=>new Date(e.timestamp)-new Date(t.timestamp));let n=null,a=null;for(const s of t){const t=new Date(s.timestamp).getTime();(!n||a&&t-a>e)&&(n=`implied_pm_${s.sessionId}_${t}`),s.groupingKey=n,a=t}}isOrphanSubagent(e){return this.state.orphanSubagents.has(e)}getOrphanContext(e){return this.state.orphanSubagents.get(e)||null}getOrphanGroups(){const e=new Map;for(const t of this.state.orphanSubagents.values()){const n=t.groupingKey;e.has(n)||e.set(n,[]),e.get(n).push(t)}return e}getUniqueAgentInstances(){const e=new Map;for(const[a,s]of this.state.pmDelegations){const t=s.agentName;e.has(t)||e.set(t,{id:`consolidated_${t}`,type:"consolidated_agent",agentName:t,delegations:[],pmCalls:[],allEvents:[],firstTimestamp:s.timestamp,lastTimestamp:s.timestamp,totalEventCount:s.agentEvents.length,delegationCount:1});const n=e.get(t);n.delegations.push({id:a,pmCall:s.pmCall,timestamp:s.timestamp,eventCount:s.agentEvents.length,startIndex:s.startIndex,endIndex:s.endIndex,events:s.agentEvents}),s.pmCall&&n.pmCalls.push(s.pmCall),n.allEvents=n.allEvents.concat(s.agentEvents),new Date(s.timestamp)<new Date(n.firstTimestamp)&&(n.firstTimestamp=s.timestamp),new Date(s.timestamp)>new Date(n.lastTimestamp)&&(n.lastTimestamp=s.timestamp),n.totalEventCount+=s.agentEvents.length,n.delegationCount++}const t=this.eventViewer.events;for(let a=0;a<t.length;a++){const n=this.getInferredAgent(a);n&&"subagent"===n.type&&!e.has(n.agentName)&&e.set(n.agentName,{id:`consolidated_${n.agentName}`,type:"consolidated_agent",agentName:n.agentName,delegations:[{id:`implied_pm_${n.agentName}_${a}`,pmCall:null,timestamp:t[a].timestamp,eventCount:1,startIndex:a,endIndex:null,events:[{eventIndex:a,event:t[a],inference:n}]}],pmCalls:[],allEvents:[{eventIndex:a,event:t[a],inference:n}],firstTimestamp:t[a].timestamp,lastTimestamp:t[a].timestamp,totalEventCount:1,delegationCount:1,isImplied:!0})}const n=Array.from(e.values()).sort((e,t)=>new Date(e.firstTimestamp)-new Date(t.firstTimestamp));return console.log("Consolidated unique agents:",{total_unique_agents:n.length,agents:n.map(e=>({name:e.agentName,delegations:e.delegationCount,totalEvents:e.totalEventCount}))}),n}};
-//# sourceMappingURL=agent-inference.js.map

claude_mpm/dashboard/static/built/components/build-tracker.js

@@ -1,333 +0,0 @@
-/**
- * Build Tracker Component
- * 
- * WHY: Displays and manages version/build information for both MPM and Monitor UI,
- * providing users with clear visibility of the current system versions.
- * 
- * DESIGN DECISION: Implemented as a standalone component that can be easily
- * integrated into the dashboard header, with automatic updates from SocketIO.
- */
-
-export class BuildTracker {
-    constructor() {
-        this.element = null;
-        this.buildInfo = {
-            monitor: {
-                version: "1.0.0",
-                build: 1,
-                formatted_build: "0001",
-                full_version: "v1.0.0-0001"
-            },
-            mpm: {
-                version: "unknown",
-                build: "unknown",
-                full_version: "v0.0.0"
-            }
-        };
-        
-        // Socket client reference (will be set during initialization)
-        this.socketClient = null;
-        
-        // Initialize the component
-        this.init();
-    }
-    
-    /**
-     * Initialize the build tracker component
-     */
-    async init() {
-        // Try to load version.json for dashboard version
-        await this.loadDashboardVersion();
-        
-        this.createElements();
-        this.setupEventListeners();
-    }
-    
-    /**
-     * Load dashboard version from version.json if available
-     * 
-     * WHY: Attempts to load the actual dashboard version from the 
-     * version.json file created by the version management script.
-     * Falls back to defaults if file is not available.
-     */
-    async loadDashboardVersion() {
-        try {
-            // Try to fetch version.json from the dashboard root
-            const response = await fetch('/version.json');
-            if (response.ok) {
-                const versionData = await response.json();
-                
-                // Update monitor build info with loaded data
-                this.buildInfo.monitor = {
-                    version: versionData.version || "1.0.0",
-                    build: versionData.build || 1,
-                    formatted_build: versionData.formatted_build || "0001",
-                    full_version: versionData.full_version || "v1.0.0-0001"
-                };
-                
-                // Dashboard version loaded successfully
-            }
-        } catch (error) {
-            // Silently fall back to defaults if version.json not available
-        }
-    }
-    
-    /**
-     * Create the DOM elements for version display
-     * 
-     * WHY: Creates a clean, unobtrusive version display that fits
-     * seamlessly into the dashboard header.
-     */
-    createElements() {
-        // Create container element
-        this.element = document.createElement('div');
-        this.element.className = 'version-display';
-        this.element.id = 'version-display';
-        
-        // Create MPM version element
-        const mpmVersion = document.createElement('span');
-        mpmVersion.className = 'version-item mpm-version';
-        mpmVersion.id = 'mpm-version';
-        mpmVersion.innerHTML = `
-            <span class="version-label">MPM</span>
-            <span class="version-value">v0.0.0</span>
-        `;
-        
-        // Create separator
-        const separator = document.createElement('span');
-        separator.className = 'version-separator';
-        separator.textContent = '|';
-        
-        // Create Monitor version element
-        const monitorVersion = document.createElement('span');
-        monitorVersion.className = 'version-item monitor-version';
-        monitorVersion.id = 'monitor-version';
-        monitorVersion.innerHTML = `
-            <span class="version-label">Monitor</span>
-            <span class="version-value">v1.0.0-0001</span>
-        `;
-        
-        // Assemble elements
-        this.element.appendChild(mpmVersion);
-        this.element.appendChild(separator);
-        this.element.appendChild(monitorVersion);
-        
-        // Add tooltip for detailed info
-        this.element.title = 'Click for detailed version information';
-    }
-    
-    /**
-     * Set the socket client for receiving updates
-     * 
-     * @param {Object} socketClient - The Socket.IO client instance
-     */
-    setSocketClient(socketClient) {
-        this.socketClient = socketClient;
-        
-        // Listen for build info updates
-        if (this.socketClient && this.socketClient.socket) {
-            // Listen for welcome message with build info
-            this.socketClient.socket.on('welcome', (eventData) => {
-                // Handle both old format (direct) and new schema (nested in data)
-                const buildInfo = eventData.build_info || 
-                                 (eventData.data && eventData.data.build_info);
-                if (buildInfo) {
-                    this.updateBuildInfo(buildInfo);
-                }
-            });
-            
-            // Listen for status updates with build info
-            this.socketClient.socket.on('status', (eventData) => {
-                // Handle both old format (direct) and new schema (nested in data)
-                const buildInfo = eventData.build_info || 
-                                 (eventData.data && eventData.data.build_info);
-                if (buildInfo) {
-                    this.updateBuildInfo(buildInfo);
-                }
-            });
-            
-            // Listen for explicit build info updates
-            this.socketClient.socket.on('build_info', (data) => {
-                this.updateBuildInfo(data);
-            });
-        }
-    }
-    
-    /**
-     * Update the build information
-     * 
-     * @param {Object} buildInfo - Build information from server
-     */
-    updateBuildInfo(buildInfo) {
-        // Store the build info
-        this.buildInfo = buildInfo;
-        
-        // Update display
-        this.updateDisplay();
-    }
-    
-    /**
-     * Update the version display elements
-     * 
-     * WHY: Keeps the UI in sync with the latest version information
-     * received from the server.
-     */
-    updateDisplay() {
-        // Update MPM version
-        const mpmElement = this.element.querySelector('.mpm-version .version-value');
-        if (mpmElement && this.buildInfo.mpm) {
-            const mpmVersion = this.buildInfo.mpm.full_version || 
-                              `v${this.buildInfo.mpm.version}`;
-            mpmElement.textContent = mpmVersion;
-            
-            // Add build number to tooltip if available
-            if (this.buildInfo.mpm.build && this.buildInfo.mpm.build !== "unknown") {
-                mpmElement.parentElement.title = `MPM Build: ${this.buildInfo.mpm.build}`;
-            }
-        }
-        
-        // Update Monitor version
-        const monitorElement = this.element.querySelector('.monitor-version .version-value');
-        if (monitorElement && this.buildInfo.monitor) {
-            const monitorVersion = this.buildInfo.monitor.full_version || 
-                                  `v${this.buildInfo.monitor.version}-${this.buildInfo.monitor.formatted_build}`;
-            monitorElement.textContent = monitorVersion;
-            
-            // Add last updated to tooltip if available
-            if (this.buildInfo.monitor.last_updated) {
-                const lastUpdated = new Date(this.buildInfo.monitor.last_updated).toLocaleString();
-                monitorElement.parentElement.title = `Monitor Build: ${this.buildInfo.monitor.formatted_build}\nLast Updated: ${lastUpdated}`;
-            }
-        }
-    }
-    
-    /**
-     * Setup event listeners
-     * 
-     * WHY: Allows users to interact with the version display for
-     * additional information or actions.
-     */
-    setupEventListeners() {
-        // Click handler for showing detailed version info
-        this.element.addEventListener('click', () => {
-            this.showDetailedInfo();
-        });
-    }
-    
-    /**
-     * Show detailed version information in a modal or alert
-     * 
-     * WHY: Provides power users with detailed build and version
-     * information for debugging and support purposes.
-     */
-    showDetailedInfo() {
-        const info = [];
-        
-        // MPM information
-        if (this.buildInfo.mpm) {
-            info.push('=== MPM Framework ===');
-            info.push(`Version: ${this.buildInfo.mpm.version}`);
-            if (this.buildInfo.mpm.build && this.buildInfo.mpm.build !== "unknown") {
-                info.push(`Build: ${this.buildInfo.mpm.build}`);
-            }
-            info.push(`Full: ${this.buildInfo.mpm.full_version}`);
-        }
-        
-        info.push('');
-        
-        // Monitor information
-        if (this.buildInfo.monitor) {
-            info.push('=== Monitor UI ===');
-            info.push(`Version: ${this.buildInfo.monitor.version}`);
-            info.push(`Build: ${this.buildInfo.monitor.formatted_build} (${this.buildInfo.monitor.build})`);
-            info.push(`Full: ${this.buildInfo.monitor.full_version}`);
-            if (this.buildInfo.monitor.last_updated) {
-                const lastUpdated = new Date(this.buildInfo.monitor.last_updated).toLocaleString();
-                info.push(`Updated: ${lastUpdated}`);
-            }
-        }
-        
-        // Version information compiled
-        
-        // Create a simple modal-like display
-        const modal = document.createElement('div');
-        modal.className = 'version-modal';
-        modal.innerHTML = `
-            <div class="version-modal-content">
-                <h3>Version Information</h3>
-                <pre>${info.join('\n')}</pre>
-                <button onclick="this.parentElement.parentElement.remove()">Close</button>
-            </div>
-        `;
-        
-        // Add to body
-        document.body.appendChild(modal);
-        
-        // Auto-remove after 10 seconds
-        setTimeout(() => {
-            modal.remove();
-        }, 10000);
-    }
-    
-    /**
-     * Mount the component to a parent element
-     * 
-     * @param {HTMLElement|string} parent - Parent element or selector
-     */
-    mount(parent) {
-        const parentElement = typeof parent === 'string' 
-            ? document.querySelector(parent) 
-            : parent;
-        
-        if (!this.element) {
-            return;
-        }
-        
-        if (!parentElement) {
-            return;
-        }
-        
-        // Check if already mounted to prevent duplicates
-        if (this.element.parentNode === parentElement) {
-            return;
-        }
-        
-        parentElement.appendChild(this.element);
-    }
-    
-    /**
-     * Get the component's DOM element
-     * 
-     * @returns {HTMLElement} The component's root element
-     */
-    getElement() {
-        return this.element;
-    }
-    
-    /**
-     * Destroy the component and clean up
-     */
-    destroy() {
-        if (this.element && this.element.parentNode) {
-            this.element.parentNode.removeChild(this.element);
-        }
-        
-        // Clean up socket listeners
-        if (this.socketClient && this.socketClient.socket) {
-            this.socketClient.socket.off('welcome');
-            this.socketClient.socket.off('status');
-            this.socketClient.socket.off('build_info');
-        }
-        
-        this.element = null;
-        this.socketClient = null;
-    }
-}
-
-// ES6 Module export
-export default BuildTracker;
-
-// Make BuildTracker globally available for backward compatibility
-if (typeof window !== 'undefined') {
-    window.BuildTracker = BuildTracker;
-}