Implement Automatic WebSocket Reconnection with Exponential Backoff

[hardikkaurani]

🟡 Intermediate Issue

Problem

When the WebSocket connection drops during an evaluation run, the frontend does not automatically attempt reconnection.

Why It Matters

Automatic reconnection with exponential backoff (1s, 2s, 4s, 8s, max 30s) ensures real-time progress updates resume after transient network failures.

Suggested Files

• frontend/src/hooks/useJobWebSocket.ts

Definition of Done

• Configurable reconnection with exponential backoff implemented.
• Max retry count and max delay configurable.
• npm run typecheck and npm run lint pass.

[hardikkaurani]

👋 Maintainer Solution Guide:

1. Open frontend/src/hooks/useJobWebSocket.ts
2. Add reconnection logic in the onclose handler using exponential backoff: Math.min(1000 * 2^attempt, 30000)
3. Track attempt count with useRef and reset on successful connection
4. Ensure npm run typecheck && npm run lint pass

Improves real-time UX significantly! ⚡