Fix OAuth login flow for Claude Max

frontend/src/App.jsx

@@ -74,17 +74,24 @@ const App = () => {
     }
   };
 
+  const [loginLoading, setLoginLoading] = useState(false);
+
   const handleLogin = async () => {
+    setLoginLoading(true);
     try {
       const response = await fetch('/api/auth/login', { method: 'POST' });
       const data = await response.json();
       setAuthStatus(prev => ({ ...prev, ...data }));
       if (data.auth_url) {
         window.open(data.auth_url, '_blank');
+      } else if (data.status === 'error') {
+        alert(data.message || 'Login failed. Check container logs.');
       }
     } catch (error) {
       console.error('Error initiating login:', error);
+      alert('Failed to connect to auth endpoint');
     }
+    setLoginLoading(false);
   };
 
   const handleLogout = async () => {
@@ -178,7 +185,9 @@ const App = () => {
             ) : authStatus?.status === 'pending' ? (
               <span className="auth-pending">⏳ Awaiting login…</span>
             ) : (
-              <button className="auth-login-btn" onClick={handleLogin}>🔐 Login with Claude Max</button>
+              <button className="auth-login-btn" onClick={handleLogin} disabled={loginLoading}>
+                {loginLoading ? '⏳ Connecting…' : '🔐 Login with Claude Max'}
+              </button>
             )}
           </div>
           {systemInfo && (
@@ -248,9 +257,10 @@ const App = () => {
                     <span className="auth-icon">⏳</span>
                     <div>
                       <div className="auth-title">Waiting for browser login…</div>
+                      <div className="auth-sub">Complete the login in the browser tab that opened, then come back here.</div>
                       {authStatus.auth_url && (
                         <a className="auth-url-link" href={authStatus.auth_url} target="_blank" rel="noreferrer">
-                          Open login page →
+                          Click here if the browser tab didn't open →
                         </a>
                       )}
                     </div>