@xopcai/xopc 0.0.27 → 0.0.29

package/dist/src/tui/components/assistant-message.js

@@ -0,0 +1,19 @@
+import { markdownTheme, theme } from "../theme.js";
+import { Container, Markdown, Spacer } from "@mariozechner/pi-tui";
+//#region src/tui/components/assistant-message.ts
+var AssistantMessageComponent = class extends Container {
+	body;
+	constructor(text) {
+		super();
+		this.body = new Markdown(text, 0, 0, markdownTheme, { color: (line) => theme.assistantText(line) });
+		this.addChild(new Spacer(1));
+		this.addChild(this.body);
+	}
+	setText(text) {
+		this.body.setText(text);
+	}
+};
+//#endregion
+export { AssistantMessageComponent };
+
+//# sourceMappingURL=assistant-message.js.map

package/dist/src/tui/components/assistant-message.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"assistant-message.js","names":[],"sources":["../../../../src/tui/components/assistant-message.ts"],"sourcesContent":["import { Container, Markdown, Spacer } from '@mariozechner/pi-tui';\n\nimport { markdownTheme, theme } from '../theme.js';\n\nexport class AssistantMessageComponent extends Container {\n  private body: Markdown;\n\n  constructor(text: string) {\n    super();\n    this.body = new Markdown(text, 0, 0, markdownTheme, {\n      color: (line) => theme.assistantText(line),\n    });\n    this.addChild(new Spacer(1));\n    this.addChild(this.body);\n  }\n\n  setText(text: string): void {\n    this.body.setText(text);\n  }\n}\n"],"mappings":";;;AAIA,IAAa,4BAAb,cAA+C,UAAU;CACvD;CAEA,YAAY,MAAc;AACxB,SAAO;AACP,OAAK,OAAO,IAAI,SAAS,MAAM,GAAG,GAAG,eAAe,EAClD,QAAQ,SAAS,MAAM,cAAc,KAAK,EAC3C,CAAC;AACF,OAAK,SAAS,IAAI,OAAO,EAAE,CAAC;AAC5B,OAAK,SAAS,KAAK,KAAK;;CAG1B,QAAQ,MAAoB;AAC1B,OAAK,KAAK,QAAQ,KAAK"}

package/dist/src/tui/components/chat-log.d.ts

@@ -0,0 +1,21 @@
+import { Container } from '@mariozechner/pi-tui';
+export declare class ChatLog extends Container {
+    private toolById;
+    private streamingRuns;
+    /** After finalizeAssistant, late tool_start can still arrive; keep the bubble to insert tools above. */
+    private assistantAnchorByRunId;
+    private toolsExpanded;
+    private pruneOverflow;
+    private dropReferences;
+    private append;
+    clearAll(): void;
+    addSystem(text: string): void;
+    addUser(text: string): void;
+    startAssistant(text: string, runId: string): void;
+    updateAssistant(text: string, runId: string): void;
+    finalizeAssistant(text: string, runId: string): void;
+    dropAssistant(runId: string): void;
+    startTool(toolCallId: string, toolName: string, args: unknown, runId: string): void;
+    updateToolResult(toolCallId: string, result: string, isError: boolean): void;
+    setToolsExpanded(expanded: boolean): void;
+}

package/dist/src/tui/components/chat-log.js

