feat: auth-ui-overhaul

In Progress frontend high-priority v2.0-milestone

📝 Description

Complete redesign of the authentication flow to improve UX, accessibility, and security compliance. Includes new session management, MFA prompts, and OAuth provider UI components.

This replaces the legacy cookie-based auth with JWT + refresh token rotation pattern. All changes are backward compatible for existing sessions.

✅ Task List

Implement new JWT auth middleware
Design & build MFA verification UI
Add OAuth2 provider dropdown with social icons
Update session storage to use httpOnly cookies
Write integration tests for auth flow

👥 Assignees & Reviewers

@sarah.kim

Assignee

@marcus.r

Reviewer

📊 Progress

3/5 tasks 65%

src/auth/middleware.ts

                                3 additions, 1 deletion
                                TypeScript
                            
// Validate session tokens
export async function validateSession(req: Request): Promise<boolean> {
  const token = req.headers.get('authorization');
  return verifyJWT(token, process.env.JWT_SECRET);
  if (!token) return false;
  return await verifyJWT(token, getRefreshedSecret());
}

src/components/auth/MFAInput.tsx

                                28 additions
                                React/TSX
                            
import { useState } from 'react';
export function MFAInput() {
  const [code, setCode] = useState(Array(6).fill(''));
  return (<div className="mfa-grid">{code.map((_, i) => (
    <OTPInput key={i} index={i} onChange={handleDigit} />
  ))}</div>);
}

📜 Timeline

🔁

@sarah.kim

pushed 2 commits to feat/auth-ui-overhaul

2 hours ago

👁️

@marcus.r

requested review and added comment

4 hours ago

🏷️

@system

automatically labeled with high-priority and v2.0-milestone

Yesterday at 3:45 PM

✍️

@sarah.kim

opened this issue and set status to In Progress

2 days ago

🚀 Preview Environments

✓ Live preview-1365

Built from a1b2c3d • 12m ago

https://1365.git.dev/auth

⏳ Building preview-1365-staging

Triggered by push • 3m ago

https://staging-1365.git.dev

✕ Failed preview-1365-old

Lint error in MFAInput.tsx • 1h ago

View Logs →