@earendil-works/pi-coding-agent/dist/modes/interactive/components/login-dialog.js

Coding agent CLI with read, bash, edit, write tools and session management

import { Container, getKeybindings, hyperlink, Input, replaceControlCharacters, Spacer, Text, TruncatedText, } from "@earendil-works/pi-tui";
import { copyToClipboard } from "../../../utils/clipboard.js";
import { openBrowser } from "../../../utils/open-browser.js";
import { displayUrl, webUrl } from "../../../utils/web-url.js";
import { theme } from "../theme/theme.js";
import { AuthUrlComponent } from "./auth-url.js";
import { DynamicBorder } from "./dynamic-border.js";
import { keyHint } from "./keybinding-hints.js";
/** `text` as a terminal hyperlink to `url` when that is a web URL, else plain `text`. */
function webLink(text, url) {
    const target = webUrl(url);
    return target === undefined ? text : hyperlink(text, target);
}
/**
 * Login dialog component - replaces editor during OAuth login flow
 */
export class LoginDialogComponent extends Container {
    contentContainer;
    input;
    tui;
    /** The shown sign-in URL, which `app.message.copy` copies. */
    authUrl;
    abortController = new AbortController();
    inputResolver;
    inputRejecter;
    deviceCodeAction;
    deviceCodeHint;
    onComplete;
    // Focusable implementation - propagate to input for IME cursor positioning
    _focused = false;
    get focused() {
        return this._focused;
    }
    set focused(value) {
        this._focused = value;
        this.input.focused = value;
    }
    constructor(tui, providerId, onComplete, providerNameOverride, titleOverride) {
        super();
        this.tui = tui;
        this.onComplete = onComplete;
        const providerName = providerNameOverride || providerId;
        const title = titleOverride ?? `Login to ${providerName}`;
        // Top border
        this.addChild(new DynamicBorder());
        // Title
        this.addChild(new Text(theme.fg("accent", theme.bold(title)), 1, 0));
        // Dynamic content area
        this.contentContainer = new Container();
        this.addChild(this.contentContainer);
        // Input (always present, used when needed)
        this.input = new Input();
        this.input.onSubmit = () => {
            if (this.inputResolver) {
                const value = this.input.getValue();
                this.replaceInputWithSubmittedText(value);
                this.inputResolver(value);
                this.inputResolver = undefined;
                this.inputRejecter = undefined;
            }
        };
        this.input.onEscape = () => {
            this.cancel();
        };
        // Bottom border
        this.addChild(new DynamicBorder());
    }
    get signal() {
        return this.abortController.signal;
    }
    replaceInputWithSubmittedText(value) {
        this.contentContainer.children = this.contentContainer.children.map((child) => child === this.input ? new Text(`> ${value}`, 0, 0) : child);
    }
    clearDeviceCodeAction() {
        if (this.deviceCodeHint) {
            this.contentContainer.removeChild(this.deviceCodeHint);
        }
        this.deviceCodeHint = undefined;
        this.deviceCodeAction = undefined;
    }
    cancel() {
        this.clearDeviceCodeAction();
        this.abortController.abort();
        if (this.inputRejecter) {
            this.inputRejecter(new Error("Login cancelled"));
            this.inputResolver = undefined;
            this.inputRejecter = undefined;
        }
        this.onComplete(false, "Login cancelled");
    }
    /**
     * Called by onAuth callback - show URL and optional instructions
     */
    showAuth(url, instructions) {
        this.clearDeviceCodeAction();
        this.contentContainer.clear();
        this.contentContainer.addChild(new Spacer(1));
        const target = webUrl(url);
        this.authUrl = new AuthUrlComponent(this.tui, target ?? replaceControlCharacters(url));
        this.contentContainer.addChild(this.authUrl);
        if (instructions) {
            this.contentContainer.addChild(new Spacer(1));
            this.contentContainer.addChild(new Text(theme.fg("warning", instructions), 1, 0));
        }
        if (target !== undefined)
            openBrowser(target);
        this.tui.requestRender();
    }
    /**
     * Called by onDeviceCode callback - show URL and user code.
     */
    showDeviceCode(info) {
        this.authUrl = undefined;
        info = {
            ...info,
            openBrowserOnConfirm: info.openBrowserOnConfirm ?? true,
            copyCodeOnConfirm: info.copyCodeOnConfirm ?? true,
        };
        this.clearDeviceCodeAction();
        this.contentContainer.clear();
        this.contentContainer.addChild(new Spacer(1));
        const shownUrl = displayUrl(info.verificationUri);
        this.contentContainer.addChild(new Text(theme.fg("accent", webLink(shownUrl, shownUrl)), 1, 0));
        const clickHint = process.platform === "darwin" ? "Cmd+click to open" : "Ctrl+click to open";
        this.contentContainer.addChild(new Text(theme.fg("dim", webLink(clickHint, info.verificationUri)), 1, 0));
        this.contentContainer.addChild(new Spacer(1));
        this.contentContainer.addChild(new Text(theme.fg("warning", `Enter code: ${info.userCode}`), 1, 0));
        if (!this.signal.aborted && (info.openBrowserOnConfirm || info.copyCodeOnConfirm)) {
            const actionLabel = info.openBrowserOnConfirm
                ? info.copyCodeOnConfirm
                    ? "to open browser and copy code"
                    : "to open browser"
                : "to copy code";
            // Reuse this single row for progress/result text, including in narrow terminals.
            const hint = new Container();
            hint.addChild(new TruncatedText(`(${keyHint("tui.select.confirm", actionLabel)})`, 1, 0));
            this.contentContainer.addChild(hint);
            this.deviceCodeHint = hint;
            this.deviceCodeAction = { info, hint };
        }
        this.tui.requestRender();
    }
    setDeviceCodeStatus(hint, message) {
        if (this.signal.aborted || !this.focused || !this.contentContainer.children.includes(hint))
            return;
        hint.children = [new TruncatedText(theme.fg("dim", message), 1, 0)];
        this.tui.requestRender();
    }
    activateDeviceCode(info, hint) {
        this.setDeviceCodeStatus(hint, info.copyCodeOnConfirm ? "Copying code..." : "Browser open requested");
        if (info.copyCodeOnConfirm) {
            // Do not delay polling or browser opening while clipboard tools are running.
            void copyToClipboard(info.userCode)
                .then(() => this.setDeviceCodeStatus(hint, "Code copied to clipboard"))
                .catch(() => this.setDeviceCodeStatus(hint, "Copy code manually"));
        }
        if (info.openBrowserOnConfirm) {
            try {
                const target = webUrl(info.verificationUri);
                if (target !== undefined)
                    openBrowser(target);
            }
            catch {
                // Launcher failures must not interrupt login.
            }
        }
    }
    /**
     * Show input for manual code/URL entry (for callback server providers)
     */
    showManualInput(prompt) {
        this.clearDeviceCodeAction();
        this.input.setValue("");
        this.contentContainer.addChild(new Spacer(1));
        this.contentContainer.addChild(new Text(theme.fg("dim", prompt), 1, 0));
        this.contentContainer.addChild(this.input);
        this.contentContainer.addChild(new Text(`(${keyHint("tui.select.cancel", "to cancel")})`, 1, 0));
        this.tui.requestRender();
        return new Promise((resolve, reject) => {
            this.inputResolver = resolve;
            this.inputRejecter = reject;
        });
    }
    /**
     * Called by onPrompt callback - show prompt and wait for input
     * Note: Does NOT clear content, appends to existing (preserves URL from showAuth)
     */
    showPrompt(message, placeholder) {
        this.clearDeviceCodeAction();
        this.contentContainer.addChild(new Spacer(1));
        this.contentContainer.addChild(new Text(theme.fg("text", message), 1, 0));
        if (placeholder) {
            this.contentContainer.addChild(new Text(theme.fg("dim", `e.g., ${placeholder}`), 1, 0));
        }
        this.contentContainer.addChild(this.input);
        this.contentContainer.addChild(new Text(`(${keyHint("tui.select.cancel", "to cancel,")} ${keyHint("tui.select.confirm", "to submit")})`, 1, 0));
        this.input.setValue("");
        this.tui.requestRender();
        return new Promise((resolve, reject) => {
            this.inputResolver = resolve;
            this.inputRejecter = reject;
        });
    }
    /** Show informational text before another login step. */
    showDetails(lines) {
        this.authUrl = undefined;
        this.clearDeviceCodeAction();
        this.contentContainer.clear();
        this.contentContainer.addChild(new Spacer(1));
        for (const line of lines) {
            this.contentContainer.addChild(new Text(line, 1, 0));
        }
        this.tui.requestRender();
    }
    /** Show provider-owned information and links without starting an auth callback flow. */
    showInfo(message, links = [], showCloseHint = false) {
        this.contentContainer.addChild(new Spacer(1));
        this.contentContainer.addChild(new Text(theme.fg("text", message), 1, 0));
        for (const link of links) {
            const url = displayUrl(link.url);
            const text = link.label ? `${link.label}: ${url}` : url;
            this.contentContainer.addChild(new Text(theme.fg("accent", webLink(text, url)), 1, 0));
        }
        if (showCloseHint) {
            this.contentContainer.addChild(new Spacer(1));
            this.contentContainer.addChild(new Text(`(${keyHint("tui.select.cancel", "to close")})`, 1, 0));
        }
        this.tui.requestRender();
    }
    /**
     * Show waiting message (for polling flows like GitHub Copilot)
     */
    showWaiting(message) {
        this.contentContainer.addChild(new Spacer(1));
        this.contentContainer.addChild(new Text(theme.fg("dim", message), 1, 0));
        this.contentContainer.addChild(new Text(`(${keyHint("tui.select.cancel", "to cancel")})`, 1, 0));
        this.tui.requestRender();
    }
    /**
     * Called by onProgress callback
     */
    showProgress(message) {
        this.contentContainer.addChild(new Text(theme.fg("dim", message), 1, 0));
        this.tui.requestRender();
    }
    handleInput(data) {
        const kb = getKeybindings();
        if (kb.matches(data, "tui.select.cancel")) {
            this.cancel();
            return;
        }
        if (this.authUrl && kb.matches(data, "app.message.copy")) {
            void this.authUrl.copy();
            return;
        }
        if (this.deviceCodeAction &&
            !this.inputResolver &&
            !this.signal.aborted &&
            this.focused &&
            kb.matches(data, "tui.select.confirm")) {
            const action = this.deviceCodeAction;
            // Consume once so a repeated Enter cannot launch multiple browsers or clipboard writes.
            this.deviceCodeAction = undefined;
            this.activateDeviceCode(action.info, action.hint);
            this.tui.requestRender();
            return;
        }
        // Pass to input
        this.input.handleInput(data);
    }
}
//# sourceMappingURL=login-dialog.js.map