gsd-pi 2.77.0-dev.538325aea → 2.77.0-dev.eaa4973bc

package/packages/gsd-agent-modes/src/modes/interactive/components/keybinding-hints.ts

@@ -1,84 +0,0 @@
-/**
- * Utilities for formatting keybinding hints in the UI.
- */
-
-import type { KeyId } from "@gsd/pi-tui";
-import { type Keybinding, getKeybindings } from "../../../pi-tui-compat.js";
-import type { AppAction } from "@gsd/agent-types";
-import { KeybindingsManager } from "@gsd/agent-core";
-import { theme } from "../../../theme.js";
-
-// EditorAction is any valid keybinding string (namespaced like "selectCancel" or app-level).
-// Widened to string so both TUI keybindings and app actions can be passed without TS errors.
-type EditorAction = string;
-
-const isMac = process.platform === "darwin";
-
-/**
- * Convert a key identifier to a platform-appropriate display string.
- * On macOS, "alt+" is shown as "⌥" (Option key symbol).
- */
-export function formatKeyForDisplay(key: string): string {
-	if (!isMac) return key;
-	return key.replace(/\balt\+/gi, "⌥");
-}
-
-/**
- * Format keys array as display string (e.g., ["ctrl+c", "escape"] -> "ctrl+c/escape").
- * Applies platform-specific formatting (e.g., alt -> ⌥ on macOS).
- */
-function formatKeys(keys: KeyId[]): string {
-	if (keys.length === 0) return "";
-	if (keys.length === 1) return formatKeyForDisplay(keys[0]!);
-	return keys.map(formatKeyForDisplay).join("/");
-}
-
-/**
- * Get display string for an editor action.
- */
-export function editorKey(action: EditorAction): string {
-	return formatKeys(getKeybindings().getKeys(action as Keybinding));
-}
-
-/**
- * Get display string for an app action.
- */
-export function appKey(keybindings: KeybindingsManager, action: AppAction): string {
-	return formatKeys(keybindings.getKeys(action));
-}
-
-/**
- * Format a keybinding hint with consistent styling: dim key, muted description.
- * Looks up the key from editor keybindings automatically.
- *
- * @param action - Editor action name (e.g., "selectConfirm", "expandTools")
- * @param description - Description text (e.g., "to expand", "cancel")
- * @returns Formatted string with dim key and muted description
- */
-export function keyHint(action: EditorAction, description: string): string {
-	return theme.fg("dim", editorKey(action)) + theme.fg("muted", ` ${description}`);
-}
-
-/**
- * Format a keybinding hint for app-level actions.
- * Requires the KeybindingsManager instance.
- *
- * @param keybindings - KeybindingsManager instance
- * @param action - App action name (e.g., "interrupt", "externalEditor")
- * @param description - Description text
- * @returns Formatted string with dim key and muted description
- */
-export function appKeyHint(keybindings: KeybindingsManager, action: AppAction, description: string): string {
-	return theme.fg("dim", appKey(keybindings, action)) + theme.fg("muted", ` ${description}`);
-}
-
-/**
- * Format a raw key string with description (for non-configurable keys like ↑↓).
- *
- * @param key - Raw key string
- * @param description - Description text
- * @returns Formatted string with dim key and muted description
- */
-export function rawKeyHint(key: string, description: string): string {
-	return theme.fg("dim", key) + theme.fg("muted", ` ${description}`);
-}

package/packages/gsd-agent-modes/src/modes/interactive/components/login-dialog.ts

