claude-mpm 4.2.44__py3-none-any.whl → 4.2.51__py3-none-any.whl

claude_mpm/dashboard/static/built/components/ui-state-manager.js

@@ -1,465 +1,2 @@
-/**
- * UI State Manager Module
- *
- * Manages UI state including tab switching, card selection, keyboard navigation,
- * and visual feedback across the dashboard interface.
- *
- * WHY: Extracted from main dashboard to centralize UI state management and
- * provide better separation between business logic and UI state. This makes
- * the UI behavior more predictable and easier to test.
- *
- * DESIGN DECISION: Maintains centralized state for current tab, selected cards,
- * and navigation context while providing a clean API for other modules to
- * interact with UI state changes.
- */
-class UIStateManager {
-    constructor() {
-        // Current active tab
-        this.currentTab = 'events';
-
-        // Auto-scroll behavior
-        this.autoScroll = true;
-
-        // Selection state - tracks the currently selected card across all tabs
-        this.selectedCard = {
-            tab: null,        // which tab the selection is in
-            index: null,      // index of selected item in that tab
-            type: null,       // 'event', 'agent', 'tool', 'file'
-            data: null        // the actual data object
-        };
-
-        // Navigation state for each tab
-        this.tabNavigation = {
-            events: { selectedIndex: -1, items: [] },
-            agents: { selectedIndex: -1, items: [] },
-            tools: { selectedIndex: -1, items: [] },
-            files: { selectedIndex: -1, items: [] }
-        };
-
-        this.setupEventHandlers();
-        console.log('UI state manager initialized');
-    }
-
-    /**
-     * Set up event handlers for UI interactions
-     */
-    setupEventHandlers() {
-        this.setupTabNavigation();
-        this.setupUnifiedKeyboardNavigation();
-    }
-
-    /**
-     * Set up tab navigation event listeners
-     */
-    setupTabNavigation() {
-        // Tab buttons
-        document.querySelectorAll('.tab-button').forEach(button => {
-            button.addEventListener('click', () => {
-                const tabName = this.getTabNameFromButton(button);
-                this.switchTab(tabName);
-            });
-        });
-    }
-
-    /**
-     * Set up unified keyboard navigation across all tabs
-     */
-    setupUnifiedKeyboardNavigation() {
-        document.addEventListener('keydown', (e) => {
-            // Only handle if not in an input field
-            if (document.activeElement &&
-                ['INPUT', 'TEXTAREA', 'SELECT'].includes(document.activeElement.tagName)) {
-                return;
-            }
-
-            if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {
-                e.preventDefault();
-                this.handleUnifiedArrowNavigation(e.key === 'ArrowDown' ? 1 : -1);
-            } else if (e.key === 'Enter') {
-                e.preventDefault();
-                this.handleUnifiedEnterKey();
-            } else if (e.key === 'Escape') {
-                this.clearUnifiedSelection();
-            }
-        });
-    }
-
-    /**
-     * Get tab name from button element
-     * @param {HTMLElement} button - Tab button element
-     * @returns {string} - Tab name
-     */
-    getTabNameFromButton(button) {
-        // First check for data-tab attribute
-        const dataTab = button.getAttribute('data-tab');
-        if (dataTab) return dataTab;
-        
-        // Fallback to text content matching
-        const text = button.textContent.toLowerCase();
-        if (text.includes('events')) return 'events';
-        if (text.includes('activity')) return 'activity';
-        if (text.includes('agents')) return 'agents';
-        if (text.includes('tools')) return 'tools';
-        if (text.includes('files')) return 'files';
-        if (text.includes('claude tree')) return 'claude-tree';
-        if (text.includes('code')) return 'code';
-        if (text.includes('sessions')) return 'sessions';
-        if (text.includes('system')) return 'system';
-        return 'events';
-    }
-
-    /**
-     * Switch to specified tab
-     * @param {string} tabName - Name of tab to switch to
-     */
-    switchTab(tabName) {
-        console.log(`[DEBUG] switchTab called with tabName: ${tabName}`);
-        const previousTab = this.currentTab;
-        this.currentTab = tabName;
-
-        // Update tab button active states
-        document.querySelectorAll('.tab-button').forEach(btn => {
-            btn.classList.remove('active');
-            if (this.getTabNameFromButton(btn) === tabName) {
-                btn.classList.add('active');
-            }
-        });
-
-        // Show/hide tab content using CSS classes
-        document.querySelectorAll('.tab-content').forEach(content => {
-            content.classList.remove('active');
-        });
-
-        const activeTab = document.getElementById(`${tabName}-tab`);
-        if (activeTab) {
-            activeTab.classList.add('active');
-            
-            // Special handling for Claude Tree tab - ensure it never shows events
-            if (tabName === 'claude-tree') {
-                const claudeTreeContainer = document.getElementById('claude-tree-container');
-                if (claudeTreeContainer) {
-                    // Check if events list somehow got into this container
-                    const eventsList = claudeTreeContainer.querySelector('#events-list');
-                    if (eventsList) {
-                        console.warn('[UIStateManager] Found events-list in Claude Tree container, removing it!');
-                        eventsList.remove();
-                    }
-                    
-                    // Check for event items
-                    const eventItems = claudeTreeContainer.querySelectorAll('.event-item');
-                    if (eventItems.length > 0) {
-                        console.warn('[UIStateManager] Found event items in Claude Tree container, clearing!');
-                        eventItems.forEach(item => item.remove());
-                    }
-                }
-            }
-        }
-
-        // Clear previous selections when switching tabs
-        this.clearUnifiedSelection();
-
-        // Trigger tab change event for other modules
-        document.dispatchEvent(new CustomEvent('tabChanged', {
-            detail: {
-                newTab: tabName,
-                previousTab: previousTab
-            }
-        }));
-
-        // Auto-scroll to bottom after a brief delay to ensure content is rendered
-        setTimeout(() => {
-            if (this.autoScroll) {
-                this.scrollCurrentTabToBottom();
-            }
-            
-            // Special handling for Claude Tree tab - trigger the tree render
-            if (tabName === 'claude-tree' && window.CodeViewer) {
-                window.CodeViewer.show();
-            }
-        }, 100);
-    }
-
-    /**
-     * Handle unified arrow navigation across tabs
-     * @param {number} direction - Navigation direction (1 for down, -1 for up)
-     */
-    handleUnifiedArrowNavigation(direction) {
-        const tabNav = this.tabNavigation[this.currentTab];
-        if (!tabNav) return;
-
-        let newIndex = tabNav.selectedIndex + direction;
-
-        // Handle bounds
-        if (tabNav.items.length === 0) return;
-
-        if (newIndex < 0) {
-            newIndex = tabNav.items.length - 1;
-        } else if (newIndex >= tabNav.items.length) {
-            newIndex = 0;
-        }
-
-        this.selectCardByIndex(this.currentTab, newIndex);
-    }
-
-    /**
-     * Handle unified Enter key across all tabs
-     */
-    handleUnifiedEnterKey() {
-        const tabNav = this.tabNavigation[this.currentTab];
-        if (!tabNav || tabNav.selectedIndex === -1) return;
-
-        const selectedElement = tabNav.items[tabNav.selectedIndex];
-        if (selectedElement && selectedElement.onclick) {
-            selectedElement.onclick();
-        }
-    }
-
-    /**
-     * Clear all unified selection states
-     */
-    clearUnifiedSelection() {
-        // Clear all tab navigation states
-        Object.keys(this.tabNavigation).forEach(tabName => {
-            this.tabNavigation[tabName].selectedIndex = -1;
-        });
-
-        // Clear card selection
-        this.clearCardSelection();
-    }
-
-    /**
-     * Update tab navigation items for current tab
-     * Should be called after tab content is rendered
-     */
-    updateTabNavigationItems() {
-        const tabNav = this.tabNavigation[this.currentTab];
-        if (!tabNav) return;
-
-        let containerSelector;
-        switch (this.currentTab) {
-            case 'events':
-                containerSelector = '#events-list .event-item';
-                break;
-            case 'agents':
-                containerSelector = '#agents-list .event-item';
-                break;
-            case 'tools':
-                containerSelector = '#tools-list .event-item';
-                break;
-            case 'files':
-                containerSelector = '#files-list .event-item';
-                break;
-        }
-
-        if (containerSelector) {
-            tabNav.items = Array.from(document.querySelectorAll(containerSelector));
-        }
-    }
-
-    /**
-     * Select card by index for specified tab
-     * @param {string} tabName - Tab name
-     * @param {number} index - Index of item to select
-     */
-    selectCardByIndex(tabName, index) {
-        const tabNav = this.tabNavigation[tabName];
-        if (!tabNav || index < 0 || index >= tabNav.items.length) return;
-
-        // Update navigation state
-        tabNav.selectedIndex = index;
-
-        // Update visual selection
-        this.updateUnifiedSelectionUI();
-
-        // If this is a different tab selection, record the card selection
-        const selectedElement = tabNav.items[index];
-        if (selectedElement) {
-            // Extract data from the element to populate selectedCard
-            this.selectCard(tabName, index, this.getCardType(tabName), index);
-        }
-
-        // Show details for the selected item
-        this.showCardDetails(tabName, index);
-    }
-
-    /**
-     * Update visual selection UI for unified navigation
-     */
-    updateUnifiedSelectionUI() {
-        // Clear all existing selections
-        document.querySelectorAll('.event-item.keyboard-selected').forEach(el => {
-            el.classList.remove('keyboard-selected');
-        });
-
-        // Apply selection to current tab's selected item
-        const tabNav = this.tabNavigation[this.currentTab];
-        if (tabNav && tabNav.selectedIndex !== -1 && tabNav.items[tabNav.selectedIndex]) {
-            tabNav.items[tabNav.selectedIndex].classList.add('keyboard-selected');
-        }
-    }
-
-    /**
-     * Show card details for specified tab and index
-     * @param {string} tabName - Tab name
-     * @param {number} index - Item index
-     */
-    showCardDetails(tabName, index) {
-        // Dispatch event for other modules to handle
-        document.dispatchEvent(new CustomEvent('showCardDetails', {
-            detail: {
-                tabName: tabName,
-                index: index
-            }
-        }));
-    }
-
-    /**
-     * Select a specific card
-     * @param {string} tabName - Tab name
-     * @param {number} index - Item index
-     * @param {string} type - Item type
-     * @param {*} data - Item data
-     */
-    selectCard(tabName, index, type, data) {
-        // Clear previous selection
-        this.clearCardSelection();
-
-        // Update selection state
-        this.selectedCard = {
-            tab: tabName,
-            index: index,
-            type: type,
-            data: data
-        };
-
-        this.updateCardSelectionUI();
-
-        console.log('Card selected:', this.selectedCard);
-    }
-
-    /**
-     * Clear card selection
-     */
-    clearCardSelection() {
-        // Clear visual selection from all tabs
-        document.querySelectorAll('.event-item.selected, .file-item.selected').forEach(el => {
-            el.classList.remove('selected');
-        });
-
-        // Reset selection state
-        this.selectedCard = {
-            tab: null,
-            index: null,
-            type: null,
-            data: null
-        };
-    }
-
-    /**
-     * Update card selection UI
-     */
-    updateCardSelectionUI() {
-        if (!this.selectedCard.tab || this.selectedCard.index === null) return;
-
-        // Get the list container for the selected tab
-        let listContainer;
-        switch (this.selectedCard.tab) {
-            case 'events':
-                listContainer = document.getElementById('events-list');
-                break;
-            case 'agents':
-                listContainer = document.getElementById('agents-list');
-                break;
-            case 'tools':
-                listContainer = document.getElementById('tools-list');
-                break;
-            case 'files':
-                listContainer = document.getElementById('files-list');
-                break;
-        }
-
-        if (listContainer) {
-            const items = listContainer.querySelectorAll('.event-item, .file-item');
-            if (items[this.selectedCard.index]) {
-                items[this.selectedCard.index].classList.add('selected');
-            }
-        }
-    }
-
-    /**
-     * Get card type based on tab name
-     * @param {string} tabName - Tab name
-     * @returns {string} - Card type
-     */
-    getCardType(tabName) {
-        switch (tabName) {
-            case 'events': return 'event';
-            case 'agents': return 'agent';
-            case 'tools': return 'tool';
-            case 'files': return 'file';
-            default: return 'unknown';
-        }
-    }
-
-    /**
-     * Scroll current tab to bottom
-     */
-    scrollCurrentTabToBottom() {
-        const tabId = `${this.currentTab}-list`;
-        const element = document.getElementById(tabId);
-        if (element && this.autoScroll) {
-            element.scrollTop = element.scrollHeight;
-        }
-    }
-
-    /**
-     * Clear selection for cleanup
-     */
-    clearSelection() {
-        this.clearCardSelection();
-        this.clearUnifiedSelection();
-    }
-
-    /**
-     * Get current tab name
-     * @returns {string} - Current tab name
-     */
-    getCurrentTab() {
-        return this.currentTab;
-    }
-
-    /**
-     * Get selected card info
-     * @returns {Object} - Selected card state
-     */
-    getSelectedCard() {
-        return { ...this.selectedCard };
-    }
-
-    /**
-     * Get tab navigation state
-     * @returns {Object} - Tab navigation state
-     */
-    getTabNavigation() {
-        return { ...this.tabNavigation };
-    }
-
-    /**
-     * Set auto-scroll behavior
-     * @param {boolean} enabled - Whether to enable auto-scroll
-     */
-    setAutoScroll(enabled) {
-        this.autoScroll = enabled;
-    }
-
-    /**
-     * Get auto-scroll state
-     * @returns {boolean} - Auto-scroll enabled state
-     */
-    getAutoScroll() {
-        return this.autoScroll;
-    }
-}
-// ES6 Module export
-export { UIStateManager };
-export default UIStateManager;
+import{U as a,U as t}from"../socket-client.js";export{a as UIStateManager,t as default};
+//# sourceMappingURL=ui-state-manager.js.map

