Changed auth to use the wording 'password' instead of 'token' and give information about defaults and how to change the password.

ui/src/components/AuthWrapper.tsx

@@ -112,7 +112,7 @@ export default function AuthWrapper({ authRequired, children }: AuthWrapperProps
           <form onSubmit={handleSubmit} className="space-y-6">
             <div>
               <label htmlFor="token" className="block text-sm font-medium text-gray-400 mb-2">
-                Access Token
+                Password
               </label>
               <input
                 id="token"
@@ -124,8 +124,11 @@ export default function AuthWrapper({ authRequired, children }: AuthWrapperProps
                 ref={inputRef}
                 onChange={e => setToken(e.target.value)}
                 className="w-full px-4 py-3 rounded-lg bg-gray-800 border border-gray-700 focus:border-blue-500 focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50 text-gray-100 transition duration-200"
-                placeholder="Enter your token"
+                placeholder="Enter your password"
               />
+              <div className='text-gray-500 text-xs mt-2'>
+                The password is set with the environment variable AI_TOOLKIT_AUTH, the default is the super secure secret word "password"
+              </div>
             </div>
 
             {error && (
@@ -152,7 +155,7 @@ export default function AuthWrapper({ authRequired, children }: AuthWrapperProps
                   ></path>
                 </svg>
               ) : (
-                'Check Token'
+                'Check Password'
               )}
             </button>
           </form>