@xopcai/xopc 0.0.103 → 0.0.104

package/dist/src/tui/components/extension-dialog.js

@@ -0,0 +1,127 @@
+import { editorTheme, selectListTheme, theme } from "../theme.js";
+import { formatKeyIds } from "../format-tui-hotkeys.js";
+import { Container, Editor, Input, SelectList, Spacer, Text, getKeybindings } from "@earendil-works/pi-tui";
+//#region src/tui/components/extension-dialog.ts
+const EXTENSION_DIALOG_LAYOUT = {
+	minPrimaryColumnWidth: 12,
+	maxPrimaryColumnWidth: 48
+};
+function formatDialogTitle(title, countdownSeconds) {
+	return countdownSeconds == null ? title : `${title} (${countdownSeconds}s)`;
+}
+function addTitle(container, title) {
+	const lines = title.split(/\r?\n/);
+	let titleText;
+	lines.forEach((line, index) => {
+		const text = new Text(index === 0 ? theme.bold(theme.accent(line)) : theme.fgText(line), 0, 0);
+		if (index === 0) titleText = text;
+		container.addChild(text);
+	});
+	return titleText ?? new Text("", 0, 0);
+}
+function formatDialogHint(keybindings, confirmLabel) {
+	return `  ${keybindings ? formatKeyIds(keybindings, "tui.select.confirm", { capitalize: true }) : "Enter"} ${confirmLabel} · ${keybindings ? formatKeyIds(keybindings, "tui.select.cancel", { capitalize: true }) : "Esc"} cancel`;
+}
+var ExtensionSelectDialog = class extends Container {
+	selectList;
+	titleText;
+	baseTitle;
+	constructor(title, options, callbacks, keybindings) {
+		super();
+		this.keybindings = keybindings;
+		this.baseTitle = title.split(/\r?\n/)[0] ?? title;
+		this.titleText = addTitle(this, title);
+		this.addChild(new Spacer(1));
+		const items = options.map((value) => ({
+			value,
+			label: value
+		}));
+		this.selectList = new SelectList(items, Math.min(Math.max(items.length, 1), 8), selectListTheme, EXTENSION_DIALOG_LAYOUT);
+		this.selectList.onSelect = (item) => callbacks.onSelect(item.value);
+		this.selectList.onCancel = callbacks.onCancel;
+		this.addChild(this.selectList);
+		this.addChild(new Spacer(1));
+		this.addChild(new Text(theme.dim(formatDialogHint(keybindings, "select")), 0, 0));
+	}
+	setCountdownSeconds(seconds) {
+		this.titleText.setText(theme.bold(theme.accent(formatDialogTitle(this.baseTitle, seconds))));
+	}
+	handleInput(data) {
+		this.selectList.handleInput(data);
+	}
+};
+var ExtensionInputDialog = class extends Container {
+	input = new Input();
+	titleText;
+	baseTitle;
+	_focused = false;
+	constructor(title, placeholder, callbacks, keybindings) {
+		super();
+		this.callbacks = callbacks;
+		this.keybindings = keybindings;
+		this.baseTitle = title.split(/\r?\n/)[0] ?? title;
+		this.titleText = addTitle(this, title);
+		if (placeholder) this.addChild(new Text(theme.dim(placeholder), 0, 0));
+		this.addChild(new Spacer(1));
+		this.addChild(this.input);
+		this.addChild(new Spacer(1));
+		this.addChild(new Text(theme.dim(formatDialogHint(keybindings, "submit")), 0, 0));
+	}
+	setCountdownSeconds(seconds) {
+		this.titleText.setText(theme.bold(theme.accent(formatDialogTitle(this.baseTitle, seconds))));
+	}
+	get focused() {
+		return this._focused;
+	}
+	set focused(value) {
+		this._focused = value;
+		this.input.focused = value;
+	}
+	handleInput(data) {
+		const keybindings = this.keybindings ?? getKeybindings();
+		if (keybindings.matches(data, "tui.select.confirm") || data === "\n" || data === "\r") {
+			this.callbacks.onSubmit(this.input.getValue());
+			return;
+		}
+		if (keybindings.matches(data, "tui.select.cancel")) {
+			this.callbacks.onCancel();
+			return;
+		}
+		this.input.handleInput(data);
+	}
+};
+var ExtensionEditorDialog = class extends Container {
+	editor;
+	_focused = false;
+	constructor(tui, title, prefill, callbacks, keybindings) {
+		super();
+		this.callbacks = callbacks;
+		this.keybindings = keybindings;
+		addTitle(this, title);
+		this.addChild(new Spacer(1));
+		this.editor = new Editor(tui, editorTheme);
+		if (prefill) this.editor.setText(prefill);
+		this.editor.onSubmit = (value) => this.callbacks.onSubmit(value);
+		this.addChild(this.editor);
+		this.addChild(new Spacer(1));
+		this.addChild(new Text(theme.dim(formatDialogHint(keybindings, "submit")), 0, 0));
+	}
+	get focused() {
+		return this._focused;
+	}
+	set focused(value) {
+		this._focused = value;
+		this.editor.focused = value;
+	}
+	handleInput(data) {
+		if ((this.keybindings ?? getKeybindings()).matches(data, "tui.select.cancel")) {
+			this.callbacks.onCancel();
+			return;
+		}
+		this.editor.handleInput(data);
+	}
+};
+//#endregion
+export { ExtensionEditorDialog, ExtensionInputDialog, ExtensionSelectDialog };
+
+//# sourceMappingURL=extension-dialog.js.map

