diff --git a/src/info-panel/UIManager.ts b/src/info-panel/UIManager.ts
index c5ac48b..6abe577 100644
--- a/src/info-panel/UIManager.ts
+++ b/src/info-panel/UIManager.ts
@@ -82,19 +82,41 @@ export class UIManager {
         }
         document.body.appendChild(this.elements.panel);
 
-        // Hover-expand: Remove inline max-height on hover to show all content
+        // Hover-expand: Add/remove 'is-expanded' class and reposition for full content
+        let originalTop: number | null = null;
+
         this.elements.panel.addEventListener('mouseenter', () => {
             if (!this.stateManager.state.isPanelMinimized && this.elements.panel) {
-                this.elements.panel.style.maxHeight = 'none';
-                this.elements.panel.style.overflow = 'visible';
+                // Save original position
+                originalTop = this.elements.panel.offsetTop;
+
+                // Add expanded class
+                this.elements.panel.classList.add('is-expanded');
+
+                // After a short delay, check if panel extends below viewport and adjust
+                requestAnimationFrame(() => {
+                    if (!this.elements.panel) return;
+                    const rect = this.elements.panel.getBoundingClientRect();
+                    const bottomOverflow = rect.bottom - window.innerHeight;
+
+                    if (bottomOverflow > 0) {
+                        // Panel extends below viewport - move it up
+                        const newTop = Math.max(10, originalTop! - bottomOverflow - 10);
+                        this.elements.panel.style.top = `${newTop}px`;
+                    }
+                });
             }
         });
 
         this.elements.panel.addEventListener('mouseleave', () => {
             if (this.elements.panel) {
-                const maxHeight = this.stateManager.state.settings["🔍MagnifyGlass.InfoPanelMaxHeight"];
-                this.elements.panel.style.maxHeight = `${maxHeight}px`;
-                this.elements.panel.style.overflow = '';
+                this.elements.panel.classList.remove('is-expanded');
+
+                // Restore original position
+                if (originalTop !== null) {
+                    this.elements.panel.style.top = `${originalTop}px`;
+                    originalTop = null;
+                }
             }
         });
 
@@ -358,13 +380,10 @@ export class UIManager {
 
         // 1. Apply dimensions
         this.elements.panel.style.width = `${settings["🔍MagnifyGlass.InfoPanelWidth"]}px`;
-        // Set height to auto so panel grows with content, up to max-height
-        // Skip max-height if panel is hovered (allow full expansion)
+        // Set max-height via CSS variable so CSS :hover rules can override
         const maxHeight = settings["🔍MagnifyGlass.InfoPanelMaxHeight"];
+        this.elements.panel.style.setProperty('--panel-max-height', `${maxHeight}px`);
         this.elements.panel.style.height = 'auto';
-        if (!this.stateManager.state.isPanelHovered) {
-            this.elements.panel.style.maxHeight = `${maxHeight}px`;
-        }
 
         // 2. Apply static styles (only needed once or if overwritten, but safe to set)
         this.elements.panel.style.position = 'absolute';
diff --git a/web/info-panel.css b/web/info-panel.css
index 552718d..fbd0790 100644
--- a/web/info-panel.css
+++ b/web/info-panel.css
@@ -46,7 +46,7 @@
     border-radius: 12px;
     backdrop-filter: blur(20px);
     box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.1);
-    overflow: hidden;
+    overflow: visible;
     font-size: 16px;
     line-height: 1.6;
     pointer-events: auto;
@@ -178,15 +178,15 @@
     transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 }
 