@@ -0,0 +1,113 @@
+import { theme } from "../theme.js";
+import { AssistantMessageComponent } from "./assistant-message.js";
+import { ToolExecutionComponent } from "./tool-execution.js";
+import { UserMessageComponent } from "./user-message.js";
+import { Container, Spacer, Text } from "@mariozechner/pi-tui";
+//#region src/tui/components/chat-log.ts
+const MAX_COMPONENTS = 180;
+var ChatLog = class extends Container {
+	toolById = /* @__PURE__ */ new Map();
+	streamingRuns = /* @__PURE__ */ new Map();
+	/** After finalizeAssistant, late tool_start can still arrive; keep the bubble to insert tools above. */
+	assistantAnchorByRunId = /* @__PURE__ */ new Map();
+	toolsExpanded = false;
+	pruneOverflow() {
+		while (this.children.length > MAX_COMPONENTS) {
+			const oldest = this.children[0];
+			if (!oldest) return;
+			this.removeChild(oldest);
+			this.dropReferences(oldest);
+		}
+	}
+	dropReferences(component) {
+		for (const [id, tool] of this.toolById.entries()) if (tool === component) this.toolById.delete(id);
+		for (const [runId, msg] of this.streamingRuns.entries()) if (msg === component) this.streamingRuns.delete(runId);
+		for (const [runId, msg] of this.assistantAnchorByRunId.entries()) if (msg === component) this.assistantAnchorByRunId.delete(runId);
+	}
+	append(component) {
+		this.addChild(component);
+		this.pruneOverflow();
+	}
+	clearAll() {
+		this.clear();
+		this.toolById.clear();
+		this.streamingRuns.clear();
+		this.assistantAnchorByRunId.clear();
+	}
+	addSystem(text) {
+		const entry = new Container();
+		entry.addChild(new Spacer(1));
+		entry.addChild(new Text(theme.system(text), 1, 0));
+		this.append(entry);
+	}
+	addUser(text) {
+		this.assistantAnchorByRunId.clear();
+		this.append(new UserMessageComponent(text));
+	}
+	startAssistant(text, runId) {
+		const existing = this.streamingRuns.get(runId);
+		if (existing) {
+			existing.setText(text);
+			return;
+		}
+		const component = new AssistantMessageComponent(text);
+		this.streamingRuns.set(runId, component);
+		this.append(component);
+	}
+	updateAssistant(text, runId) {
+		const existing = this.streamingRuns.get(runId);
+		if (!existing) {
+			this.startAssistant(text, runId);
+			return;
+		}
+		existing.setText(text);
+	}
+	finalizeAssistant(text, runId) {
+		const existing = this.streamingRuns.get(runId);
+		if (existing) {
+			existing.setText(text);
+			this.streamingRuns.delete(runId);
+			this.assistantAnchorByRunId.set(runId, existing);
+			return;
+		}
+		const legacy = new AssistantMessageComponent(text);
+		this.append(legacy);
+		if (text.trim()) this.assistantAnchorByRunId.set(runId, legacy);
+	}
+	dropAssistant(runId) {
+		const existing = this.streamingRuns.get(runId);
+		if (!existing) return;
+		this.removeChild(existing);
+		this.streamingRuns.delete(runId);
+	}
+	startTool(toolCallId, toolName, args, runId) {
+		const existing = this.toolById.get(toolCallId);
+		if (existing) {
+			existing.setArgs(args);
+			return;
+		}
+		const component = new ToolExecutionComponent(toolName, args);
+		component.setExpanded(this.toolsExpanded);
+		this.toolById.set(toolCallId, component);
+		const assistant = this.streamingRuns.get(runId) ?? this.assistantAnchorByRunId.get(runId);
+		if (assistant) {
+			this.removeChild(assistant);
+			this.addChild(component);
+			this.addChild(assistant);
+		} else this.addChild(component);
+		this.pruneOverflow();
+	}
+	updateToolResult(toolCallId, result, isError) {
+		const existing = this.toolById.get(toolCallId);
+		if (!existing) return;
+		existing.setResult(result, isError);
+	}
+	setToolsExpanded(expanded) {
+		this.toolsExpanded = expanded;
+		for (const tool of this.toolById.values()) tool.setExpanded(expanded);
+	}
+};
+//#endregion
+export { ChatLog };
+
+//# sourceMappingURL=chat-log.js.map

