[feat] Cloud onboarding flow implementation (#5494)

* feature: cloud onboarding scaffolding

* fix: redirect unknown routes

* feature: cloud onboarding flow

* chore: code review

* test: api mock for test failing

* refactor: Centralize onboarding routing with dedicated check views

- Add UserCheckView to handle all user status routing decisions
- Add InviteCheckView to manage invite code validation flow
- Simplify auth.ts by removing async operations and extra complexity
- Update login/signup to always redirect through UserCheckView
- Remove distributed routing logic from all onboarding components
- Simplify router guards to delegate to check views
- Fix infinite redirect loops for non-whitelisted users
- Use window.location.href for final navigation to bypass router conflicts

Breaking changes:
- Removed claimInvite from auth.ts (moved to CloudClaimInviteView)
- Changed route names to use cloud- prefix consistently
- Simplified getMe() to synchronous function

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

* fix: delete unused file

* Revert "test: api mock for test failing"

This reverts commit 06ca56c05e.

* feature: API applied

* feature: survey view

* feature: signup / login view completed

* style: min-h-screen deleted

* feature: completed login flow

* feature: router view added

---------

Co-authored-by: Claude <noreply@anthropic.com>

src/platform/onboarding/cloud/CloudLoginView.vue

@@ -0,0 +1,152 @@
+<!-- eslint-disable @intlify/vue-i18n/no-raw-text -->
+<template>
+  <div class="h-full flex items-center justify-center p-8">
+    <div class="w-96 p-2">
+      <div class="bg-[#2d2e32] p-4 rounded-lg">
+        <h4 class="m-0 pb-2 text-lg">
+          {{ t('cloudOnboarding.privateBeta.title') }}
+        </h4>
+        <p class="m-0 text-base leading-6">
+          {{ t('cloudOnboarding.privateBeta.desc') }}
+        </p>
+      </div>
+
+      <!-- Header -->
+      <div class="flex flex-col gap-4 mt-6 mb-8">
+        <h1 class="text-xl font-medium leading-normal my-0">
+          {{ t('auth.login.title') }}
+        </h1>
+        <p class="text-base my-0">
+          <span class="text-muted">{{ t('auth.login.newUser') }}</span>
+          <span
+            class="ml-1 cursor-pointer text-blue-500"
+            @click="navigateToSignup"
+            >{{ t('auth.login.signUp') }}</span
+          >
+        </p>
+      </div>
+
+      <Message v-if="!isSecureContext" severity="warn" class="mb-4">
+        {{ t('auth.login.insecureContextWarning') }}
+      </Message>
+
+      <!-- Form -->
+      <CloudSignInForm :auth-error="authError" @submit="signInWithEmail" />
+
+      <!-- Divider -->
+      <Divider align="center" layout="horizontal" class="my-8">
+        <span class="text-muted">{{ t('auth.login.orContinueWith') }}</span>
+      </Divider>
+
+      <!-- Social Login Buttons -->
+      <div class="flex flex-col gap-6">
+        <Button
+          type="button"
+          class="h-10 bg-[#2d2e32]"
+          severity="secondary"
+          @click="signInWithGoogle"
+        >
+          <i class="pi pi-google mr-2"></i>
+          {{ t('auth.login.loginWithGoogle') }}
+        </Button>
+
+        <Button
+          type="button"
+          class="h-10 bg-[#2d2e32]"
+          severity="secondary"
+          @click="signInWithGithub"
+        >
+          <i class="pi pi-github mr-2"></i>
+          {{ t('auth.login.loginWithGithub') }}
+        </Button>
+      </div>
+
+      <!-- Terms & Contact -->
+      <p class="mt-5 text-sm text-gray-600">
+        Questions? Contact us
+        <a
+          href="https://support.comfy.org"
+          class="text-blue-400 no-underline cursor-pointer"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          here</a
+        >.
+      </p>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import Button from 'primevue/button'
+import Divider from 'primevue/divider'
+import Message from 'primevue/message'
+import { ref } from 'vue'
+import { useI18n } from 'vue-i18n'
+import { useRoute, useRouter } from 'vue-router'
+
+import { useFirebaseAuthActions } from '@/composables/auth/useFirebaseAuthActions'
+import CloudSignInForm from '@/platform/onboarding/cloud/components/CloudSignInForm.vue'
+import { type SignInData } from '@/schemas/signInSchema'
+import { translateAuthError } from '@/utils/authErrorTranslation'
+
+const { t } = useI18n()
+const router = useRouter()
+const route = useRoute()
+const authActions = useFirebaseAuthActions()
+const isSecureContext = window.isSecureContext
+const authError = ref('')
+
+const navigateToSignup = () => {
+  void router.push({ name: 'cloud-signup', query: route.query })
+}
+
+const onSuccess = async () => {
+  // Check if there's an invite code
+  const inviteCode = route.query.inviteCode as string
+
+  if (inviteCode) {
+    // Handle invite code flow - go to invite check
+    await router.push({
+      name: 'cloud-invite-check',
+      query: { inviteCode }
+    })
+  } else {
+    // Normal login flow - go to user check
+    await router.push({ name: 'cloud-user-check' })
+  }
+}
+
+// Custom error handler for inline display
+const inlineErrorHandler = (error: unknown) => {
+  authError.value = translateAuthError(error)
+  authActions.reportError(error)
+}
+
+const signInWithGoogle = async () => {
+  authError.value = ''
+  if (await authActions.signInWithGoogle(inlineErrorHandler)()) {
+    await onSuccess()
+  }
+}
+
+const signInWithGithub = async () => {
+  authError.value = ''
+  if (await authActions.signInWithGithub(inlineErrorHandler)()) {
+    await onSuccess()
+  }
+}
+
+const signInWithEmail = async (values: SignInData) => {
+  authError.value = ''
+  if (
+    await authActions.signInWithEmail(
+      values.email,
+      values.password,
+      inlineErrorHandler
+    )()
+  ) {
+    await onSuccess()
+  }
+}
+</script>