-/* Hover-expand: Temporarily remove max-height limit when hovering to show all content */
-.magnify-info-panel:hover:not(.panel-minimized) {
+/* Hover-expand: Show ALL content at once - no scrollbar, full expansion */
+.magnify-info-panel.is-expanded:not(.panel-minimized) {
     max-height: none !important;
-    overflow: visible;
+    overflow: visible !important;
 }
 
-.magnify-info-panel:hover:not(.panel-minimized) .panel-content {
+.magnify-info-panel.is-expanded:not(.panel-minimized) .panel-content {
     max-height: none !important;
-    overflow-y: visible;
+    overflow: visible !important;
 }
 
 .floating-controls {
@@ -390,8 +390,7 @@
     padding: 0;
     flex: 1;
     min-height: 0;
-    overflow-y: auto;
-    scrollbar-width: thin;
+    overflow: visible;
 }
 
 .panel-content::-webkit-scrollbar {
diff --git a/web/info-panel/UIManager.js b/web/info-panel/UIManager.js
index 47bf00e..9e63f4f 100644
--- a/web/info-panel/UIManager.js
+++ b/web/info-panel/UIManager.js
@@ -47,17 +47,29 @@ class UIManager {
       this.elements.panel.classList.add("panel-minimized");
     }
     document.body.appendChild(this.elements.panel);
+    let originalTop = null;
     this.elements.panel.addEventListener("mouseenter", () => {
       if (!this.stateManager.state.isPanelMinimized && this.elements.panel) {
-        this.elements.panel.style.maxHeight = "none";
-        this.elements.panel.style.overflow = "visible";
+        originalTop = this.elements.panel.offsetTop;
+        this.elements.panel.classList.add("is-expanded");
+        requestAnimationFrame(() => {
+          if (!this.elements.panel) return;
+          const rect = this.elements.panel.getBoundingClientRect();
+          const bottomOverflow = rect.bottom - window.innerHeight;
+          if (bottomOverflow > 0) {
+            const newTop = Math.max(10, originalTop - bottomOverflow - 10);
+            this.elements.panel.style.top = `${newTop}px`;
+          }
+        });
       }
     });
     this.elements.panel.addEventListener("mouseleave", () => {
       if (this.elements.panel) {
-        const maxHeight = this.stateManager.state.settings["🔍MagnifyGlass.InfoPanelMaxHeight"];
-        this.elements.panel.style.maxHeight = `${maxHeight}px`;
-        this.elements.panel.style.overflow = "";
+        this.elements.panel.classList.remove("is-expanded");
+        if (originalTop !== null) {
+          this.elements.panel.style.top = `${originalTop}px`;
+          originalTop = null;
+        }
       }
     });
     this.elements.panel.addEventListener("click", (e) => {
@@ -237,10 +249,8 @@ class UIManager {
     console.log(`[UIManager] applyStyles - MaxHeight: ${settings["🔍MagnifyGlass.InfoPanelMaxHeight"]}`);
     this.elements.panel.style.width = `${settings["🔍MagnifyGlass.InfoPanelWidth"]}px`;
     const maxHeight = settings["🔍MagnifyGlass.InfoPanelMaxHeight"];
+    this.elements.panel.style.setProperty("--panel-max-height", `${maxHeight}px`);
     this.elements.panel.style.height = "auto";
-    if (!this.stateManager.state.isPanelHovered) {
-      this.elements.panel.style.maxHeight = `${maxHeight}px`;
-    }
     this.elements.panel.style.position = "absolute";
     this.elements.panel.style.zIndex = "99999";
     this.elements.panel.style.transform = "translateY(-10px)";
diff --git a/web/info-panel/UIManager.js.map b/web/info-panel/UIManager.js.map
index bfb2e0b..1f78def 100644
--- a/web/info-panel/UIManager.js.map
+++ b/web/info-panel/UIManager.js.map
@@ -1 +1 @@
-{"version":3,"file":"UIManager.js","sources":["../../src/info-panel/UIManager.ts"],"sourcesContent":["/**\n * ComfyUI MagnifyGlass - Info Panel UI Manager (TypeScript)\n * \n * Complete UI Manager extracted from magnify_info_panel.js\n * Handles all DOM manipulation and UI creation for the info panel.\n */\n\nimport { StateManager } from './StateManager';\nimport { Icons } from '../shared/icons';\nimport { Logger } from '../shared/logger';\nimport { formatValue, getValueClass, getValueAttributes, formatWidgetValue } from './ValueFormatter';\nimport {\n    getCheckpointInfo,\n    getImageInfo,\n    getTextBoxContent,\n    getImportantNodeParameters,\n    type ImageInfoResult\n} from './NodeDataExtractor';\n\ninterface InfoPanelElements {\n    panel: HTMLDivElement | null;\n    header: HTMLDivElement | null;\n    content: HTMLDivElement | null;\n    controls: HTMLDivElement | null;\n}\n\n/**\n * UI Manager class.\n * Handles all DOM manipulation and UI creation.\n */\nexport class UIManager {\n    stateManager: StateManager;\n    elements: InfoPanelElements;\n\n    constructor(stateManager: StateManager) {\n        this.stateManager = stateManager;\n        this.elements = {\n            panel: null,\n            header: null,\n            content: null,\n            controls: null\n        };\n\n        this.createPanel();\n        this.injectStyles();\n    }\n\n    /**\n     * Create the main panel and its components.\n     */\n    createPanel(): void {\n        // Main panel container\n        this.elements.panel = document.createElement(\"div\");\n        this.elements.panel.id = \"comfyui-magnify-info-panel-pro-v2\";\n        this.elements.panel.className = `magnify-info-panel theme-${this.stateManager.state.currentTheme}`;\n\n        // Header\n        this.elements.header = document.createElement(\"div\");\n        this.elements.header.className = \"panel-header\";\n        this.elements.header.innerHTML = `\n            <div class=\"header-content\">\n                <div class=\"header-icon\">${Icons.magnifyGlass}</div>\n                <div class=\"header-title\">Inspector</div>\n                <div class=\"header-subtitle\">Real-time analysis</div>\n            </div>\n            <div class=\"header-controls\">\n                <button class=\"control-btn minimize-btn\" title=\"Minimize Panel\" data-action=\"minimize\">${Icons.minus}</button>\n            </div>\n        `;\n\n        // Content container\n        this.elements.content = document.createElement(\"div\");\n        this.elements.content.className = \"panel-content\";\n\n        this.elements.panel.appendChild(this.elements.header);\n        this.elements.panel.appendChild(this.elements.content);\n\n        this.applyStyles();\n        // Apply initial minimized state if set\n        if (this.stateManager.state.isPanelMinimized) {\n            this.elements.panel.classList.add('panel-minimized');\n        }\n        document.body.appendChild(this.elements.panel);\n\n        // Hover-expand: Remove inline max-height on hover to show all content\n        this.elements.panel.addEventListener('mouseenter', () => {\n            if (!this.stateManager.state.isPanelMinimized && this.elements.panel) {\n                this.elements.panel.style.maxHeight = 'none';\n                this.elements.panel.style.overflow = 'visible';\n            }\n        });\n\n        this.elements.panel.addEventListener('mouseleave', () => {\n            if (this.elements.panel) {\n                const maxHeight = this.stateManager.state.settings[\"🔍MagnifyGlass.InfoPanelMaxHeight\"];\n                this.elements.panel.style.maxHeight = `${maxHeight}px`;\n                this.elements.panel.style.overflow = '';\n            }\n        });\n\n        // Add click event delegation for panel elements\n        this.elements.panel.addEventListener('click', (e: MouseEvent) => {\n            const target = e.target as HTMLElement;\n\n            // Handle minimize button\n            const minimizeBtn = target.closest('[data-action=\"minimize\"]');\n            if (minimizeBtn) {\n                this.stateManager.state.isPanelMinimized = !this.stateManager.state.isPanelMinimized;\n                this.updateMinimizedState();\n                return;\n            }\n\n            // Handle section header clicks for expand/collapse\n            const sectionHeader = target.closest('.section-header') as HTMLElement;\n            if (sectionHeader) {\n                const sectionId = sectionHeader.getAttribute('data-section');\n                // Skip node section (always expanded)\n                if (sectionId && sectionId !== 'node') {\n                    const isExpanded = this.stateManager.state.expandedSections.has(sectionId);\n                    if (isExpanded) {\n                        this.stateManager.state.expandedSections.delete(sectionId);\n                    } else {\n                        this.stateManager.state.expandedSections.add(sectionId);\n                    }\n\n                    // Update visual state\n                    sectionHeader.classList.toggle('expanded', !isExpanded);\n                    const sectionContent = sectionHeader.nextElementSibling as HTMLElement;\n                    if (sectionContent && sectionContent.classList.contains('section-content')) {\n                        sectionContent.classList.toggle('expanded', !isExpanded);\n                    }\n                }\n            }\n        });\n\n        // Create floating controls after panel is in DOM\n        if (!this.elements.controls) {\n            this.createFloatingControls();\n            // Update control states immediately after creation\n            this.updateControlStates();\n        }\n    }\n\n    /**\n     * Create floating control buttons.\n     */\n    createFloatingControls(): void {\n        this.elements.controls = document.createElement(\"div\");\n        this.elements.controls.className = `floating-controls vertical-layout theme-${this.stateManager.state.currentTheme}`; // Default to vertical + theme\n\n        /**\n         * BUTTON MAPPING DOCUMENTATION:\n         * =============================\n         * Button 1 (Unlock Icon): data-action=\"pin\" → controls isPanelPinned\n         *   - Unpinned (default): Panel follows magnify glass\n         *   - Pinned: Panel stays at fixed position (unlocked from following glass)\n         * \n         * Button 2 (Pin Icon): data-action=\"lock\" → controls isPanelLocked\n         *   - Unlocked (default): Panel can be dragged\n         *   - Locked: Panel cannot be dragged (pinned in place)\n         * \n         * NOTE: The data-action names are counterintuitive but kept for backwards compatibility.\n         * The ICONS correctly represent the functionality:\n         *   - Unlock icon = unlock from following glass\n         *   - Pin icon = pin position (prevent drag)\n         */\n        this.elements.controls.innerHTML = `\n            <button class=\"control-btn unlock-btn\" title=\"Unlock/Lock Panel from Glass\" data-action=\"pin\">${Icons.unlock}</button>\n            <button class=\"control-btn pin-btn\" title=\"Pin/Unpin Panel Position (Prevent Drag)\" data-action=\"lock\">${Icons.pin}</button>\n            <button class=\"control-btn visibility-btn\" title=\"Toggle Panel Visibility (I)\" data-action=\"toggle-panel\">${Icons.eye}</button>\n            <button class=\"control-btn glass-btn\" title=\"Toggle Glass Preview (G)\" data-action=\"toggle-glass\">${Icons.magnifyGlass}</button>\n        `;\n\n        // Insert before the panel in the document body, not as a child\n        document.body.appendChild(this.elements.controls);\n\n        // Hide and position off-screen initially - will be shown when magnify glass activates and positions them\n        this.elements.controls.style.display = 'none';\n        this.elements.controls.style.visibility = 'hidden';\n        this.elements.controls.style.left = '-9999px';\n        this.elements.controls.style.top = '-9999px';\n\n        // Add click event delegation for control buttons\n        this.elements.controls.addEventListener('click', (e: MouseEvent) => {\n            const target = e.target as HTMLElement;\n            const button = target.closest('button[data-action]') as HTMLButtonElement;\n            if (!button) return;\n\n            const action = button.getAttribute('data-action');\n            Logger.debug(`Control button clicked: ${action}`);\n\n            switch (action) {\n                case 'pin':\n                    this.stateManager.togglePinning();\n                    this.updatePinnedState();\n                    this.updateControlStates();\n                    break;\n                case 'lock':\n                    this.stateManager.state.isPanelLocked = !this.stateManager.state.isPanelLocked;\n                    this.updateControlStates();\n                    if (this.elements.panel) {\n                        this.elements.panel.classList.toggle('panel-locked', this.stateManager.state.isPanelLocked);\n                    }\n                    break;\n                case 'toggle-panel':\n                    if (this.stateManager.state.isPanelVisible) {\n                        this.hide();\n                    } else {\n                        this.show();\n                    }\n                    this.updateControlStates();\n                    break;\n                case 'toggle-glass':\n                    this.stateManager.state.isGlassPreviewVisible = !this.stateManager.state.isGlassPreviewVisible;\n\n                    // Link Glass Visibility to Panel Pinning\n                    if (!this.stateManager.state.isGlassPreviewVisible) {\n                        // Glass Hidden\n                        console.log(`[MagnifyGlass Debug] Glass Hidden. pinned=${this.stateManager.state.isPanelPinned}, autoPinned=${this.stateManager.state.isAutoPinned}`);\n                        // Only auto-pin if not already pinned by the user\n                        if (!this.stateManager.state.isPanelPinned) {\n                            if (this.elements.panel) {\n                                const rect = this.elements.panel.getBoundingClientRect();\n                                this.stateManager.state.pinnedPosition = { x: rect.left, y: rect.top };\n                            }\n                            this.stateManager.state.isPanelPinned = true;\n                            this.stateManager.state.isAutoPinned = true; // Track that this was auto-pinned\n                            console.log(`[MagnifyGlass Debug] Auto-Pinned panel.`);\n                        }\n                        // Do NOT reset isPanelLocked here - preserve user's lock state\n                    } else {\n                        // Glass Shown\n                        console.log(`[MagnifyGlass Debug] Glass Shown. pinned=${this.stateManager.state.isPanelPinned}, autoPinned=${this.stateManager.state.isAutoPinned}`);\n                        // Only unpin if it was auto-pinned (not user-pinned)\n                        if (this.stateManager.state.isAutoPinned) {\n                            this.stateManager.state.isPanelPinned = false;\n                            this.stateManager.state.isAutoPinned = false;\n                            console.log(`[MagnifyGlass Debug] Auto-Unpinned panel.`);\n                        }\n                        // If user manually pinned, keep the panel pinned\n                    }\n\n                    this.updateControlStates();\n                    this.updatePinnedState(); // Update visual class\n\n                    // Toggle ONLY the visual visibility (opacity) of the glass preview\n                    // The tool remains active so the inspector can track position\n                    const magnifyGlass = (window as any).comfyUIMagnifyGlass;\n                    if (magnifyGlass && magnifyGlass.ui?.setPreviewVisibility) {\n                        magnifyGlass.ui.setPreviewVisibility(this.stateManager.state.isGlassPreviewVisible);\n                    }\n                    break;\n            }\n        });\n\n        // Set initial layout based on settings\n        const controlsPosition = String(this.stateManager.state.settings[\"🔍MagnifyGlass.ControlsPosition\"] || \"top-right\");\n        this.updateControlsLayout(controlsPosition);\n\n        // Initial state update\n        this.updateControlStates();\n    }\n\n    /**\n     * Update control button states.\n     */\n    updateControlStates(): void {\n        if (!this.elements.controls) return;\n\n        const pinBtn = this.elements.controls.querySelector('[data-action=\"pin\"]') as HTMLButtonElement;\n        const lockBtn = this.elements.controls.querySelector('[data-action=\"lock\"]') as HTMLButtonElement;\n        const visibilityBtn = this.elements.controls.querySelector('[data-action=\"toggle-panel\"]') as HTMLButtonElement;\n        const glassBtn = this.elements.controls.querySelector('[data-action=\"toggle-glass\"]') as HTMLButtonElement;\n        const isPanelVisible = this.stateManager.state.isPanelVisible;\n        const isGlassVisible = this.stateManager.state.isGlassPreviewVisible;\n\n        if (pinBtn) {\n            pinBtn.classList.toggle('active', this.stateManager.state.isPanelPinned);\n            pinBtn.title = this.stateManager.state.isPanelPinned ? \"Lock Panel\" : \"Unlock Panel\";\n            pinBtn.innerHTML = this.stateManager.state.isPanelPinned ? Icons.lock : Icons.unlock;\n            // Hide unlock button when panel is hidden\n            pinBtn.style.display = isPanelVisible ? 'flex' : 'none';\n\n            // Do not disable the pin button even if glass is hidden.\n            // If the user unpins while glass is hidden, the panel will just attach to the hidden glass (and disappear).\n            pinBtn.disabled = false;\n            pinBtn.style.opacity = '';\n\n            // Only update title if glass is hidden to warn user\n            if (!isGlassVisible && !this.stateManager.state.isPanelPinned) {\n                // Optional: You could add a tooltip warning here if really needed, \n                // but keeping it simple is better.\n            }\n        }\n\n        if (lockBtn) {\n            // Only show pin button when panel is visible AND unlocked from glass\n            const showLockBtn = isPanelVisible && this.stateManager.state.isPanelPinned;\n            lockBtn.style.display = showLockBtn ? 'flex' : 'none';\n            lockBtn.classList.toggle('active', this.stateManager.state.isPanelLocked);\n            lockBtn.title = this.stateManager.state.isPanelLocked ? \"Unpin Panel Position\" : \"Pin Panel Position\";\n            lockBtn.disabled = !this.stateManager.state.isPanelPinned;\n        }\n\n        if (visibilityBtn) {\n            // Active means \"Panel is Visible\"\n            visibilityBtn.classList.toggle('active', isPanelVisible);\n            visibilityBtn.title = isPanelVisible ? \"Hide Panel\" : \"Show Panel\";\n\n            // Disable hide button if glass is hidden (prevent hiding everything)\n            if (!isGlassVisible) {\n                visibilityBtn.disabled = true;\n                visibilityBtn.style.opacity = '0.5';\n                visibilityBtn.title = \"Cannot hide panel when glass preview is hidden\";\n            } else {\n                visibilityBtn.disabled = false;\n                visibilityBtn.style.opacity = '';\n            }\n        }\n\n        if (glassBtn) {\n            glassBtn.classList.toggle('active', isGlassVisible);\n            glassBtn.title = isGlassVisible ? \"Hide Glass Preview\" : \"Show Glass Preview\";\n\n            // Only show glass toggle button if the inspector panel is visible\n            glassBtn.style.display = isPanelVisible ? 'flex' : 'none';\n        }\n    }\n\n    /**\n     * Update controls layout based on position setting.\n     * @param position \n     */\n    updateControlsLayout(position: string): void {\n        if (!this.elements.controls) return;\n\n        // Remove existing layout classes\n        this.elements.controls.classList.remove('horizontal-layout', 'vertical-layout');\n\n        // Add appropriate layout class\n        if (['top', 'bottom'].includes(position)) {\n            this.elements.controls.classList.add('horizontal-layout');\n        } else {\n            this.elements.controls.classList.add('vertical-layout');\n        }\n    }\n\n    /**\n     * Apply current styles to elements.\n     */\n    applyStyles(): void {\n        if (!this.elements.panel) return;\n\n        const settings = this.stateManager.state.settings;\n\n        // Debug Log\n        console.log(`[UIManager] applyStyles - MaxHeight: ${settings[\"🔍MagnifyGlass.InfoPanelMaxHeight\"]}`);\n\n        // 1. Apply dimensions\n        this.elements.panel.style.width = `${settings[\"🔍MagnifyGlass.InfoPanelWidth\"]}px`;\n        // Set height to auto so panel grows with content, up to max-height\n        // Skip max-height if panel is hovered (allow full expansion)\n        const maxHeight = settings[\"🔍MagnifyGlass.InfoPanelMaxHeight\"];\n        this.elements.panel.style.height = 'auto';\n        if (!this.stateManager.state.isPanelHovered) {\n            this.elements.panel.style.maxHeight = `${maxHeight}px`;\n        }\n\n        // 2. Apply static styles (only needed once or if overwritten, but safe to set)\n        this.elements.panel.style.position = 'absolute';\n        this.elements.panel.style.zIndex = '99999';\n        this.elements.panel.style.transform = 'translateY(-10px)';\n        this.elements.panel.style.pointerEvents = 'auto';\n        this.elements.panel.style.userSelect = 'none';\n        this.elements.panel.style.fontFamily = \"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif\";\n\n        // 3. Apply transition\n        this.elements.panel.style.transition = settings[\"🔍MagnifyGlass.InfoPanelAnimations\"]\n            ? 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)'\n            : 'none';\n\n        // 4. Apply Custom Colors (CSS Variables)\n        const textColor = settings[\"🔍MagnifyGlass.InfoPanelTextColor\"] as string | undefined;\n        if (textColor && typeof textColor === 'string') {\n            const normalizedTextColor = textColor.startsWith('#') ? textColor : `#${textColor}`;\n            this.elements.panel.style.setProperty('--info-panel-text-color', normalizedTextColor);\n        }\n\n        const accentColor = settings[\"🔍MagnifyGlass.InfoPanelAccentColor\"] as string | undefined;\n        if (accentColor && typeof accentColor === 'string') {\n            const normalizedAccentColor = accentColor.startsWith('#') ? accentColor : `#${accentColor}`;\n            this.elements.panel.style.setProperty('--info-panel-accent-color', normalizedAccentColor);\n        }\n\n        // 5. Apply Opacity\n        // Logic: If visible, use setting. If hidden, use 0.\n        // We do NOT touch 'display' here to avoid hiding it if it's currently shown.\n        // 'display' is managed by show() / hide() methods exclusively.\n        if (this.stateManager.state.isPanelVisible) {\n            const opacityPercent = Number(settings[\"🔍MagnifyGlass.InfoPanelOpacity\"]) || 100;\n            this.elements.panel.style.opacity = (opacityPercent / 100).toString();\n        } else {\n            this.elements.panel.style.opacity = '0';\n        }\n    }\n\n    /**\n     * Show the panel.\n     */\n    show(): void {\n        if (!this.elements.panel) return;\n\n        if (this.stateManager.state.settings[\"🔍MagnifyGlass.InfoPanelEnabled\"]) {\n            this.elements.panel.style.display = \"block\";\n            // Controls are shown by positionFloatingControls() after proper positioning\n            // Apply user's opacity setting when showing (convert percentage to decimal)\n            const opacityPercent = Number(this.stateManager.state.settings[\"🔍MagnifyGlass.InfoPanelOpacity\"]) || 100;\n            this.elements.panel.style.opacity = (opacityPercent / 100).toString();\n            // Trigger reflow\n            this.elements.panel.offsetHeight;\n            this.elements.panel.classList.add('visible');\n            this.stateManager.state.isPanelVisible = true;\n            this.updateControlStates();\n        }\n    }\n\n    /**\n     * Hide the panel.\n     */\n    hide(): void {\n        if (!this.elements.panel) return;\n\n        this.elements.panel.classList.remove('visible');\n        setTimeout(() => {\n            if (!this.stateManager.state.isPanelVisible && this.elements.panel) {\n                this.elements.panel.style.display = \"none\";\n                // Do NOT hide controls when panel is hidden - they should remain visible on glass\n                // if (this.elements.controls) {\n                //    this.elements.controls.style.display = \"none\";\n                // }\n            }\n        }, this.stateManager.state.settings[\"🔍MagnifyGlass.InfoPanelAnimations\"] ? 300 : 0);\n        this.stateManager.state.isPanelVisible = false;\n        this.updateControlStates();\n    }\n\n    /**\n     * Update minimized state.\n     */\n    updateMinimizedState(): void {\n        if (!this.elements.panel || !this.elements.header) return;\n\n        this.elements.panel.classList.toggle('panel-minimized', this.stateManager.state.isPanelMinimized);\n        const minimizeBtn = this.elements.header.querySelector('.minimize-btn');\n        if (minimizeBtn) {\n            minimizeBtn.textContent = this.stateManager.state.isPanelMinimized ? '+' : '−';\n            (minimizeBtn as HTMLElement).title = this.stateManager.state.isPanelMinimized ? 'Expand Panel' : 'Minimize Panel';\n        }\n    }\n\n    /**\n     * Update pinned state.\n     */\n    updatePinnedState(): void {\n        if (!this.elements.panel) return;\n\n        this.elements.panel.classList.toggle('panel-pinned', this.stateManager.state.isPanelPinned);\n        this.elements.panel.classList.toggle('panel-locked', this.stateManager.state.isPanelLocked);\n        this.updateControlStates();\n    }\n\n    /**\n     * Update theme class.\n     * @param newTheme \n     */\n    updateTheme(newTheme: string): void {\n        if (this.elements.panel) {\n            this.elements.panel.className = this.elements.panel.className.replace(/theme-\\w+/, `theme-${newTheme.toLowerCase()}`);\n        }\n        if (this.elements.controls) {\n            this.elements.controls.className = this.elements.controls.className.replace(/theme-\\w+/, `theme-${newTheme.toLowerCase()}`);\n        }\n    }\n\n    /**\n     * Display information in the panel.\n     * @param info \n     */\n    displayInfo(info: any): void {\n        const sections = this.buildSections(info);\n        this.renderSections(sections);\n        this.updateSectionStates();\n        this.updateHeaderSubtitle(info);\n    }\n\n    /**\n     * Build section data from info object.\n     * @param info \n     * @returns \n     */\n    buildSections(info: any): any[] {\n        const sections: any[] = [];\n        const settings = this.stateManager.state.settings;\n\n        // Inspector section\n        if (settings[\"🔍MagnifyGlass.ShowInspectorTab\"] && info.cursor && info.cursor.canvas) {\n            const inspectorContent = [\n                { label: 'Cursor Canvas', value: `(${Math.round(info.cursor.canvas.x)}, ${Math.round(info.cursor.canvas.y)})` },\n                { label: 'Canvas Scale', value: `${(info.canvas.scale * 100).toFixed(1)}%` },\n                { label: 'Magnifier Zoom', value: `${info.magnifier.zoomFactor}×` }\n            ];\n\n            sections.push({\n                id: 'inspector',\n                icon: Icons.info,\n                title: 'Inspector',\n                content: inspectorContent\n            });\n        }\n\n        // Media section\n        if (info.media) {\n            const mediaContent = [\n                { label: 'Type', value: info.media.tagName },\n                { label: 'Source', value: info.media.src }\n            ];\n\n            if (info.media.naturalSize) {\n                mediaContent.push({ label: 'Natural', value: info.media.naturalSize });\n            }\n\n            sections.push({\n                id: 'media',\n                icon: Icons.camera,\n                title: 'Media',\n                badge: info.media.tagName,\n                content: mediaContent\n            });\n        }\n\n        // Node Details section\n        if (info.hoveredNode) {\n            const nodeContent = [\n                { label: 'Title', value: info.hoveredNode.title }\n            ];\n\n            // Check if this is a complex node that shows all widgets\n            const nodeType = info.hoveredNode.type ? info.hoveredNode.type.toLowerCase() : '';\n            const isSaveNode = nodeType.includes('save') &&\n                !nodeType.includes('checkpoint') &&\n                !nodeType.includes('model') &&\n                !nodeType.includes('preview');\n\n            const showAllWidgets = info.hoveredNode.type && (\n                nodeType.includes('ksampler') ||\n                nodeType.includes('sampler') ||\n                nodeType.includes('k_samplers') ||\n                nodeType.includes('checkpoint') ||\n                nodeType.includes('model') ||\n                nodeType.includes('lora') ||\n                nodeType.includes('controlnet') ||\n                nodeType.includes('advanced') ||\n                nodeType.includes('detailer') ||\n                nodeType.includes('inpaint') ||\n                nodeType.includes('upscale') ||\n                nodeType.includes('clip') ||\n                nodeType.includes('text') ||\n                nodeType.includes('encode')\n            ) && !isSaveNode;\n\n            if (!showAllWidgets) {\n                // Add specific extractions for simple nodes\n                const checkpoint = getCheckpointInfo(info.hoveredNode);\n                if (checkpoint) {\n                    nodeContent.push({ label: 'Model', value: checkpoint });\n                }\n\n                const imgInfo = getImageInfo(info.hoveredNode);\n                if (imgInfo) {\n                    if (typeof imgInfo === 'string') {\n                        nodeContent.push({ label: 'Image', value: imgInfo });\n                    } else if (typeof imgInfo === 'object' && imgInfo !== null) {\n                        const imgResult = imgInfo as ImageInfoResult;\n                        nodeContent.push({ label: 'Image Size', value: `${imgResult.width}×${imgResult.height}` });\n                        if (imgResult.src) {\n                            nodeContent.push({ label: 'Image Source', value: imgResult.src });\n                        }\n                    }\n                }\n\n                const textContent = getTextBoxContent(info.hoveredNode);\n                if (textContent) {\n                    nodeContent.push({ label: 'Text', value: textContent });\n                }\n            }\n\n            const importantParameters = getImportantNodeParameters(info.hoveredNode);\n            nodeContent.push(...importantParameters);\n\n            sections.push({\n                id: 'node',\n                icon: Icons.box,\n                title: 'Node',\n                badge: info.hoveredNode.type,\n                content: nodeContent\n            });\n        }\n\n        return sections;\n    }\n\n    /**\n     * Render sections to the panel.\n     * @param sections \n     */\n    renderSections(sections: any[]): void {\n        if (!this.elements.content) return;\n\n        if (sections.length === 0) {\n            this.elements.content.innerHTML = `\n                <div class=\"empty-state\">\n                    <div class=\"empty-state-icon\">${Icons.mapPin}</div>\n                    <div class=\"empty-state-text\">Empty canvas area</div>\n                </div>\n            `;\n            return;\n        }\n\n        this.elements.content.innerHTML = sections.map(section => `\n            <div class=\"info-section\" data-section=\"${section.id}\">\n                <div class=\"section-header\" data-section=\"${section.id}\">\n                    <span class=\"section-icon\">${section.icon}</span>\n                    <span class=\"section-title\">${section.title}</span>\n                    ${section.badge ? `<span class=\"section-badge\">${section.badge}</span>` : ''}\n                    ${section.id !== 'node' ? `<span class=\"expand-icon\">${Icons.chevronRight}</span>` : ''}\n                </div>\n                <div class=\"section-content\">\n                    <div class=\"section-body\">\n                        ${section.content.map((item: any) => {\n            const value = formatValue(item.value, item.label);\n            const valueClass = getValueClass(item.value);\n            const valueAttributes = getValueAttributes(item.value);\n            return `\n                            <div class=\"info-row\">\n                                <span class=\"info-label\">${item.label}</span>\n                                <span class=\"info-value ${valueClass}\" ${valueAttributes}>${value}</span>\n                            </div>`;\n        }).join('')}\n                    </div>\n                </div>\n            </div>\n        `).join('');\n    }\n\n    /**\n     * Update section expansion states.\n     */\n    updateSectionStates(): void {\n        if (!this.elements.content) return;\n\n        const sections = this.elements.content.querySelectorAll('.info-section');\n        sections.forEach(section => {\n            const sectionId = (section as HTMLElement).dataset.section;\n            if (!sectionId) return;\n\n            const header = section.querySelector('.section-header');\n            const content = section.querySelector('.section-content');\n\n            if (header && content) {\n                if (this.stateManager.state.expandedSections.has(sectionId)) {\n                    header.classList.add('expanded');\n                    content.classList.add('expanded');\n                } else {\n                    header.classList.remove('expanded');\n                    content.classList.remove('expanded');\n                }\n            }\n        });\n    }\n\n    /**\n     * Update header subtitle.\n     * @param info \n     */\n    updateHeaderSubtitle(info: any): void {\n        if (!this.elements.header) return;\n\n        const subtitleElement = this.elements.header.querySelector('.header-subtitle') as HTMLElement;\n        if (subtitleElement) {\n            const accentColor = String(this.stateManager.state.settings[\"🔍MagnifyGlass.InfoPanelAccentColor\"] || '');\n            if (info.hoveredNode) {\n                subtitleElement.textContent = `Analyzing: ${info.hoveredNode.title}`;\n                subtitleElement.style.color = accentColor;\n            } else if (info.media) {\n                subtitleElement.textContent = `Media: ${info.media.tagName}`;\n                subtitleElement.style.color = accentColor;\n            } else if (info.connection) {\n                subtitleElement.textContent = `Connection: ${info.connection.type}`;\n                subtitleElement.style.color = accentColor;\n            } else {\n                subtitleElement.textContent = 'Real-time analysis';\n                subtitleElement.style.color = '';\n            }\n        }\n    }\n\n    /**\n     * Inject CSS styles by loading external stylesheet.\n     */\n    injectStyles(): void {\n        if (!document.getElementById('magnify-info-panel-styles-v2')) {\n            const link = document.createElement('link');\n            link.id = 'magnify-info-panel-styles-v2';\n            link.rel = 'stylesheet';\n            link.type = 'text/css';\n            link.href = 'extensions/comfyui-magnifyglass/info-panel.css';\n            document.head.appendChild(link);\n        }\n    }\n\n    cleanup(): void {\n        if (this.elements.panel && this.elements.panel.parentNode) {\n            this.elements.panel.parentNode.removeChild(this.elements.panel);\n        }\n        if (this.elements.controls && this.elements.controls.parentNode) {\n            this.elements.controls.parentNode.removeChild(this.elements.controls);\n        }\n    }\n}\n"],"names":[],"mappings":"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"}
\ No newline at end of file
+{"version":3,"file":"UIManager.js","sources":["../../src/info-panel/UIManager.ts"],"sourcesContent":["/**\n * ComfyUI MagnifyGlass - Info Panel UI Manager (TypeScript)\n * \n * Complete UI Manager extracted from magnify_info_panel.js\n * Handles all DOM manipulation and UI creation for the info panel.\n */\n\nimport { StateManager } from './StateManager';\nimport { Icons } from '../shared/icons';\nimport { Logger } from '../shared/logger';\nimport { formatValue, getValueClass, getValueAttributes, formatWidgetValue } from './ValueFormatter';\nimport {\n    getCheckpointInfo,\n    getImageInfo,\n    getTextBoxContent,\n    getImportantNodeParameters,\n    type ImageInfoResult\n} from './NodeDataExtractor';\n\ninterface InfoPanelElements {\n    panel: HTMLDivElement | null;\n    header: HTMLDivElement | null;\n    content: HTMLDivElement | null;\n    controls: HTMLDivElement | null;\n}\n\n/**\n * UI Manager class.\n * Handles all DOM manipulation and UI creation.\n */\nexport class UIManager {\n    stateManager: StateManager;\n    elements: InfoPanelElements;\n\n    constructor(stateManager: StateManager) {\n        this.stateManager = stateManager;\n        this.elements = {\n            panel: null,\n            header: null,\n            content: null,\n            controls: null\n        };\n\n        this.createPanel();\n        this.injectStyles();\n    }\n\n    /**\n     * Create the main panel and its components.\n     */\n    createPanel(): void {\n        // Main panel container\n        this.elements.panel = document.createElement(\"div\");\n        this.elements.panel.id = \"comfyui-magnify-info-panel-pro-v2\";\n        this.elements.panel.className = `magnify-info-panel theme-${this.stateManager.state.currentTheme}`;\n\n        // Header\n        this.elements.header = document.createElement(\"div\");\n        this.elements.header.className = \"panel-header\";\n        this.elements.header.innerHTML = `\n            <div class=\"header-content\">\n                <div class=\"header-icon\">${Icons.magnifyGlass}</div>\n                <div class=\"header-title\">Inspector</div>\n                <div class=\"header-subtitle\">Real-time analysis</div>\n            </div>\n            <div class=\"header-controls\">\n                <button class=\"control-btn minimize-btn\" title=\"Minimize Panel\" data-action=\"minimize\">${Icons.minus}</button>\n            </div>\n        `;\n\n        // Content container\n        this.elements.content = document.createElement(\"div\");\n        this.elements.content.className = \"panel-content\";\n\n        this.elements.panel.appendChild(this.elements.header);\n        this.elements.panel.appendChild(this.elements.content);\n\n        this.applyStyles();\n        // Apply initial minimized state if set\n        if (this.stateManager.state.isPanelMinimized) {\n            this.elements.panel.classList.add('panel-minimized');\n        }\n        document.body.appendChild(this.elements.panel);\n\n        // Hover-expand: Add/remove 'is-expanded' class and reposition for full content\n        let originalTop: number | null = null;\n\n        this.elements.panel.addEventListener('mouseenter', () => {\n            if (!this.stateManager.state.isPanelMinimized && this.elements.panel) {\n                // Save original position\n                originalTop = this.elements.panel.offsetTop;\n\n                // Add expanded class\n                this.elements.panel.classList.add('is-expanded');\n\n                // After a short delay, check if panel extends below viewport and adjust\n                requestAnimationFrame(() => {\n                    if (!this.elements.panel) return;\n                    const rect = this.elements.panel.getBoundingClientRect();\n                    const bottomOverflow = rect.bottom - window.innerHeight;\n\n                    if (bottomOverflow > 0) {\n                        // Panel extends below viewport - move it up\n                        const newTop = Math.max(10, originalTop! - bottomOverflow - 10);\n                        this.elements.panel.style.top = `${newTop}px`;\n                    }\n                });\n            }\n        });\n\n        this.elements.panel.addEventListener('mouseleave', () => {\n            if (this.elements.panel) {\n                this.elements.panel.classList.remove('is-expanded');\n\n                // Restore original position\n                if (originalTop !== null) {\n                    this.elements.panel.style.top = `${originalTop}px`;\n                    originalTop = null;\n                }\n            }\n        });\n\n        // Add click event delegation for panel elements\n        this.elements.panel.addEventListener('click', (e: MouseEvent) => {\n            const target = e.target as HTMLElement;\n\n            // Handle minimize button\n            const minimizeBtn = target.closest('[data-action=\"minimize\"]');\n            if (minimizeBtn) {\n                this.stateManager.state.isPanelMinimized = !this.stateManager.state.isPanelMinimized;\n                this.updateMinimizedState();\n                return;\n            }\n\n            // Handle section header clicks for expand/collapse\n            const sectionHeader = target.closest('.section-header') as HTMLElement;\n            if (sectionHeader) {\n                const sectionId = sectionHeader.getAttribute('data-section');\n                // Skip node section (always expanded)\n                if (sectionId && sectionId !== 'node') {\n                    const isExpanded = this.stateManager.state.expandedSections.has(sectionId);\n                    if (isExpanded) {\n                        this.stateManager.state.expandedSections.delete(sectionId);\n                    } else {\n                        this.stateManager.state.expandedSections.add(sectionId);\n                    }\n\n                    // Update visual state\n                    sectionHeader.classList.toggle('expanded', !isExpanded);\n                    const sectionContent = sectionHeader.nextElementSibling as HTMLElement;\n                    if (sectionContent && sectionContent.classList.contains('section-content')) {\n                        sectionContent.classList.toggle('expanded', !isExpanded);\n                    }\n                }\n            }\n        });\n\n        // Create floating controls after panel is in DOM\n        if (!this.elements.controls) {\n            this.createFloatingControls();\n            // Update control states immediately after creation\n            this.updateControlStates();\n        }\n    }\n\n    /**\n     * Create floating control buttons.\n     */\n    createFloatingControls(): void {\n        this.elements.controls = document.createElement(\"div\");\n        this.elements.controls.className = `floating-controls vertical-layout theme-${this.stateManager.state.currentTheme}`; // Default to vertical + theme\n\n        /**\n         * BUTTON MAPPING DOCUMENTATION:\n         * =============================\n         * Button 1 (Unlock Icon): data-action=\"pin\" → controls isPanelPinned\n         *   - Unpinned (default): Panel follows magnify glass\n         *   - Pinned: Panel stays at fixed position (unlocked from following glass)\n         * \n         * Button 2 (Pin Icon): data-action=\"lock\" → controls isPanelLocked\n         *   - Unlocked (default): Panel can be dragged\n         *   - Locked: Panel cannot be dragged (pinned in place)\n         * \n         * NOTE: The data-action names are counterintuitive but kept for backwards compatibility.\n         * The ICONS correctly represent the functionality:\n         *   - Unlock icon = unlock from following glass\n         *   - Pin icon = pin position (prevent drag)\n         */\n        this.elements.controls.innerHTML = `\n            <button class=\"control-btn unlock-btn\" title=\"Unlock/Lock Panel from Glass\" data-action=\"pin\">${Icons.unlock}</button>\n            <button class=\"control-btn pin-btn\" title=\"Pin/Unpin Panel Position (Prevent Drag)\" data-action=\"lock\">${Icons.pin}</button>\n            <button class=\"control-btn visibility-btn\" title=\"Toggle Panel Visibility (I)\" data-action=\"toggle-panel\">${Icons.eye}</button>\n            <button class=\"control-btn glass-btn\" title=\"Toggle Glass Preview (G)\" data-action=\"toggle-glass\">${Icons.magnifyGlass}</button>\n        `;\n\n        // Insert before the panel in the document body, not as a child\n        document.body.appendChild(this.elements.controls);\n\n        // Hide and position off-screen initially - will be shown when magnify glass activates and positions them\n        this.elements.controls.style.display = 'none';\n        this.elements.controls.style.visibility = 'hidden';\n        this.elements.controls.style.left = '-9999px';\n        this.elements.controls.style.top = '-9999px';\n\n        // Add click event delegation for control buttons\n        this.elements.controls.addEventListener('click', (e: MouseEvent) => {\n            const target = e.target as HTMLElement;\n            const button = target.closest('button[data-action]') as HTMLButtonElement;\n            if (!button) return;\n\n            const action = button.getAttribute('data-action');\n            Logger.debug(`Control button clicked: ${action}`);\n\n            switch (action) {\n                case 'pin':\n                    this.stateManager.togglePinning();\n                    this.updatePinnedState();\n                    this.updateControlStates();\n                    break;\n                case 'lock':\n                    this.stateManager.state.isPanelLocked = !this.stateManager.state.isPanelLocked;\n                    this.updateControlStates();\n                    if (this.elements.panel) {\n                        this.elements.panel.classList.toggle('panel-locked', this.stateManager.state.isPanelLocked);\n                    }\n                    break;\n                case 'toggle-panel':\n                    if (this.stateManager.state.isPanelVisible) {\n                        this.hide();\n                    } else {\n                        this.show();\n                    }\n                    this.updateControlStates();\n                    break;\n                case 'toggle-glass':\n                    this.stateManager.state.isGlassPreviewVisible = !this.stateManager.state.isGlassPreviewVisible;\n\n                    // Link Glass Visibility to Panel Pinning\n                    if (!this.stateManager.state.isGlassPreviewVisible) {\n                        // Glass Hidden\n                        console.log(`[MagnifyGlass Debug] Glass Hidden. pinned=${this.stateManager.state.isPanelPinned}, autoPinned=${this.stateManager.state.isAutoPinned}`);\n                        // Only auto-pin if not already pinned by the user\n                        if (!this.stateManager.state.isPanelPinned) {\n                            if (this.elements.panel) {\n                                const rect = this.elements.panel.getBoundingClientRect();\n                                this.stateManager.state.pinnedPosition = { x: rect.left, y: rect.top };\n                            }\n                            this.stateManager.state.isPanelPinned = true;\n                            this.stateManager.state.isAutoPinned = true; // Track that this was auto-pinned\n                            console.log(`[MagnifyGlass Debug] Auto-Pinned panel.`);\n                        }\n                        // Do NOT reset isPanelLocked here - preserve user's lock state\n                    } else {\n                        // Glass Shown\n                        console.log(`[MagnifyGlass Debug] Glass Shown. pinned=${this.stateManager.state.isPanelPinned}, autoPinned=${this.stateManager.state.isAutoPinned}`);\n                        // Only unpin if it was auto-pinned (not user-pinned)\n                        if (this.stateManager.state.isAutoPinned) {\n                            this.stateManager.state.isPanelPinned = false;\n                            this.stateManager.state.isAutoPinned = false;\n                            console.log(`[MagnifyGlass Debug] Auto-Unpinned panel.`);\n                        }\n                        // If user manually pinned, keep the panel pinned\n                    }\n\n                    this.updateControlStates();\n                    this.updatePinnedState(); // Update visual class\n\n                    // Toggle ONLY the visual visibility (opacity) of the glass preview\n                    // The tool remains active so the inspector can track position\n                    const magnifyGlass = (window as any).comfyUIMagnifyGlass;\n                    if (magnifyGlass && magnifyGlass.ui?.setPreviewVisibility) {\n                        magnifyGlass.ui.setPreviewVisibility(this.stateManager.state.isGlassPreviewVisible);\n                    }\n                    break;\n            }\n        });\n\n        // Set initial layout based on settings\n        const controlsPosition = String(this.stateManager.state.settings[\"🔍MagnifyGlass.ControlsPosition\"] || \"top-right\");\n        this.updateControlsLayout(controlsPosition);\n\n        // Initial state update\n        this.updateControlStates();\n    }\n\n    /**\n     * Update control button states.\n     */\n    updateControlStates(): void {\n        if (!this.elements.controls) return;\n\n        const pinBtn = this.elements.controls.querySelector('[data-action=\"pin\"]') as HTMLButtonElement;\n        const lockBtn = this.elements.controls.querySelector('[data-action=\"lock\"]') as HTMLButtonElement;\n        const visibilityBtn = this.elements.controls.querySelector('[data-action=\"toggle-panel\"]') as HTMLButtonElement;\n        const glassBtn = this.elements.controls.querySelector('[data-action=\"toggle-glass\"]') as HTMLButtonElement;\n        const isPanelVisible = this.stateManager.state.isPanelVisible;\n        const isGlassVisible = this.stateManager.state.isGlassPreviewVisible;\n\n        if (pinBtn) {\n            pinBtn.classList.toggle('active', this.stateManager.state.isPanelPinned);\n            pinBtn.title = this.stateManager.state.isPanelPinned ? \"Lock Panel\" : \"Unlock Panel\";\n            pinBtn.innerHTML = this.stateManager.state.isPanelPinned ? Icons.lock : Icons.unlock;\n            // Hide unlock button when panel is hidden\n            pinBtn.style.display = isPanelVisible ? 'flex' : 'none';\n\n            // Do not disable the pin button even if glass is hidden.\n            // If the user unpins while glass is hidden, the panel will just attach to the hidden glass (and disappear).\n            pinBtn.disabled = false;\n            pinBtn.style.opacity = '';\n\n            // Only update title if glass is hidden to warn user\n            if (!isGlassVisible && !this.stateManager.state.isPanelPinned) {\n                // Optional: You could add a tooltip warning here if really needed, \n                // but keeping it simple is better.\n            }\n        }\n\n        if (lockBtn) {\n            // Only show pin button when panel is visible AND unlocked from glass\n            const showLockBtn = isPanelVisible && this.stateManager.state.isPanelPinned;\n            lockBtn.style.display = showLockBtn ? 'flex' : 'none';\n            lockBtn.classList.toggle('active', this.stateManager.state.isPanelLocked);\n            lockBtn.title = this.stateManager.state.isPanelLocked ? \"Unpin Panel Position\" : \"Pin Panel Position\";\n            lockBtn.disabled = !this.stateManager.state.isPanelPinned;\n        }\n\n        if (visibilityBtn) {\n            // Active means \"Panel is Visible\"\n            visibilityBtn.classList.toggle('active', isPanelVisible);\n            visibilityBtn.title = isPanelVisible ? \"Hide Panel\" : \"Show Panel\";\n\n            // Disable hide button if glass is hidden (prevent hiding everything)\n            if (!isGlassVisible) {\n                visibilityBtn.disabled = true;\n                visibilityBtn.style.opacity = '0.5';\n                visibilityBtn.title = \"Cannot hide panel when glass preview is hidden\";\n            } else {\n                visibilityBtn.disabled = false;\n                visibilityBtn.style.opacity = '';\n            }\n        }\n\n        if (glassBtn) {\n            glassBtn.classList.toggle('active', isGlassVisible);\n            glassBtn.title = isGlassVisible ? \"Hide Glass Preview\" : \"Show Glass Preview\";\n\n            // Only show glass toggle button if the inspector panel is visible\n            glassBtn.style.display = isPanelVisible ? 'flex' : 'none';\n        }\n    }\n\n    /**\n     * Update controls layout based on position setting.\n     * @param position \n     */\n    updateControlsLayout(position: string): void {\n        if (!this.elements.controls) return;\n\n        // Remove existing layout classes\n        this.elements.controls.classList.remove('horizontal-layout', 'vertical-layout');\n\n        // Add appropriate layout class\n        if (['top', 'bottom'].includes(position)) {\n            this.elements.controls.classList.add('horizontal-layout');\n        } else {\n            this.elements.controls.classList.add('vertical-layout');\n        }\n    }\n\n    /**\n     * Apply current styles to elements.\n     */\n    applyStyles(): void {\n        if (!this.elements.panel) return;\n\n        const settings = this.stateManager.state.settings;\n\n        // Debug Log\n        console.log(`[UIManager] applyStyles - MaxHeight: ${settings[\"🔍MagnifyGlass.InfoPanelMaxHeight\"]}`);\n\n        // 1. Apply dimensions\n        this.elements.panel.style.width = `${settings[\"🔍MagnifyGlass.InfoPanelWidth\"]}px`;\n        // Set max-height via CSS variable so CSS :hover rules can override\n        const maxHeight = settings[\"🔍MagnifyGlass.InfoPanelMaxHeight\"];\n        this.elements.panel.style.setProperty('--panel-max-height', `${maxHeight}px`);\n        this.elements.panel.style.height = 'auto';\n\n        // 2. Apply static styles (only needed once or if overwritten, but safe to set)\n        this.elements.panel.style.position = 'absolute';\n        this.elements.panel.style.zIndex = '99999';\n        this.elements.panel.style.transform = 'translateY(-10px)';\n        this.elements.panel.style.pointerEvents = 'auto';\n        this.elements.panel.style.userSelect = 'none';\n        this.elements.panel.style.fontFamily = \"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif\";\n\n        // 3. Apply transition\n        this.elements.panel.style.transition = settings[\"🔍MagnifyGlass.InfoPanelAnimations\"]\n            ? 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)'\n            : 'none';\n\n        // 4. Apply Custom Colors (CSS Variables)\n        const textColor = settings[\"🔍MagnifyGlass.InfoPanelTextColor\"] as string | undefined;\n        if (textColor && typeof textColor === 'string') {\n            const normalizedTextColor = textColor.startsWith('#') ? textColor : `#${textColor}`;\n            this.elements.panel.style.setProperty('--info-panel-text-color', normalizedTextColor);\n        }\n\n        const accentColor = settings[\"🔍MagnifyGlass.InfoPanelAccentColor\"] as string | undefined;\n        if (accentColor && typeof accentColor === 'string') {\n            const normalizedAccentColor = accentColor.startsWith('#') ? accentColor : `#${accentColor}`;\n            this.elements.panel.style.setProperty('--info-panel-accent-color', normalizedAccentColor);\n        }\n\n        // 5. Apply Opacity\n        // Logic: If visible, use setting. If hidden, use 0.\n        // We do NOT touch 'display' here to avoid hiding it if it's currently shown.\n        // 'display' is managed by show() / hide() methods exclusively.\n        if (this.stateManager.state.isPanelVisible) {\n            const opacityPercent = Number(settings[\"🔍MagnifyGlass.InfoPanelOpacity\"]) || 100;\n            this.elements.panel.style.opacity = (opacityPercent / 100).toString();\n        } else {\n            this.elements.panel.style.opacity = '0';\n        }\n    }\n\n    /**\n     * Show the panel.\n     */\n    show(): void {\n        if (!this.elements.panel) return;\n\n        if (this.stateManager.state.settings[\"🔍MagnifyGlass.InfoPanelEnabled\"]) {\n            this.elements.panel.style.display = \"block\";\n            // Controls are shown by positionFloatingControls() after proper positioning\n            // Apply user's opacity setting when showing (convert percentage to decimal)\n            const opacityPercent = Number(this.stateManager.state.settings[\"🔍MagnifyGlass.InfoPanelOpacity\"]) || 100;\n            this.elements.panel.style.opacity = (opacityPercent / 100).toString();\n            // Trigger reflow\n            this.elements.panel.offsetHeight;\n            this.elements.panel.classList.add('visible');\n            this.stateManager.state.isPanelVisible = true;\n            this.updateControlStates();\n        }\n    }\n\n    /**\n     * Hide the panel.\n     */\n    hide(): void {\n        if (!this.elements.panel) return;\n\n        this.elements.panel.classList.remove('visible');\n        setTimeout(() => {\n            if (!this.stateManager.state.isPanelVisible && this.elements.panel) {\n                this.elements.panel.style.display = \"none\";\n                // Do NOT hide controls when panel is hidden - they should remain visible on glass\n                // if (this.elements.controls) {\n                //    this.elements.controls.style.display = \"none\";\n                // }\n            }\n        }, this.stateManager.state.settings[\"🔍MagnifyGlass.InfoPanelAnimations\"] ? 300 : 0);\n        this.stateManager.state.isPanelVisible = false;\n        this.updateControlStates();\n    }\n\n    /**\n     * Update minimized state.\n     */\n    updateMinimizedState(): void {\n        if (!this.elements.panel || !this.elements.header) return;\n\n        this.elements.panel.classList.toggle('panel-minimized', this.stateManager.state.isPanelMinimized);\n        const minimizeBtn = this.elements.header.querySelector('.minimize-btn');\n        if (minimizeBtn) {\n            minimizeBtn.textContent = this.stateManager.state.isPanelMinimized ? '+' : '−';\n            (minimizeBtn as HTMLElement).title = this.stateManager.state.isPanelMinimized ? 'Expand Panel' : 'Minimize Panel';\n        }\n    }\n\n    /**\n     * Update pinned state.\n     */\n    updatePinnedState(): void {\n        if (!this.elements.panel) return;\n\n        this.elements.panel.classList.toggle('panel-pinned', this.stateManager.state.isPanelPinned);\n        this.elements.panel.classList.toggle('panel-locked', this.stateManager.state.isPanelLocked);\n        this.updateControlStates();\n    }\n\n    /**\n     * Update theme class.\n     * @param newTheme \n     */\n    updateTheme(newTheme: string): void {\n        if (this.elements.panel) {\n            this.elements.panel.className = this.elements.panel.className.replace(/theme-\\w+/, `theme-${newTheme.toLowerCase()}`);\n        }\n        if (this.elements.controls) {\n            this.elements.controls.className = this.elements.controls.className.replace(/theme-\\w+/, `theme-${newTheme.toLowerCase()}`);\n        }\n    }\n\n    /**\n     * Display information in the panel.\n     * @param info \n     */\n    displayInfo(info: any): void {\n        const sections = this.buildSections(info);\n        this.renderSections(sections);\n        this.updateSectionStates();\n        this.updateHeaderSubtitle(info);\n    }\n\n    /**\n     * Build section data from info object.\n     * @param info \n     * @returns \n     */\n    buildSections(info: any): any[] {\n        const sections: any[] = [];\n        const settings = this.stateManager.state.settings;\n\n        // Inspector section\n        if (settings[\"🔍MagnifyGlass.ShowInspectorTab\"] && info.cursor && info.cursor.canvas) {\n            const inspectorContent = [\n                { label: 'Cursor Canvas', value: `(${Math.round(info.cursor.canvas.x)}, ${Math.round(info.cursor.canvas.y)})` },\n                { label: 'Canvas Scale', value: `${(info.canvas.scale * 100).toFixed(1)}%` },\n                { label: 'Magnifier Zoom', value: `${info.magnifier.zoomFactor}×` }\n            ];\n\n            sections.push({\n                id: 'inspector',\n                icon: Icons.info,\n                title: 'Inspector',\n                content: inspectorContent\n            });\n        }\n\n        // Media section\n        if (info.media) {\n            const mediaContent = [\n                { label: 'Type', value: info.media.tagName },\n                { label: 'Source', value: info.media.src }\n            ];\n\n            if (info.media.naturalSize) {\n                mediaContent.push({ label: 'Natural', value: info.media.naturalSize });\n            }\n\n            sections.push({\n                id: 'media',\n                icon: Icons.camera,\n                title: 'Media',\n                badge: info.media.tagName,\n                content: mediaContent\n            });\n        }\n\n        // Node Details section\n        if (info.hoveredNode) {\n            const nodeContent = [\n                { label: 'Title', value: info.hoveredNode.title }\n            ];\n\n            // Check if this is a complex node that shows all widgets\n            const nodeType = info.hoveredNode.type ? info.hoveredNode.type.toLowerCase() : '';\n            const isSaveNode = nodeType.includes('save') &&\n                !nodeType.includes('checkpoint') &&\n                !nodeType.includes('model') &&\n                !nodeType.includes('preview');\n\n            const showAllWidgets = info.hoveredNode.type && (\n                nodeType.includes('ksampler') ||\n                nodeType.includes('sampler') ||\n                nodeType.includes('k_samplers') ||\n                nodeType.includes('checkpoint') ||\n                nodeType.includes('model') ||\n                nodeType.includes('lora') ||\n                nodeType.includes('controlnet') ||\n                nodeType.includes('advanced') ||\n                nodeType.includes('detailer') ||\n                nodeType.includes('inpaint') ||\n                nodeType.includes('upscale') ||\n                nodeType.includes('clip') ||\n                nodeType.includes('text') ||\n                nodeType.includes('encode')\n            ) && !isSaveNode;\n\n            if (!showAllWidgets) {\n                // Add specific extractions for simple nodes\n                const checkpoint = getCheckpointInfo(info.hoveredNode);\n                if (checkpoint) {\n                    nodeContent.push({ label: 'Model', value: checkpoint });\n                }\n\n                const imgInfo = getImageInfo(info.hoveredNode);\n                if (imgInfo) {\n                    if (typeof imgInfo === 'string') {\n                        nodeContent.push({ label: 'Image', value: imgInfo });\n                    } else if (typeof imgInfo === 'object' && imgInfo !== null) {\n                        const imgResult = imgInfo as ImageInfoResult;\n                        nodeContent.push({ label: 'Image Size', value: `${imgResult.width}×${imgResult.height}` });\n                        if (imgResult.src) {\n                            nodeContent.push({ label: 'Image Source', value: imgResult.src });\n                        }\n                    }\n                }\n\n                const textContent = getTextBoxContent(info.hoveredNode);\n                if (textContent) {\n                    nodeContent.push({ label: 'Text', value: textContent });\n                }\n            }\n\n            const importantParameters = getImportantNodeParameters(info.hoveredNode);\n            nodeContent.push(...importantParameters);\n\n            sections.push({\n                id: 'node',\n                icon: Icons.box,\n                title: 'Node',\n                badge: info.hoveredNode.type,\n                content: nodeContent\n            });\n        }\n\n        return sections;\n    }\n\n    /**\n     * Render sections to the panel.\n     * @param sections \n     */\n    renderSections(sections: any[]): void {\n        if (!this.elements.content) return;\n\n        if (sections.length === 0) {\n            this.elements.content.innerHTML = `\n                <div class=\"empty-state\">\n                    <div class=\"empty-state-icon\">${Icons.mapPin}</div>\n                    <div class=\"empty-state-text\">Empty canvas area</div>\n                </div>\n            `;\n            return;\n        }\n\n        this.elements.content.innerHTML = sections.map(section => `\n            <div class=\"info-section\" data-section=\"${section.id}\">\n                <div class=\"section-header\" data-section=\"${section.id}\">\n                    <span class=\"section-icon\">${section.icon}</span>\n                    <span class=\"section-title\">${section.title}</span>\n                    ${section.badge ? `<span class=\"section-badge\">${section.badge}</span>` : ''}\n                    ${section.id !== 'node' ? `<span class=\"expand-icon\">${Icons.chevronRight}</span>` : ''}\n                </div>\n                <div class=\"section-content\">\n                    <div class=\"section-body\">\n                        ${section.content.map((item: any) => {\n            const value = formatValue(item.value, item.label);\n            const valueClass = getValueClass(item.value);\n            const valueAttributes = getValueAttributes(item.value);\n            return `\n                            <div class=\"info-row\">\n                                <span class=\"info-label\">${item.label}</span>\n                                <span class=\"info-value ${valueClass}\" ${valueAttributes}>${value}</span>\n                            </div>`;\n        }).join('')}\n                    </div>\n                </div>\n            </div>\n        `).join('');\n    }\n\n    /**\n     * Update section expansion states.\n     */\n    updateSectionStates(): void {\n        if (!this.elements.content) return;\n\n        const sections = this.elements.content.querySelectorAll('.info-section');\n        sections.forEach(section => {\n            const sectionId = (section as HTMLElement).dataset.section;\n            if (!sectionId) return;\n\n            const header = section.querySelector('.section-header');\n            const content = section.querySelector('.section-content');\n\n            if (header && content) {\n                if (this.stateManager.state.expandedSections.has(sectionId)) {\n                    header.classList.add('expanded');\n                    content.classList.add('expanded');\n                } else {\n                    header.classList.remove('expanded');\n                    content.classList.remove('expanded');\n                }\n            }\n        });\n    }\n\n    /**\n     * Update header subtitle.\n     * @param info \n     */\n    updateHeaderSubtitle(info: any): void {\n        if (!this.elements.header) return;\n\n        const subtitleElement = this.elements.header.querySelector('.header-subtitle') as HTMLElement;\n        if (subtitleElement) {\n            const accentColor = String(this.stateManager.state.settings[\"🔍MagnifyGlass.InfoPanelAccentColor\"] || '');\n            if (info.hoveredNode) {\n                subtitleElement.textContent = `Analyzing: ${info.hoveredNode.title}`;\n                subtitleElement.style.color = accentColor;\n            } else if (info.media) {\n                subtitleElement.textContent = `Media: ${info.media.tagName}`;\n                subtitleElement.style.color = accentColor;\n            } else if (info.connection) {\n                subtitleElement.textContent = `Connection: ${info.connection.type}`;\n                subtitleElement.style.color = accentColor;\n            } else {\n                subtitleElement.textContent = 'Real-time analysis';\n                subtitleElement.style.color = '';\n            }\n        }\n    }\n\n    /**\n     * Inject CSS styles by loading external stylesheet.\n     */\n    injectStyles(): void {\n        if (!document.getElementById('magnify-info-panel-styles-v2')) {\n            const link = document.createElement('link');\n            link.id = 'magnify-info-panel-styles-v2';\n            link.rel = 'stylesheet';\n            link.type = 'text/css';\n            link.href = 'extensions/comfyui-magnifyglass/info-panel.css';\n            document.head.appendChild(link);\n        }\n    }\n\n    cleanup(): void {\n        if (this.elements.panel && this.elements.panel.parentNode) {\n            this.elements.panel.parentNode.removeChild(this.elements.panel);\n        }\n        if (this.elements.controls && this.elements.controls.parentNode) {\n            this.elements.controls.parentNode.removeChild(this.elements.controls);\n        }\n    }\n}\n"],"names":[],"mappings":"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"}
\ No newline at end of file