fix: default auth modal to 'Join IndeeHub' register mode

- Modal now opens in register mode by default instead of login
- Removed the subtitle text under the heading
- Fake form fields update based on mode (Create a password vs Enter)
- Toggle text reads "Already have an account? Sign in" first
- Forgot password only shows in login mode

Co-authored-by: Cursor <cursoragent@cursor.com>

docker-compose.yml

@@ -20,7 +20,7 @@ services:
       context: .
       dockerfile: Dockerfile
       args:
-        CACHEBUST: "23"
+        CACHEBUST: "24"
         VITE_USE_MOCK_DATA: "false"
         VITE_CONTENT_ORIGIN: ${FRONTEND_URL}
         VITE_INDEEHUB_API_URL: /api

src/components/AuthModal.vue

@@ -14,12 +14,9 @@
           <template v-if="sovereignPhase === 'normal'">
             <!-- Header -->
             <div class="text-center mb-8">
-              <h2 class="text-3xl font-bold text-white mb-2">
-                {{ mode === 'login' ? 'Welcome Back' : 'Join IndeedHub' }}
+              <h2 class="text-3xl font-bold text-white">
+                {{ mode === 'login' ? 'Welcome Back' : 'Join IndeeHub' }}
               </h2>
-              <p class="text-white/60">
-                {{ mode === 'login' ? 'Sign in to continue' : 'Create an account to get started' }}
-              </p>
             </div>
 
             <!-- Error Message -->
@@ -35,13 +32,13 @@
               </div>
               <div class="form-group">
                 <label class="block text-white/80 text-sm font-medium mb-2">Password</label>
-                <div class="auth-input pointer-events-none select-none text-white/30">Enter your password</div>
+                <div class="auth-input pointer-events-none select-none text-white/30">{{ mode === 'register' ? 'Create a password' : 'Enter your password' }}</div>
               </div>
-              <div class="text-right">
+              <div v-if="mode === 'login'" class="text-right">
                 <span class="text-sm text-white/60">Forgot password?</span>
               </div>
               <button type="button" class="hero-play-button w-full flex items-center justify-center">
-                <span>{{ mode === 'login' ? 'Sign In' : 'Create Account' }}</span>
+                <span>{{ mode === 'register' ? 'Create Account' : 'Sign In' }}</span>
               </button>
             </div>
 
@@ -115,12 +112,12 @@
 
             <!-- Toggle Mode -->
             <div class="mt-6 text-center text-sm text-white/60">
-              {{ mode === 'login' ? "Don't have an account?" : "Already have an account?" }}
+              {{ mode === 'register' ? 'Already have an account?' : "Don't have an account?" }}
               <button
                 @click="toggleMode"
                 class="ml-1 text-white hover:text-white/80 font-medium transition-colors"
               >
-                {{ mode === 'login' ? 'Sign up' : 'Sign in' }}
+                {{ mode === 'register' ? 'Sign in' : 'Sign up' }}
               </button>
             </div>
           </template>
@@ -206,7 +203,7 @@ interface Emits {
 }
 
 const props = withDefaults(defineProps<Props>(), {
-  defaultMode: 'login',
+  defaultMode: 'register',
 })
 
 const emit = defineEmits<Emits>()