+ {/* Auth Status */}
+
+
Auth Status
+
+
+ Authenticated:
+
+ {isAuthenticated ? 'β Yes' : 'β No'}
+
+
+
+ User ID:
+ {user?.id || 'None'}
+
+
+ Email:
+ {user?.email || 'None'}
+
+
+ Has Access Token:
+
+ {token ? 'β' : 'β'}
+
+
+
+ Has Refresh Token:
+
+ {refreshToken ? 'β' : 'β'}
+
+
+
+
+
+ {/* Token Status */}
+ {tokenStatus && (
+
+
Token Status
+
+
+ Access Token:
+
+ {tokenStatus.accessTokenExpired ? 'Expired' : `${tokenStatus.accessExpiresInMinutes}m left`}
+
+
+
+ Refresh Token:
+
+ {tokenStatus.refreshTokenExpired ? 'Expired' : `${tokenStatus.refreshExpiresInHours}h left`}
+
+
+
+
+ )}
+
+ {/* Logout History */}
+
+
+ Recent Logouts ({logoutHistory.length})
+
+ {logoutHistory.length === 0 ? (
+
No logout events recorded
+ ) : (
+
+ {logoutHistory.slice(-5).reverse().map((event, idx) => (
+
+
+ {event.type}
+
+ {Math.floor((Date.now() - event.timestamp) / 60000)}m ago
+
+
+
{event.message}
+ {event.idleMinutes > 0 && (
+
+ Idle: {event.idleMinutes} minutes
+
+ )}
+
+ ))}
+
+ )}
+
+
+ {/* Actions */}
+
+
+
+