Merge pull request #315 from mitsuhiko/model-switcher

Reverse model switching and binding for dialog

packages/coding-agent/src/core/agent-session.ts

@@ -580,18 +580,19 @@ export class AgentSession {
 	}
 
 	/**
-	 * Cycle to next model.
+	 * Cycle to next/previous model.
 	 * Uses scoped models (from --models flag) if available, otherwise all available models.
+	 * @param direction - "forward" (default) or "backward"
 	 * @returns The new model info, or null if only one model available
 	 */
-	async cycleModel(): Promise<ModelCycleResult | null> {
+	async cycleModel(direction: "forward" | "backward" = "forward"): Promise<ModelCycleResult | null> {
 		if (this._scopedModels.length > 0) {
-			return this._cycleScopedModel();
+			return this._cycleScopedModel(direction);
 		}
-		return this._cycleAvailableModel();
+		return this._cycleAvailableModel(direction);
 	}
 
-	private async _cycleScopedModel(): Promise<ModelCycleResult | null> {
+	private async _cycleScopedModel(direction: "forward" | "backward"): Promise<ModelCycleResult | null> {
 		if (this._scopedModels.length <= 1) return null;
 
 		const currentModel = this.model;
@@ -600,7 +601,8 @@ export class AgentSession {
 		);
 
 		if (currentIndex === -1) currentIndex = 0;
-		const nextIndex = (currentIndex + 1) % this._scopedModels.length;
+		const len = this._scopedModels.length;
+		const nextIndex = direction === "forward" ? (currentIndex + 1) % len : (currentIndex - 1 + len) % len;
 		const next = this._scopedModels[nextIndex];
 
 		// Validate API key
@@ -620,7 +622,7 @@ export class AgentSession {
 		return { model: next.model, thinkingLevel: this.thinkingLevel, isScoped: true };
 	}
 
-	private async _cycleAvailableModel(): Promise<ModelCycleResult | null> {
+	private async _cycleAvailableModel(direction: "forward" | "backward"): Promise<ModelCycleResult | null> {
 		const availableModels = await this._modelRegistry.getAvailable();
 		if (availableModels.length <= 1) return null;
 
@@ -630,7 +632,8 @@ export class AgentSession {
 		);
 
 		if (currentIndex === -1) currentIndex = 0;
-		const nextIndex = (currentIndex + 1) % availableModels.length;
+		const len = availableModels.length;
+		const nextIndex = direction === "forward" ? (currentIndex + 1) % len : (currentIndex - 1 + len) % len;
 		const nextModel = availableModels[nextIndex];
 
 		const apiKey = await this._modelRegistry.getApiKey(nextModel);

packages/coding-agent/src/modes/interactive/components/custom-editor.ts

@@ -3,11 +3,13 @@ import {
 	isCtrlC,
 	isCtrlD,
 	isCtrlG,
+	isCtrlL,
 	isCtrlO,
 	isCtrlP,
 	isCtrlT,
 	isCtrlZ,
 	isEscape,
+	isShiftCtrlP,
 	isShiftTab,
 } from "@mariozechner/pi-tui";
 
@@ -20,6 +22,8 @@ export class CustomEditor extends Editor {
 	public onCtrlD?: () => void;
 	public onShiftTab?: () => void;
 	public onCtrlP?: () => void;
+	public onShiftCtrlP?: () => void;
+	public onCtrlL?: () => void;
 	public onCtrlO?: () => void;
 	public onCtrlT?: () => void;
 	public onCtrlG?: () => void;
@@ -44,12 +48,24 @@ export class CustomEditor extends Editor {
 			return;
 		}
 
+		// Intercept Ctrl+L for model selector
+		if (isCtrlL(data) && this.onCtrlL) {
+			this.onCtrlL();
+			return;
+		}
+
 		// Intercept Ctrl+O for tool output expansion
 		if (isCtrlO(data) && this.onCtrlO) {
 			this.onCtrlO();
 			return;
 		}
 
+		// Intercept Shift+Ctrl+P for backward model cycling (check before Ctrl+P)
+		if (isShiftCtrlP(data) && this.onShiftCtrlP) {
+			this.onShiftCtrlP();
+			return;
+		}
+
 		// Intercept Ctrl+P for model cycling
 		if (isCtrlP(data) && this.onCtrlP) {
 			this.onCtrlP();

packages/coding-agent/src/modes/interactive/interactive-mode.ts

@@ -213,9 +213,12 @@ export class InteractiveMode {
 			theme.fg("dim", "shift+tab") +
 			theme.fg("muted", " to cycle thinking") +
 			"\n" +
-			theme.fg("dim", "ctrl+p") +
+			theme.fg("dim", "ctrl+p/shift+ctrl+p") +
 			theme.fg("muted", " to cycle models") +
 			"\n" +
+			theme.fg("dim", "ctrl+l") +
+			theme.fg("muted", " to select model") +
+			"\n" +
 			theme.fg("dim", "ctrl+o") +
 			theme.fg("muted", " to expand tools") +
 			"\n" +
@@ -580,7 +583,9 @@ export class InteractiveMode {
 		this.editor.onCtrlD = () => this.handleCtrlD();
 		this.editor.onCtrlZ = () => this.handleCtrlZ();
 		this.editor.onShiftTab = () => this.cycleThinkingLevel();
-		this.editor.onCtrlP = () => this.cycleModel();
+		this.editor.onCtrlP = () => this.cycleModel("forward");
+		this.editor.onShiftCtrlP = () => this.cycleModel("backward");
+		this.editor.onCtrlL = () => this.showModelSelector();
 		this.editor.onCtrlO = () => this.toggleToolOutputExpansion();
 		this.editor.onCtrlT = () => this.toggleThinkingBlockVisibility();
 		this.editor.onCtrlG = () => this.openExternalEditor();
@@ -1200,9 +1205,9 @@ export class InteractiveMode {
 		}
 	}
 
-	private async cycleModel(): Promise<void> {
+	private async cycleModel(direction: "forward" | "backward"): Promise<void> {
 		try {
-			const result = await this.session.cycleModel();
+			const result = await this.session.cycleModel(direction);
 			if (result === null) {
 				const msg = this.session.scopedModels.length > 0 ? "Only one model in scope" : "Only one model available";
 				this.showStatus(msg);