package/dist/src/tui/components/extension-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"extension-dialog.js","names":[],"sources":["../../../../src/tui/components/extension-dialog.ts"],"sourcesContent":["import {\n  Container,\n  Editor,\n  Input,\n  SelectList,\n  Spacer,\n  Text,\n  getKeybindings,\n  type Component,\n  type Focusable,\n  type KeybindingsManager,\n  type SelectItem,\n  type SelectListLayoutOptions,\n  type TUI,\n} from '@earendil-works/pi-tui';\n\nimport { formatKeyIds } from '../format-tui-hotkeys.js';\nimport { editorTheme, selectListTheme, theme } from '../theme.js';\n\nconst EXTENSION_DIALOG_LAYOUT: SelectListLayoutOptions = {\n  minPrimaryColumnWidth: 12,\n  maxPrimaryColumnWidth: 48,\n};\n\nfunction formatDialogTitle(title: string, countdownSeconds?: number): string {\n  return countdownSeconds == null ? title : `${title} (${countdownSeconds}s)`;\n}\n\nfunction addTitle(container: Container, title: string): Text {\n  const lines = title.split(/\\r?\\n/);\n  let titleText: Text | undefined;\n  lines.forEach((line, index) => {\n    const text = new Text(index === 0 ? theme.bold(theme.accent(line)) : theme.fgText(line), 0, 0);\n    if (index === 0) titleText = text;\n    container.addChild(text);\n  });\n  return titleText ?? new Text('', 0, 0);\n}\n\nfunction formatDialogHint(\n  keybindings: KeybindingsManager | undefined,\n  confirmLabel: string,\n): string {\n  const confirm = keybindings\n    ? formatKeyIds(keybindings, 'tui.select.confirm', { capitalize: true })\n    : 'Enter';\n  const cancel = keybindings\n    ? formatKeyIds(keybindings, 'tui.select.cancel', { capitalize: true })\n    : 'Esc';\n  return `  ${confirm} ${confirmLabel} · ${cancel} cancel`;\n}\n\nexport class ExtensionSelectDialog extends Container implements Component {\n  private readonly selectList: SelectList;\n  private readonly titleText: Text;\n  private readonly baseTitle: string;\n\n  constructor(\n    title: string,\n    options: string[],\n    callbacks: { onSelect: (value: string) => void; onCancel: () => void },\n    private readonly keybindings?: KeybindingsManager,\n  ) {\n    super();\n    this.baseTitle = title.split(/\\r?\\n/)[0] ?? title;\n    this.titleText = addTitle(this, title);\n    this.addChild(new Spacer(1));\n\n    const items: SelectItem[] = options.map((value) => ({ value, label: value }));\n    this.selectList = new SelectList(\n      items,\n      Math.min(Math.max(items.length, 1), 8),\n      selectListTheme,\n      EXTENSION_DIALOG_LAYOUT,\n    );\n    this.selectList.onSelect = (item) => callbacks.onSelect(item.value);\n    this.selectList.onCancel = callbacks.onCancel;\n    this.addChild(this.selectList);\n    this.addChild(new Spacer(1));\n    this.addChild(new Text(theme.dim(formatDialogHint(keybindings, 'select')), 0, 0));\n  }\n\n  setCountdownSeconds(seconds: number | undefined): void {\n    this.titleText.setText(theme.bold(theme.accent(formatDialogTitle(this.baseTitle, seconds))));\n  }\n\n  handleInput(data: string): void {\n    this.selectList.handleInput(data);\n  }\n}\n\nexport class ExtensionInputDialog extends Container implements Component, Focusable {\n  private readonly input = new Input();\n  private readonly titleText: Text;\n  private readonly baseTitle: string;\n  private _focused = false;\n\n  constructor(\n    title: string,\n    placeholder: string | undefined,\n    private readonly callbacks: { onSubmit: (value: string) => void; onCancel: () => void },\n    private readonly keybindings?: KeybindingsManager,\n  ) {\n    super();\n    this.baseTitle = title.split(/\\r?\\n/)[0] ?? title;\n    this.titleText = addTitle(this, title);\n    if (placeholder) {\n      this.addChild(new Text(theme.dim(placeholder), 0, 0));\n    }\n    this.addChild(new Spacer(1));\n    this.addChild(this.input);\n    this.addChild(new Spacer(1));\n    this.addChild(new Text(theme.dim(formatDialogHint(keybindings, 'submit')), 0, 0));\n  }\n\n  setCountdownSeconds(seconds: number | undefined): void {\n    this.titleText.setText(theme.bold(theme.accent(formatDialogTitle(this.baseTitle, seconds))));\n  }\n\n  get focused(): boolean {\n    return this._focused;\n  }\n\n  set focused(value: boolean) {\n    this._focused = value;\n    this.input.focused = value;\n  }\n\n  handleInput(data: string): void {\n    const keybindings = this.keybindings ?? getKeybindings();\n    if (keybindings.matches(data, 'tui.select.confirm') || data === '\\n' || data === '\\r') {\n      this.callbacks.onSubmit(this.input.getValue());\n      return;\n    }\n    if (keybindings.matches(data, 'tui.select.cancel')) {\n      this.callbacks.onCancel();\n      return;\n    }\n    this.input.handleInput(data);\n  }\n}\n\nexport class ExtensionEditorDialog extends Container implements Component, Focusable {\n  private readonly editor: Editor;\n  private _focused = false;\n\n  constructor(\n    tui: TUI,\n    title: string,\n    prefill: string | undefined,\n    private readonly callbacks: { onSubmit: (value: string) => void; onCancel: () => void },\n    private readonly keybindings?: KeybindingsManager,\n  ) {\n    super();\n    addTitle(this, title);\n    this.addChild(new Spacer(1));\n    this.editor = new Editor(tui, editorTheme);\n    if (prefill) this.editor.setText(prefill);\n    this.editor.onSubmit = (value) => this.callbacks.onSubmit(value);\n    this.addChild(this.editor);\n    this.addChild(new Spacer(1));\n    this.addChild(new Text(theme.dim(formatDialogHint(keybindings, 'submit')), 0, 0));\n  }\n\n  get focused(): boolean {\n    return this._focused;\n  }\n\n  set focused(value: boolean) {\n    this._focused = value;\n    this.editor.focused = value;\n  }\n\n  handleInput(data: string): void {\n    const keybindings = this.keybindings ?? getKeybindings();\n    if (keybindings.matches(data, 'tui.select.cancel')) {\n      this.callbacks.onCancel();\n      return;\n    }\n    this.editor.handleInput(data);\n  }\n}\n"],"mappings":"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"}

package/dist/src/tui/components/scoped-models-selector.d.ts

