feat(webapp): redesign auth pages

[kaposke]

Redesigns and refactors every auth screen in the auth flow. Moved every request to a tanstack-query hooks, so there's a lot of volume.

Pictures of screens that are harder to get to:

When you click an invite link while being logged out:

When trying to sign up in invite link but the account already exists:

When opening the invite link while logged in in the correct account:

When opening the invite link while logged in in the incorrect account:

When opening an invalid invite link

Most other screens are easy to get to, appreciate you testing them!

---

It also updates all auth-related pages to the v2 design system using the new DefaultLayout and rebuilds forms with react-hook-form and zod validation, while introducing a new useAuth hook module that migrates legacy apiFetch/SWR-based auth, invite, and onboarding requests to typed query/mutation hooks along with supporting utility and type updates.

Possible Issues

• inviteResponse can be null until fetched; verify there is no blank screen in slow networks where a skeleton or loading state is expected
• The DefaultLayout fixed width (w-[485px]) may cause layout issues on very small screens if min-w is too large
• The useInvite hook now returns a union status response; ensure all callers correctly handle the 400 response path and do not assume 200 data

---

This summary was automatically generated by @propel-code-bot

[linear]

NAN-4758 Redesign Auth pages

[marcindobry]

When fields are invalid, the button is just greyed out but it's unclear what's invalid. Some tooltip or highlight would be helpful

[marcindobry]

This looks like a random comment, should it be here?

[kaposke]

Yeah, just highlighting the part that it's the card in the middle.

[kaposke]

When fields are invalid, the button is just greyed out but it's unclear what's invalid. Some tooltip or highlight would be helpful

Whoops. I made the button disabling thing as one of the last things and didn't notice there was no way to trigger validation that way. Added mode: 'onTouched' to all the forms. A field is now validated for the first time on blur, and then again on any new updates.

[propel-code-bot]

Found a logic regression where the password requirements panel stays open after blur and loses blur tracking.

Status: Changes Suggested | Risk: Medium

Issues Identified & Suggestions

• Restore onBlur to close requirements panel and trigger blur tracking: Password.tsx

Review Details

📁 18 files reviewed | 💬 1 comments

Instruction Files

├── .claude/
│   ├── agents/
│   │   └── nango-docs-migrator.md
│   └── skills/
│       ├── agent-builder-skill/
│       │   ├── EXAMPLES.md
│       │   └── SKILL.md
│       ├── creating-integration-docs/
│       │   └── SKILL.md
│       └── creating-skills-skill/
│           └── SKILL.md
├── AGENTS.md
└── GEMINI.md

👍 / 👎 individual comments to help improve reviews for you