fix(realtime): clear connected state and jitter Retry-After on token retry

disconnect() on a socket that has not connected yet emits no 'disconnect'
event. After a native reconnect is followed by a failed token mint,
isConnected stayed true for the whole outage. Clear it, and the socket id,
exactly as the 'disconnect' handler does.

Spread a Retry-After-driven delay by up to +20% above the floor, so tabs
behind one IP do not retry in the same second.

Author: waleedlatif1

apps/sim/app/workspace/providers/socket-provider.tsx

@@ -26,6 +26,7 @@ import type {
   WorkflowUpdatedBroadcast,
 } from '@sim/realtime-protocol/events'
 import { generateId } from '@sim/utils/id'
+import { randomFloat } from '@sim/utils/random'
 import { backoffWithJitter, parseRetryAfter } from '@sim/utils/retry'
 import { useQueryClient } from '@tanstack/react-query'
 import { useParams } from 'next/navigation'
@@ -76,6 +77,9 @@ const AUTH_RETRY_MAX_MS = 30000
  */
 const SOCKET_TOKEN_RETRY_AFTER_MAX_MS = 5 * 60_000
 
+/** Up to +20% spread above a `Retry-After` floor, matching `backoffWithJitter`'s band. */
+const SOCKET_TOKEN_RETRY_AFTER_JITTER = 0.2
+
 /** A socket-token mint that failed for a retryable reason, with the server's `Retry-After`. */
 class SocketTokenUnavailableError extends Error {
   readonly retryAfterMs: number | null
@@ -458,15 +462,22 @@ export function SocketProvider({ children, user }: SocketProviderProps) {
               tokenRetryAttemptsRef.current += 1
               const retryAfterMs =
                 error instanceof SocketTokenUnavailableError ? error.retryAfterMs : null
-              const delayMs = Math.max(
-                backoffWithJitter(tokenRetryAttemptsRef.current, null, {
-                  baseMs: AUTH_RETRY_BASE_MS,
-                  maxMs: AUTH_RETRY_MAX_MS,
-                }),
-                retryAfterMs ?? 0
-              )
+              const backoffMs = backoffWithJitter(tokenRetryAttemptsRef.current, null, {
+                baseMs: AUTH_RETRY_BASE_MS,
+                maxMs: AUTH_RETRY_MAX_MS,
+              })
+              // Spread tabs behind one IP that share the same 429 window.
+              const delayMs =
+                retryAfterMs === null
+                  ? backoffMs
+                  : Math.max(
+                      backoffMs,
+                      retryAfterMs * (1 + SOCKET_TOKEN_RETRY_AFTER_JITTER * randomFloat())
+                    )
               socketInstance.disconnect()
+              setIsConnected(false)
               setIsConnecting(false)
+              setCurrentSocketId(null)
               setIsReconnecting(true)
               logger.warn('Socket token unavailable, reconnecting after delay', {
                 attempt: tokenRetryAttemptsRef.current,