@gajae-code/coding-agent 0.15.5 → 0.16.0

package/src/modes/components/footer.ts

@@ -9,6 +9,7 @@ import * as git from "../../utils/git";
 import { sanitizeStatusText } from "../shared";
 import { getContextUsageLevel, getContextUsageThemeColor } from "./status-line/context-thresholds";
 import { resolveCurrentBranch } from "./status-line/git-utils";
+import { shortenModelId } from "./status-line/model-name";
 
 /**
  * Footer component that shows pwd, token stats, and context usage
@@ -191,8 +192,9 @@ export class FooterComponent implements Component {
 
 		let statsLeft = statsParts.join(" ");
 
-		// Add model name on the right side, plus thinking level if model supports it
-		const modelName = state.model?.id || "no-model";
+		// Add model name on the right side, plus thinking level if model supports it.
+		// Same shortest-recognizable form the status rail renders.
+		const modelName = shortenModelId(state.model?.id ?? state.model?.name);
 
 		// Add thinking level hint when the current model advertises supported efforts
 		let rightSide = modelName;

package/src/modes/components/frictionless-onboarding-selector.ts

@@ -1,9 +1,55 @@
-import { Container, matchesKey, Spacer, TruncatedText } from "@gajae-code/tui";
+import { Container, matchesKey, type SelectItem, SelectList, Spacer, TruncatedText } from "@gajae-code/tui";
 import type { OnboardingProfile } from "../../setup/frictionless-onboarding";
-import { theme } from "../theme/theme";
+import { getSelectListTheme, theme } from "../theme/theme";
+import { UI_LANGUAGES, type UiLanguage } from "../ui-language";
 import { matchesSelectCancel } from "../utils/keybinding-matchers";
 import { DynamicBorder } from "./dynamic-border";
 
+export const UI_LANGUAGE_CHOICES: readonly { value: UiLanguage; label: string }[] = [
+	{ value: "en", label: "English" },
+	{ value: "ko", label: "한국어" },
+	{ value: "zh", label: "简体中文" },
+	{ value: "ja", label: "日本語" },
+];
+
+export class InterfaceLanguageSelectorComponent extends Container {
+	readonly #selectList: SelectList;
+
+	constructor(onSelect: (language: UiLanguage) => void, onCancel: () => void) {
+		super();
+		this.addChild(new DynamicBorder());
+		this.addChild(new Spacer(1));
+		this.addChild(
+			new TruncatedText(
+				theme.bold(
+					"Choose your interface language / 언어를 선택하세요 / 选择界面语言 / インターフェース言語を選択",
+				),
+			),
+		);
+		this.addChild(new Spacer(1));
+		const items: SelectItem[] = UI_LANGUAGE_CHOICES.map(choice => ({ value: choice.value, label: choice.label }));
+		this.#selectList = new SelectList(items, items.length, getSelectListTheme());
+		this.#selectList.onSelect = item => {
+			if (UI_LANGUAGES.includes(item.value as UiLanguage)) onSelect(item.value as UiLanguage);
+		};
+		this.#selectList.onCancel = onCancel;
+		this.addChild(this.#selectList);
+		this.addChild(new Spacer(1));
+		this.addChild(new TruncatedText(theme.fg("dim", "↑/↓ select · Enter choose · Esc use English")));
+		this.addChild(new DynamicBorder());
+	}
+
+	handleInput(keyData: string): void {
+		// The app.exit action is owned by the parent editor and is not a TUI
+		// selector key id. Ctrl-D is its default byte when the editor is empty.
+		if (keyData === "\x04") {
+			this.#selectList.onCancel?.();
+			return;
+		}
+		this.#selectList.handleInput(keyData);
+	}
+}
+
 export type FrictionlessOnboardingAction =
 	| "analyze"
 	| "apply"

package/src/modes/components/jobs-overlay-model.ts

@@ -6,20 +6,41 @@
  * SelectItem lists into nested SelectLists (list -> detail -> confirm).
  */
 import type { SelectItem } from "@gajae-code/tui";
