SettingsCenter.

plans/settings-center.md

Overview

Multi-tab account settings: profile, notifications, security with 2FA setup, billing display, team / members. Heavy on validation, sensitive-field UX, and destructive-action gates.

What you're reading is the same plans/settings-center.md spec used to build SettingsCenter. It lists what's in the source, what isn't, the audit results, and the architecture. Read it before you subscribe — there are no surprises on the other side of payment.

Full spec is being authored — the rich detail page (features, audit numbers, changelog, recipes, architecture) lands when this starter ships.

Stack

The shared baseline across every starter in the catalog.

• typescript — strict mode, no any, no ! non-null in shipping code
• @tanstack/react-router + @tanstack/react-query for routing and server state
• tailwindcss with Radix primitives for unstyled, accessibility-first components
• msw for the mock API layer — designed to be replaced with your real backend
• vitest for unit/component, @playwright/test for E2E

Per-starter additions for SettingsCenter:

• react-hook-form
• zod