feat: use keybindings in all selectors and lists

Update all selector/list components to use EditorKeybindingsManager:
- model-selector, session-selector, oauth-selector, user-message-selector
- hook-selector, hook-input, hook-editor, tree-selector
- select-list, settings-list, cancellable-loader

This allows users to configure selectUp, selectDown, selectConfirm,
selectCancel actions in keybindings.json

packages/tui/src/components/cancellable-loader.ts

@@ -1,4 +1,4 @@
-import { matchesKey } from "../keys.js";
+import { getEditorKeybindings } from "../keybindings.js";
 import { Loader } from "./loader.js";
 
 /**
@@ -27,7 +27,8 @@ export class CancellableLoader extends Loader {
 	}
 
 	handleInput(data: string): void {
-		if (matchesKey(data, "escape")) {
+		const kb = getEditorKeybindings();
+		if (kb.matches(data, "selectCancel")) {
 			this.abortController.abort();
 			this.onAbort?.();
 		}

packages/tui/src/components/select-list.ts

@@ -1,4 +1,4 @@
-import { matchesKey } from "../keys.js";
+import { getEditorKeybindings } from "../keybindings.js";
 import type { Component } from "../tui.js";
 import { truncateToWidth } from "../utils.js";
 
@@ -145,25 +145,26 @@ export class SelectList implements Component {
 	}
 
 	handleInput(keyData: string): void {
+		const kb = getEditorKeybindings();
 		// Up arrow - wrap to bottom when at top
-		if (matchesKey(keyData, "up")) {
+		if (kb.matches(keyData, "selectUp")) {
 			this.selectedIndex = this.selectedIndex === 0 ? this.filteredItems.length - 1 : this.selectedIndex - 1;
 			this.notifySelectionChange();
 		}
 		// Down arrow - wrap to top when at bottom
-		else if (matchesKey(keyData, "down")) {
+		else if (kb.matches(keyData, "selectDown")) {
 			this.selectedIndex = this.selectedIndex === this.filteredItems.length - 1 ? 0 : this.selectedIndex + 1;
 			this.notifySelectionChange();
 		}
 		// Enter
-		else if (matchesKey(keyData, "enter")) {
+		else if (kb.matches(keyData, "selectConfirm")) {
 			const selectedItem = this.filteredItems[this.selectedIndex];
 			if (selectedItem && this.onSelect) {
 				this.onSelect(selectedItem);
 			}
 		}
 		// Escape or Ctrl+C
-		else if (matchesKey(keyData, "escape") || matchesKey(keyData, "ctrl+c")) {
+		else if (kb.matches(keyData, "selectCancel")) {
 			if (this.onCancel) {
 				this.onCancel();
 			}

packages/tui/src/components/settings-list.ts

@@ -1,4 +1,4 @@
-import { matchesKey } from "../keys.js";
+import { getEditorKeybindings } from "../keybindings.js";
 import type { Component } from "../tui.js";
 import { truncateToWidth, visibleWidth, wrapTextWithAnsi } from "../utils.js";
 
@@ -145,13 +145,14 @@ export class SettingsList implements Component {
 		}
 
 		// Main list input handling
-		if (matchesKey(data, "up")) {
+		const kb = getEditorKeybindings();
+		if (kb.matches(data, "selectUp")) {
 			this.selectedIndex = this.selectedIndex === 0 ? this.items.length - 1 : this.selectedIndex - 1;
-		} else if (matchesKey(data, "down")) {
+		} else if (kb.matches(data, "selectDown")) {
 			this.selectedIndex = this.selectedIndex === this.items.length - 1 ? 0 : this.selectedIndex + 1;
-		} else if (matchesKey(data, "enter") || data === " ") {
+		} else if (kb.matches(data, "selectConfirm") || data === " ") {
 			this.activateItem();
-		} else if (matchesKey(data, "escape") || matchesKey(data, "ctrl+c")) {
+		} else if (kb.matches(data, "selectCancel")) {
 			this.onCancel();
 		}
 	}