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) { 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); }, []);