diff --git a/web/src/components/LoginPrompt.tsx b/web/src/components/LoginPrompt.tsx index b49297ae..70cbbfe0 100644 --- a/web/src/components/LoginPrompt.tsx +++ b/web/src/components/LoginPrompt.tsx @@ -93,11 +93,8 @@ export function LoginPrompt(props: LoginPromptProps) { const displayError = error || props.error const serverSummary = props.serverUrl ?? `${props.baseUrl} (same origin)` const title = isBindMode ? 'Bind Telegram' : 'HAPI' - const subtitle = isBindMode - ? 'Enter your access token to bind this Telegram account' - : 'Enter your access token to continue' + const subtitle = 'Vibe Coding Anytime, Anywhere' const submitLabel = isBindMode ? 'Bind' : 'Sign In' - const helpText = 'Use CLI_API_TOKEN: from your server configuration (omit : for default)' return (
@@ -177,7 +174,7 @@ export function LoginPrompt(props: LoginPromptProps) { type="password" value={accessToken} onChange={(e) => setAccessToken(e.target.value)} - placeholder={isBindMode ? 'CLI_API_TOKEN:' : 'CLI_API_TOKEN[:namespace]'} + placeholder="Access token" autoComplete="current-password" disabled={isLoading} className="w-full px-3 py-2.5 rounded-lg border border-[var(--app-border)] bg-[var(--app-bg)] text-[var(--app-fg)] placeholder:text-[var(--app-hint)] focus:outline-none focus:ring-2 focus:ring-[var(--app-button)] focus:border-transparent disabled:opacity-50" @@ -206,11 +203,12 @@ export function LoginPrompt(props: LoginPromptProps) { )} +
- {/* Help text */} -
- {helpText} -
+ {/* Footer */} +
+
Designed with for Vibe Coding
+
© {new Date().getFullYear()} HAPI
)