fix(ndk): add connect timeout and enable reset during load

Author: murdawkmedia

src/contexts/NDKContext.tsx

@@ -56,9 +56,18 @@ export function NDKProvider({ children, relays }: NDKProviderProps) {
   useEffect(() => {
     const updateRelays = async () => {
       try {
-        await ndkInstance.connect(2000); // 2s timeout for initial connection attempt
+        console.log('🔌 NDK Connecting to relays:', relays);
+        await ndkInstance.connect(2500); // 2.5s timeout
+        console.log('✅ NDK Connected. Active pool size:', ndkInstance.pool.connectedRelays().length);
+
+        // Log individual relay statuses
+        ndkInstance.pool.relays.forEach(r => {
+          console.debug(`Relay ${r.url}: Status ${r.status}, Connection: ${r.connectivityStatus}`);
+        });
+
       } catch (err) {
-        console.error('Failed to connect to NDK relays:', err);
+        console.warn('⚠️ NDK Connection timeout or partial failure:', err);
+        // We still proceed, as some relays might be connected or we can work offline/later
       } finally {
         setIsLoading(false);
       }

src/pages/Settings.tsx

@@ -139,7 +139,7 @@ function ResetKeyButton() {
       <Button
         variant="destructive"
         onClick={handleReset}
-        disabled={isLoading || initializeKey.isPending}
+        disabled={initializeKey.isPending} // Allow reset even if query is "loading" (stuck)
       >
         {initializeKey.isPending ? 'Resetting...' : 'Reset Inventory Key'}
       </Button>