package/dist/src/tui/components/chat-log.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-log.js","names":[],"sources":["../../../../src/tui/components/chat-log.ts"],"sourcesContent":["import type { Component } from '@mariozechner/pi-tui';\nimport { Container, Spacer, Text } from '@mariozechner/pi-tui';\n\nimport { theme } from '../theme.js';\nimport { AssistantMessageComponent } from './assistant-message.js';\nimport { ToolExecutionComponent } from './tool-execution.js';\nimport { UserMessageComponent } from './user-message.js';\n\nconst MAX_COMPONENTS = 180;\n\nexport class ChatLog extends Container {\n  private toolById = new Map<string, ToolExecutionComponent>();\n  private streamingRuns = new Map<string, AssistantMessageComponent>();\n  /** After finalizeAssistant, late tool_start can still arrive; keep the bubble to insert tools above. */\n  private assistantAnchorByRunId = new Map<string, AssistantMessageComponent>();\n  private toolsExpanded = false;\n\n  private pruneOverflow(): void {\n    while (this.children.length > MAX_COMPONENTS) {\n      const oldest = this.children[0];\n      if (!oldest) return;\n      this.removeChild(oldest);\n      this.dropReferences(oldest);\n    }\n  }\n\n  private dropReferences(component: Component): void {\n    for (const [id, tool] of this.toolById.entries()) {\n      if (tool === component) this.toolById.delete(id);\n    }\n    for (const [runId, msg] of this.streamingRuns.entries()) {\n      if (msg === component) this.streamingRuns.delete(runId);\n    }\n    for (const [runId, msg] of this.assistantAnchorByRunId.entries()) {\n      if (msg === component) this.assistantAnchorByRunId.delete(runId);\n    }\n  }\n\n  private append(component: Component): void {\n    this.addChild(component);\n    this.pruneOverflow();\n  }\n\n  clearAll(): void {\n    this.clear();\n    this.toolById.clear();\n    this.streamingRuns.clear();\n    this.assistantAnchorByRunId.clear();\n  }\n\n  addSystem(text: string): void {\n    const entry = new Container();\n    entry.addChild(new Spacer(1));\n    entry.addChild(new Text(theme.system(text), 1, 0));\n    this.append(entry);\n  }\n\n  addUser(text: string): void {\n    this.assistantAnchorByRunId.clear();\n    this.append(new UserMessageComponent(text));\n  }\n\n  startAssistant(text: string, runId: string): void {\n    const existing = this.streamingRuns.get(runId);\n    if (existing) {\n      existing.setText(text);\n      return;\n    }\n    const component = new AssistantMessageComponent(text);\n    this.streamingRuns.set(runId, component);\n    this.append(component);\n  }\n\n  updateAssistant(text: string, runId: string): void {\n    const existing = this.streamingRuns.get(runId);\n    if (!existing) {\n      this.startAssistant(text, runId);\n      return;\n    }\n    existing.setText(text);\n  }\n\n  finalizeAssistant(text: string, runId: string): void {\n    const existing = this.streamingRuns.get(runId);\n    if (existing) {\n      existing.setText(text);\n      this.streamingRuns.delete(runId);\n      this.assistantAnchorByRunId.set(runId, existing);\n      return;\n    }\n    const legacy = new AssistantMessageComponent(text);\n    this.append(legacy);\n    if (text.trim()) {\n      this.assistantAnchorByRunId.set(runId, legacy);\n    }\n  }\n\n  dropAssistant(runId: string): void {\n    const existing = this.streamingRuns.get(runId);\n    if (!existing) return;\n    this.removeChild(existing);\n    this.streamingRuns.delete(runId);\n  }\n\n  startTool(toolCallId: string, toolName: string, args: unknown, runId: string): void {\n    const existing = this.toolById.get(toolCallId);\n    if (existing) {\n      existing.setArgs(args);\n      return;\n    }\n    const component = new ToolExecutionComponent(toolName, args);\n    component.setExpanded(this.toolsExpanded);\n    this.toolById.set(toolCallId, component);\n\n    const assistant =\n      this.streamingRuns.get(runId) ?? this.assistantAnchorByRunId.get(runId);\n    if (assistant) {\n      // Streamed assistant text is updated in place from the start of the turn; tools\n      // arrive later from SSE but should appear above the conversational reply (like the web UI).\n      this.removeChild(assistant);\n      this.addChild(component);\n      this.addChild(assistant);\n    } else {\n      this.addChild(component);\n    }\n    this.pruneOverflow();\n  }\n\n  updateToolResult(toolCallId: string, result: string, isError: boolean): void {\n    const existing = this.toolById.get(toolCallId);\n    if (!existing) return;\n    existing.setResult(result, isError);\n  }\n\n  setToolsExpanded(expanded: boolean): void {\n    this.toolsExpanded = expanded;\n    for (const tool of this.toolById.values()) {\n      tool.setExpanded(expanded);\n    }\n  }\n}\n"],"mappings":"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"}

package/dist/src/tui/components/custom-editor.d.ts

@@ -0,0 +1,14 @@
+import { Editor } from '@mariozechner/pi-tui';
+/**
+ * Extended editor with additional key bindings for the TUI.
+ */
+export declare class CustomEditor extends Editor {
+    onEscape?: () => void;
+    onCtrlC?: () => void;
+    onCtrlD?: () => void;
+    onCtrlL?: () => void;
+    onCtrlP?: () => void;
+    onCtrlO?: () => void;
+    onCtrlT?: () => void;
+    handleInput(data: string): void;
+}

package/dist/src/tui/components/custom-editor.js

@@ -0,0 +1,50 @@
+import { Editor, Key, getKeybindings, matchesKey, parseKey } from "@mariozechner/pi-tui";
+//#region src/tui/components/custom-editor.ts
+/**
+* Extended editor with additional key bindings for the TUI.
+*/
+var CustomEditor = class extends Editor {
+	onEscape;
+	onCtrlC;
+	onCtrlD;
+	onCtrlL;
+	onCtrlP;
+	onCtrlO;
+	onCtrlT;
+	handleInput(data) {
+		const kb = getKeybindings();
+		if (matchesKey(data, Key.ctrl("l")) && this.onCtrlL) {
+			this.onCtrlL();
+			return;
+		}
+		if (matchesKey(data, Key.ctrl("p")) && this.onCtrlP) {
+			this.onCtrlP();
+			return;
+		}
+		if (matchesKey(data, Key.ctrl("o")) && this.onCtrlO) {
+			this.onCtrlO();
+			return;
+		}
+		if (matchesKey(data, Key.ctrl("t")) && this.onCtrlT) {
+			this.onCtrlT();
+			return;
+		}
+		if (matchesKey(data, Key.escape) && this.onEscape && !this.isShowingAutocomplete()) {
+			this.onEscape();
+			return;
+		}
+		if (this.onCtrlC && (data === "" || parseKey(data) === "ctrl+c" || matchesKey(data, Key.ctrl("c")) || kb.matches(data, "tui.input.copy"))) {
+			this.onCtrlC();
+			return;
+		}
+		if (matchesKey(data, Key.ctrl("d"))) {
+			if (this.getText().length === 0 && this.onCtrlD) this.onCtrlD();
+			return;
+		}
+		super.handleInput(data);
+	}
+};
+//#endregion
+export { CustomEditor };
+
+//# sourceMappingURL=custom-editor.js.map

package/dist/src/tui/components/custom-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom-editor.js","names":[],"sources":["../../../../src/tui/components/custom-editor.ts"],"sourcesContent":["import { Editor, getKeybindings, Key, matchesKey, parseKey } from '@mariozechner/pi-tui';\n\n/**\n * Extended editor with additional key bindings for the TUI.\n */\nexport class CustomEditor extends Editor {\n  onEscape?: () => void;\n  onCtrlC?: () => void;\n  onCtrlD?: () => void;\n  onCtrlL?: () => void;\n  onCtrlP?: () => void;\n  onCtrlO?: () => void;\n  onCtrlT?: () => void;\n\n  handleInput(data: string): void {\n    const kb = getKeybindings();\n    if (matchesKey(data, Key.ctrl('l')) && this.onCtrlL) {\n      this.onCtrlL();\n      return;\n    }\n    if (matchesKey(data, Key.ctrl('p')) && this.onCtrlP) {\n      this.onCtrlP();\n      return;\n    }\n    if (matchesKey(data, Key.ctrl('o')) && this.onCtrlO) {\n      this.onCtrlO();\n      return;\n    }\n    if (matchesKey(data, Key.ctrl('t')) && this.onCtrlT) {\n      this.onCtrlT();\n      return;\n    }\n    if (matchesKey(data, Key.escape) && this.onEscape && !this.isShowingAutocomplete()) {\n      this.onEscape();\n      return;\n    }\n    // Match all encodings pi-tui uses for Ctrl+C (incl. Kitty / modifyOtherKeys on macOS).\n    // Base Editor treats \"tui.input.copy\" as a no-op — falling through swallows the key.\n    if (\n      this.onCtrlC &&\n      (data === '\\x03' ||\n        parseKey(data) === 'ctrl+c' ||\n        matchesKey(data, Key.ctrl('c')) ||\n        kb.matches(data, 'tui.input.copy'))\n    ) {\n      this.onCtrlC();\n      return;\n    }\n    if (matchesKey(data, Key.ctrl('d'))) {\n      if (this.getText().length === 0 && this.onCtrlD) {\n        this.onCtrlD();\n      }\n      return;\n    }\n    super.handleInput(data);\n  }\n}\n"],"mappings":";;;;;AAKA,IAAa,eAAb,cAAkC,OAAO;CACvC;CACA;CACA;CACA;CACA;CACA;CACA;CAEA,YAAY,MAAoB;EAC9B,MAAM,KAAK,gBAAgB;AAC3B,MAAI,WAAW,MAAM,IAAI,KAAK,IAAI,CAAC,IAAI,KAAK,SAAS;AACnD,QAAK,SAAS;AACd;;AAEF,MAAI,WAAW,MAAM,IAAI,KAAK,IAAI,CAAC,IAAI,KAAK,SAAS;AACnD,QAAK,SAAS;AACd;;AAEF,MAAI,WAAW,MAAM,IAAI,KAAK,IAAI,CAAC,IAAI,KAAK,SAAS;AACnD,QAAK,SAAS;AACd;;AAEF,MAAI,WAAW,MAAM,IAAI,KAAK,IAAI,CAAC,IAAI,KAAK,SAAS;AACnD,QAAK,SAAS;AACd;;AAEF,MAAI,WAAW,MAAM,IAAI,OAAO,IAAI,KAAK,YAAY,CAAC,KAAK,uBAAuB,EAAE;AAClF,QAAK,UAAU;AACf;;AAIF,MACE,KAAK,YACJ,SAAS,OACR,SAAS,KAAK,KAAK,YACnB,WAAW,MAAM,IAAI,KAAK,IAAI,CAAC,IAC/B,GAAG,QAAQ,MAAM,iBAAiB,GACpC;AACA,QAAK,SAAS;AACd;;AAEF,MAAI,WAAW,MAAM,IAAI,KAAK,IAAI,CAAC,EAAE;AACnC,OAAI,KAAK,SAAS,CAAC,WAAW,KAAK,KAAK,QACtC,MAAK,SAAS;AAEhB;;AAEF,QAAM,YAAY,KAAK"}

package/dist/src/tui/components/fuzzy-filter.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Fuzzy filtering for searchable select lists (openclaw-style).
+ */
+export declare function normalizeLowercaseStringOrEmpty(value: string): string;
+export declare function isWordBoundary(text: string, index: number): boolean;
+export declare function findWordBoundaryIndex(text: string, query: string): number | null;
+export declare function fuzzyMatchLower(queryLower: string, textLower: string): number | null;
+export declare function fuzzyFilterLower<T extends {
+    searchTextLower?: string;
+}>(items: T[], queryLower: string): T[];
+export declare function prepareSearchItems<T extends {
+    label?: string;
+    description?: string;
+    searchText?: string;
+}>(items: T[]): (T & {
+    searchTextLower: string;
+})[];

package/dist/src/tui/components/fuzzy-filter.js

@@ -0,0 +1,85 @@
+//#region src/tui/components/fuzzy-filter.ts
+/**
+* Fuzzy filtering for searchable select lists (openclaw-style).
+*/
+function normalizeLowercaseStringOrEmpty(value) {
+	return value.trim().toLowerCase().replace(/\s+/g, " ");
+}
+const WORD_BOUNDARY_CHARS = /[\s\-_./:#@]/;
+function isWordBoundary(text, index) {
+	return index === 0 || WORD_BOUNDARY_CHARS.test(text[index - 1] ?? "");
+}
+function findWordBoundaryIndex(text, query) {
+	if (!query) return null;
+	const textLower = normalizeLowercaseStringOrEmpty(text);
+	const queryLower = normalizeLowercaseStringOrEmpty(query);
+	const maxIndex = textLower.length - queryLower.length;
+	if (maxIndex < 0) return null;
+	for (let i = 0; i <= maxIndex; i++) if (textLower.startsWith(queryLower, i) && isWordBoundary(textLower, i)) return i;
+	return null;
+}
+function fuzzyMatchLower(queryLower, textLower) {
+	if (queryLower.length === 0) return 0;
+	if (queryLower.length > textLower.length) return null;
+	let queryIndex = 0;
+	let score = 0;
+	let lastMatchIndex = -1;
+	let consecutiveMatches = 0;
+	for (let i = 0; i < textLower.length && queryIndex < queryLower.length; i++) if (textLower[i] === queryLower[queryIndex]) {
+		const atWordBoundary = isWordBoundary(textLower, i);
+		if (lastMatchIndex === i - 1) {
+			consecutiveMatches++;
+			score -= consecutiveMatches * 5;
+		} else {
+			consecutiveMatches = 0;
+			if (lastMatchIndex >= 0) score += (i - lastMatchIndex - 1) * 2;
+		}
+		if (atWordBoundary) score -= 10;
+		score += i * .1;
+		lastMatchIndex = i;
+		queryIndex++;
+	}
+	return queryIndex < queryLower.length ? null : score;
+}
+function fuzzyFilterLower(items, queryLower) {
+	const trimmed = queryLower.trim();
+	if (!trimmed) return items;
+	const tokens = trimmed.split(/\s+/).filter((t) => t.length > 0);
+	if (tokens.length === 0) return items;
+	const results = [];
+	for (const item of items) {
+		const text = item.searchTextLower ?? "";
+		let totalScore = 0;
+		let allMatch = true;
+		for (const token of tokens) {
+			const score = fuzzyMatchLower(token, text);
+			if (score !== null) totalScore += score;
+			else {
+				allMatch = false;
+				break;
+			}
+		}
+		if (allMatch) results.push({
+			item,
+			score: totalScore
+		});
+	}
+	results.sort((a, b) => a.score - b.score);
+	return results.map((r) => r.item);
+}
+function prepareSearchItems(items) {
+	return items.map((item) => {
+		const parts = [];
+		if (item.label) parts.push(item.label);
+		if (item.description) parts.push(item.description);
+		if (item.searchText) parts.push(item.searchText);
+		return {
+			...item,
+			searchTextLower: normalizeLowercaseStringOrEmpty(parts.join(" "))
+		};
+	});
+}
+//#endregion
+export { findWordBoundaryIndex, fuzzyFilterLower, fuzzyMatchLower, isWordBoundary, normalizeLowercaseStringOrEmpty, prepareSearchItems };
+
+//# sourceMappingURL=fuzzy-filter.js.map

package/dist/src/tui/components/fuzzy-filter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fuzzy-filter.js","names":[],"sources":["../../../../src/tui/components/fuzzy-filter.ts"],"sourcesContent":["/**\n * Fuzzy filtering for searchable select lists (openclaw-style).\n */\n\nexport function normalizeLowercaseStringOrEmpty(value: string): string {\n  return value.trim().toLowerCase().replace(/\\s+/g, ' ');\n}\n\nconst WORD_BOUNDARY_CHARS = /[\\s\\-_./:#@]/;\n\nexport function isWordBoundary(text: string, index: number): boolean {\n  return index === 0 || WORD_BOUNDARY_CHARS.test(text[index - 1] ?? '');\n}\n\nexport function findWordBoundaryIndex(text: string, query: string): number | null {\n  if (!query) {\n    return null;\n  }\n  const textLower = normalizeLowercaseStringOrEmpty(text);\n  const queryLower = normalizeLowercaseStringOrEmpty(query);\n  const maxIndex = textLower.length - queryLower.length;\n  if (maxIndex < 0) {\n    return null;\n  }\n  for (let i = 0; i <= maxIndex; i++) {\n    if (textLower.startsWith(queryLower, i) && isWordBoundary(textLower, i)) {\n      return i;\n    }\n  }\n  return null;\n}\n\nexport function fuzzyMatchLower(queryLower: string, textLower: string): number | null {\n  if (queryLower.length === 0) {\n    return 0;\n  }\n  if (queryLower.length > textLower.length) {\n    return null;\n  }\n\n  let queryIndex = 0;\n  let score = 0;\n  let lastMatchIndex = -1;\n  let consecutiveMatches = 0;\n\n  for (let i = 0; i < textLower.length && queryIndex < queryLower.length; i++) {\n    if (textLower[i] === queryLower[queryIndex]) {\n      const atWordBoundary = isWordBoundary(textLower, i);\n      if (lastMatchIndex === i - 1) {\n        consecutiveMatches++;\n        score -= consecutiveMatches * 5;\n      } else {\n        consecutiveMatches = 0;\n        if (lastMatchIndex >= 0) {\n          score += (i - lastMatchIndex - 1) * 2;\n        }\n      }\n      if (atWordBoundary) {\n        score -= 10;\n      }\n      score += i * 0.1;\n      lastMatchIndex = i;\n      queryIndex++;\n    }\n  }\n  return queryIndex < queryLower.length ? null : score;\n}\n\nexport function fuzzyFilterLower<T extends { searchTextLower?: string }>(\n  items: T[],\n  queryLower: string,\n): T[] {\n  const trimmed = queryLower.trim();\n  if (!trimmed) {\n    return items;\n  }\n\n  const tokens = trimmed.split(/\\s+/).filter((t) => t.length > 0);\n  if (tokens.length === 0) {\n    return items;\n  }\n\n  const results: { item: T; score: number }[] = [];\n  for (const item of items) {\n    const text = item.searchTextLower ?? '';\n    let totalScore = 0;\n    let allMatch = true;\n    for (const token of tokens) {\n      const score = fuzzyMatchLower(token, text);\n      if (score !== null) {\n        totalScore += score;\n      } else {\n        allMatch = false;\n        break;\n      }\n    }\n    if (allMatch) {\n      results.push({ item, score: totalScore });\n    }\n  }\n  results.sort((a, b) => a.score - b.score);\n  return results.map((r) => r.item);\n}\n\nexport function prepareSearchItems<\n  T extends { label?: string; description?: string; searchText?: string },\n>(items: T[]): (T & { searchTextLower: string })[] {\n  return items.map((item) => {\n    const parts: string[] = [];\n    if (item.label) {\n      parts.push(item.label);\n    }\n    if (item.description) {\n      parts.push(item.description);\n    }\n    if (item.searchText) {\n      parts.push(item.searchText);\n    }\n    return { ...item, searchTextLower: normalizeLowercaseStringOrEmpty(parts.join(' ')) };\n  });\n}\n"],"mappings":";;;;AAIA,SAAgB,gCAAgC,OAAuB;AACrE,QAAO,MAAM,MAAM,CAAC,aAAa,CAAC,QAAQ,QAAQ,IAAI;;AAGxD,MAAM,sBAAsB;AAE5B,SAAgB,eAAe,MAAc,OAAwB;AACnE,QAAO,UAAU,KAAK,oBAAoB,KAAK,KAAK,QAAQ,MAAM,GAAG;;AAGvE,SAAgB,sBAAsB,MAAc,OAA8B;AAChF,KAAI,CAAC,MACH,QAAO;CAET,MAAM,YAAY,gCAAgC,KAAK;CACvD,MAAM,aAAa,gCAAgC,MAAM;CACzD,MAAM,WAAW,UAAU,SAAS,WAAW;AAC/C,KAAI,WAAW,EACb,QAAO;AAET,MAAK,IAAI,IAAI,GAAG,KAAK,UAAU,IAC7B,KAAI,UAAU,WAAW,YAAY,EAAE,IAAI,eAAe,WAAW,EAAE,CACrE,QAAO;AAGX,QAAO;;AAGT,SAAgB,gBAAgB,YAAoB,WAAkC;AACpF,KAAI,WAAW,WAAW,EACxB,QAAO;AAET,KAAI,WAAW,SAAS,UAAU,OAChC,QAAO;CAGT,IAAI,aAAa;CACjB,IAAI,QAAQ;CACZ,IAAI,iBAAiB;CACrB,IAAI,qBAAqB;AAEzB,MAAK,IAAI,IAAI,GAAG,IAAI,UAAU,UAAU,aAAa,WAAW,QAAQ,IACtE,KAAI,UAAU,OAAO,WAAW,aAAa;EAC3C,MAAM,iBAAiB,eAAe,WAAW,EAAE;AACnD,MAAI,mBAAmB,IAAI,GAAG;AAC5B;AACA,YAAS,qBAAqB;SACzB;AACL,wBAAqB;AACrB,OAAI,kBAAkB,EACpB,WAAU,IAAI,iBAAiB,KAAK;;AAGxC,MAAI,eACF,UAAS;AAEX,WAAS,IAAI;AACb,mBAAiB;AACjB;;AAGJ,QAAO,aAAa,WAAW,SAAS,OAAO;;AAGjD,SAAgB,iBACd,OACA,YACK;CACL,MAAM,UAAU,WAAW,MAAM;AACjC,KAAI,CAAC,QACH,QAAO;CAGT,MAAM,SAAS,QAAQ,MAAM,MAAM,CAAC,QAAQ,MAAM,EAAE,SAAS,EAAE;AAC/D,KAAI,OAAO,WAAW,EACpB,QAAO;CAGT,MAAM,UAAwC,EAAE;AAChD,MAAK,MAAM,QAAQ,OAAO;EACxB,MAAM,OAAO,KAAK,mBAAmB;EACrC,IAAI,aAAa;EACjB,IAAI,WAAW;AACf,OAAK,MAAM,SAAS,QAAQ;GAC1B,MAAM,QAAQ,gBAAgB,OAAO,KAAK;AAC1C,OAAI,UAAU,KACZ,eAAc;QACT;AACL,eAAW;AACX;;;AAGJ,MAAI,SACF,SAAQ,KAAK;GAAE;GAAM,OAAO;GAAY,CAAC;;AAG7C,SAAQ,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,MAAM;AACzC,QAAO,QAAQ,KAAK,MAAM,EAAE,KAAK;;AAGnC,SAAgB,mBAEd,OAAiD;AACjD,QAAO,MAAM,KAAK,SAAS;EACzB,MAAM,QAAkB,EAAE;AAC1B,MAAI,KAAK,MACP,OAAM,KAAK,KAAK,MAAM;AAExB,MAAI,KAAK,YACP,OAAM,KAAK,KAAK,YAAY;AAE9B,MAAI,KAAK,WACP,OAAM,KAAK,KAAK,WAAW;AAE7B,SAAO;GAAE,GAAG;GAAM,iBAAiB,gCAAgC,MAAM,KAAK,IAAI,CAAC;GAAE;GACrF"}

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

@@ -0,0 +1,39 @@
+import { type Component, type SelectItem, type SelectListTheme } from '@mariozechner/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 {
+    private items;
+    private filteredItems;
+    private selectedIndex;
+    private maxVisible;
+    private theme;
+    private searchInput;
+    private regexCache;
+    onSelect?: (item: SelectItem) => void;
+    onCancel?: () => void;
+    onSelectionChange?: (item: SelectItem) => void;
+    private static readonly DESCRIPTION_LAYOUT_MIN_WIDTH;
+    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);
+    private getCachedRegex;
+    private updateFilter;
+    private smartFilter;
+    private escapeRegex;
+    private compareByScore;
+    private getItemLabel;
+    private splitAnsiParts;
+    private highlightMatch;
+    setSelectedIndex(index: number): void;
+    invalidate(): void;
+    render(width: number): string[];
+    private renderItemLine;
+    private getDescriptionLayout;
+    handleInput(keyData: string): void;
+    private notifySelectionChange;
+    getSelectedItem(): SelectItem | null;
+}

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

@@ -0,0 +1,257 @@
+import { findWordBoundaryIndex, fuzzyFilterLower, normalizeLowercaseStringOrEmpty } from "./fuzzy-filter.js";
+import { Input, isKeyRelease, matchesKey, truncateToWidth, visibleWidth } from "@mariozechner/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, "");
+}
+var SearchableSelectList = class SearchableSelectList {
+	items;
+	filteredItems;
+	selectedIndex = 0;
+	maxVisible;
+	theme;
+	searchInput;
+	regexCache = /* @__PURE__ */ new Map();
+	onSelect;
+	onCancel;
+	onSelectionChange;
+	static DESCRIPTION_LAYOUT_MIN_WIDTH = 40;
+	static DESCRIPTION_MIN_WIDTH = 12;
+	static DESCRIPTION_SPACING_WIDTH = 2;
+	static RIGHT_MARGIN_WIDTH = 2;
+	constructor(items, maxVisible, theme) {
+		this.items = items;
+		this.filteredItems = items;
+		this.maxVisible = maxVisible;
+		this.theme = theme;
+		this.searchInput = new Input();
+	}
+	getCachedRegex(pattern) {
+		let regex = this.regexCache.get(pattern);
+		if (!regex) {
+			regex = new RegExp(this.escapeRegex(pattern), "gi");
+			this.regexCache.set(pattern, regex);
+		}
+		return regex;
+	}
+	updateFilter() {
+		const query = this.searchInput.getValue().trim();
+		if (!query) this.filteredItems = this.items;
+		else this.filteredItems = this.smartFilter(query);
+		this.selectedIndex = 0;
+		this.notifySelectionChange();
+	}
+	smartFilter(query) {
+		const q = normalizeLowercaseStringOrEmpty(query);
+		const scoredItems = [];
+		const fuzzyCandidates = [];
+		for (const item of this.items) {
+			const rawLabel = this.getItemLabel(item);
+			const rawDesc = item.description ?? "";
+			const label = normalizeLowercaseStringOrEmpty(stripAnsi(rawLabel));
+			const desc = normalizeLowercaseStringOrEmpty(stripAnsi(rawDesc));
+			const labelIndex = label.indexOf(q);
+			if (labelIndex !== -1) {
+				scoredItems.push({
+					item,
+					tier: 0,
+					score: labelIndex
+				});
+				continue;
+			}
+			const wordBoundaryIndex = findWordBoundaryIndex(label, q);
+			if (wordBoundaryIndex !== null) {
+				scoredItems.push({
+					item,
+					tier: 1,
+					score: wordBoundaryIndex
+				});
+				continue;
+			}
+			const descIndex = desc.indexOf(q);
+			if (descIndex !== -1) {
+				scoredItems.push({
+					item,
+					tier: 2,
+					score: descIndex
+				});
+				continue;
+			}
+			const searchText = item.searchText ?? "";
+			fuzzyCandidates.push({
+				item,
+				searchTextLower: normalizeLowercaseStringOrEmpty([
+					rawLabel,
+					rawDesc,
+					searchText
+				].map((value) => stripAnsi(value)).filter(Boolean).join(" "))
+			});
+		}
+		scoredItems.sort(this.compareByScore);
+		const fuzzyMatches = fuzzyFilterLower(fuzzyCandidates, q);
+		return [...scoredItems.map((s) => s.item), ...fuzzyMatches.map((entry) => entry.item)];
+	}
+	escapeRegex(str) {
+		return str.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+	}
+	compareByScore = (a, b) => {
+		if (a.tier !== b.tier) return a.tier - b.tier;
+		if (a.score !== b.score) return a.score - b.score;
+		return this.getItemLabel(a.item).localeCompare(this.getItemLabel(b.item));
+	};
+	getItemLabel(item) {
+		return item.label || item.value;
+	}
+	splitAnsiParts(text) {
+		const parts = [];
+		ANSI_SGR_REGEX.lastIndex = 0;
+		let lastIndex = 0;
+		let match;
+		while ((match = ANSI_SGR_REGEX.exec(text)) !== null) {
+			if (match.index > lastIndex) parts.push({
+				text: text.slice(lastIndex, match.index),
+				isAnsi: false
+			});
+			parts.push({
+				text: match[0],
+				isAnsi: true
+			});
+			lastIndex = match.index + match[0].length;
+		}
+		if (lastIndex < text.length) parts.push({
+			text: text.slice(lastIndex),
+			isAnsi: false
+		});
+		return parts;
+	}
+	highlightMatch(text, query) {
+		const tokens = query.trim().split(/\s+/).map((token) => normalizeLowercaseStringOrEmpty(token)).filter((token) => token.length > 0);
+		if (tokens.length === 0) return text;
+		const uniqueTokens = Array.from(new Set(tokens)).toSorted((a, b) => b.length - a.length);
+		let parts = this.splitAnsiParts(text);
+		for (const token of uniqueTokens) {
+			const regex = this.getCachedRegex(token);
+			const nextParts = [];
+			for (const part of parts) {
+				if (part.isAnsi) {
+					nextParts.push(part);
+					continue;
+				}
+				regex.lastIndex = 0;
+				const replaced = part.text.replace(regex, (match) => this.theme.matchHighlight(match));
+				if (replaced === part.text) {
+					nextParts.push(part);
+					continue;
+				}
+				nextParts.push(...this.splitAnsiParts(replaced));
+			}
+			parts = nextParts;
+		}
+		return parts.map((part) => part.text).join("");
+	}
+	setSelectedIndex(index) {
+		this.selectedIndex = Math.max(0, Math.min(index, this.filteredItems.length - 1));
+	}
+	invalidate() {
+		this.searchInput.invalidate();
+	}
+	render(width) {
+		const lines = [];
+		const prompt = this.theme.searchPrompt("search: ");
+		const inputWidth = Math.max(1, width - visibleWidth(prompt));
+		const inputText = this.searchInput.render(inputWidth)[0] ?? "";
+		lines.push(`${prompt}${this.theme.searchInput(inputText)}`);
+		lines.push("");
+		const query = this.searchInput.getValue().trim();
+		if (this.filteredItems.length === 0) {
+			lines.push(this.theme.noMatch("  No matches"));
+			return lines;
+		}
+		const startIndex = Math.max(0, Math.min(this.selectedIndex - Math.floor(this.maxVisible / 2), this.filteredItems.length - this.maxVisible));
+		const endIndex = Math.min(startIndex + this.maxVisible, this.filteredItems.length);
+		for (let i = startIndex; i < endIndex; i++) {
+			const item = this.filteredItems[i];
+			if (!item) continue;
+			const isSelected = i === this.selectedIndex;
+			lines.push(this.renderItemLine(item, isSelected, width, query));
+		}
+		if (this.filteredItems.length > this.maxVisible) {
+			const scrollInfo = `${this.selectedIndex + 1}/${this.filteredItems.length}`;
+			lines.push(this.theme.scrollInfo(`  ${scrollInfo}`));
+		}
+		return lines;
+	}
+	renderItemLine(item, isSelected, width, query) {
+		const prefix = isSelected ? "→ " : "  ";
+		const prefixWidth = prefix.length;
+		const displayValue = this.getItemLabel(item);
+		const description = item.description;
+		if (description) {
+			const descriptionLayout = this.getDescriptionLayout(width, prefixWidth);
+			if (descriptionLayout) {
+				const truncatedValue = truncateToWidth(displayValue, descriptionLayout.maxValueWidth, "");
+				const valueText = this.highlightMatch(truncatedValue, query);
+				const usedByValue = visibleWidth(valueText);
+				const descriptionWidth = descriptionLayout.availableWidth - usedByValue - descriptionLayout.spacingWidth;
+				if (descriptionWidth >= SearchableSelectList.DESCRIPTION_MIN_WIDTH) {
+					const spacing = " ".repeat(descriptionLayout.spacingWidth);
+					const truncatedDesc = truncateToWidth(description, descriptionWidth, "");
+					const highlightedDesc = this.highlightMatch(truncatedDesc, query);
+					const line = `${prefix}${valueText}${spacing}${isSelected ? highlightedDesc : this.theme.description(highlightedDesc)}`;
+					return isSelected ? this.theme.selectedText(line) : line;
+				}
+			}
+		}
+		const truncatedValue = truncateToWidth(displayValue, width - prefixWidth - 2, "");
+		const line = `${prefix}${this.highlightMatch(truncatedValue, query)}`;
+		return isSelected ? this.theme.selectedText(line) : line;
+	}
+	getDescriptionLayout(width, prefixWidth) {
+		if (width <= SearchableSelectList.DESCRIPTION_LAYOUT_MIN_WIDTH) return null;
+		const availableWidth = Math.max(1, width - prefixWidth - SearchableSelectList.RIGHT_MARGIN_WIDTH);
+		const maxValueWidth = availableWidth - SearchableSelectList.DESCRIPTION_MIN_WIDTH - SearchableSelectList.DESCRIPTION_SPACING_WIDTH;
+		if (maxValueWidth < 1) return null;
+		return {
+			availableWidth,
+			maxValueWidth,
+			spacingWidth: SearchableSelectList.DESCRIPTION_SPACING_WIDTH
+		};
+	}
+	handleInput(keyData) {
+		if (isKeyRelease(keyData)) return;
+		if (matchesKey(keyData, "up") || matchesKey(keyData, "ctrl+p")) {
+			this.selectedIndex = 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);
+			this.notifySelectionChange();
+			return;
+		}
+		if (matchesKey(keyData, "enter")) {
+			const item = this.filteredItems[this.selectedIndex];
+			if (item && this.onSelect) this.onSelect(item);
+			return;
+		}
+		if (matchesKey(keyData, "escape") || keyData === "") {
+			if (this.onCancel) this.onCancel();
+			return;
+		}
+		const prevValue = this.searchInput.getValue();
+		this.searchInput.handleInput(keyData);
+		if (prevValue !== this.searchInput.getValue()) this.updateFilter();
+	}
+	notifySelectionChange() {
+		const item = this.filteredItems[this.selectedIndex];
+		if (item && this.onSelectionChange) this.onSelectionChange(item);
+	}
+	getSelectedItem() {
+		return this.filteredItems[this.selectedIndex] ?? null;
+	}
+};
+//#endregion
+export { SearchableSelectList };
+
+//# sourceMappingURL=searchable-select-list.js.map