+import { replaceTabs, shortenPath, TRUNCATE_LENGTHS, truncateToWidth } from "../../tools/render-utils";
 import type { JobsSnapshot } from "../jobs-observer";
+import { sanitizeStatusText } from "../shared";
 
-export type JobRefKind = "monitor" | "cron";
+export type JobRefKind = "monitor" | "cron" | "folded";
 
 export interface JobRef {
 	kind: JobRefKind;
 	id: string;
+	generation?: string;
 }
 
-const PROMPT_PREVIEW_MAX = 60;
+function encodeJobRefPart(value: string): string {
+	return encodeURIComponent(value);
+}
+
+function decodeJobRefPart(value: string): string | undefined {
+	try {
+		return decodeURIComponent(value);
+	} catch {
+		return undefined;
+	}
+}
+
+function displayText(text: string, max: number = TRUNCATE_LENGTHS.CONTENT): string {
+	const sanitized = shortenPath(replaceTabs(sanitizeStatusText(text)));
+	return truncateToWidth(sanitized, max);
+}
+
+function preview(text: string, max: number = TRUNCATE_LENGTHS.TITLE): string {
+	return displayText(text, max);
+}
 
-function preview(text: string, max = PROMPT_PREVIEW_MAX): string {
-	const oneLine = text.replace(/\s+/g, " ").trim();
-	return oneLine.length > max ? `${oneLine.slice(0, max - 1)}…` : oneLine;
+function snapshotJobKey(id: string, generation: string | undefined): string {
+	return `${id}\u0000${generation ?? ""}`;
 }
 
 /** Compact relative time, e.g. "in 5m", "2m ago", "now". */
@@ -42,30 +63,71 @@ export function parseJobRef(value: string): JobRef | null {
 	if ((kind === "monitor" || kind === "cron") && id.length > 0) {
 		return { kind, id };
 	}
+	if (kind === "folded") {
+		const generationSep = id.indexOf(":");
+		if (generationSep > 0 && generationSep < id.length - 1) {
+			const decodedId = decodeJobRefPart(id.slice(0, generationSep));
+			const generation = decodeJobRefPart(id.slice(generationSep + 1));
+			if (decodedId && generation) return { kind, id: decodedId, generation };
+		}
+	}
 	return null;
 }
 
 /**
  * Build the grouped jobs list: monitors first (newest-first), then crons
- * (newest-first). The snapshot arrays are already sorted newest-first.
+ * (newest-first), then read-only folded jobs. The snapshot arrays are already
+ * sorted newest-first where a source has a timestamp.
  */
 export function buildJobsListItems(snapshot: JobsSnapshot): SelectItem[] {
 	const items: SelectItem[] = [];
+	const foldedJobs = snapshot.foldedJobs ?? [];
+	const foldedKeys = new Set(foldedJobs.map(job => snapshotJobKey(job.id, job.generation)));
 	for (const monitor of snapshot.monitors) {
+		// A monitor can also be backgrounded; render it only in the folded section
+		// so a public job state has exactly one row.
+		if (monitor.backgrounded || foldedKeys.has(snapshotJobKey(monitor.id, monitor.generation))) continue;
 		items.push({
 			value: `monitor:${monitor.id}`,
-			label: `monitor · ${preview(monitor.label, 40)}`,
-			description: monitor.status,
-			hint: monitor.status === "failed" ? "failed" : undefined,
+			label: `monitor · ${preview(monitor.label, TRUNCATE_LENGTHS.SHORT)}`,
+			description: displayText(monitor.status, TRUNCATE_LENGTHS.SHORT),
+			hint: monitor.status === "failed" || monitor.deliveryState === "failed-visible" ? "failed" : undefined,
 		});
 	}
 	for (const cron of snapshot.crons) {
 		items.push({
 			value: `cron:${cron.id}`,
-			label: `cron · ${cron.humanSchedule}`,
+			label: `cron · ${preview(cron.humanSchedule, TRUNCATE_LENGTHS.SHORT)}`,
 			description: preview(cron.prompt),
 		});
 	}
+	for (const job of foldedJobs) {
+		const state = displayText(job.deliveryState, TRUNCATE_LENGTHS.SHORT);
+		const kind = preview(job.kind, TRUNCATE_LENGTHS.SHORT);
+		const deadLetter = (snapshot.deadLettered ?? []).find(
+			entry => snapshotJobKey(entry.jobId, entry.generation) === snapshotJobKey(job.id, job.generation),
+		);
+		const errorText = job.errorText ?? deadLetter?.lastError;
+		const description =
+			deadLetter || errorText
+				? displayText(
+						[
+							state,
+							deadLetter ? `attempt ${deadLetter.attempt}` : undefined,
+							errorText ? `error: ${errorText}` : undefined,
+						]
+							.filter((part): part is string => part !== undefined)
+							.join(" · "),
+						TRUNCATE_LENGTHS.CONTENT,
+					)
+				: state;
+		items.push({
+			value: `folded:${encodeJobRefPart(job.id)}:${encodeJobRefPart(job.generation)}`,
+			label: `${kind} · ${preview(job.label, TRUNCATE_LENGTHS.SHORT)}`,
+			description,
+			hint: job.status === "failed" || job.deliveryState === "failed-visible" ? "failed" : "read-only",
+		});
+	}
 	return items;
 }
 
@@ -80,21 +142,41 @@ export function buildJobDetailItems(snapshot: JobsSnapshot, ref: JobRef, output
 		if (!monitor) return [{ value: "back", label: "Back (job no longer present)" }];
 		const lastOutput = output.trim().split("\n").filter(Boolean).slice(-1)[0] ?? "(no output captured)";
 		return [
-			{ value: "noop", label: "Status", description: monitor.status },
+			{ value: "noop", label: "Status", description: displayText(monitor.status, TRUNCATE_LENGTHS.SHORT) },
 			{ value: "noop", label: "Label", description: preview(monitor.label) },
 			{ value: "noop", label: "Started", description: formatRelative(monitor.startTime) },
-			{ value: "noop", label: "Output", description: preview(lastOutput, 80) },
+			{ value: "noop", label: "Output", description: preview(lastOutput, TRUNCATE_LENGTHS.CONTENT) },
 			{ value: "action:cancel", label: "Cancel this monitor", hint: "stops the running job" },
 			{ value: "back", label: "Back" },
 		];
 	}
+	if (ref.kind === "folded") {
+		const job = snapshot.foldedJobs?.find(
+			entry => entry.id === ref.id && (ref.generation === undefined || entry.generation === ref.generation),
+		);
+		if (!job) return [{ value: "back", label: "Back (job no longer present)" }];
+		return [
+			{ value: "noop", label: "Status", description: displayText(job.status, TRUNCATE_LENGTHS.SHORT) },
+			{ value: "noop", label: "Kind", description: preview(job.kind, TRUNCATE_LENGTHS.SHORT) },
+			{ value: "noop", label: "Label", description: preview(job.label) },
+			{ value: "noop", label: "Generation", description: preview(job.generation, TRUNCATE_LENGTHS.CONTENT) },
+			...(job.errorText
+				? [{ value: "noop", label: "Error", description: preview(job.errorText, TRUNCATE_LENGTHS.CONTENT) }]
+				: []),
+			{ value: "back", label: "Back" },
+		];
+	}
 	const cron = snapshot.crons.find(c => c.id === ref.id);
 	if (!cron) return [{ value: "back", label: "Back (job no longer present)" }];
 	return [
-		{ value: "noop", label: "Schedule", description: `${cron.humanSchedule} (${cron.cronExpression})` },
+		{
+			value: "noop",
+			label: "Schedule",
+			description: `${preview(cron.humanSchedule, TRUNCATE_LENGTHS.SHORT)} (${preview(cron.cronExpression, TRUNCATE_LENGTHS.SHORT)})`,
+		},
 		{ value: "noop", label: "Recurring", description: cron.recurring ? "yes" : "no" },
 		{ value: "noop", label: "Next fire", description: formatRelative(cron.nextFireAt) },
-		{ value: "noop", label: "Prompt", description: preview(cron.prompt, 80) },
+		{ value: "noop", label: "Prompt", description: preview(cron.prompt, TRUNCATE_LENGTHS.CONTENT) },
 		{ value: "action:delete", label: "Delete this cron", hint: "removes the schedule" },
 		{ value: "back", label: "Back" },
 	];
@@ -102,8 +184,9 @@ export function buildJobDetailItems(snapshot: JobsSnapshot, ref: JobRef, output
 
 /** Yes/No confirm items for a destructive action. */
 export function buildConfirmItems(actionLabel: string): SelectItem[] {
+	const safeActionLabel = displayText(actionLabel, TRUNCATE_LENGTHS.TITLE);
 	return [
-		{ value: "no", label: `No, keep it` },
-		{ value: "yes", label: `Yes, ${actionLabel}` },
+		{ value: "no", label: "No, keep it" },
+		{ value: "yes", label: `Yes, ${safeActionLabel}` },
 	];
 }

package/src/modes/components/model-selector.ts

@@ -22,9 +22,18 @@ import {
 	normalizeTierMap,
 	validateAutoroutingSetup,
 } from "../../config/autorouting-contract";
+import {
+	getProxyRoutableProviders,
+	inspectProxyProviderId,
+	requiresQualifiedModelProfileRoleResolution,
+	resolveProxyMode,
+	rewriteSelectorForProxy,
+	tryResolveProxyProviderId,
+} from "../../config/model-profile-activation";
 
 import { isModelProfileProviderAvailable } from "../../config/model-profile-contract";
 import {
+	deriveModelProfileMappedProviders,
 	getModelProfilePresentation,
 	groupModelProfilesForPresetLanding,
 	type ModelProfileDefinition,
@@ -399,6 +408,7 @@ export class ModelSelectorComponent extends Container {
 	#closeAfterAssignment = false;
 	#unsubscribeCatalogChanged: () => void = () => {};
 	#unsubscribeProviderOrderChanged: () => void = () => {};
+	#unsubscribeAuthGeneration: () => void = () => {};
 	#disposed = false;
 	/** Standalone smart-routing entry: cancel closes the selector instead of falling back to the preset landing. */
 	#smartRoutingOnly = false;
@@ -413,6 +423,7 @@ export class ModelSelectorComponent extends Container {
 	#providerAuthById = new Map<string, boolean>();
 	#bareProfileAuthByName = new Map<string, boolean>();
 	#providerAuthPending: boolean = false;
+	#providerAuthRefreshGeneration = 0;
 	#presetLoginHint?: string;
 	#authSessionId?: string;
 	#imageRoleFilter: boolean = false;
@@ -524,6 +535,14 @@ export class ModelSelectorComponent extends Container {
 		if (typeof this.#modelRegistry.onCatalogChanged === "function") {
 			this.#unsubscribeCatalogChanged = this.#modelRegistry.onCatalogChanged(() => {
 				if (this.#disposed) return;
+				if (this.#viewMode === "presets") {
+					this.#refreshCatalogView();
+					this.#clampPresetCursor();
+					void this.#refreshProviderAuth();
+					this.#renderPresetLanding();
+					this.#tui.requestRender();
+					return;
+				}
 				if (this.#refreshCatalogView()) this.#tui.requestRender();
 			});
 		}
@@ -538,6 +557,11 @@ export class ModelSelectorComponent extends Container {
 			panel.updateProviderOrderHint(this.#providerOrderHintFor(panel.getProviderOrder()));
 			this.#tui.requestRender();
 		});
+		this.#unsubscribeAuthGeneration =
+			this.#modelRegistry.authStorage?.onGenerationChanged?.(() => {
+				if (this.#disposed || this.#viewMode !== "presets") return;
+				void this.#refreshProviderAuth();
+			}) ?? (() => {});
 
 		// Load models and do initial render
 		this.#loadModels().then(() => {
@@ -572,8 +596,10 @@ export class ModelSelectorComponent extends Container {
 	override dispose(): void {
 		if (this.#disposed) return;
 		this.#disposed = true;
+		this.#providerAuthRefreshGeneration++;
 		this.#unsubscribeCatalogChanged();
 		this.#unsubscribeProviderOrderChanged();
+		this.#unsubscribeAuthGeneration();
 		super.dispose();
 	}
 
@@ -1301,13 +1327,61 @@ export class ModelSelectorComponent extends Container {
 		return this.#providerAuthById.get(providerId);
 	}
 
+	#getProfileAvailableModels(): Model[] {
+		const getAvailableForProfileActivation = this.#modelRegistry.getAvailableForProfileActivation;
+		return typeof getAvailableForProfileActivation === "function"
+			? getAvailableForProfileActivation.call(this.#modelRegistry)
+			: this.#modelRegistry.getAvailable();
+	}
+
+	#createProfileResolutionRegistry(availableModels: readonly Model[]) {
+		return {
+			getAvailable: () => availableModels as Model[],
+			getApiKey: this.#modelRegistry.getApiKey?.bind(this.#modelRegistry) ?? (async () => undefined),
+			resolveCanonicalModel: this.#modelRegistry.resolveCanonicalModel?.bind(this.#modelRegistry),
+			getCanonicalVariants: this.#modelRegistry.getCanonicalVariants?.bind(this.#modelRegistry),
+			getCanonicalId: this.#modelRegistry.getCanonicalId?.bind(this.#modelRegistry),
+			resolveModelByLookupAlias: this.#modelRegistry.resolveModelByLookupAlias?.bind(this.#modelRegistry),
+			lookupAliasExists: this.#modelRegistry.lookupAliasExists?.bind(this.#modelRegistry),
+			clearCanonicalVariant: this.#modelRegistry.clearCanonicalVariant?.bind(this.#modelRegistry),
+		};
+	}
+
+	#getProfileAuthenticatedProviders(profile: ModelProfileDefinition): Set<string> {
+		if (profile.source !== "user" && inspectProxyProviderId(this.#settings).status === "invalid") return new Set();
+		const authenticated = new Set(
+			[...this.#providerAuthById]
+				.filter(([, providerAuthenticated]) => providerAuthenticated)
+				.map(([provider]) => provider),
+		);
+		const proxyProvider = profile.source === "user" ? undefined : tryResolveProxyProviderId(this.#settings);
+		if (proxyProvider !== undefined && this.#isProviderAuthenticated(proxyProvider) === true) {
+			for (const provider of getProxyRoutableProviders(profile)) authenticated.add(provider);
+		}
+		return authenticated;
+	}
+
+	#rewriteProfileSelectorForProxy(profile: ModelProfileDefinition, selector: string): string {
+		if (profile.source === "user") return selector;
+		const proxyProvider = tryResolveProxyProviderId(this.#settings);
+		if (proxyProvider === undefined || this.#isProviderAuthenticated(proxyProvider) !== true) return selector;
+		return rewriteSelectorForProxy(
+			selector,
+			proxyProvider,
+			resolveProxyMode(this.#settings),
+			this.#getProfileAvailableModels(),
+			new Set(
+				[...this.#providerAuthById].filter(([, authenticated]) => authenticated).map(([provider]) => provider),
+			),
+			getProxyRoutableProviders(profile),
+		);
+	}
+
 	#getMissingProviders(profileOrProfiles: ModelProfileDefinition | ModelProfileDefinition[]): string[] {
 		const profiles = Array.isArray(profileOrProfiles) ? profileOrProfiles : [profileOrProfiles];
 		const missing = new Set<string>();
 		for (const profile of profiles) {
-			const authenticated = new Set(
-				profileRequiredProviders(profile).filter(provider => this.#isProviderAuthenticated(provider) === true),
-			);
+			const authenticated = this.#getProfileAuthenticatedProviders(profile);
 			if (isModelProfileProviderAvailable(profile, authenticated)) continue;
 			const alternativeGroups = profile.alternativeProviderGroups ?? [];
 			const alternativeProviders = new Set(alternativeGroups.flat());
@@ -1325,18 +1399,52 @@ export class ModelSelectorComponent extends Container {
 	#isPresetAuthenticated(profileOrProfiles: ModelProfileDefinition | ModelProfileDefinition[]): boolean {
 		const profiles = Array.isArray(profileOrProfiles) ? profileOrProfiles : [profileOrProfiles];
 		return profiles.every(profile => {
+			if (profile.source !== "user") {
+				if (inspectProxyProviderId(this.#settings).status === "invalid") return false;
+				const proxyProvider = tryResolveProxyProviderId(this.#settings);
+				if (
+					proxyProvider !== undefined &&
+					!(this.#modelRegistry.getConfiguredProviderIds?.() ?? []).includes(proxyProvider)
+				)
+					return false;
+				try {
+					if (resolveProxyMode(this.#settings) === "always") {
+						const configuredProviders = this.#modelRegistry.getConfiguredProviderIds?.() ?? [];
+						if (
+							proxyProvider === undefined ||
+							this.#isProviderAuthenticated(proxyProvider) !== true ||
+							!configuredProviders.includes(proxyProvider)
+						)
+							return false;
+					}
+				} catch {
+					return false;
+				}
+			}
 			if (this.#getMissingProviders(profile).length > 0) return false;
 			const bindings = resolveProfileBindings(profile);
-			const values = [
-				...(bindings.defaultSelector ? [bindings.defaultSelector] : []),
-				...Object.values(bindings.modelRoles),
-				...Object.values(bindings.agentModelOverrides),
+			const assignments = [
+				...(bindings.defaultSelector !== undefined ? [{ value: bindings.defaultSelector, isDefault: true }] : []),
+				...Object.values(bindings.modelRoles).map(value => ({ value, isDefault: false })),
+				...Object.values(bindings.agentModelOverrides).map(value => ({ value, isDefault: false })),
 			];
 			const bareAssignmentsAvailable = this.#bareProfileAuthByName.get(profile.name) ?? true;
-			return values.every(value =>
-				normalizeModelSelectorValue(value).some(selector => {
+			const availableModels = this.#getProfileAvailableModels();
+			return assignments.every(assignment => {
+				let selectors: string[];
+				try {
+					selectors = normalizeModelSelectorValue(assignment.value).map(selector =>
+						this.#rewriteProfileSelectorForProxy(profile, selector),
+					);
+				} catch {
+					return false;
+				}
+				const hasBareSelector = selectors.some(selector => !selector.includes("/"));
+				if (!assignment.isDefault && !requiresQualifiedModelProfileRoleResolution(profile) && !hasBareSelector)
+					return true;
+				return selectors.some(selector => {
 					if (!selector.includes("/")) return bareAssignmentsAvailable;
-					const resolved = resolveModelRoleValue(selector, this.#modelRegistry.getAvailable(), {
+					const resolved = resolveModelRoleValue(selector, availableModels, {
 						settings: this.#settings,
 						modelRegistry: this.#modelRegistry,
 						aliasIntent: "preset-equivalent",
@@ -1357,7 +1465,7 @@ export class ModelSelectorComponent extends Container {
 							return (
 								resolveModelRoleValue(
 									replacementSelector,
-									this.#modelRegistry.getAvailable().filter(model => model.provider === provider),
+									availableModels.filter(model => model.provider === provider),
 									{
 										settings: this.#settings,
 										modelRegistry: this.#modelRegistry,
@@ -1368,8 +1476,8 @@ export class ModelSelectorComponent extends Container {
 							);
 						}) ?? false
 					);
-				}),
-			);
+				});
+			});
 		});
 	}
 
@@ -1383,10 +1491,23 @@ export class ModelSelectorComponent extends Container {
 	}
 
 	async #refreshProviderAuth(): Promise<void> {
+		const refreshGeneration = ++this.#providerAuthRefreshGeneration;
+		this.#providerAuthById = new Map();
+		this.#bareProfileAuthByName = new Map();
+		const availableModels = this.#getProfileAvailableModels();
+		const resolutionRegistry = this.#createProfileResolutionRegistry(availableModels);
 		const providers = new Set<string>();
 		for (const profiles of this.#getPresetGroups().values()) {
 			for (const profile of profiles) {
 				for (const provider of profileRequiredProviders(profile)) providers.add(provider);
+				for (const group of profile.alternativeProviderGroups ?? []) {
+					for (const provider of group) providers.add(provider);
+				}
+				for (const provider of deriveModelProfileMappedProviders(profile)) providers.add(provider);
+				if (profile.source !== "user") {
+					const proxyProvider = tryResolveProxyProviderId(this.#settings);
+					if (proxyProvider !== undefined) providers.add(proxyProvider);
+				}
 				const bindings = resolveProfileBindings(profile);
 				const values = [
 					...(bindings.defaultSelector ? [bindings.defaultSelector] : []),
@@ -1395,7 +1516,7 @@ export class ModelSelectorComponent extends Container {
 				];
 				for (const value of values) {
 					for (const selector of normalizeModelSelectorValue(value)) {
-						const resolved = resolveModelRoleValue(selector, this.#modelRegistry.getAvailable(), {
+						const resolved = resolveModelRoleValue(selector, availableModels, {
 							settings: this.#settings,
 							modelRegistry: this.#modelRegistry,
 							aliasIntent: "preset-equivalent",
@@ -1419,6 +1540,12 @@ export class ModelSelectorComponent extends Container {
 					}
 				}),
 			);
+			if (
+				this.#disposed ||
+				this.#viewMode !== "presets" ||
+				refreshGeneration !== this.#providerAuthRefreshGeneration
+			)
+				return;
 			this.#providerAuthById = new Map(entries);
 			const profileAuthEntries = await Promise.all(
 				[...this.#getPresetGroups().values()].flat().map(async profile => {
@@ -1436,7 +1563,7 @@ export class ModelSelectorComponent extends Container {
 							try {
 								const resolution = await resolveModelChainWithAuth(
 									normalizeModelSelectorValue(value),
-									this.#modelRegistry,
+									resolutionRegistry,
 									this.#settings,
 									this.#authSessionId,
 									{
@@ -1455,11 +1582,23 @@ export class ModelSelectorComponent extends Container {
 					return [profile.name, available.every(Boolean)] as const;
 				}),
 			);
+			if (
+				this.#disposed ||
+				this.#viewMode !== "presets" ||
+				refreshGeneration !== this.#providerAuthRefreshGeneration
+			)
+				return;
 			this.#bareProfileAuthByName = new Map(profileAuthEntries);
 		} finally {
-			this.#providerAuthPending = false;
-			this.#renderPresetLanding();
-			this.#tui.requestRender();
+			if (
+				!this.#disposed &&
+				this.#viewMode === "presets" &&
+				refreshGeneration === this.#providerAuthRefreshGeneration
+			) {
+				this.#providerAuthPending = false;
+				this.#renderPresetLanding();
+				this.#tui.requestRender();
+			}
 		}
 	}
 
@@ -1676,6 +1815,7 @@ export class ModelSelectorComponent extends Container {
 		this.#smartRoutingPanel = undefined;
 		this.#viewMode = "presets";
 		this.#presetCursor = Math.min(this.#presetCursor, Math.max(0, this.#getPresetRows().length - 1));
+		void this.#refreshProviderAuth();
 		this.#renderPresetLanding();
 		this.#tui.requestRender();
 	}

package/src/modes/components/oauth-selector.ts

@@ -56,6 +56,7 @@ export class OAuthSelectorComponent extends Container {
 	#onCancelCallback: () => void;
 	#statusMessage: string | undefined;
 	#validateAuthCallback?: (providerId: string) => Promise<boolean>;
+	#onValidationError?: (error: unknown) => boolean;
 	#requestRenderCallback?: () => void;
 	#authState: Map<string, "checking" | "valid" | "invalid"> = new Map();
 	#externalCredentialCandidates: ImportableCredential[] = [];
@@ -76,6 +77,7 @@ export class OAuthSelectorComponent extends Container {
 		onCancel: () => void,
 		options?: {
 			validateAuth?: (providerId: string) => Promise<boolean>;
+			onValidationError?: (error: unknown) => boolean;
 			requestRender?: () => void;
 			externalCredentialCandidates?: ImportableCredential[];
 		} & Partial<OAuthSelectorAccountOptions>,
@@ -86,6 +88,7 @@ export class OAuthSelectorComponent extends Container {
 		this.#onSelectCallback = onSelect;
 		this.#onCancelCallback = onCancel;
 		this.#validateAuthCallback = options?.validateAuth;
+		this.#onValidationError = options?.onValidationError;
 		this.#requestRenderCallback = options?.requestRender;
 		this.#externalCredentialCandidates = options?.externalCredentialCandidates ?? [];
 		this.#accountProviderId = options?.accountProviderId;
@@ -194,7 +197,9 @@ export class OAuthSelectorComponent extends Container {
 		let isValid = false;
 		try {
 			isValid = await this.#validateAuthCallback(providerId);
-		} catch {
+		} catch (error) {
+			if (generation !== this.#validationGeneration) return;
+			if (this.#onValidationError?.(error)) return;
 			isValid = false;
 		}
 		if (generation !== this.#validationGeneration) return;

package/src/modes/components/settings-selector.ts

@@ -1009,6 +1009,7 @@ export class SettingsSelectorComponent extends Container {
 			options = [
 				{ value: "en", label: uiString(language, "settings.language.english") },
 				{ value: "ko", label: uiString(language, "settings.language.korean") },
+				{ value: "zh", label: uiString(language, "settings.language.chinese") },
 				{ value: "ja", label: uiString(language, "settings.language.japanese") },
 			];
 		}

package/src/modes/components/status-line/model-name.ts

@@ -0,0 +1,53 @@
+/**
+ * Shortest recognizable model label, derived purely from the model id.
+ *
+ * The rail and the footer both render this form, so a narrow terminal spends
+ * its cells on the part of the id that actually identifies the model:
+ *
+ *   `anthropic/claude-sonnet-4-5-20250929` -> `sonnet-4.5`
+ *   `openai/gpt-4o-2024-05-13`             -> `gpt-4o`
+ *   `google/gemini-3-pro`                  -> `gemini-3-pro`
+ *   `qwen2.5:7b`                           -> `qwen2.5:7b`
+ *
+ * Deliberately a pure heuristic with no curated override table: every provider
+ * in `models.json` must degrade sanely without per-model maintenance. The
+ * function never returns an empty string — an id that the heuristic would
+ * strip to nothing falls back to the previous, longer form.
+ */
+
+/**
+ * Vendor family words that carry no information once the provider prefix is
+ * gone. Deliberately minimal: `gpt` and `gemini` are part of how those models
+ * are named and are kept.
+ */
+const VENDOR_FAMILY_WORDS: ReadonlySet<string> = new Set(["claude"]);
+
+/** Trailing snapshot dates and build stamps: `-20250929`, `-2024-05-13`, `-v2`. */
+const DATE_OR_BUILD_SUFFIX = /-(?:\d{4}-\d{2}-\d{2}|\d{8}|\d{6}|v\d+(?:\.\d+)*)$/;
+
+/** Split version parts read as one number: `sonnet-4-5` -> `sonnet-4.5`. */
+const SPLIT_VERSION = /(\d)-(\d)/g;
+
+export const NO_MODEL_LABEL = "no-model";
+
+export function shortenModelId(rawId: string | undefined | null): string {
+	const raw = (rawId ?? "").trim();
+	if (!raw) return NO_MODEL_LABEL;
+
+	// Provider prefix: `anthropic/claude-…`, `openrouter/anthropic/claude-…`.
+	const afterProvider = raw.slice(raw.lastIndexOf("/") + 1).trim() || raw;
+
+	const withoutDate = afterProvider.replace(DATE_OR_BUILD_SUFFIX, "") || afterProvider;
+
+	let name = withoutDate;
+	const dashIndex = name.indexOf("-");
+	if (dashIndex > 0) {
+		const head = name.slice(0, dashIndex).toLowerCase();
+		const rest = name.slice(dashIndex + 1);
+		if (rest && VENDOR_FAMILY_WORDS.has(head)) name = rest;
+	}
+
+	name = name.replace(SPLIT_VERSION, "$1.$2");
+
+	return name || withoutDate || afterProvider;
+}