···

       
79
       
 
       
          type="password"

     

       
80
       
 
       
          value={password}

     

       
81
       
 
       
          onInput={(e) => setPassword((e.target as HTMLInputElement).value)}

     

       
82
       
-
       
          placeholder="Enter your password"

     

       
83
       
 
       
          disabled={isPending}

     

       
84
       
 
       
          className="w-full p-3 border border-gray-300 dark:border-gray-700 bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-300 dark:focus:ring-blue-500 transition-colors"

     

       
85
       
 
       
        />

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
86
       
 
       
      </div>

     

       
87
       
 
       


     

       
88
       
 
       
      <button

     

···

       
79
       
 
       
          type="password"

     

       
80
       
 
       
          value={password}

     

       
81
       
 
       
          onInput={(e) => setPassword((e.target as HTMLInputElement).value)}

     

       
82
       
+
       
          placeholder="Enter your account password"

     

       
83
       
 
       
          disabled={isPending}

     

       
84
       
 
       
          className="w-full p-3 border border-gray-300 dark:border-gray-700 bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-300 dark:focus:ring-blue-500 transition-colors"

     

       
85
       
 
       
        />

     

       
86
       
+
       
        <p className="mt-1 text-sm text-gray-500 dark:text-gray-400">

     

       
87
       
+
       
          This is your main account password, not an app password. This is required for migrations.

     

       
88
       
+
       
        </p>

     

       
89
       
 
       
      </div>

     

       
90
       
 
       


     

       
91
       
 
       
      <button

     

···

       
35
       
 
       
          </button>

     

       
36
       
 
       
        </div>

     

       
37
       
 
       


     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
38
       
 
       
        {loginMethod === 'oauth' ? <HandleInput /> : <CredLogin />}

     

       
39
       
 
       


     

       
40
       
 
       
        <div className="mt-4 text-center">

     

···

       
35
       
 
       
          </button>

     

       
36
       
 
       
        </div>

     

       
37
       
 
       


     

       
38
       
+
       
        {loginMethod === 'oauth' && (

     

       
39
       
+
       
          <div className="mb-4 p-3 bg-amber-50 dark:bg-amber-900/30 text-amber-800 dark:text-amber-200 rounded-md text-sm">

     

       
40
       
+
       
            Note: OAuth login cannot be used for migrations.

     

       
41
       
+
       
          </div>

     

       
42
       
+
       
        )}

     

       
43
       
+
       


     

       
44
       
 
       
        {loginMethod === 'oauth' ? <HandleInput /> : <CredLogin />}

     

       
45
       
 
       


     

       
46
       
 
       
        <div className="mt-4 text-center">