claude_mpm/dashboard/static/built/components/working-directory.js

@@ -1,2 +1,2 @@
-class e{constructor(e){this.socketManager=e,this.currentWorkingDir=null,this.footerDirObserver=null,this._updatingFooter=!1,this.setupEventHandlers(),this.initialize(),console.log("Working directory manager initialized")}initialize(){this.initializeWorkingDirectory(),this.watchFooterDirectory()}setupEventHandlers(){const e=document.getElementById("change-dir-btn"),t=document.getElementById("working-dir-path");if(e&&e.addEventListener("click",()=>{this.showChangeDirDialog()}),t&&t.addEventListener("click",e=>{e.shiftKey?this.showChangeDirDialog():this.showWorkingDirectoryViewer()}),document.addEventListener("sessionChanged",e=>{const t=e.detail.sessionId;console.log("[WORKING-DIR-DEBUG] sessionChanged event received, sessionId:",this.repr(t)),t&&this.loadWorkingDirectoryForSession(t)}),this.socketManager&&this.socketManager.getSocket){const e=this.socketManager.getSocket();e&&(console.log("[WORKING-DIR-DEBUG] Setting up git_branch_response listener"),e.on("git_branch_response",e=>{console.log("[GIT-BRANCH-DEBUG] Received git_branch_response:",e),this.handleGitBranchResponse(e)}))}}initializeWorkingDirectory(){const e=document.getElementById("working-dir-path");e&&!e.textContent.trim()&&(e.textContent="Loading...");const t=document.getElementById("session-select");t&&t.value&&"all"!==t.value?this.loadWorkingDirectoryForSession(t.value):this.setWorkingDirectory(this.getDefaultWorkingDir())}watchFooterDirectory(){const e=document.getElementById("footer-working-dir");e&&(this.footerDirObserver=new MutationObserver(t=>{this._updatingFooter||t.forEach(t=>{if("childList"===t.type||"characterData"===t.type){const t=e.textContent.trim();console.log("Footer directory changed to:",t),t&&t!==this.currentWorkingDir&&(console.log("Syncing working directory from footer change"),this.setWorkingDirectory(t))}})}),this.footerDirObserver.observe(e,{childList:!0,characterData:!0,subtree:!0}),console.log("Started watching footer directory for changes"))}loadWorkingDirectoryForSession(e){if(console.log("[WORKING-DIR-DEBUG] loadWorkingDirectoryForSession called with sessionId:",this.repr(e)),!e||"all"===e){console.log('[WORKING-DIR-DEBUG] No sessionId or sessionId is "all", using default working dir');const e=this.getDefaultWorkingDir();return console.log("[WORKING-DIR-DEBUG] Default working dir:",this.repr(e)),void this.setWorkingDirectory(e)}const t=JSON.parse(localStorage.getItem("sessionWorkingDirs")||"{}");console.log("[WORKING-DIR-DEBUG] Session directories from localStorage:",t);const r=t[e],o=this.getDefaultWorkingDir(),i=r||o;console.log("[WORKING-DIR-DEBUG] Directory selection:",{sessionId:e,sessionDir:this.repr(r),defaultDir:this.repr(o),finalDir:this.repr(i)}),this.setWorkingDirectory(i)}setWorkingDirectory(e){console.log("[WORKING-DIR-DEBUG] setWorkingDirectory called with:",this.repr(e)),this.currentWorkingDir=e;const t=document.getElementById("working-dir-path");t?(console.log("[WORKING-DIR-DEBUG] Updating UI path element to:",e),t.textContent=e):console.warn("[WORKING-DIR-DEBUG] working-dir-path element not found");const r=document.getElementById("footer-working-dir");if(r){const t=r.textContent;console.log("[WORKING-DIR-DEBUG] Footer directory current text:",this.repr(t),"new text:",this.repr(e)),t!==e?(this._updatingFooter=!0,r.textContent=e,console.log("[WORKING-DIR-DEBUG] Updated footer directory to:",e),setTimeout(()=>{this._updatingFooter=!1,console.log("[WORKING-DIR-DEBUG] Cleared _updatingFooter flag")},100)):console.log("[WORKING-DIR-DEBUG] Footer directory already has correct text")}else console.warn("[WORKING-DIR-DEBUG] footer-working-dir element not found");const o=document.getElementById("session-select");if(o&&o.value&&"all"!==o.value){const t=o.value,r=JSON.parse(localStorage.getItem("sessionWorkingDirs")||"{}");r[t]=e,localStorage.setItem("sessionWorkingDirs",JSON.stringify(r)),console.log(`[WORKING-DIR-DEBUG] Saved working directory for session ${t}:`,e)}else console.log('[WORKING-DIR-DEBUG] No session selected or session is "all", not saving to localStorage');console.log("[WORKING-DIR-DEBUG] About to call updateGitBranch with:",this.repr(e)),this.validateDirectoryPath(e)?this.updateGitBranch(e):console.log("[WORKING-DIR-DEBUG] Skipping git branch update for invalid directory:",this.repr(e)),document.dispatchEvent(new CustomEvent("workingDirectoryChanged",{detail:{directory:e}})),console.log("[WORKING-DIR-DEBUG] Working directory set to:",e)}updateGitBranch(e){if(console.log("[GIT-BRANCH-DEBUG] updateGitBranch called with dir:",this.repr(e),"type:",typeof e),!this.socketManager||!this.socketManager.isConnected()){console.log("[GIT-BRANCH-DEBUG] Not connected to socket server");const e=document.getElementById("footer-git-branch");return void(e&&(e.textContent="Not Connected",e.style.display="inline"))}const t=this.validateDirectoryPath(e),r="Loading..."===e||"Loading"===e,o="Unknown"===e,i=!e||"string"==typeof e&&""===e.trim();if(console.log("[GIT-BRANCH-DEBUG] Validation results:",{dir:e,isValidPath:t,isLoadingState:r,isUnknown:o,isEmptyOrWhitespace:i,shouldReject:!t||r||o||i}),!t||r||o||i){console.warn("[GIT-BRANCH-DEBUG] Invalid working directory for git branch request:",e);const t=document.getElementById("footer-git-branch");return void(t&&(t.textContent=r?"Loading...":o||i?"No Directory":"Invalid Directory",t.style.display="inline"))}const n=this.socketManager.getSocket();n?(console.log("[GIT-BRANCH-DEBUG] Requesting git branch for directory:",e),console.log("[GIT-BRANCH-DEBUG] Socket state:",{connected:n.connected,id:n.id}),n.emit("get_git_branch",e)):console.error("[GIT-BRANCH-DEBUG] No socket available for git branch request")}getDefaultWorkingDir(){if(console.log("[WORKING-DIR-DEBUG] getDefaultWorkingDir called"),this.currentWorkingDir&&this.validateDirectoryPath(this.currentWorkingDir))return console.log("[WORKING-DIR-DEBUG] Using current working directory:",this.currentWorkingDir),this.currentWorkingDir;const e=document.querySelector(".working-dir-text");if(e?.textContent?.trim()){const t=e.textContent.trim();if("Loading..."!==t&&"Unknown"!==t&&this.validateDirectoryPath(t))return console.log("[WORKING-DIR-DEBUG] Using header working directory:",t),t}const t=document.getElementById("footer-working-dir");if(t?.textContent?.trim()){const e=t.textContent.trim();console.log("[WORKING-DIR-DEBUG] Footer path found:",this.repr(e));const r="Unknown"===e,o=this.validateDirectoryPath(e);if(console.log("[WORKING-DIR-DEBUG] Footer path validation:",{footerPath:this.repr(e),isUnknown:r,isValid:o,shouldUse:!r&&o}),!r&&o)return console.log("[WORKING-DIR-DEBUG] Using footer path as default:",e),e}else console.log("[WORKING-DIR-DEBUG] No footer directory element or no text content");if(window.socketClient&&window.socketClient.events){const e=window.socketClient.events.filter(e=>e.data&&(e.data.working_directory||e.data.cwd||e.data.working_dir)).reverse();if(e.length>0){const t=e[0],r=t.data.working_directory||t.data.cwd||t.data.working_dir;return console.log("[WORKING-DIR-DEBUG] Using working directory from recent event:",r),r}}const r=document.getElementById("working-dir-path");if(r?.textContent?.trim()){const e=r.textContent.trim();if(console.log("[WORKING-DIR-DEBUG] Found working-dir-path element text:",this.repr(e)),"Unknown"!==e&&this.validateDirectoryPath(e))return console.log("[WORKING-DIR-DEBUG] Using working-dir-path as fallback:",e),e}const o=(window.location.hostname,"/");return console.log("[WORKING-DIR-DEBUG] Using generic fallback directory:",this.repr(o)),o}showChangeDirDialog(){const e=prompt("Enter new working directory:",this.currentWorkingDir||"");e&&""!==e.trim()&&this.setWorkingDirectory(e.trim())}showWorkingDirectoryViewer(){this.createDirectoryViewerOverlay()}createDirectoryViewerOverlay(){this.removeDirectoryViewerOverlay();const e=document.querySelector(".working-dir-display");if(!e)return;const t=document.createElement("div");t.id="directory-viewer-overlay",t.className="directory-viewer-overlay",t.innerHTML=`\n            <div class="directory-viewer-content">\n                <div class="directory-viewer-header">\n                    <h3 class="directory-viewer-title">\n                        📁 ${this.currentWorkingDir||"Working Directory"}\n                    </h3>\n                    <button class="close-btn" onclick="workingDirectoryManager.removeDirectoryViewerOverlay()">✕</button>\n                </div>\n                <div class="directory-viewer-body">\n                    <div class="loading-indicator">Loading directory contents...</div>\n                </div>\n                <div class="directory-viewer-footer">\n                    <span class="directory-hint">Click file to view • Shift+Click directory path to change</span>\n                </div>\n            </div>\n        `;const r=e.getBoundingClientRect();t.style.cssText=`\n            position: fixed;\n            top: ${r.bottom+5}px;\n            left: ${r.left}px;\n            min-width: 400px;\n            max-width: 600px;\n            max-height: 400px;\n            z-index: 1001;\n            background: white;\n            border-radius: 8px;\n            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);\n            border: 1px solid #e2e8f0;\n        `,document.body.appendChild(t),this.loadDirectoryContents(),setTimeout(()=>{document.addEventListener("click",this.handleOutsideClick.bind(this),!0)},100)}removeDirectoryViewerOverlay(){const e=document.getElementById("directory-viewer-overlay");e&&(e.remove(),document.removeEventListener("click",this.handleOutsideClick.bind(this),!0))}handleOutsideClick(e){const t=document.getElementById("directory-viewer-overlay"),r=document.getElementById("working-dir-path");t&&!t.contains(e.target)&&e.target!==r&&this.removeDirectoryViewerOverlay()}loadDirectoryContents(){if(!this.socketManager||!this.socketManager.isConnected())return void this.showDirectoryError("Not connected to server");const e=this.socketManager.getSocket();if(!e)return void this.showDirectoryError("No socket connection available");e.emit("get_directory_listing",{directory:this.currentWorkingDir,limit:50});const t=r=>{e.off("directory_listing_response",t),this.handleDirectoryListingResponse(r)};e.on("directory_listing_response",t),setTimeout(()=>{e.off("directory_listing_response",t);const r=document.getElementById("directory-viewer-overlay");r&&r.querySelector(".loading-indicator")&&this.showDirectoryError("Request timeout")},5e3)}handleDirectoryListingResponse(e){const t=document.querySelector(".directory-viewer-body");if(!t)return;if(!e.success)return void this.showDirectoryError(e.error||"Failed to load directory");const r=e.files||[],o=e.directories||[];let i="";if(this.currentWorkingDir&&"/"!==this.currentWorkingDir){const e=this.currentWorkingDir.split("/").slice(0,-1).join("/")||"/";i+=`\n                <div class="file-item directory-item" onclick="workingDirectoryManager.setWorkingDirectory('${e}')">\n                    <span class="file-icon">📁</span>\n                    <span class="file-name">..</span>\n                    <span class="file-type">parent directory</span>\n                </div>\n            `}o.forEach(e=>{const t=`${this.currentWorkingDir}/${e}`.replace(/\/+/g,"/");i+=`\n                <div class="file-item directory-item" onclick="workingDirectoryManager.setWorkingDirectory('${t}')">\n                    <span class="file-icon">📁</span>\n                    <span class="file-name">${e}</span>\n                    <span class="file-type">directory</span>\n                </div>\n            `}),r.forEach(e=>{const t=`${this.currentWorkingDir}/${e}`.replace(/\/+/g,"/"),r=e.split(".").pop().toLowerCase(),o=this.getFileIcon(r);i+=`\n                <div class="file-item" onclick="workingDirectoryManager.viewFile('${t}')">\n                    <span class="file-icon">${o}</span>\n                    <span class="file-name">${e}</span>\n                    <span class="file-type">${r}</span>\n                </div>\n            `}),""===i&&(i='<div class="no-files">Empty directory</div>'),t.innerHTML=i}showDirectoryError(e){const t=document.querySelector(".directory-viewer-body");t&&(t.innerHTML=`\n                <div class="directory-error">\n                    <span class="error-icon">⚠️</span>\n                    <span class="error-message">${e}</span>\n                </div>\n            `)}getFileIcon(e){return{js:"📄",py:"🐍",html:"🌐",css:"🎨",json:"📋",md:"📝",txt:"📝",yml:"⚙️",yaml:"⚙️",xml:"📄",pdf:"📕",png:"🖼️",jpg:"🖼️",jpeg:"🖼️",gif:"🖼️",svg:"🖼️",zip:"📦",tar:"📦",gz:"📦",sh:"🔧",bat:"🔧",exe:"⚙️",dll:"⚙️"}[e]||"📄"}viewFile(e){this.removeDirectoryViewerOverlay(),window.showFileViewerModal?window.showFileViewerModal(e):console.warn("File viewer modal function not available")}getCurrentWorkingDir(){return this.currentWorkingDir}getSessionDirectories(){return JSON.parse(localStorage.getItem("sessionWorkingDirs")||"{}")}setSessionDirectory(e,t){const r=this.getSessionDirectories();r[e]=t,localStorage.setItem("sessionWorkingDirs",JSON.stringify(r));const o=document.getElementById("session-select");o&&o.value===e&&this.setWorkingDirectory(t)}removeSessionDirectory(e){const t=this.getSessionDirectories();delete t[e],localStorage.setItem("sessionWorkingDirs",JSON.stringify(t))}clearAllSessionDirectories(){localStorage.removeItem("sessionWorkingDirs")}extractWorkingDirectoryFromPair(e){return e.pre?.working_dir?e.pre.working_dir:e.post?.working_dir?e.post.working_dir:e.pre?.data?.working_dir?e.pre.data.working_dir:e.post?.data?.working_dir?e.post.data.working_dir:this.currentWorkingDir||this.getDefaultWorkingDir()}validateDirectoryPath(e){if(!e||"string"!=typeof e)return!1;const t=e.trim();if(0===t.length)return!1;if(t.includes("\0"))return!1;return!["Loading...","Loading","Unknown","undefined","null","Not Connected","Invalid Directory","No Directory"].includes(t)&&(!(!t.startsWith("/")&&!/^[A-Za-z]:/.test(t))||!!(t.startsWith("./")||t.startsWith("../")||/^[a-zA-Z0-9._-]+/.test(t)))}handleGitBranchResponse(e){console.log("[GIT-BRANCH-DEBUG] handleGitBranchResponse called with:",e);const t=document.getElementById("footer-git-branch");if(t){if(e.success)console.log("[GIT-BRANCH-DEBUG] Git branch request successful, branch:",e.branch),t.textContent=e.branch,t.style.display="inline",t.classList.remove("git-error"),t.classList.add("git-success");else{let r="Git Error";const o=e.error||"Unknown error";r=o.includes("Directory not found")||o.includes("does not exist")?"Dir Not Found":o.includes("Not a directory")?"Invalid Path":o.includes("Not a git repository")?"No Git Repo":o.includes("git")?"Git Error":"Unknown",console.log("[GIT-BRANCH-DEBUG] Git branch request failed:",o,"- showing as:",r),t.textContent=r,t.style.display="inline",t.classList.remove("git-success"),t.classList.add("git-error")}e.original_working_dir&&console.log("[GIT-BRANCH-DEBUG] Server received original working_dir:",this.repr(e.original_working_dir)),e.working_dir&&console.log("[GIT-BRANCH-DEBUG] Server used working_dir:",this.repr(e.working_dir)),e.git_error&&console.log("[GIT-BRANCH-DEBUG] Git command stderr:",e.git_error)}else console.warn("[GIT-BRANCH-DEBUG] footer-git-branch element not found")}isWorkingDirectoryReady(){const e=this.getCurrentWorkingDir();return this.validateDirectoryPath(e)&&"Loading..."!==e&&"Unknown"!==e}whenDirectoryReady(e,t=5e3){const r=Date.now(),o=()=>{this.isWorkingDirectoryReady()?e():Date.now()-r<t?setTimeout(o,100):console.warn("[WORKING-DIR-DEBUG] Timeout waiting for directory to be ready")};o()}repr(e){return null===e?"null":void 0===e?"undefined":"string"==typeof e?`"${e}"`:String(e)}cleanup(){this.footerDirObserver&&(this.footerDirObserver.disconnect(),this.footerDirObserver=null),console.log("Working directory manager cleaned up")}}export{e as W};
+window.WorkingDirectoryManager=class{constructor(e){this.socketManager=e,this.currentWorkingDir=null,this.footerDirObserver=null,this._updatingFooter=!1,this.setupEventHandlers(),this.initialize(),console.log("Working directory manager initialized")}initialize(){this.initializeWorkingDirectory(),this.watchFooterDirectory()}setupEventHandlers(){const e=document.getElementById("change-dir-btn"),t=document.getElementById("working-dir-path");if(e&&e.addEventListener("click",()=>{this.showChangeDirDialog()}),t&&t.addEventListener("click",e=>{e.shiftKey?this.showChangeDirDialog():this.showWorkingDirectoryViewer()}),document.addEventListener("sessionChanged",e=>{const t=e.detail.sessionId;console.log("[WORKING-DIR-DEBUG] sessionChanged event received, sessionId:",this.repr(t)),t&&this.loadWorkingDirectoryForSession(t)}),this.socketManager&&this.socketManager.getSocket){const e=this.socketManager.getSocket();e&&(console.log("[WORKING-DIR-DEBUG] Setting up git_branch_response listener"),e.on("git_branch_response",e=>{console.log("[GIT-BRANCH-DEBUG] Received git_branch_response:",e),this.handleGitBranchResponse(e)}))}}initializeWorkingDirectory(){const e=document.getElementById("working-dir-path");e&&!e.textContent.trim()&&(e.textContent="Loading...");const t=document.getElementById("session-select");t&&t.value&&"all"!==t.value?this.loadWorkingDirectoryForSession(t.value):this.setWorkingDirectory(this.getDefaultWorkingDir())}watchFooterDirectory(){const e=document.getElementById("footer-working-dir");e&&(this.footerDirObserver=new MutationObserver(t=>{this._updatingFooter||t.forEach(t=>{if("childList"===t.type||"characterData"===t.type){const t=e.textContent.trim();console.log("Footer directory changed to:",t),t&&t!==this.currentWorkingDir&&(console.log("Syncing working directory from footer change"),this.setWorkingDirectory(t))}})}),this.footerDirObserver.observe(e,{childList:!0,characterData:!0,subtree:!0}),console.log("Started watching footer directory for changes"))}loadWorkingDirectoryForSession(e){if(console.log("[WORKING-DIR-DEBUG] loadWorkingDirectoryForSession called with sessionId:",this.repr(e)),!e||"all"===e){console.log('[WORKING-DIR-DEBUG] No sessionId or sessionId is "all", using default working dir');const e=this.getDefaultWorkingDir();return console.log("[WORKING-DIR-DEBUG] Default working dir:",this.repr(e)),void this.setWorkingDirectory(e)}const t=JSON.parse(localStorage.getItem("sessionWorkingDirs")||"{}");console.log("[WORKING-DIR-DEBUG] Session directories from localStorage:",t);const r=t[e],o=this.getDefaultWorkingDir(),i=r||o;console.log("[WORKING-DIR-DEBUG] Directory selection:",{sessionId:e,sessionDir:this.repr(r),defaultDir:this.repr(o),finalDir:this.repr(i)}),this.setWorkingDirectory(i)}setWorkingDirectory(e){console.log("[WORKING-DIR-DEBUG] setWorkingDirectory called with:",this.repr(e)),this.currentWorkingDir=e,e&&this.validateDirectoryPath(e)&&(sessionStorage.setItem("currentWorkingDirectory",e),console.log("[WORKING-DIR-DEBUG] Stored working directory in session storage:",e));const t=document.getElementById("working-dir-path");t?(console.log("[WORKING-DIR-DEBUG] Updating UI path element to:",e),t.textContent=e):console.warn("[WORKING-DIR-DEBUG] working-dir-path element not found");const r=document.getElementById("footer-working-dir");if(r){const t=r.textContent;console.log("[WORKING-DIR-DEBUG] Footer directory current text:",this.repr(t),"new text:",this.repr(e)),t!==e?(this._updatingFooter=!0,r.textContent=e,console.log("[WORKING-DIR-DEBUG] Updated footer directory to:",e),setTimeout(()=>{this._updatingFooter=!1,console.log("[WORKING-DIR-DEBUG] Cleared _updatingFooter flag")},100)):console.log("[WORKING-DIR-DEBUG] Footer directory already has correct text")}else console.warn("[WORKING-DIR-DEBUG] footer-working-dir element not found");const o=document.getElementById("session-select");if(o&&o.value&&"all"!==o.value){const t=o.value,r=JSON.parse(localStorage.getItem("sessionWorkingDirs")||"{}");r[t]=e,localStorage.setItem("sessionWorkingDirs",JSON.stringify(r)),console.log(`[WORKING-DIR-DEBUG] Saved working directory for session ${t}:`,e)}else console.log('[WORKING-DIR-DEBUG] No session selected or session is "all", not saving to localStorage');console.log("[WORKING-DIR-DEBUG] About to call updateGitBranch with:",this.repr(e)),this.validateDirectoryPath(e)?this.updateGitBranch(e):console.log("[WORKING-DIR-DEBUG] Skipping git branch update for invalid directory:",this.repr(e)),document.dispatchEvent(new CustomEvent("workingDirectoryChanged",{detail:{directory:e}})),console.log("[WORKING-DIR-DEBUG] Working directory set to:",e)}updateGitBranch(e){if(console.log("[GIT-BRANCH-DEBUG] updateGitBranch called with dir:",this.repr(e),"type:",typeof e),!this.socketManager||!this.socketManager.isConnected()){console.log("[GIT-BRANCH-DEBUG] Not connected to socket server");const e=document.getElementById("footer-git-branch");return void(e&&(e.textContent="Not Connected",e.style.display="inline"))}const t=this.validateDirectoryPath(e),r="Loading..."===e||"Loading"===e,o="Unknown"===e,i=!e||"string"==typeof e&&""===e.trim();if(console.log("[GIT-BRANCH-DEBUG] Validation results:",{dir:e,isValidPath:t,isLoadingState:r,isUnknown:o,isEmptyOrWhitespace:i,shouldReject:!t||r||o||i}),!t||r||o||i){console.warn("[GIT-BRANCH-DEBUG] Invalid working directory for git branch request:",e);const t=document.getElementById("footer-git-branch");return void(t&&(t.textContent=r?"Loading...":o||i?"No Directory":"Invalid Directory",t.style.display="inline"))}const n=this.socketManager.getSocket();n?(console.log("[GIT-BRANCH-DEBUG] Requesting git branch for directory:",e),console.log("[GIT-BRANCH-DEBUG] Socket state:",{connected:n.connected,id:n.id}),n.emit("get_git_branch",e)):console.error("[GIT-BRANCH-DEBUG] No socket available for git branch request")}getDefaultWorkingDir(){if(console.log("[WORKING-DIR-DEBUG] getDefaultWorkingDir called"),this.currentWorkingDir&&this.validateDirectoryPath(this.currentWorkingDir))return console.log("[WORKING-DIR-DEBUG] Using current working directory:",this.currentWorkingDir),this.currentWorkingDir;const e=document.querySelector(".working-dir-text");if(e?.textContent?.trim()){const t=e.textContent.trim();if("Loading..."!==t&&"Unknown"!==t&&this.validateDirectoryPath(t))return console.log("[WORKING-DIR-DEBUG] Using header working directory:",t),t}const t=document.getElementById("footer-working-dir");if(t?.textContent?.trim()){const e=t.textContent.trim();console.log("[WORKING-DIR-DEBUG] Footer path found:",this.repr(e));const r="Unknown"===e,o=this.validateDirectoryPath(e);if(console.log("[WORKING-DIR-DEBUG] Footer path validation:",{footerPath:this.repr(e),isUnknown:r,isValid:o,shouldUse:!r&&o}),!r&&o)return console.log("[WORKING-DIR-DEBUG] Using footer path as default:",e),e}else console.log("[WORKING-DIR-DEBUG] No footer directory element or no text content");if(window.socketClient&&window.socketClient.events){const e=window.socketClient.events.filter(e=>e.data&&(e.data.working_directory||e.data.cwd||e.data.working_dir)).reverse();if(e.length>0){const t=e[0],r=t.data.working_directory||t.data.cwd||t.data.working_dir;return console.log("[WORKING-DIR-DEBUG] Using working directory from recent event:",r),r}}const r=document.getElementById("working-dir-path");if(r?.textContent?.trim()){const e=r.textContent.trim();if(console.log("[WORKING-DIR-DEBUG] Found working-dir-path element text:",this.repr(e)),"Unknown"!==e&&this.validateDirectoryPath(e))return console.log("[WORKING-DIR-DEBUG] Using working-dir-path as fallback:",e),e}const o=sessionStorage.getItem("currentWorkingDirectory");if(o&&this.validateDirectoryPath(o))return console.log("[WORKING-DIR-DEBUG] Using session storage working directory:",this.repr(o)),o;const i=window.processWorkingDirectory||process?.cwd?.()||null;if(i&&this.validateDirectoryPath(i))return console.log("[WORKING-DIR-DEBUG] Using process working directory:",this.repr(i)),i;const n=window.homeDirectory||process?.env?.HOME||process?.env?.USERPROFILE||null||process?.cwd?.()||os?.homedir?.()||"/Users/masa";return console.log("[WORKING-DIR-DEBUG] Using fallback directory (home or cwd):",this.repr(n)),n}showChangeDirDialog(){const e=prompt("Enter new working directory:",this.currentWorkingDir||"");e&&""!==e.trim()&&this.setWorkingDirectory(e.trim())}showWorkingDirectoryViewer(){this.createDirectoryViewerOverlay()}createDirectoryViewerOverlay(){this.removeDirectoryViewerOverlay();const e=document.querySelector(".working-dir-display");if(!e)return;const t=document.createElement("div");t.id="directory-viewer-overlay",t.className="directory-viewer-overlay",t.innerHTML=`\n            <div class="directory-viewer-content">\n                <div class="directory-viewer-header">\n                    <h3 class="directory-viewer-title">\n                        📁 ${this.currentWorkingDir||"Working Directory"}\n                    </h3>\n                    <button class="close-btn" onclick="workingDirectoryManager.removeDirectoryViewerOverlay()">✕</button>\n                </div>\n                <div class="directory-viewer-body">\n                    <div class="loading-indicator">Loading directory contents...</div>\n                </div>\n                <div class="directory-viewer-footer">\n                    <span class="directory-hint">Click file to view • Shift+Click directory path to change</span>\n                </div>\n            </div>\n        `;const r=e.getBoundingClientRect();t.style.cssText=`\n            position: fixed;\n            top: ${r.bottom+5}px;\n            left: ${r.left}px;\n            min-width: 400px;\n            max-width: 600px;\n            max-height: 400px;\n            z-index: 1001;\n            background: white;\n            border-radius: 8px;\n            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);\n            border: 1px solid #e2e8f0;\n        `,document.body.appendChild(t),this.loadDirectoryContents(),setTimeout(()=>{document.addEventListener("click",this.handleOutsideClick.bind(this),!0)},100)}removeDirectoryViewerOverlay(){const e=document.getElementById("directory-viewer-overlay");e&&(e.remove(),document.removeEventListener("click",this.handleOutsideClick.bind(this),!0))}handleOutsideClick(e){const t=document.getElementById("directory-viewer-overlay"),r=document.getElementById("working-dir-path");t&&!t.contains(e.target)&&e.target!==r&&this.removeDirectoryViewerOverlay()}loadDirectoryContents(){if(!this.socketManager||!this.socketManager.isConnected())return void this.showDirectoryError("Not connected to server");const e=this.socketManager.getSocket();if(!e)return void this.showDirectoryError("No socket connection available");e.emit("get_directory_listing",{directory:this.currentWorkingDir,limit:50});const t=r=>{e.off("directory_listing_response",t),this.handleDirectoryListingResponse(r)};e.on("directory_listing_response",t),setTimeout(()=>{e.off("directory_listing_response",t);const r=document.getElementById("directory-viewer-overlay");r&&r.querySelector(".loading-indicator")&&this.showDirectoryError("Request timeout")},5e3)}handleDirectoryListingResponse(e){const t=document.querySelector(".directory-viewer-body");if(!t)return;if(!e.success)return void this.showDirectoryError(e.error||"Failed to load directory");const r=e.files||[],o=e.directories||[];let i="";if(this.currentWorkingDir&&"/"!==this.currentWorkingDir){const e=this.currentWorkingDir.split("/").slice(0,-1).join("/")||"/";i+=`\n                <div class="file-item directory-item" onclick="workingDirectoryManager.setWorkingDirectory('${e}')">\n                    <span class="file-icon">📁</span>\n                    <span class="file-name">..</span>\n                    <span class="file-type">parent directory</span>\n                </div>\n            `}o.forEach(e=>{const t=`${this.currentWorkingDir}/${e}`.replace(/\/+/g,"/");i+=`\n                <div class="file-item directory-item" onclick="workingDirectoryManager.setWorkingDirectory('${t}')">\n                    <span class="file-icon">📁</span>\n                    <span class="file-name">${e}</span>\n                    <span class="file-type">directory</span>\n                </div>\n            `}),r.forEach(e=>{const t=`${this.currentWorkingDir}/${e}`.replace(/\/+/g,"/"),r=e.split(".").pop().toLowerCase(),o=this.getFileIcon(r);i+=`\n                <div class="file-item" onclick="workingDirectoryManager.viewFile('${t}')">\n                    <span class="file-icon">${o}</span>\n                    <span class="file-name">${e}</span>\n                    <span class="file-type">${r}</span>\n                </div>\n            `}),""===i&&(i='<div class="no-files">Empty directory</div>'),t.innerHTML=i}showDirectoryError(e){const t=document.querySelector(".directory-viewer-body");t&&(t.innerHTML=`\n                <div class="directory-error">\n                    <span class="error-icon">⚠️</span>\n                    <span class="error-message">${e}</span>\n                </div>\n            `)}getFileIcon(e){return{js:"📄",py:"🐍",html:"🌐",css:"🎨",json:"📋",md:"📝",txt:"📝",yml:"⚙️",yaml:"⚙️",xml:"📄",pdf:"📕",png:"🖼️",jpg:"🖼️",jpeg:"🖼️",gif:"🖼️",svg:"🖼️",zip:"📦",tar:"📦",gz:"📦",sh:"🔧",bat:"🔧",exe:"⚙️",dll:"⚙️"}[e]||"📄"}viewFile(e){this.removeDirectoryViewerOverlay(),window.showFileViewerModal?window.showFileViewerModal(e):console.warn("File viewer modal function not available")}getCurrentWorkingDir(){return this.currentWorkingDir}getSessionDirectories(){return JSON.parse(localStorage.getItem("sessionWorkingDirs")||"{}")}setSessionDirectory(e,t){const r=this.getSessionDirectories();r[e]=t,localStorage.setItem("sessionWorkingDirs",JSON.stringify(r));const o=document.getElementById("session-select");o&&o.value===e&&this.setWorkingDirectory(t)}removeSessionDirectory(e){const t=this.getSessionDirectories();delete t[e],localStorage.setItem("sessionWorkingDirs",JSON.stringify(t))}clearAllSessionDirectories(){localStorage.removeItem("sessionWorkingDirs")}extractWorkingDirectoryFromPair(e){return e.pre?.working_dir?e.pre.working_dir:e.post?.working_dir?e.post.working_dir:e.pre?.data?.working_dir?e.pre.data.working_dir:e.post?.data?.working_dir?e.post.data.working_dir:this.currentWorkingDir||this.getDefaultWorkingDir()}validateDirectoryPath(e){if(!e||"string"!=typeof e)return!1;const t=e.trim();if(0===t.length)return!1;if(t.includes("\0"))return!1;return!["Loading...","Loading","Unknown","undefined","null","Not Connected","Invalid Directory","No Directory"].includes(t)&&(!(!t.startsWith("/")&&!/^[A-Za-z]:/.test(t))||!!(t.startsWith("./")||t.startsWith("../")||/^[a-zA-Z0-9._-]+/.test(t)))}handleGitBranchResponse(e){console.log("[GIT-BRANCH-DEBUG] handleGitBranchResponse called with:",e);const t=document.getElementById("footer-git-branch");if(t){if(e.success)console.log("[GIT-BRANCH-DEBUG] Git branch request successful, branch:",e.branch),t.textContent=e.branch,t.style.display="inline",t.classList.remove("git-error"),t.classList.add("git-success");else{let r="Git Error";const o=e.error||"Unknown error";r=o.includes("Directory not found")||o.includes("does not exist")?"Dir Not Found":o.includes("Not a directory")?"Invalid Path":o.includes("Not a git repository")?"No Git Repo":o.includes("git")?"Git Error":"Unknown",console.log("[GIT-BRANCH-DEBUG] Git branch request failed:",o,"- showing as:",r),t.textContent=r,t.style.display="inline",t.classList.remove("git-success"),t.classList.add("git-error")}e.original_working_dir&&console.log("[GIT-BRANCH-DEBUG] Server received original working_dir:",this.repr(e.original_working_dir)),e.working_dir&&console.log("[GIT-BRANCH-DEBUG] Server used working_dir:",this.repr(e.working_dir)),e.git_error&&console.log("[GIT-BRANCH-DEBUG] Git command stderr:",e.git_error)}else console.warn("[GIT-BRANCH-DEBUG] footer-git-branch element not found")}isWorkingDirectoryReady(){const e=this.getCurrentWorkingDir();return this.validateDirectoryPath(e)&&"Loading..."!==e&&"Unknown"!==e}whenDirectoryReady(e,t=5e3){const r=Date.now(),o=()=>{this.isWorkingDirectoryReady()?e():Date.now()-r<t?setTimeout(o,100):console.warn("[WORKING-DIR-DEBUG] Timeout waiting for directory to be ready")};o()}repr(e){return null===e?"null":void 0===e?"undefined":"string"==typeof e?`"${e}"`:String(e)}cleanup(){this.footerDirObserver&&(this.footerDirObserver.disconnect(),this.footerDirObserver=null),console.log("Working directory manager cleaned up")}};
 //# sourceMappingURL=working-directory.js.map