@@ -1,257 +0,0 @@
-// GSD Login Dialog Component — OAuth login flow UI
-// Copyright (c) 2026 Jeremy McSpadden <jeremy@fluxlabs.net>
-import { getOAuthProviders } from "@gsd/pi-ai/oauth";
-import { Container, type Focusable, Input, Spacer, Text, truncateToWidth, type TUI } from "@gsd/pi-tui";
-import { getKeybindings } from "../../../pi-tui-compat.js";
-import { execFile } from "child_process";
-import { theme } from "../../../theme.js";
-import { DynamicBorder } from "./dynamic-border.js";
-import { keyHint } from "./keybinding-hints.js";
-
-function wrapPlainText(text: string, width: number): string[] {
-	const lines: string[] = [];
-	const safeWidth = Math.max(1, width);
-	for (let idx = 0; idx < text.length; idx += safeWidth) {
-		lines.push(text.slice(idx, idx + safeWidth));
-	}
-	return lines.length > 0 ? lines : [""];
-}
-
-export function buildAuthUrlPresentation(url: string, terminalColumns: number): {
-	displayUrl: string;
-	fullUrlLines: string[];
-} {
-	const maxUrlWidth = Math.max(20, terminalColumns - 4);
-	const displayUrl = truncateToWidth(url, maxUrlWidth);
-	return {
-		displayUrl,
-		fullUrlLines: displayUrl === url ? [] : wrapPlainText(url, maxUrlWidth),
-	};
-}
-
-/**
- * Login dialog component - replaces editor during OAuth login flow.
- *
- * Guards against stuck UI by:
- * - Rejecting any outstanding promise before creating a new one
- * - Listening on the internal AbortSignal so external cancellation cleans up
- * - Exposing a public dispose() method so the caller can force-cleanup
- */
-export class LoginDialogComponent extends Container implements Focusable {
-	private contentContainer: Container;
-	private input: Input;
-	private tui: TUI;
-	private abortController = new AbortController();
-	private inputResolver?: (value: string) => void;
-	private inputRejecter?: (error: Error) => void;
-	private disposed = false;
-
-	// Focusable implementation - propagate to input for IME cursor positioning
-	private _focused = false;
-	get focused(): boolean {
-		return this._focused;
-	}
-	set focused(value: boolean) {
-		this._focused = value;
-		this.input.focused = value;
-	}
-
-	constructor(
-		tui: TUI,
-		providerId: string,
-		private onComplete: (success: boolean, message?: string) => void,
-	) {
-		super();
-		this.tui = tui;
-
-		const providerInfo = getOAuthProviders().find((p) => p.id === providerId);
-		const providerName = providerInfo?.name || providerId;
-
-		// Top border
-		this.addChild(new DynamicBorder());
-
-		// Title
-		this.addChild(new Text(theme.fg("warning", `Login to ${providerName}`), 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) {
-				this.inputResolver(this.input.getValue());
-				this.inputResolver = undefined;
-				this.inputRejecter = undefined;
-			}
-		};
-		this.input.onEscape = () => {
-			this.cancel();
-		};
-
-		// Bottom border
-		this.addChild(new DynamicBorder());
-
-		// Wire abort signal so external cancellation rejects pending promises
-		this.abortController.signal.addEventListener("abort", () => {
-			this.rejectPending("Login cancelled");
-		});
-	}
-
-	get signal(): AbortSignal {
-		return this.abortController.signal;
-	}
-
-	/**
-	 * Reject any outstanding input promise without triggering a full cancel.
-	 * Safe to call multiple times.
-	 */
-	private rejectPending(reason: string): void {
-		if (this.inputRejecter) {
-			const rejecter = this.inputRejecter;
-			this.inputResolver = undefined;
-			this.inputRejecter = undefined;
-			rejecter(new Error(reason));
-		}
-	}
-
-	private cancel(): void {
-		if (this.disposed) return;
-		this.abortController.abort();
-		// rejectPending is also called by the abort listener, but guard with
-		// disposed flag and nulling to avoid double-reject
-		this.rejectPending("Login cancelled");
-		this.onComplete(false, "Login cancelled");
-	}
-
-	/**
-	 * Force-dispose the dialog, rejecting any pending promises.
-	 * Called by the parent when restoring the editor, as a safety net
-	 * to ensure no promises are left dangling.
-	 */
-	dispose(): void {
-		if (this.disposed) return;
-		this.disposed = true;
-		this.abortController.abort();
-		this.rejectPending("Login dialog disposed");
-	}
-
-	/**
-	 * Called by onAuth callback - show URL and optional instructions
-	 */
-	showAuth(url: string, instructions?: string): void {
-		this.contentContainer.clear();
-		this.contentContainer.addChild(new Spacer(1));
-
-		// Truncate the visible URL text so it never wraps (which would break
-		// the OSC 8 hyperlink). The full URL is still the link target.
-		const { displayUrl, fullUrlLines } = buildAuthUrlPresentation(url, this.tui.terminal.columns);
-		const urlLink = `\x1b]8;;${url}\x07${theme.fg("accent", displayUrl)}\x1b]8;;\x07`;
-		this.contentContainer.addChild(new Text(urlLink, 1, 0));
-
-		const clickHint = process.platform === "darwin" ? "Cmd+click to open" : "Ctrl+click to open";
-		this.contentContainer.addChild(new Text(theme.fg("dim", clickHint), 1, 0));
-
-		if (fullUrlLines.length > 0) {
-			this.contentContainer.addChild(new Spacer(1));
-			this.contentContainer.addChild(new Text(theme.fg("dim", "Full URL:"), 1, 0));
-			for (const line of fullUrlLines) {
-				this.contentContainer.addChild(new Text(theme.fg("dim", line), 1, 0));
-			}
-		}
-
-		if (instructions) {
-			this.contentContainer.addChild(new Spacer(1));
-			this.contentContainer.addChild(new Text(theme.fg("warning", instructions), 1, 0));
-		}
-
-		// PowerShell's Start-Process handles URLs with '&' safely; cmd /c start does not.
-		if (process.platform === "win32") {
-			execFile("powershell", ["-c", `Start-Process '${url.replace(/'/g, "''")}'`], () => {});
-		} else {
-			const openCmd = process.platform === "darwin" ? "open" : "xdg-open";
-			execFile(openCmd, [url], () => {});
-		}
-
-		this.tui.requestRender();
-	}
-
-	/**
-	 * Show input for manual code/URL entry (for callback server providers)
-	 */
-	showManualInput(prompt: string): Promise<string> {
-		// Reject any previous pending promise before creating a new one
-		this.rejectPending("Superseded by new input prompt");
-
-		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("selectCancel", "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: string, placeholder?: string): Promise<string> {
-		// Reject any previous pending promise before creating a new one
-		this.rejectPending("Superseded by new input prompt");
-
-		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("selectCancel", "to cancel,")} ${keyHint("selectConfirm", "to submit")})`, 1, 0),
-		);
-
-		this.input.setValue("");
-		this.tui.requestRender();
-
-		return new Promise((resolve, reject) => {
-			this.inputResolver = resolve;
-			this.inputRejecter = reject;
-		});
-	}
-
-	/**
-	 * Show waiting message (for polling flows like GitHub Copilot)
-	 */
-	showWaiting(message: string): void {
-		this.contentContainer.addChild(new Spacer(1));
-		this.contentContainer.addChild(new Text(theme.fg("dim", message), 1, 0));
-		this.contentContainer.addChild(new Text(`(${keyHint("selectCancel", "to cancel")})`, 1, 0));
-		this.tui.requestRender();
-	}
-
-	/**
-	 * Called by onProgress callback
-	 */
-	showProgress(message: string): void {
-		this.contentContainer.addChild(new Text(theme.fg("dim", message), 1, 0));
-		this.tui.requestRender();
-	}
-
-	handleInput(data: string): void {
-		if (this.disposed) return;
-
-		const kb = getKeybindings();
-
-		if (kb.matches(data, "selectCancel")) {
-			this.cancel();
-			return;
-		}
-
-		// Pass to input
-		this.input.handleInput(data);
-	}
-}