From c562f69efaf3482f68d080ac60764d984f6aeaf7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=80=9CBeeRad=E2=80=9D?= <bradwmorriswork@gmail.com>
Date: Tue, 30 Dec 2025 14:13:59 +1100
Subject: [PATCH] debug: add console.log to LocalKeyGate and settings event
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Debugging button click issues

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 src/components/auth/LocalKeyGate.tsx       | 7 ++++++-
 src/components/layout/ThreePanelLayout.tsx | 2 ++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/auth/LocalKeyGate.tsx b/src/components/auth/LocalKeyGate.tsx
index 1e3b8a8..08ad792 100644
--- a/src/components/auth/LocalKeyGate.tsx
+++ b/src/components/auth/LocalKeyGate.tsx
@@ -47,7 +47,9 @@ export function LocalKeyGate({ children }: LocalKeyGateProps) {
   }
 
   const openApiKeySettings = () => {
+    console.log('[LocalKeyGate] openApiKeySettings clicked');
     if (typeof window !== 'undefined') {
+      console.log('[LocalKeyGate] Dispatching settings:open event');
       window.dispatchEvent(new CustomEvent('settings:open', { detail: { tab: 'apikeys' } }));
     }
   };
@@ -80,7 +82,10 @@ export function LocalKeyGate({ children }: LocalKeyGateProps) {
             </button>
             <button
               style={{ ...buttonStyle, background: '#1f2933', color: '#e5e7eb' }}
-              onClick={() => setHasKeys(true)}
+              onClick={() => {
+                console.log('[LocalKeyGate] Dismiss clicked');
+                setHasKeys(true);
+              }}
             >
               Dismiss
             </button>
diff --git a/src/components/layout/ThreePanelLayout.tsx b/src/components/layout/ThreePanelLayout.tsx
index 51c17eb..cf58751 100644
--- a/src/components/layout/ThreePanelLayout.tsx
+++ b/src/components/layout/ThreePanelLayout.tsx
@@ -115,10 +115,12 @@ export default function ThreePanelLayout() {
   // Listen for settings:open events (from LocalKeyGate)
   useEffect(() => {
     const handleSettingsOpen = (e: CustomEvent<{ tab?: SettingsTab }>) => {
+      console.log('[ThreePanelLayout] settings:open event received', e.detail);
       setSettingsInitialTab(e.detail?.tab || 'apikeys');
       setShowSettings(true);
     };
     window.addEventListener('settings:open', handleSettingsOpen as EventListener);
+    console.log('[ThreePanelLayout] settings:open listener registered');
     return () => window.removeEventListener('settings:open', handleSettingsOpen as EventListener);
   }, []);