zgaetano/claude-persistent-agent
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix login: show link instead of popup, add code paste UI

Browse source
This commit is contained in:
Zac Gaetano 2026-04-04 23:59:54 -04:00
parent 28a9d97d7a
commit 0d0b4019dc
1 changed files with 15 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
frontend/src/App.jsx
View file

@ -90,11 +90,11 @@ const App = () => {
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') {
if (data.status === 'error') {
alert(data.message || 'Login failed. Check container logs.');
}
// Don't try window.open — popup blockers kill it.
// The auth_url will be shown as a clickable link in the pending state.
} catch (error) {
console.error('Error initiating login:', error);
alert('Failed to connect to auth endpoint');
@ -255,13 +255,18 @@ const App = () => {
{authStatus?.status === 'logged_in' ? (
<span className="auth-ok" title={authStatus.account}>● {authStatus.account || 'Logged in'}</span>
) : authStatus?.status === 'pending' ? (
<form className="header-code-form" onSubmit={handleSubmitCode}>
<input type="text" placeholder="Paste auth code here" value={authCode}
onChange={e => setAuthCode(e.target.value)} className="header-code-input" />
<button type="submit" className="header-code-btn" disabled={codeSubmitting}>
{codeSubmitting ? '…' : '→'}
</button>
</form>
<div className="header-auth-pending">
{authStatus.auth_url && (
<a href={authStatus.auth_url} target="_blank" rel="noreferrer" className="header-auth-link">1. Open login →</a>
)}
<form className="header-code-form" onSubmit={handleSubmitCode}>
<input type="text" placeholder="2. Paste code" value={authCode}
onChange={e => setAuthCode(e.target.value)} className="header-code-input" />
<button type="submit" className="header-code-btn" disabled={codeSubmitting}>
{codeSubmitting ? '…' : '→'}
</button>
</form>
</div>
) : (
<button className="auth-login-btn" onClick={handleLogin} disabled={loginLoading}>
{loginLoading ? '⏳ Connecting…' : '🔐 Login with Claude Max'}