feat: self-serve signup Phase 2 (frontend cutover) (#162)

Co-authored-by: Michael Chihlas <michael@resolutionflow.com>
Co-committed-by: Michael Chihlas <michael@resolutionflow.com>

frontend/src/router.tsx

@@ -22,9 +22,13 @@ const SurveyPage = lazyWithRetry(() => import('@/pages/SurveyPage'))
 const SurveyThankYouPage = lazyWithRetry(() => import('@/pages/SurveyThankYouPage'))
 const PrivacyPage = lazyWithRetry(() => import('@/pages/PrivacyPage'))
 const TermsPage = lazyWithRetry(() => import('@/pages/TermsPage'))
+const PricingPage = lazyWithRetry(() => import('@/pages/PricingPage'))
+const ContactSalesPage = lazyWithRetry(() => import('@/pages/ContactSalesPage'))
 
 // Standalone auth pages
 const VerifyEmailPage = lazyWithRetry(() => import('@/pages/VerifyEmailPage'))
+const OAuthCallbackPage = lazyWithRetry(() => import('@/pages/OAuthCallbackPage'))
+const AcceptInvitePage = lazyWithRetry(() => import('@/pages/AcceptInvitePage'))
 const ChangePasswordPage = lazyWithRetry(() => import('@/pages/ChangePasswordPage'))
 const ForgotPasswordPage = lazyWithRetry(() => import('@/pages/ForgotPasswordPage'))
 const ResetPasswordPage = lazyWithRetry(() => import('@/pages/ResetPasswordPage'))
@@ -65,6 +69,11 @@ const DevBranchingPage = lazyWithRetry(() => import('@/pages/DevBranchingPage'))
 const GuidesHubPage = lazyWithRetry(() => import('@/pages/GuidesHubPage'))
 const GuideDetailPage = lazyWithRetry(() => import('@/pages/GuideDetailPage'))
 const AccountSettingsPage = lazyWithRetry(() => import('@/pages/AccountSettingsPage'))
+// Welcome wizard (Phase 2)
+const WelcomeRouter = lazyWithRetry(() => import('@/pages/welcome/WelcomeRouter'))
+const WelcomeStep1 = lazyWithRetry(() => import('@/pages/welcome/WelcomeStep1'))
+const WelcomeStep2 = lazyWithRetry(() => import('@/pages/welcome/WelcomeStep2'))
+const WelcomeStep3 = lazyWithRetry(() => import('@/pages/welcome/WelcomeStep3'))
 const NetworkDiagramsPage = lazyWithRetry(() => import('@/pages/NetworkDiagrams'))
 const DiagramEditorPage = lazyWithRetry(() => import('@/pages/NetworkDiagrams/DiagramEditor'))
 // Admin pages
@@ -91,6 +100,8 @@ const TargetListsPage = lazyWithRetry(() => import('@/pages/account/TargetListsP
 const ChatRetentionSettingsPage = lazyWithRetry(() => import('@/pages/account/ChatRetentionSettingsPage'))
 const IntegrationsPage = lazyWithRetry(() => import('@/pages/account/IntegrationsPage'))
 const BrandingSettingsPage = lazyWithRetry(() => import('@/pages/account/BrandingSettingsPage'))
+const BillingPage = lazyWithRetry(() => import('@/pages/account/BillingPage'))
+const SelectPlanPage = lazyWithRetry(() => import('@/pages/account/SelectPlanPage'))
 
 /** Wraps a lazy-loaded page with Suspense + ErrorBoundary */
 function page(Component: React.LazyExoticComponent<React.ComponentType>) {
@@ -124,6 +135,16 @@ export const router = sentryCreateBrowserRouter([
     element: page(TermsPage),
     errorElement: <RouteError />,
   },
+  {
+    path: '/pricing',
+    element: page(PricingPage),
+    errorElement: <RouteError />,
+  },
+  {
+    path: '/contact-sales',
+    element: page(ContactSalesPage),
+    errorElement: <RouteError />,
+  },
   {
     path: '/login',
     element: <LoginPage />,
@@ -149,6 +170,21 @@ export const router = sentryCreateBrowserRouter([
     element: page(VerifyEmailPage),
     errorElement: <RouteError />,
   },
+  {
+    path: '/accept-invite',
+    element: page(AcceptInvitePage),
+    errorElement: <RouteError />,
+  },
+  {
+    path: '/auth/google/callback',
+    element: page(OAuthCallbackPage),
+    errorElement: <RouteError />,
+  },
+  {
+    path: '/auth/microsoft/callback',
+    element: page(OAuthCallbackPage),
+    errorElement: <RouteError />,
+  },
   {
     path: '/survey',
     element: page(SurveyPage),
@@ -223,6 +259,12 @@ export const router = sentryCreateBrowserRouter([
       { path: 'dev/branching', element: page(DevBranchingPage) },
       { path: 'guides', element: page(GuidesHubPage) },
       { path: 'guides/:slug', element: page(GuideDetailPage) },
+      // Welcome wizard (Phase 2). Mounted inside AppLayout so the email-
+      // verification banner persists above each step.
+      { path: 'welcome', element: page(WelcomeRouter) },
+      { path: 'welcome/step-1', element: page(WelcomeStep1) },
+      { path: 'welcome/step-2', element: page(WelcomeStep2) },
+      { path: 'welcome/step-3', element: page(WelcomeStep3) },
       // Admin routes
       {
         path: 'admin',
@@ -298,6 +340,8 @@ export const router = sentryCreateBrowserRouter([
               </ProtectedRoute>
             ),
           },
+          { path: 'billing', element: page(BillingPage) },
+          { path: 'billing/select-plan', element: page(SelectPlanPage) },
         ],
       },
     ],