feat(tui): migrate auth dashboard and settings flows to ink

.husky/pre-commit

@@ -1,4 +1,4 @@
 #!/bin/sh
 . "$(dirname "$0")/_/husky.sh"
 
-npx lint-staged
+npx lint-staged --no-stash

bunfig.toml

@@ -0,0 +1,7 @@
+preload = ["@opentui/solid/preload"]
+
+[test]
+root = "test/tui"
+
+[build]
+target = "bun"

eslint.config.js

@@ -6,7 +6,7 @@ export default [
     ignores: ["dist/**", "coverage/**", "node_modules/**", "winston/**", ".tmp*/**", "vendor/**", "*.cjs", "*.mjs"],
   },
   {
-    files: ["index.ts", "lib/**/*.ts"],
+    files: ["index.ts", "lib/**/*.ts", "runtime/**/*.ts"],
     languageOptions: {
       parser: tsparser,
       parserOptions: {
@@ -39,6 +39,35 @@ export default [
       "no-duplicate-imports": "error",
     },
   },
+  {
+    files: ["runtime/**/*.ts"],
+    languageOptions: {
+      parser: tsparser,
+      parserOptions: {
+        ecmaVersion: "latest",
+        sourceType: "module",
+        project: "./tsconfig.runtime-opentui.json",
+      },
+    },
+    plugins: {
+      "@typescript-eslint": tseslint,
+    },
+    rules: {
+      "@typescript-eslint/no-explicit-any": "error",
+      "@typescript-eslint/no-unused-vars": ["error", { argsIgnorePattern: "^_" }],
+      "@typescript-eslint/explicit-function-return-type": "off",
+      "@typescript-eslint/no-non-null-assertion": "warn",
+      "@typescript-eslint/no-floating-promises": "error",
+      "@typescript-eslint/no-misused-promises": "error",
+      "@typescript-eslint/await-thenable": "error",
+      "@typescript-eslint/require-await": "warn",
+      "no-console": "off",
+      "prefer-const": "error",
+      "no-var": "error",
+      "eqeqeq": ["error", "always"],
+      "no-duplicate-imports": "error",
+    },
+  },
   {
     files: ["scripts/**/*.js"],
     languageOptions: {

lib/cli.ts

@@ -7,7 +7,15 @@ import {
 	isTTY,
 	type AccountStatus,
 } from "./ui/auth-menu.js";
+import { confirm } from "./ui/confirm.js";
 import { UI_COPY } from "./ui/copy.js";
+import {
+	resolveAuthAccountDetailSelection,
+	resolveAuthDashboardSelection,
+	settleAuthConfirmation,
+	type AuthConfirmationModalViewModel,
+	type AuthDashboardInteractionResolution,
+} from "./codex-manager/auth-ui-controller.js";
 
 /**
  * Detect if running in host Desktop/TUI mode where readline prompts don't work.
@@ -110,23 +118,6 @@ function formatAccountLabel(account: ExistingAccountInfo, index: number): string
 	return `${num}. Account`;
 }
 
-function resolveAccountSourceIndex(account: ExistingAccountInfo): number {
-	const sourceIndex =
-		typeof account.sourceIndex === "number" && Number.isFinite(account.sourceIndex)
-			? Math.max(0, Math.floor(account.sourceIndex))
-			: undefined;
-	if (typeof sourceIndex === "number") return sourceIndex;
-	if (typeof account.index === "number" && Number.isFinite(account.index)) {
-		return Math.max(0, Math.floor(account.index));
-	}
-	return -1;
-}
-
-function warnUnresolvableAccountSelection(account: ExistingAccountInfo): void {
-	const label = account.email?.trim() || account.accountId?.trim() || `index ${account.index + 1}`;
-	console.log(`Unable to resolve saved account for action: ${label}`);
-}
-
 async function promptDeleteAllTypedConfirm(): Promise<boolean> {
 	const rl = createInterface({ input, output });
 	try {
@@ -137,6 +128,30 @@ async function promptDeleteAllTypedConfirm(): Promise<boolean> {
 	}
 }
 
+async function promptAuthConfirmation(modal: AuthConfirmationModalViewModel): Promise<boolean> {
+	if (modal.confirmStyle === "typed-delete") {
+		return promptDeleteAllTypedConfirm();
+	}
+	return confirm(modal.message);
+}
+
+async function resolveAuthInteraction(
+	resolution: AuthDashboardInteractionResolution,
+): Promise<AuthDashboardInteractionResolution> {
+	if (resolution.type === "detail") {
+		const action = await showAccountDetails(resolution.detail.account);
+		return resolveAuthAccountDetailSelection(resolution.detail.account, action);
+	}
+	if (resolution.type === "confirm") {
+		const confirmed = await promptAuthConfirmation(resolution.modal);
+		if (!confirmed && resolution.modal.cancelMessage) {
+			console.log(resolution.modal.cancelMessage);
+		}
+		return settleAuthConfirmation(resolution.modal, confirmed);
+	}
+	return resolution;
+}
+
 async function promptLoginModeFallback(existingAccounts: ExistingAccountInfo[]): Promise<LoginMenuResult> {
 	const rl = createInterface({ input, output });
 	try {
@@ -195,95 +210,23 @@ export async function promptLoginMode(
 	}
 
 	while (true) {
-		const action = await showAuthMenu(existingAccounts, {
+		let resolution = resolveAuthDashboardSelection(await showAuthMenu(existingAccounts, {
 			flaggedCount: options.flaggedCount ?? 0,
 			statusMessage: options.statusMessage,
-		});
+		}));
 
-		switch (action.type) {
-			case "add":
-				return { mode: "add" };
-			case "forecast":
-				return { mode: "forecast" };
-			case "fix":
-				return { mode: "fix" };
-			case "settings":
-				return { mode: "settings" };
-			case "fresh":
-				if (!(await promptDeleteAllTypedConfirm())) {
-					console.log("\nDelete all cancelled.\n");
-					continue;
-				}
-				return { mode: "fresh", deleteAll: true };
-			case "check":
-				return { mode: "check" };
-			case "deep-check":
-				return { mode: "deep-check" };
-			case "verify-flagged":
-				return { mode: "verify-flagged" };
-			case "select-account": {
-				const accountAction = await showAccountDetails(action.account);
-				if (accountAction === "delete") {
-					const index = resolveAccountSourceIndex(action.account);
-					if (index >= 0) return { mode: "manage", deleteAccountIndex: index };
-					warnUnresolvableAccountSelection(action.account);
-					continue;
-				}
-				if (accountAction === "set-current") {
-					const index = resolveAccountSourceIndex(action.account);
-					if (index >= 0) return { mode: "manage", switchAccountIndex: index };
-					warnUnresolvableAccountSelection(action.account);
-					continue;
-				}
-				if (accountAction === "refresh") {
-					const index = resolveAccountSourceIndex(action.account);
-					if (index >= 0) return { mode: "manage", refreshAccountIndex: index };
-					warnUnresolvableAccountSelection(action.account);
-					continue;
-				}
-				if (accountAction === "toggle") {
-					const index = resolveAccountSourceIndex(action.account);
-					if (index >= 0) return { mode: "manage", toggleAccountIndex: index };
-					warnUnresolvableAccountSelection(action.account);
-					continue;
-				}
-				continue;
-			}
-			case "set-current-account": {
-				const index = resolveAccountSourceIndex(action.account);
-				if (index >= 0) return { mode: "manage", switchAccountIndex: index };
-				warnUnresolvableAccountSelection(action.account);
-				continue;
-			}
-			case "refresh-account": {
-				const index = resolveAccountSourceIndex(action.account);
-				if (index >= 0) return { mode: "manage", refreshAccountIndex: index };
-				warnUnresolvableAccountSelection(action.account);
-				continue;
+		while (true) {
+			resolution = await resolveAuthInteraction(resolution);
+			if (resolution.type === "result") {
+				return resolution.result;
 			}
-			case "toggle-account": {
-				const index = resolveAccountSourceIndex(action.account);
-				if (index >= 0) return { mode: "manage", toggleAccountIndex: index };
-				warnUnresolvableAccountSelection(action.account);
-				continue;
+			if (resolution.type === "warning") {
+				console.log(resolution.message);
+				break;
 			}
-			case "delete-account": {
-				const index = resolveAccountSourceIndex(action.account);
-				if (index >= 0) return { mode: "manage", deleteAccountIndex: index };
-				warnUnresolvableAccountSelection(action.account);
-				continue;
+			if (resolution.type === "continue") {
+				break;
 			}
-			case "search":
-				// Search is handled in showAuthMenu; keep the main loop active.
-				continue;
-			case "delete-all":
-				if (!(await promptDeleteAllTypedConfirm())) {
-					console.log("\nDelete all cancelled.\n");
-					continue;
-				}
-				return { mode: "fresh", deleteAll: true };
-			case "cancel":
-				return { mode: "cancel" };
 		}
 	}
 }

lib/codex-manager.ts

@@ -13,7 +13,7 @@ import { copyTextToClipboard, openBrowserUrl } from "./auth/browser.js";
 import {
 	isNonInteractiveMode,
 	promptAddAnotherAccount,
-	promptLoginMode,
+	type LoginMenuResult,
 } from "./cli.js";
 import {
 	extractAccountEmail,
@@ -81,20 +81,21 @@ import { paintUiText, quotaToneFromLeftPercent } from "./ui/format.js";
 import { getUiRuntimeOptions } from "./ui/runtime.js";
 import { select, type MenuItem } from "./ui/select.js";
 import {
-	buildAuthDashboardViewModel,
+	buildAuthDashboardScreenState,
 	formatCompactQuotaSnapshot,
 	formatRateLimitEntry,
 	getQuotaCacheEntryForAccount,
 	resolveActiveIndex,
 	resolveAuthDashboardCommand,
 } from "./codex-manager/auth-ui-controller.js";
-import { applyUiThemeFromDashboardSettings, configureUnifiedSettings } from "./codex-manager/settings-hub.js";
+import { applyUiThemeFromDashboardSettings, configureUnifiedSettings, persistOpenTuiSettingsSave } from "./codex-manager/settings-hub.js";
 import {
 	configureInkUnifiedSettings,
 	promptInkAuthDashboard,
 	promptInkRestoreForLogin,
 	type InkShellTone,
 } from "./ui-ink/index.js";
+import { promptOpenTuiAuthDashboard } from "../runtime/opentui/prompt.js";
 
 type TokenSuccess = Extract<TokenResult, { type: "success" }>;
 type TokenSuccessWithAccount = TokenSuccess & {
@@ -3557,7 +3558,7 @@ async function clearAccountsAndReset(): Promise<void> {
 
 async function handleManageAction(
 	storage: AccountStorageV3,
-	menuResult: Awaited<ReturnType<typeof promptLoginMode>>,
+	menuResult: LoginMenuResult,
 ): Promise<void> {
 	if (typeof menuResult.switchAccountIndex === "number") {
 		const index = menuResult.switchAccountIndex;
@@ -3636,6 +3637,9 @@ async function runAuthLogin(): Promise<number> {
 		let recoveryStatusText = loginStorage.statusText;
 		let recoveryStatusTone = loginStorage.statusTone;
 		if (existingStorage && existingStorage.accounts.length > 0) {
+			if (isNonInteractiveMode()) {
+				existingStorage = null;
+			} else {
 			while (true) {
 				existingStorage = await loadAccounts();
 				if (!existingStorage || existingStorage.accounts.length === 0) {
@@ -3672,22 +3676,40 @@ async function runAuthLogin(): Promise<number> {
 					}
 				}
 				const flaggedStorage = await loadFlaggedAccounts();
-				const dashboardViewModel = buildAuthDashboardViewModel({
+				const dashboardState = buildAuthDashboardScreenState({
 					storage: currentStorage,
 					quotaCache,
 					displaySettings,
 					flaggedCount: flaggedStorage.accounts.length,
 					statusMessage: showFetchStatus ? () => menuQuotaRefreshStatus : undefined,
 				});
-
-				const menuResult = await promptInkAuthDashboard({
+				const dashboardViewModel = dashboardState.dashboard;
+				const openTuiDashboardViewModel = recoveryStatusText
+					? {
+						...dashboardViewModel,
+						menuOptions: {
+							...dashboardViewModel.menuOptions,
+							statusMessage: recoveryStatusText,
+						},
+					}
+					: dashboardViewModel;
+
+				const menuResult = await promptOpenTuiAuthDashboard({
+					dashboard: openTuiDashboardViewModel,
+					onSettingsSave: (event) => {
+						void persistOpenTuiSettingsSave(event).catch((error: unknown) => {
+							console.warn(
+								`OpenTUI settings save failed: ${error instanceof Error ? error.message : String(error)}`,
+							);
+						});
+					},
+				}) ?? await promptInkAuthDashboard({
 					dashboard: dashboardViewModel,
 					statusTextOverride: recoveryStatusText,
 					statusToneOverride: recoveryStatusTone,
-				}) ?? await promptLoginMode(
-					dashboardViewModel.accounts,
-					dashboardViewModel.menuOptions,
-				);
+				}) ?? (isNonInteractiveMode()
+					? { mode: "add" as const }
+					: { mode: "cancel" as const });
 				recoveryStatusText = undefined;
 				recoveryStatusTone = undefined;
 				const command = resolveAuthDashboardCommand(menuResult);
@@ -3756,6 +3778,7 @@ async function runAuthLogin(): Promise<number> {
 					break;
 				}
 			}
+			}
 		}
 
 		const refreshedStorage = await loadAccounts();
@@ -3792,6 +3815,9 @@ async function runAuthLogin(): Promise<number> {
 			if (!addAnother) break;
 			forceNewLogin = true;
 		}
+		if (isNonInteractiveMode()) {
+			return 0;
+		}
 		continue loginFlow;
 	}
 }