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 @@