diff --git a/public/claude-ide/index.html b/public/claude-ide/index.html index 849cc19e..3f244f01 100644 --- a/public/claude-ide/index.html +++ b/public/claude-ide/index.html @@ -102,10 +102,10 @@ const panel = document.createElement('div'); panel.id = 'execution-trace-panel'; panel.innerHTML = ` -
-
+
+
🔍 EXECUTION TRACE - +
Waiting for events...
@@ -153,16 +153,42 @@ const content = document.getElementById('trace-content'); const toggle = document.getElementById('trace-toggle'); if (content && toggle) { - if (content.style.display === 'none') { + const isCollapsed = content.style.display === 'none'; + + if (isCollapsed) { content.style.display = 'block'; toggle.textContent = '▼'; + localStorage.setItem('tracePanelCollapsed', 'false'); } else { content.style.display = 'none'; toggle.textContent = '▶'; + localStorage.setItem('tracePanelCollapsed', 'true'); } } } + // Restore collapsed state from localStorage + function restoreTracePanelState() { + const wasCollapsed = localStorage.getItem('tracePanelCollapsed') === 'true'; + const content = document.getElementById('trace-content'); + const toggle = document.getElementById('trace-toggle'); + + if (content && toggle && wasCollapsed) { + content.style.display = 'none'; + toggle.textContent = '▶'; + } + } + + // Call restore after panel is created + const originalCreateTracePanel = createTracePanel; + createTracePanel = function() { + originalCreateTracePanel(); + setTimeout(restoreTracePanelState, 0); + }; + + // Expose toggleTracePanel globally so onclick can access it + window.toggleTracePanel = toggleTracePanel; + // Initialize on DOM ready if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', createTracePanel); @@ -207,7 +233,7 @@