@@ -1,4 +1,4 @@
-import { type Component } from '@earendil-works/pi-tui';
+import { type Component, type KeybindingsManager } from '@earendil-works/pi-tui';
 import type { TuiModelChoice } from '../tui-backend.js';
 export type ScopedModelsSelectorCallbacks = {
     /** `null` = all models enabled for Ctrl+P. */
@@ -9,13 +9,18 @@ export type ScopedModelsSelectorCallbacks = {
 /** Toggle models included in Ctrl+P cycling (pi `/scoped-models` subset). */
 export declare class ScopedModelsSelector implements Component {
     private readonly callbacks;
+    private readonly keybindings?;
     private readonly catalog;
     private enabledRefs;
     private readonly list;
     private readonly footer;
-    constructor(catalog: TuiModelChoice[], initialRefs: string[] | null, callbacks: ScopedModelsSelectorCallbacks);
+    constructor(catalog: TuiModelChoice[], initialRefs: string[] | null, callbacks: ScopedModelsSelectorCallbacks, keybindings?: KeybindingsManager);
+    private buildFooterText;
+    private matchesAction;
     private refreshItems;
     private saveAndClose;
+    private toggleSelectedProvider;
+    private moveSelected;
     invalidate(): void;
     render(width: number): string[];
     handleInput(keyData: string): void;

package/dist/src/tui/components/scoped-models-selector.js

@@ -1,14 +1,32 @@
 import { searchableSelectListTheme, theme } from "../theme.js";
-import { modelRef } from "../tui-scoped-models.js";
+import { formatKeyIds } from "../format-tui-hotkeys.js";
 import { SearchableSelectList } from "./searchable-select-list.js";
+import { modelRef } from "../tui-scoped-models.js";
 import { Text, isKeyRelease, matchesKey } from "@earendil-works/pi-tui";
 //#region src/tui/components/scoped-models-selector.ts
+function getOrderedCatalog(catalog, enabledRefs) {
+	if (enabledRefs === null) return catalog;
+	const byRef = new Map(catalog.map((model) => [modelRef(model), model]));
+	const ordered = [];
+	const seen = /* @__PURE__ */ new Set();
+	for (const ref of enabledRefs) {
+		const model = byRef.get(ref);
+		if (!model) continue;
+		ordered.push(model);
+		seen.add(ref);
+	}
+	for (const model of catalog) {
+		const ref = modelRef(model);
+		if (!seen.has(ref)) ordered.push(model);
+	}
+	return ordered;
+}
 function buildItems(catalog, enabledRefs) {
-	return catalog.map((m) => {
+	return getOrderedCatalog(catalog, enabledRefs).map((m) => {
 		const ref = modelRef(m);
 		return {
 			value: ref,
-			label: `${(enabledRefs === null || enabledRefs.size === 0 ? true : enabledRefs.has(ref)) ? "☑" : "☐"} ${m.name || m.id}`,
+			label: `${(enabledRefs === null ? true : enabledRefs.has(ref)) ? "☑" : "☐"} ${m.name || m.id}`,
 			description: m.provider,
 			searchText: `${m.provider} ${m.id} ${m.name ?? ""}`
 		};
@@ -20,24 +38,35 @@ var ScopedModelsSelector = class {
 	enabledRefs;
 	list;
 	footer = new Text("", 1, 0);
-	constructor(catalog, initialRefs, callbacks) {
+	constructor(catalog, initialRefs, callbacks, keybindings) {
 		this.callbacks = callbacks;
+		this.keybindings = keybindings;
 		this.catalog = catalog;
 		this.enabledRefs = initialRefs === null ? null : initialRefs.length === 0 ? /* @__PURE__ */ new Set() : new Set(initialRefs);
 		this.list = new SearchableSelectList(buildItems(catalog, this.enabledRefs), 12, searchableSelectListTheme);
 		this.list.onCancel = () => this.callbacks.onCancel();
 		this.list.onSelect = () => this.saveAndClose();
-		this.footer.setText(theme.dim("Space toggle · A all · C clear · Enter save · Esc cancel"));
+		this.footer.setText(theme.dim(this.buildFooterText()));
+	}
+	buildFooterText() {
+		if (!this.keybindings) return "Space toggle · P provider · A all · C clear · [/] reorder · Enter save · Esc cancel";
+		const provider = formatKeyIds(this.keybindings, "app.models.toggleProvider", { capitalize: true });
+		const all = formatKeyIds(this.keybindings, "app.models.enableAll", { capitalize: true });
+		const clear = formatKeyIds(this.keybindings, "app.models.clearAll", { capitalize: true });
+		const up = formatKeyIds(this.keybindings, "app.models.reorderUp", { capitalize: true });
+		const down = formatKeyIds(this.keybindings, "app.models.reorderDown", { capitalize: true });
+		const save = formatKeyIds(this.keybindings, "app.models.save", { capitalize: true });
+		return `Space toggle · ${provider} provider · ${all} all · ${clear} clear · ${up}/${down} reorder · ${formatKeyIds(this.keybindings, "tui.select.confirm", { capitalize: true })}/${save} save · ${formatKeyIds(this.keybindings, "tui.select.cancel", { capitalize: true })} cancel`;
+	}
+	matchesAction(keyData, action, aliases = []) {
+		if (this.keybindings?.matches(keyData, action)) return true;
+		return aliases.some((key) => keyData === key || matchesKey(keyData, key));
 	}
 	refreshItems() {
 		const selected = this.list.getSelectedItem()?.value;
 		const items = buildItems(this.catalog, this.enabledRefs);
-		this.list.items = items;
-		this.list.filteredItems = items;
-		if (selected) {
-			const idx = items.findIndex((i) => i.value === selected);
-			if (idx >= 0) this.list.setSelectedIndex(idx);
-		}
+		this.list.setItems(items);
+		if (selected) this.list.setSelectedValue(selected);
 	}
 	saveAndClose() {
 		if (this.enabledRefs === null) {
@@ -45,14 +74,46 @@ var ScopedModelsSelector = class {
 			return;
 		}
 		const refs = [...this.enabledRefs];
-		this.callbacks.onSave(refs.length === 0 || refs.length === this.catalog.length ? null : refs);
+		this.callbacks.onSave(refs.length === this.catalog.length ? null : refs);
+	}
+	toggleSelectedProvider() {
+		const item = this.list.getSelectedItem();
+		if (!item) return;
+		const provider = item.value.split("/")[0];
+		if (!provider) return;
+		const allRefs = this.catalog.map(modelRef);
+		const providerRefs = this.catalog.filter((model) => model.provider === provider).map(modelRef);
+		const next = this.enabledRefs === null ? new Set(allRefs) : new Set(this.enabledRefs);
+		const providerEnabled = providerRefs.every((ref) => next.has(ref));
+		for (const ref of providerRefs) if (providerEnabled) next.delete(ref);
+		else next.add(ref);
+		this.enabledRefs = next.size === allRefs.length ? null : next;
+		this.refreshItems();
+		this.callbacks.requestRender();
+	}
+	moveSelected(delta) {
+		const item = this.list.getSelectedItem();
+		if (!item) return;
+		if (this.enabledRefs === null) this.enabledRefs = new Set(this.catalog.map(modelRef));
+		if (!this.enabledRefs.has(item.value)) return;
+		const refs = [...this.enabledRefs];
+		const index = refs.indexOf(item.value);
+		const nextIndex = index + delta;
+		if (index < 0 || nextIndex < 0 || nextIndex >= refs.length) return;
+		const [moved] = refs.splice(index, 1);
+		if (!moved) return;
+		refs.splice(nextIndex, 0, moved);
+		this.enabledRefs = new Set(refs);
+		this.refreshItems();
+		this.callbacks.requestRender();
 	}
 	invalidate() {
 		this.list.invalidate();
 	}
 	render(width) {
+		const cycleKey = this.keybindings ? formatKeyIds(this.keybindings, "app.model.cycleForward", { capitalize: true }) : "Ctrl+P";
 		return [
-			theme.bold("Scoped models (Ctrl+P cycle)"),
+			theme.bold(`Scoped models (${cycleKey} cycle)`),
 			"",
 			...this.list.render(width),
 			"",
@@ -61,7 +122,7 @@ var ScopedModelsSelector = class {
 	}
 	handleInput(keyData) {
 		if (isKeyRelease(keyData)) return;
-		if (matchesKey(keyData, "enter")) {
+		if (matchesKey(keyData, "enter") || this.matchesAction(keyData, "app.models.save")) {
 			this.saveAndClose();
 			return;
 		}
@@ -75,18 +136,30 @@ var ScopedModelsSelector = class {
 			this.callbacks.requestRender();
 			return;
 		}
-		if (keyData === "a" || keyData === "A") {
+		if (this.matchesAction(keyData, "app.models.enableAll", ["a", "A"])) {
 			this.enabledRefs = null;
 			this.refreshItems();
 			this.callbacks.requestRender();
 			return;
 		}
-		if (keyData === "c" || keyData === "C") {
+		if (this.matchesAction(keyData, "app.models.toggleProvider", ["p", "P"])) {
+			this.toggleSelectedProvider();
+			return;
+		}
+		if (this.matchesAction(keyData, "app.models.clearAll", ["c", "C"])) {
 			this.enabledRefs = /* @__PURE__ */ new Set();
 			this.refreshItems();
 			this.callbacks.requestRender();
 			return;
 		}
+		if (this.matchesAction(keyData, "app.models.reorderUp", ["["])) {
+			this.moveSelected(-1);
+			return;
+		}
+		if (this.matchesAction(keyData, "app.models.reorderDown", ["]"])) {
+			this.moveSelected(1);
+			return;
+		}
 		this.list.handleInput(keyData);
 		this.callbacks.requestRender();
 	}

package/dist/src/tui/components/scoped-models-selector.js.map

@@ -1 +1 @@
-{"version":3,"file":"scoped-models-selector.js","names":[],"sources":["../../../../src/tui/components/scoped-models-selector.ts"],"sourcesContent":["import {\n  isKeyRelease,\n  matchesKey,\n  type Component,\n  type SelectItem,\n  Text,\n} from '@earendil-works/pi-tui';\n\nimport type { TuiModelChoice } from '../tui-backend.js';\nimport { modelRef } from '../tui-scoped-models.js';\nimport { searchableSelectListTheme, theme } from '../theme.js';\nimport { SearchableSelectList } from './searchable-select-list.js';\n\nexport type ScopedModelsSelectorCallbacks = {\n  /** `null` = all models enabled for Ctrl+P. */\n  onSave: (refs: string[] | null) => void;\n  onCancel: () => void;\n  requestRender: () => void;\n};\n\nfunction buildItems(catalog: TuiModelChoice[], enabledRefs: Set<string> | null): SelectItem[] {\n  return catalog.map((m) => {\n    const ref = modelRef(m);\n    const checked =\n      enabledRefs === null || enabledRefs.size === 0 ? true : enabledRefs.has(ref);\n    return {\n      value: ref,\n      label: `${checked ? '☑' : '☐'} ${m.name || m.id}`,\n      description: m.provider,\n      searchText: `${m.provider} ${m.id} ${m.name ?? ''}`,\n    };\n  });\n}\n\n/** Toggle models included in Ctrl+P cycling (pi `/scoped-models` subset). */\nexport class ScopedModelsSelector implements Component {\n  private readonly catalog: TuiModelChoice[];\n  private enabledRefs: Set<string> | null;\n  private readonly list: SearchableSelectList;\n  private readonly footer = new Text('', 1, 0);\n\n  constructor(\n    catalog: TuiModelChoice[],\n    initialRefs: string[] | null,\n    private readonly callbacks: ScopedModelsSelectorCallbacks,\n  ) {\n    this.catalog = catalog;\n    this.enabledRefs =\n      initialRefs === null ? null : initialRefs.length === 0 ? new Set() : new Set(initialRefs);\n\n    this.list = new SearchableSelectList(\n      buildItems(catalog, this.enabledRefs),\n      12,\n      searchableSelectListTheme,\n    );\n    this.list.onCancel = () => this.callbacks.onCancel();\n    this.list.onSelect = () => this.saveAndClose();\n    this.footer.setText(\n      theme.dim('Space toggle · A all · C clear · Enter save · Esc cancel'),\n    );\n  }\n\n  private refreshItems(): void {\n    const selected = this.list.getSelectedItem()?.value;\n    const items = buildItems(this.catalog, this.enabledRefs);\n    (this.list as unknown as { items: SelectItem[]; filteredItems: SelectItem[] }).items = items;\n    (this.list as unknown as { filteredItems: SelectItem[] }).filteredItems = items;\n    if (selected) {\n      const idx = items.findIndex((i) => i.value === selected);\n      if (idx >= 0) this.list.setSelectedIndex(idx);\n    }\n  }\n\n  private saveAndClose(): void {\n    if (this.enabledRefs === null) {\n      this.callbacks.onSave(null);\n      return;\n    }\n    const refs = [...this.enabledRefs];\n    this.callbacks.onSave(refs.length === 0 || refs.length === this.catalog.length ? null : refs);\n  }\n\n  invalidate(): void {\n    this.list.invalidate();\n  }\n\n  render(width: number): string[] {\n    return [\n      theme.bold('Scoped models (Ctrl+P cycle)'),\n      '',\n      ...this.list.render(width),\n      '',\n      ...this.footer.render(width),\n    ];\n  }\n\n  handleInput(keyData: string): void {\n    if (isKeyRelease(keyData)) return;\n\n    if (matchesKey(keyData, 'enter')) {\n      this.saveAndClose();\n      return;\n    }\n\n    if (keyData === ' ') {\n      const item = this.list.getSelectedItem();\n      if (!item) return;\n      if (this.enabledRefs === null) {\n        this.enabledRefs = new Set(this.catalog.map(modelRef));\n      }\n      if (this.enabledRefs.has(item.value)) {\n        this.enabledRefs.delete(item.value);\n      } else {\n        this.enabledRefs.add(item.value);\n      }\n      this.refreshItems();\n      this.callbacks.requestRender();\n      return;\n    }\n\n    if (keyData === 'a' || keyData === 'A') {\n      this.enabledRefs = null;\n      this.refreshItems();\n      this.callbacks.requestRender();\n      return;\n    }\n\n    if (keyData === 'c' || keyData === 'C') {\n      this.enabledRefs = new Set();\n      this.refreshItems();\n      this.callbacks.requestRender();\n      return;\n    }\n\n    this.list.handleInput(keyData);\n    this.callbacks.requestRender();\n  }\n}\n"],"mappings":";;;;;AAoBA,SAAS,WAAW,SAA2B,aAA+C;AAC5F,QAAO,QAAQ,KAAK,MAAM;EACxB,MAAM,MAAM,SAAS,EAAE;AAGvB,SAAO;GACL,OAAO;GACP,OAAO,IAHP,gBAAgB,QAAQ,YAAY,SAAS,IAAI,OAAO,YAAY,IAAI,IAAI,IAGxD,MAAM,IAAI,GAAG,EAAE,QAAQ,EAAE;GAC7C,aAAa,EAAE;GACf,YAAY,GAAG,EAAE,SAAS,GAAG,EAAE,GAAG,GAAG,EAAE,QAAQ;GAChD;GACD;;;AAIJ,IAAa,uBAAb,MAAuD;CACrD;CACA;CACA;CACA,SAA0B,IAAI,KAAK,IAAI,GAAG,EAAE;CAE5C,YACE,SACA,aACA,WACA;AADiB,OAAA,YAAA;AAEjB,OAAK,UAAU;AACf,OAAK,cACH,gBAAgB,OAAO,OAAO,YAAY,WAAW,oBAAI,IAAI,KAAK,GAAG,IAAI,IAAI,YAAY;AAE3F,OAAK,OAAO,IAAI,qBACd,WAAW,SAAS,KAAK,YAAY,EACrC,IACA,0BACD;AACD,OAAK,KAAK,iBAAiB,KAAK,UAAU,UAAU;AACpD,OAAK,KAAK,iBAAiB,KAAK,cAAc;AAC9C,OAAK,OAAO,QACV,MAAM,IAAI,2DAA2D,CACtE;;CAGH,eAA6B;EAC3B,MAAM,WAAW,KAAK,KAAK,iBAAiB,EAAE;EAC9C,MAAM,QAAQ,WAAW,KAAK,SAAS,KAAK,YAAY;AACvD,OAAK,KAAyE,QAAQ;AACtF,OAAK,KAAoD,gBAAgB;AAC1E,MAAI,UAAU;GACZ,MAAM,MAAM,MAAM,WAAW,MAAM,EAAE,UAAU,SAAS;AACxD,OAAI,OAAO,EAAG,MAAK,KAAK,iBAAiB,IAAI;;;CAIjD,eAA6B;AAC3B,MAAI,KAAK,gBAAgB,MAAM;AAC7B,QAAK,UAAU,OAAO,KAAK;AAC3B;;EAEF,MAAM,OAAO,CAAC,GAAG,KAAK,YAAY;AAClC,OAAK,UAAU,OAAO,KAAK,WAAW,KAAK,KAAK,WAAW,KAAK,QAAQ,SAAS,OAAO,KAAK;;CAG/F,aAAmB;AACjB,OAAK,KAAK,YAAY;;CAGxB,OAAO,OAAyB;AAC9B,SAAO;GACL,MAAM,KAAK,+BAA+B;GAC1C;GACA,GAAG,KAAK,KAAK,OAAO,MAAM;GAC1B;GACA,GAAG,KAAK,OAAO,OAAO,MAAM;GAC7B;;CAGH,YAAY,SAAuB;AACjC,MAAI,aAAa,QAAQ,CAAE;AAE3B,MAAI,WAAW,SAAS,QAAQ,EAAE;AAChC,QAAK,cAAc;AACnB;;AAGF,MAAI,YAAY,KAAK;GACnB,MAAM,OAAO,KAAK,KAAK,iBAAiB;AACxC,OAAI,CAAC,KAAM;AACX,OAAI,KAAK,gBAAgB,KACvB,MAAK,cAAc,IAAI,IAAI,KAAK,QAAQ,IAAI,SAAS,CAAC;AAExD,OAAI,KAAK,YAAY,IAAI,KAAK,MAAM,CAClC,MAAK,YAAY,OAAO,KAAK,MAAM;OAEnC,MAAK,YAAY,IAAI,KAAK,MAAM;AAElC,QAAK,cAAc;AACnB,QAAK,UAAU,eAAe;AAC9B;;AAGF,MAAI,YAAY,OAAO,YAAY,KAAK;AACtC,QAAK,cAAc;AACnB,QAAK,cAAc;AACnB,QAAK,UAAU,eAAe;AAC9B;;AAGF,MAAI,YAAY,OAAO,YAAY,KAAK;AACtC,QAAK,8BAAc,IAAI,KAAK;AAC5B,QAAK,cAAc;AACnB,QAAK,UAAU,eAAe;AAC9B;;AAGF,OAAK,KAAK,YAAY,QAAQ;AAC9B,OAAK,UAAU,eAAe"}
+{"version":3,"file":"scoped-models-selector.js","names":[],"sources":["../../../../src/tui/components/scoped-models-selector.ts"],"sourcesContent":["import {\n  isKeyRelease,\n  matchesKey,\n  type Component,\n  type Keybinding,\n  type KeybindingsManager,\n  type SelectItem,\n  Text,\n} from '@earendil-works/pi-tui';\n\nimport type { TuiModelChoice } from '../tui-backend.js';\nimport { modelRef } from '../tui-scoped-models.js';\nimport { searchableSelectListTheme, theme } from '../theme.js';\nimport { formatKeyIds } from '../format-tui-hotkeys.js';\nimport { SearchableSelectList } from './searchable-select-list.js';\n\nexport type ScopedModelsSelectorCallbacks = {\n  /** `null` = all models enabled for Ctrl+P. */\n  onSave: (refs: string[] | null) => void;\n  onCancel: () => void;\n  requestRender: () => void;\n};\n\nfunction getOrderedCatalog(catalog: TuiModelChoice[], enabledRefs: Set<string> | null): TuiModelChoice[] {\n  if (enabledRefs === null) return catalog;\n\n  const byRef = new Map(catalog.map((model) => [modelRef(model), model]));\n  const ordered: TuiModelChoice[] = [];\n  const seen = new Set<string>();\n  for (const ref of enabledRefs) {\n    const model = byRef.get(ref);\n    if (!model) continue;\n    ordered.push(model);\n    seen.add(ref);\n  }\n  for (const model of catalog) {\n    const ref = modelRef(model);\n    if (!seen.has(ref)) ordered.push(model);\n  }\n  return ordered;\n}\n\nfunction buildItems(catalog: TuiModelChoice[], enabledRefs: Set<string> | null): SelectItem[] {\n  return getOrderedCatalog(catalog, enabledRefs).map((m) => {\n    const ref = modelRef(m);\n    const checked = enabledRefs === null ? true : enabledRefs.has(ref);\n    return {\n      value: ref,\n      label: `${checked ? '☑' : '☐'} ${m.name || m.id}`,\n      description: m.provider,\n      searchText: `${m.provider} ${m.id} ${m.name ?? ''}`,\n    };\n  });\n}\n\n/** Toggle models included in Ctrl+P cycling (pi `/scoped-models` subset). */\nexport class ScopedModelsSelector implements Component {\n  private readonly catalog: TuiModelChoice[];\n  private enabledRefs: Set<string> | null;\n  private readonly list: SearchableSelectList;\n  private readonly footer = new Text('', 1, 0);\n\n  constructor(\n    catalog: TuiModelChoice[],\n    initialRefs: string[] | null,\n    private readonly callbacks: ScopedModelsSelectorCallbacks,\n    private readonly keybindings?: KeybindingsManager,\n  ) {\n    this.catalog = catalog;\n    this.enabledRefs =\n      initialRefs === null ? null : initialRefs.length === 0 ? new Set() : new Set(initialRefs);\n\n    this.list = new SearchableSelectList(\n      buildItems(catalog, this.enabledRefs),\n      12,\n      searchableSelectListTheme,\n    );\n    this.list.onCancel = () => this.callbacks.onCancel();\n    this.list.onSelect = () => this.saveAndClose();\n    this.footer.setText(theme.dim(this.buildFooterText()));\n  }\n\n  private buildFooterText(): string {\n    if (!this.keybindings) {\n      return 'Space toggle · P provider · A all · C clear · [/] reorder · Enter save · Esc cancel';\n    }\n    const provider = formatKeyIds(this.keybindings, 'app.models.toggleProvider', {\n      capitalize: true,\n    });\n    const all = formatKeyIds(this.keybindings, 'app.models.enableAll', { capitalize: true });\n    const clear = formatKeyIds(this.keybindings, 'app.models.clearAll', { capitalize: true });\n    const up = formatKeyIds(this.keybindings, 'app.models.reorderUp', { capitalize: true });\n    const down = formatKeyIds(this.keybindings, 'app.models.reorderDown', { capitalize: true });\n    const save = formatKeyIds(this.keybindings, 'app.models.save', { capitalize: true });\n    const confirm = formatKeyIds(this.keybindings, 'tui.select.confirm', { capitalize: true });\n    const cancel = formatKeyIds(this.keybindings, 'tui.select.cancel', { capitalize: true });\n    return `Space toggle · ${provider} provider · ${all} all · ${clear} clear · ${up}/${down} reorder · ${confirm}/${save} save · ${cancel} cancel`;\n  }\n\n  private matchesAction(keyData: string, action: Keybinding, aliases: string[] = []): boolean {\n    if (this.keybindings?.matches(keyData, action)) return true;\n    return aliases.some((key) => keyData === key || matchesKey(keyData, key as never));\n  }\n\n  private refreshItems(): void {\n    const selected = this.list.getSelectedItem()?.value;\n    const items = buildItems(this.catalog, this.enabledRefs);\n    this.list.setItems(items);\n    if (selected) {\n      this.list.setSelectedValue(selected);\n    }\n  }\n\n  private saveAndClose(): void {\n    if (this.enabledRefs === null) {\n      this.callbacks.onSave(null);\n      return;\n    }\n    const refs = [...this.enabledRefs];\n    this.callbacks.onSave(refs.length === this.catalog.length ? null : refs);\n  }\n\n  private toggleSelectedProvider(): void {\n    const item = this.list.getSelectedItem();\n    if (!item) return;\n    const provider = item.value.split('/')[0];\n    if (!provider) return;\n\n    const allRefs = this.catalog.map(modelRef);\n    const providerRefs = this.catalog\n      .filter((model) => model.provider === provider)\n      .map(modelRef);\n    const next = this.enabledRefs === null ? new Set(allRefs) : new Set(this.enabledRefs);\n    const providerEnabled = providerRefs.every((ref) => next.has(ref));\n\n    for (const ref of providerRefs) {\n      if (providerEnabled) {\n        next.delete(ref);\n      } else {\n        next.add(ref);\n      }\n    }\n\n    this.enabledRefs = next.size === allRefs.length ? null : next;\n    this.refreshItems();\n    this.callbacks.requestRender();\n  }\n\n  private moveSelected(delta: number): void {\n    const item = this.list.getSelectedItem();\n    if (!item) return;\n\n    if (this.enabledRefs === null) {\n      this.enabledRefs = new Set(this.catalog.map(modelRef));\n    }\n    if (!this.enabledRefs.has(item.value)) return;\n\n    const refs = [...this.enabledRefs];\n    const index = refs.indexOf(item.value);\n    const nextIndex = index + delta;\n    if (index < 0 || nextIndex < 0 || nextIndex >= refs.length) return;\n\n    const [moved] = refs.splice(index, 1);\n    if (!moved) return;\n    refs.splice(nextIndex, 0, moved);\n    this.enabledRefs = new Set(refs);\n    this.refreshItems();\n    this.callbacks.requestRender();\n  }\n\n  invalidate(): void {\n    this.list.invalidate();\n  }\n\n  render(width: number): string[] {\n    const cycleKey = this.keybindings\n      ? formatKeyIds(this.keybindings, 'app.model.cycleForward', { capitalize: true })\n      : 'Ctrl+P';\n    return [\n      theme.bold(`Scoped models (${cycleKey} cycle)`),\n      '',\n      ...this.list.render(width),\n      '',\n      ...this.footer.render(width),\n    ];\n  }\n\n  handleInput(keyData: string): void {\n    if (isKeyRelease(keyData)) return;\n\n    if (matchesKey(keyData, 'enter') || this.matchesAction(keyData, 'app.models.save')) {\n      this.saveAndClose();\n      return;\n    }\n\n    if (keyData === ' ') {\n      const item = this.list.getSelectedItem();\n      if (!item) return;\n      if (this.enabledRefs === null) {\n        this.enabledRefs = new Set(this.catalog.map(modelRef));\n      }\n      if (this.enabledRefs.has(item.value)) {\n        this.enabledRefs.delete(item.value);\n      } else {\n        this.enabledRefs.add(item.value);\n      }\n      this.refreshItems();\n      this.callbacks.requestRender();\n      return;\n    }\n\n    if (this.matchesAction(keyData, 'app.models.enableAll', ['a', 'A'])) {\n      this.enabledRefs = null;\n      this.refreshItems();\n      this.callbacks.requestRender();\n      return;\n    }\n\n    if (this.matchesAction(keyData, 'app.models.toggleProvider', ['p', 'P'])) {\n      this.toggleSelectedProvider();\n      return;\n    }\n\n    if (this.matchesAction(keyData, 'app.models.clearAll', ['c', 'C'])) {\n      this.enabledRefs = new Set();\n      this.refreshItems();\n      this.callbacks.requestRender();\n      return;\n    }\n\n    if (this.matchesAction(keyData, 'app.models.reorderUp', ['['])) {\n      this.moveSelected(-1);\n      return;\n    }\n\n    if (this.matchesAction(keyData, 'app.models.reorderDown', [']'])) {\n      this.moveSelected(1);\n      return;\n    }\n\n    this.list.handleInput(keyData);\n    this.callbacks.requestRender();\n  }\n}\n"],"mappings":"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"}

package/dist/src/tui/components/searchable-select-list.d.ts

@@ -1,10 +1,16 @@
-import { type Component, type SelectItem, type SelectListTheme } from '@earendil-works/pi-tui';
+import { type Component, type Focusable, type SelectItem, type SelectListTheme } from '@earendil-works/pi-tui';
 export interface SearchableSelectListTheme extends SelectListTheme {
     searchPrompt: (text: string) => string;
     searchInput: (text: string) => string;
     matchHighlight: (text: string) => string;
 }
-export declare class SearchableSelectList implements Component {
+export interface SearchableSelectListOptions {
+    initialQuery?: string;
+    wrapNavigation?: boolean;
+    searchPromptText?: string;
+    filterItems?: (items: SelectItem[], query: string) => SelectItem[];
+}
+export declare class SearchableSelectList implements Component, Focusable {
     private items;
     private filteredItems;
     private selectedIndex;
@@ -12,6 +18,10 @@ export declare class SearchableSelectList implements Component {
     private theme;
     private searchInput;
     private regexCache;
+    private _focused;
+    private readonly wrapNavigation;
+    private readonly searchPromptText;
+    private readonly filterItems?;
     onSelect?: (item: SelectItem) => void;
     onCancel?: () => void;
     onSelectionChange?: (item: SelectItem) => void;
@@ -19,7 +29,9 @@ export declare class SearchableSelectList implements Component {
     private static readonly DESCRIPTION_MIN_WIDTH;
     private static readonly DESCRIPTION_SPACING_WIDTH;
     private static readonly RIGHT_MARGIN_WIDTH;
-    constructor(items: SelectItem[], maxVisible: number, theme: SearchableSelectListTheme);
+    constructor(items: SelectItem[], maxVisible: number, theme: SearchableSelectListTheme, options?: SearchableSelectListOptions);
+    get focused(): boolean;
+    set focused(value: boolean);
     private getCachedRegex;
     private updateFilter;
     private smartFilter;
@@ -29,10 +41,25 @@ export declare class SearchableSelectList implements Component {
     private splitAnsiParts;
     private highlightMatch;
     setSelectedIndex(index: number): void;
+    setSelectedValue(value: string): boolean;
+    setItems(items: SelectItem[]): void;
+    setSearchQuery(query: string, options?: {
+        selectedValue?: string;
+    }): void;
+    clearSearch(options?: {
+        selectedValue?: string;
+    }): void;
+    getSearchQuery(): string;
+    getSelectionStats(): {
+        selected: number;
+        total: number;
+    };
     invalidate(): void;
     render(width: number): string[];
     private renderItemLine;
     private getDescriptionLayout;
+    private moveSelection;
+    private matchesSelectAction;
     handleInput(keyData: string): void;
     private notifySelectionChange;
     getSelectedItem(): SelectItem | null;

package/dist/src/tui/components/searchable-select-list.js

@@ -1,10 +1,13 @@
 import { findWordBoundaryIndex, fuzzyFilterLower, normalizeLowercaseStringOrEmpty } from "./fuzzy-filter.js";
-import { Input, isKeyRelease, matchesKey, truncateToWidth, visibleWidth } from "@earendil-works/pi-tui";
+import { Input, getKeybindings, isKeyRelease, matchesKey, truncateToWidth, visibleWidth } from "@earendil-works/pi-tui";
 //#region src/tui/components/searchable-select-list.ts
 const ANSI_SGR_REGEX = new RegExp(`${String.fromCharCode(27)}\\[[0-9;]*m`, "g");
 function stripAnsi(raw) {
 	return raw.replace(/\x1b\[[0-9;]*m/g, "");
 }
+function normalizeSingleLine(text) {
+	return text.replace(/[\r\n]+/g, " ").replace(/\s+/g, " ").trim();
+}
 var SearchableSelectList = class SearchableSelectList {
 	items;
 	filteredItems;
@@ -13,6 +16,10 @@ var SearchableSelectList = class SearchableSelectList {
 	theme;
 	searchInput;
 	regexCache = /* @__PURE__ */ new Map();
+	_focused = false;
+	wrapNavigation;
+	searchPromptText;
+	filterItems;
 	onSelect;
 	onCancel;
 	onSelectionChange;
@@ -20,12 +27,27 @@ var SearchableSelectList = class SearchableSelectList {
 	static DESCRIPTION_MIN_WIDTH = 12;
 	static DESCRIPTION_SPACING_WIDTH = 2;
 	static RIGHT_MARGIN_WIDTH = 2;
-	constructor(items, maxVisible, theme) {
+	constructor(items, maxVisible, theme, options = {}) {
 		this.items = items;
 		this.filteredItems = items;
 		this.maxVisible = maxVisible;
 		this.theme = theme;
+		this.wrapNavigation = options.wrapNavigation ?? false;
+		this.searchPromptText = options.searchPromptText ?? "search: ";
+		this.filterItems = options.filterItems;
 		this.searchInput = new Input();
+		const initialQuery = options.initialQuery?.trim();
+		if (initialQuery) {
+			this.searchInput.setValue(initialQuery);
+			this.updateFilter();
+		}
+	}
+	get focused() {
+		return this._focused;
+	}
+	set focused(value) {
+		this._focused = value;
+		this.searchInput.focused = value;
 	}
 	getCachedRegex(pattern) {
 		let regex = this.regexCache.get(pattern);
@@ -38,6 +60,7 @@ var SearchableSelectList = class SearchableSelectList {
 	updateFilter() {
 		const query = this.searchInput.getValue().trim();
 		if (!query) this.filteredItems = this.items;
+		else if (this.filterItems) this.filteredItems = this.filterItems(this.items, query);
 		else this.filteredItems = this.smartFilter(query);
 		this.selectedIndex = 0;
 		this.notifySelectionChange();
@@ -152,13 +175,43 @@ var SearchableSelectList = class SearchableSelectList {
 	}
 	setSelectedIndex(index) {
 		this.selectedIndex = Math.max(0, Math.min(index, this.filteredItems.length - 1));
+		this.notifySelectionChange();
+	}
+	setSelectedValue(value) {
+		const index = this.filteredItems.findIndex((item) => item.value === value);
+		if (index < 0) return false;
+		this.selectedIndex = index;
+		this.notifySelectionChange();
+		return true;
+	}
+	setItems(items) {
+		this.items = items;
+		this.updateFilter();
+	}
+	setSearchQuery(query, options = {}) {
+		this.searchInput.setValue(query);
+		this.updateFilter();
+		if (options.selectedValue) this.setSelectedValue(options.selectedValue);
+	}
+	clearSearch(options = {}) {
+		this.setSearchQuery("", options);
+	}
+	getSearchQuery() {
+		return this.searchInput.getValue();
+	}
+	getSelectionStats() {
+		const total = this.filteredItems.length;
+		return {
+			selected: total === 0 ? 0 : this.selectedIndex + 1,
+			total
+		};
 	}
 	invalidate() {
 		this.searchInput.invalidate();
 	}
 	render(width) {
 		const lines = [];
-		const prompt = this.theme.searchPrompt("search: ");
+		const prompt = this.theme.searchPrompt(this.searchPromptText);
 		const inputWidth = Math.max(1, width - visibleWidth(prompt));
 		const inputText = this.searchInput.render(inputWidth)[0] ?? "";
 		lines.push(`${prompt}${this.theme.searchInput(inputText)}`);
@@ -186,7 +239,7 @@ var SearchableSelectList = class SearchableSelectList {
 		const prefix = isSelected ? "→ " : "  ";
 		const prefixWidth = prefix.length;
 		const displayValue = this.getItemLabel(item);
-		const description = item.description;
+		const description = item.description ? normalizeSingleLine(item.description) : void 0;
 		if (description) {
 			const descriptionLayout = this.getDescriptionLayout(width, prefixWidth);
 			if (descriptionLayout) {
@@ -218,24 +271,43 @@ var SearchableSelectList = class SearchableSelectList {
 			spacingWidth: SearchableSelectList.DESCRIPTION_SPACING_WIDTH
 		};
 	}
+	moveSelection(delta) {
+		if (this.filteredItems.length === 0) return;
+		this.selectedIndex = Math.max(0, Math.min(this.filteredItems.length - 1, this.selectedIndex + delta));
+		this.notifySelectionChange();
+	}
+	matchesSelectAction(keyData, action, aliases = []) {
+		if (getKeybindings().matches(keyData, action)) return true;
+		return aliases.some((key) => keyData === key || matchesKey(keyData, key));
+	}
 	handleInput(keyData) {
 		if (isKeyRelease(keyData)) return;
-		if (matchesKey(keyData, "up") || matchesKey(keyData, "ctrl+p")) {
-			this.selectedIndex = Math.max(0, this.selectedIndex - 1);
+		if (this.matchesSelectAction(keyData, "tui.select.up", ["up", "ctrl+p"])) {
+			if (this.filteredItems.length === 0) return;
+			this.selectedIndex = this.wrapNavigation && this.selectedIndex === 0 ? this.filteredItems.length - 1 : Math.max(0, this.selectedIndex - 1);
 			this.notifySelectionChange();
 			return;
 		}
-		if (matchesKey(keyData, "down") || matchesKey(keyData, "ctrl+n")) {
-			this.selectedIndex = Math.min(this.filteredItems.length - 1, this.selectedIndex + 1);
+		if (this.matchesSelectAction(keyData, "tui.select.down", ["down", "ctrl+n"])) {
+			if (this.filteredItems.length === 0) return;
+			this.selectedIndex = this.wrapNavigation && this.selectedIndex === this.filteredItems.length - 1 ? 0 : Math.min(this.filteredItems.length - 1, this.selectedIndex + 1);
 			this.notifySelectionChange();
 			return;
 		}
-		if (matchesKey(keyData, "enter")) {
+		if (this.matchesSelectAction(keyData, "tui.select.pageUp", ["pageUp"])) {
+			this.moveSelection(-this.maxVisible);
+			return;
+		}
+		if (this.matchesSelectAction(keyData, "tui.select.pageDown", ["pageDown"])) {
+			this.moveSelection(this.maxVisible);
+			return;
+		}
+		if (this.matchesSelectAction(keyData, "tui.select.confirm", ["enter"])) {
 			const item = this.filteredItems[this.selectedIndex];
 			if (item && this.onSelect) this.onSelect(item);
 			return;
 		}
-		if (matchesKey(keyData, "escape") || keyData === "") {
+		if (this.matchesSelectAction(keyData, "tui.select.cancel", ["escape", "ctrl+c"])) {
 			if (this.onCancel) this.onCancel();
 			return;
 		}