feat: add double-click test page for output panel handlers

ttbombadil · ttbombadil · commit 169cbba21e57 · 2026-03-09T10:59:00.000+01:00
diff --git a/client/src/pages/arduino-simulator.tsx b/client/src/pages/arduino-simulator.tsx
@@ -1180,6 +1180,8 @@ export default function ArduinoSimulator() {
               onGoToLine={(line) => {
                 logger.debug(`Go to line: ${line}`);
               }}
+              onInsertSuggestion={handleInsertSuggestion}
+              hideHeader={true}
             />
           </div>
         )}
diff --git a/test-double-click.html b/test-double-click.html
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Double Click Test</title>
+</head>
+<body>
+    <style>
+        button { padding: 10px; margin: 5px; font-size: 16px; }
+        .logs { margin-top: 20px; border: 1px solid black; padding: 10px; max-height: 200px; overflow: auto; }
+        .log-entry { font-family: monospace; font-size: 12px; }
+    </style>
+
+    <h1>Test Output Panel Double-Click Handlers</h1>
+    
+    <div>
+        <button id="compiler-btn" data-tab="compiler">Compiler</button>
+        <button id="messages-btn" data-tab="messages">Messages</button>
+        <button id="registry-btn" data-tab="registry">I/O Registry</button>
+        <button id="debug-btn" data-tab="debug">Debug</button>
+    </div>
+
+    <div class="logs" id="logs"></div>
+
+    <script>
+        const logsDiv = document.getElementById('logs');
+        
+        function log(message) {
+            const entry = document.createElement('div');
+            entry.className = 'log-entry';
+            entry.textContent = `[${new Date().toLocaleTimeString()}] ${message}`;
+            logsDiv.appendChild(entry);
+            logsDiv.scrollTop = logsDiv.scrollHeight;
+        }
+
+        // Simulating the output-panel structure
+        const handlers = {
+            'compiler': () => log('openOutputPanel("compiler") called'),
+            'messages': () => log('openOutputPanel("messages") called'),
+            'registry': () => log('openOutputPanel("registry") called'),
+            'debug': () => log('openOutputPanel("debug") called'),
+        };
+
+        document.querySelectorAll('[data-tab]').forEach(btn => {
+            btn.addEventListener('click', () => {
+                const tab = btn.dataset.tab;
+                log(`>>> Single Click: ${tab}`);
+            });
+
+            btn.addEventListener('dblclick', (e) => {
+                e.preventDefault();
+                const tab = btn.dataset.tab;
+                log(`>>> Double Click: ${tab}`);
+                handlers[tab]();
+            });
+        });
+
+        log('Test page loaded');
+    </script>
+</body>
+</html>
