@xopcai/xopc 0.0.28 → 0.0.29

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"searchable-select-list.js","names":[],"sources":["../../../../src/tui/components/searchable-select-list.ts"],"sourcesContent":["import {\n  Input,\n  isKeyRelease,\n  matchesKey,\n  type Component,\n  type SelectItem,\n  type SelectListTheme,\n  truncateToWidth,\n  visibleWidth,\n} from '@mariozechner/pi-tui';\n\nimport {\n  findWordBoundaryIndex,\n  fuzzyFilterLower,\n  normalizeLowercaseStringOrEmpty,\n} from './fuzzy-filter.js';\n\nconst ANSI_ESCAPE = String.fromCharCode(27);\nconst ANSI_SGR_REGEX = new RegExp(`${ANSI_ESCAPE}\\\\[[0-9;]*m`, 'g');\n\nexport interface SearchableSelectListTheme extends SelectListTheme {\n  searchPrompt: (text: string) => string;\n  searchInput: (text: string) => string;\n  matchHighlight: (text: string) => string;\n}\n\nfunction stripAnsi(raw: string): string {\n  return raw.replace(/\\x1b\\[[0-9;]*m/g, '');\n}\n\nexport class SearchableSelectList implements Component {\n  private items: SelectItem[];\n  private filteredItems: SelectItem[];\n  private selectedIndex = 0;\n  private maxVisible: number;\n  private theme: SearchableSelectListTheme;\n  private searchInput: Input;\n  private regexCache = new Map<string, RegExp>();\n\n  onSelect?: (item: SelectItem) => void;\n  onCancel?: () => void;\n  onSelectionChange?: (item: SelectItem) => void;\n\n  private static readonly DESCRIPTION_LAYOUT_MIN_WIDTH = 40;\n  private static readonly DESCRIPTION_MIN_WIDTH = 12;\n  private static readonly DESCRIPTION_SPACING_WIDTH = 2;\n  private static readonly RIGHT_MARGIN_WIDTH = 2;\n\n  constructor(items: SelectItem[], maxVisible: number, theme: SearchableSelectListTheme) {\n    this.items = items;\n    this.filteredItems = items;\n    this.maxVisible = maxVisible;\n    this.theme = theme;\n    this.searchInput = new Input();\n  }\n\n  private getCachedRegex(pattern: string): RegExp {\n    let regex = this.regexCache.get(pattern);\n    if (!regex) {\n      regex = new RegExp(this.escapeRegex(pattern), 'gi');\n      this.regexCache.set(pattern, regex);\n    }\n    return regex;\n  }\n\n  private updateFilter() {\n    const query = this.searchInput.getValue().trim();\n\n    if (!query) {\n      this.filteredItems = this.items;\n    } else {\n      this.filteredItems = this.smartFilter(query);\n    }\n\n    this.selectedIndex = 0;\n    this.notifySelectionChange();\n  }\n\n  private smartFilter(query: string): SelectItem[] {\n    const q = normalizeLowercaseStringOrEmpty(query);\n    type ScoredItem = { item: SelectItem; tier: number; score: number };\n    type FuzzyCandidate = { item: SelectItem; searchTextLower: string };\n    const scoredItems: ScoredItem[] = [];\n    const fuzzyCandidates: FuzzyCandidate[] = [];\n\n    for (const item of this.items) {\n      const rawLabel = this.getItemLabel(item);\n      const rawDesc = item.description ?? '';\n      const label = normalizeLowercaseStringOrEmpty(stripAnsi(rawLabel));\n      const desc = normalizeLowercaseStringOrEmpty(stripAnsi(rawDesc));\n\n      const labelIndex = label.indexOf(q);\n      if (labelIndex !== -1) {\n        scoredItems.push({ item, tier: 0, score: labelIndex });\n        continue;\n      }\n      const wordBoundaryIndex = findWordBoundaryIndex(label, q);\n      if (wordBoundaryIndex !== null) {\n        scoredItems.push({ item, tier: 1, score: wordBoundaryIndex });\n        continue;\n      }\n      const descIndex = desc.indexOf(q);\n      if (descIndex !== -1) {\n        scoredItems.push({ item, tier: 2, score: descIndex });\n        continue;\n      }\n      const searchText = (item as { searchText?: string }).searchText ?? '';\n      fuzzyCandidates.push({\n        item,\n        searchTextLower: normalizeLowercaseStringOrEmpty(\n          [rawLabel, rawDesc, searchText]\n            .map((value) => stripAnsi(value))\n            .filter(Boolean)\n            .join(' '),\n        ),\n      });\n    }\n\n    scoredItems.sort(this.compareByScore);\n    const fuzzyMatches = fuzzyFilterLower(fuzzyCandidates, q);\n    return [...scoredItems.map((s) => s.item), ...fuzzyMatches.map((entry) => entry.item)];\n  }\n\n  private escapeRegex(str: string): string {\n    return str.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&');\n  }\n\n  private compareByScore = (\n    a: { item: SelectItem; tier: number; score: number },\n    b: { item: SelectItem; tier: number; score: number },\n  ) => {\n    if (a.tier !== b.tier) {\n      return a.tier - b.tier;\n    }\n    if (a.score !== b.score) {\n      return a.score - b.score;\n    }\n    return this.getItemLabel(a.item).localeCompare(this.getItemLabel(b.item));\n  };\n\n  private getItemLabel(item: SelectItem): string {\n    return item.label || item.value;\n  }\n\n  private splitAnsiParts(text: string): Array<{ text: string; isAnsi: boolean }> {\n    const parts: Array<{ text: string; isAnsi: boolean }> = [];\n    ANSI_SGR_REGEX.lastIndex = 0;\n    let lastIndex = 0;\n    let match: RegExpExecArray | null;\n\n    while ((match = ANSI_SGR_REGEX.exec(text)) !== null) {\n      if (match.index > lastIndex) {\n        parts.push({ text: text.slice(lastIndex, match.index), isAnsi: false });\n      }\n      parts.push({ text: match[0], isAnsi: true });\n      lastIndex = match.index + match[0].length;\n    }\n    if (lastIndex < text.length) {\n      parts.push({ text: text.slice(lastIndex), isAnsi: false });\n    }\n    return parts;\n  }\n\n  private highlightMatch(text: string, query: string): string {\n    const tokens = query\n      .trim()\n      .split(/\\s+/)\n      .map((token) => normalizeLowercaseStringOrEmpty(token))\n      .filter((token) => token.length > 0);\n    if (tokens.length === 0) {\n      return text;\n    }\n\n    const uniqueTokens = Array.from(new Set(tokens)).toSorted((a, b) => b.length - a.length);\n    let parts = this.splitAnsiParts(text);\n    for (const token of uniqueTokens) {\n      const regex = this.getCachedRegex(token);\n      const nextParts: Array<{ text: string; isAnsi: boolean }> = [];\n      for (const part of parts) {\n        if (part.isAnsi) {\n          nextParts.push(part);\n          continue;\n        }\n        regex.lastIndex = 0;\n        const replaced = part.text.replace(regex, (match) => this.theme.matchHighlight(match));\n        if (replaced === part.text) {\n          nextParts.push(part);\n          continue;\n        }\n        nextParts.push(...this.splitAnsiParts(replaced));\n      }\n      parts = nextParts;\n    }\n    return parts.map((part) => part.text).join('');\n  }\n\n  setSelectedIndex(index: number) {\n    this.selectedIndex = Math.max(0, Math.min(index, this.filteredItems.length - 1));\n  }\n\n  invalidate() {\n    this.searchInput.invalidate();\n  }\n\n  render(width: number): string[] {\n    const lines: string[] = [];\n\n    const promptText = 'search: ';\n    const prompt = this.theme.searchPrompt(promptText);\n    const inputWidth = Math.max(1, width - visibleWidth(prompt));\n    const inputLines = this.searchInput.render(inputWidth);\n    const inputText = inputLines[0] ?? '';\n    lines.push(`${prompt}${this.theme.searchInput(inputText)}`);\n    lines.push('');\n\n    const query = this.searchInput.getValue().trim();\n\n    if (this.filteredItems.length === 0) {\n      lines.push(this.theme.noMatch('  No matches'));\n      return lines;\n    }\n\n    const startIndex = Math.max(\n      0,\n      Math.min(\n        this.selectedIndex - Math.floor(this.maxVisible / 2),\n        this.filteredItems.length - this.maxVisible,\n      ),\n    );\n    const endIndex = Math.min(startIndex + this.maxVisible, this.filteredItems.length);\n\n    for (let i = startIndex; i < endIndex; i++) {\n      const item = this.filteredItems[i];\n      if (!item) {\n        continue;\n      }\n      const isSelected = i === this.selectedIndex;\n      lines.push(this.renderItemLine(item, isSelected, width, query));\n    }\n\n    if (this.filteredItems.length > this.maxVisible) {\n      const scrollInfo = `${this.selectedIndex + 1}/${this.filteredItems.length}`;\n      lines.push(this.theme.scrollInfo(`  ${scrollInfo}`));\n    }\n\n    return lines;\n  }\n\n  private renderItemLine(\n    item: SelectItem,\n    isSelected: boolean,\n    width: number,\n    query: string,\n  ): string {\n    const prefix = isSelected ? '→ ' : '  ';\n    const prefixWidth = prefix.length;\n    const displayValue = this.getItemLabel(item);\n\n    const description = item.description;\n    if (description) {\n      const descriptionLayout = this.getDescriptionLayout(width, prefixWidth);\n      if (descriptionLayout) {\n        const truncatedValue = truncateToWidth(displayValue, descriptionLayout.maxValueWidth, '');\n        const valueText = this.highlightMatch(truncatedValue, query);\n\n        const usedByValue = visibleWidth(valueText);\n        const remainingWidth = descriptionLayout.availableWidth - usedByValue;\n        const descriptionWidth = remainingWidth - descriptionLayout.spacingWidth;\n\n        if (descriptionWidth >= SearchableSelectList.DESCRIPTION_MIN_WIDTH) {\n          const spacing = ' '.repeat(descriptionLayout.spacingWidth);\n          const truncatedDesc = truncateToWidth(description, descriptionWidth, '');\n          const highlightedDesc = this.highlightMatch(truncatedDesc, query);\n          const descText = isSelected ? highlightedDesc : this.theme.description(highlightedDesc);\n          const line = `${prefix}${valueText}${spacing}${descText}`;\n          return isSelected ? this.theme.selectedText(line) : line;\n        }\n      }\n    }\n\n    const maxWidth = width - prefixWidth - 2;\n    const truncatedValue = truncateToWidth(displayValue, maxWidth, '');\n    const valueText = this.highlightMatch(truncatedValue, query);\n    const line = `${prefix}${valueText}`;\n    return isSelected ? this.theme.selectedText(line) : line;\n  }\n\n  private getDescriptionLayout(\n    width: number,\n    prefixWidth: number,\n  ): { availableWidth: number; maxValueWidth: number; spacingWidth: number } | null {\n    if (width <= SearchableSelectList.DESCRIPTION_LAYOUT_MIN_WIDTH) {\n      return null;\n    }\n\n    const availableWidth = Math.max(\n      1,\n      width - prefixWidth - SearchableSelectList.RIGHT_MARGIN_WIDTH,\n    );\n    const maxValueWidth =\n      availableWidth -\n      SearchableSelectList.DESCRIPTION_MIN_WIDTH -\n      SearchableSelectList.DESCRIPTION_SPACING_WIDTH;\n\n    if (maxValueWidth < 1) {\n      return null;\n    }\n\n    return {\n      availableWidth,\n      maxValueWidth,\n      spacingWidth: SearchableSelectList.DESCRIPTION_SPACING_WIDTH,\n    };\n  }\n\n  handleInput(keyData: string): void {\n    if (isKeyRelease(keyData)) {\n      return;\n    }\n\n    if (matchesKey(keyData, 'up') || matchesKey(keyData, 'ctrl+p')) {\n      this.selectedIndex = Math.max(0, this.selectedIndex - 1);\n      this.notifySelectionChange();\n      return;\n    }\n\n    if (matchesKey(keyData, 'down') || matchesKey(keyData, 'ctrl+n')) {\n      this.selectedIndex = Math.min(this.filteredItems.length - 1, this.selectedIndex + 1);\n      this.notifySelectionChange();\n      return;\n    }\n\n    if (matchesKey(keyData, 'enter')) {\n      const item = this.filteredItems[this.selectedIndex];\n      if (item && this.onSelect) {\n        this.onSelect(item);\n      }\n      return;\n    }\n\n    if (matchesKey(keyData, 'escape') || keyData === '\\u0003') {\n      if (this.onCancel) {\n        this.onCancel();\n      }\n      return;\n    }\n\n    const prevValue = this.searchInput.getValue();\n    this.searchInput.handleInput(keyData);\n    const newValue = this.searchInput.getValue();\n\n    if (prevValue !== newValue) {\n      this.updateFilter();\n    }\n  }\n\n  private notifySelectionChange() {\n    const item = this.filteredItems[this.selectedIndex];\n    if (item && this.onSelectionChange) {\n      this.onSelectionChange(item);\n    }\n  }\n\n  getSelectedItem(): SelectItem | null {\n    return this.filteredItems[this.selectedIndex] ?? null;\n  }\n}\n"],"mappings":"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"}

package/dist/src/tui/theme.d.ts

@@ -1,4 +1,5 @@
 import type { EditorTheme, MarkdownTheme, SelectListTheme } from '@mariozechner/pi-tui';
+import type { SearchableSelectListTheme } from './components/searchable-select-list.js';
 export declare const lightMode: boolean;
 export declare const palette: {
     readonly text: "#f5f5f7";
@@ -68,4 +69,5 @@ export declare const theme: {
 };
 export declare const markdownTheme: MarkdownTheme;
 export declare const selectListTheme: SelectListTheme;
+export declare const searchableSelectListTheme: SearchableSelectListTheme;
 export declare const editorTheme: EditorTheme;

package/dist/src/tui/theme.js

@@ -141,11 +141,17 @@ const selectListTheme = {
 	scrollInfo: (text) => fg(palette.dim)(text),
 	noMatch: (text) => fg(palette.dim)(text)
 };
+const searchableSelectListTheme = {
+	...selectListTheme,
+	searchPrompt: (text) => fg(palette.dim)(text),
+	searchInput: (text) => fg(palette.text)(text),
+	matchHighlight: (text) => fg(palette.accentSoft)(text)
+};
 const editorTheme = {
 	borderColor: (text) => fg(palette.border)(text),
 	selectList: selectListTheme
 };
 //#endregion
-export { editorTheme, lightMode, markdownTheme, palette, selectListTheme, theme };
+export { editorTheme, lightMode, markdownTheme, palette, searchableSelectListTheme, selectListTheme, theme };
 
 //# sourceMappingURL=theme.js.map

package/dist/src/tui/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","names":[],"sources":["../../../src/tui/theme.ts"],"sourcesContent":["import type { EditorTheme, MarkdownTheme, SelectListTheme } from '@mariozechner/pi-tui';\nimport chalk from 'chalk';\n\nconst XTERM_LEVELS = [0, 95, 135, 175, 215, 255] as const;\n\nfunction channelToSrgb(value: number): number {\n  const normalized = value / 255;\n  return normalized <= 0.03928\n    ? normalized / 12.92\n    : ((normalized + 0.055) / 1.055) ** 2.4;\n}\n\nfunction relativeLuminanceRgb(red: number, green: number, blue: number): number {\n  return (\n    0.2126 * channelToSrgb(red) +\n    0.7152 * channelToSrgb(green) +\n    0.0722 * channelToSrgb(blue)\n  );\n}\n\nfunction relativeLuminanceHex(hex: string): number {\n  return relativeLuminanceRgb(\n    Number.parseInt(hex.slice(1, 3), 16),\n    Number.parseInt(hex.slice(3, 5), 16),\n    Number.parseInt(hex.slice(5, 7), 16),\n  );\n}\n\nfunction contrastRatio(bgLuminance: number, fgHex: string): number {\n  const fgLuminance = relativeLuminanceHex(fgHex);\n  const lighter = Math.max(bgLuminance, fgLuminance);\n  const darker = Math.min(bgLuminance, fgLuminance);\n  return (lighter + 0.05) / (darker + 0.05);\n}\n\nfunction isLightBackground(): boolean {\n  const explicit = (process.env.XOPC_THEME ?? '').toLowerCase().trim();\n  if (explicit === 'light') return true;\n  if (explicit === 'dark') return false;\n\n  const colorfgbg = process.env.COLORFGBG;\n  if (colorfgbg && colorfgbg.length <= 64) {\n    const sep = colorfgbg.lastIndexOf(';');\n    const bg = Number.parseInt(sep >= 0 ? colorfgbg.slice(sep + 1) : colorfgbg, 10);\n    if (bg >= 0 && bg <= 255) {\n      if (bg <= 15) return bg === 7 || bg === 15;\n      if (bg >= 232) return bg >= 244;\n      const cubeIndex = bg - 16;\n      const bVal = XTERM_LEVELS[cubeIndex % 6]!;\n      const gVal = XTERM_LEVELS[Math.floor(cubeIndex / 6) % 6]!;\n      const rVal = XTERM_LEVELS[Math.floor(cubeIndex / 36)]!;\n      const bgLum = relativeLuminanceRgb(rVal, gVal, bVal);\n      return (\n        contrastRatio(bgLum, '#1d1d1f') >= contrastRatio(bgLum, '#f5f5f7')\n      );\n    }\n  }\n  return false;\n}\n\nexport const lightMode = isLightBackground();\n\n// Palette tokens align with DESIGN.md (§2 surface/text/border, §2.5 accent, §12.1).\nconst darkPalette = {\n  text: '#f5f5f7',\n  dim: '#a1a1a6',\n  accent: '#3b82f6',\n  accentSoft: '#60a5fa',\n  border: '#48484a',\n  userBg: '#3a3a3c',\n  userText: '#f5f5f7',\n  systemText: '#8e8e93',\n  toolPendingBg: '#2c2c2e',\n  toolSuccessBg: '#1e2a22',\n  toolErrorBg: '#2a2222',\n  toolTitle: '#3b82f6',\n  toolOutput: '#d1d1d6',\n  quote: '#60a5fa',\n  quoteBorder: '#48484a',\n  code: '#d1d1d6',\n  codeBlock: '#1c1c1e',\n  codeBorder: '#48484a',\n  link: '#60a5fa',\n  error: '#f87171',\n  success: '#34d399',\n} as const;\n\nconst lightPalette = {\n  text: '#1d1d1f',\n  dim: '#6e6e73',\n  accent: '#2563eb',\n  accentSoft: '#3b82f6',\n  border: '#d2d2d7',\n  userBg: '#ffffff',\n  userText: '#1d1d1f',\n  systemText: '#86868b',\n  toolPendingBg: '#f0f5ff',\n  toolSuccessBg: '#ecfdf5',\n  toolErrorBg: '#fef2f2',\n  toolTitle: '#2563eb',\n  toolOutput: '#6e6e73',\n  quote: '#2563eb',\n  quoteBorder: '#d2d2d7',\n  code: '#92400e',\n  codeBlock: '#ffffff',\n  codeBorder: '#d2d2d7',\n  link: '#2563eb',\n  error: '#dc2626',\n  success: '#059669',\n} as const;\n\nexport const palette = lightMode ? lightPalette : darkPalette;\n\nconst fg = (hex: string) => (text: string) => chalk.hex(hex)(text);\nconst bg = (hex: string) => (text: string) => chalk.bgHex(hex)(text);\n\nfunction highlightCode(code: string): string[] {\n  return code.split('\\n').map((line) => fg(palette.code)(line));\n}\n\nexport const theme = {\n  fg: fg(palette.text),\n  assistantText: (text: string) => text,\n  dim: fg(palette.dim),\n  accent: fg(palette.accent),\n  accentSoft: fg(palette.accentSoft),\n  success: fg(palette.success),\n  error: fg(palette.error),\n  header: (text: string) => chalk.bold(fg(palette.accent)(text)),\n  system: fg(palette.systemText),\n  userBg: bg(palette.userBg),\n  userText: fg(palette.userText),\n  toolTitle: fg(palette.toolTitle),\n  toolOutput: fg(palette.toolOutput),\n  toolPendingBg: bg(palette.toolPendingBg),\n  toolSuccessBg: bg(palette.toolSuccessBg),\n  toolErrorBg: bg(palette.toolErrorBg),\n  border: fg(palette.border),\n  bold: (text: string) => chalk.bold(text),\n  italic: (text: string) => chalk.italic(text),\n};\n\nexport const markdownTheme: MarkdownTheme = {\n  heading: (text) => chalk.bold(fg(palette.accent)(text)),\n  link: (text) => fg(palette.link)(text),\n  linkUrl: (text) => chalk.dim(text),\n  code: (text) => fg(palette.code)(text),\n  codeBlock: (text) => fg(palette.code)(text),\n  codeBlockBorder: (text) => fg(palette.codeBorder)(text),\n  quote: (text) => fg(palette.quote)(text),\n  quoteBorder: (text) => fg(palette.quoteBorder)(text),\n  hr: (text) => fg(palette.border)(text),\n  listBullet: (text) => fg(palette.accentSoft)(text),\n  bold: (text) => chalk.bold(text),\n  italic: (text) => chalk.italic(text),\n  strikethrough: (text) => chalk.strikethrough(text),\n  underline: (text) => chalk.underline(text),\n  highlightCode,\n};\n\nexport const selectListTheme: SelectListTheme = {\n  selectedPrefix: (text) => fg(palette.accent)(text),\n  selectedText: (text) => chalk.bold(fg(palette.accent)(text)),\n  description: (text) => fg(palette.dim)(text),\n  scrollInfo: (text) => fg(palette.dim)(text),\n  noMatch: (text) => fg(palette.dim)(text),\n};\n\nexport const editorTheme: EditorTheme = {\n  borderColor: (text) => fg(palette.border)(text),\n  selectList: selectListTheme,\n};\n"],"mappings":";;AAGA,MAAM,eAAe;CAAC;CAAG;CAAI;CAAK;CAAK;CAAK;CAAI;AAEhD,SAAS,cAAc,OAAuB;CAC5C,MAAM,aAAa,QAAQ;AAC3B,QAAO,cAAc,SACjB,aAAa,UACX,aAAa,QAAS,UAAU;;AAGxC,SAAS,qBAAqB,KAAa,OAAe,MAAsB;AAC9E,QACE,QAAS,cAAc,IAAI,GAC3B,QAAS,cAAc,MAAM,GAC7B,QAAS,cAAc,KAAK;;AAIhC,SAAS,qBAAqB,KAAqB;AACjD,QAAO,qBACL,OAAO,SAAS,IAAI,MAAM,GAAG,EAAE,EAAE,GAAG,EACpC,OAAO,SAAS,IAAI,MAAM,GAAG,EAAE,EAAE,GAAG,EACpC,OAAO,SAAS,IAAI,MAAM,GAAG,EAAE,EAAE,GAAG,CACrC;;AAGH,SAAS,cAAc,aAAqB,OAAuB;CACjE,MAAM,cAAc,qBAAqB,MAAM;CAC/C,MAAM,UAAU,KAAK,IAAI,aAAa,YAAY;CAClD,MAAM,SAAS,KAAK,IAAI,aAAa,YAAY;AACjD,SAAQ,UAAU,QAAS,SAAS;;AAGtC,SAAS,oBAA6B;CACpC,MAAM,YAAY,QAAQ,IAAI,cAAc,IAAI,aAAa,CAAC,MAAM;AACpE,KAAI,aAAa,QAAS,QAAO;AACjC,KAAI,aAAa,OAAQ,QAAO;CAEhC,MAAM,YAAY,QAAQ,IAAI;AAC9B,KAAI,aAAa,UAAU,UAAU,IAAI;EACvC,MAAM,MAAM,UAAU,YAAY,IAAI;EACtC,MAAM,KAAK,OAAO,SAAS,OAAO,IAAI,UAAU,MAAM,MAAM,EAAE,GAAG,WAAW,GAAG;AAC/E,MAAI,MAAM,KAAK,MAAM,KAAK;AACxB,OAAI,MAAM,GAAI,QAAO,OAAO,KAAK,OAAO;AACxC,OAAI,MAAM,IAAK,QAAO,MAAM;GAC5B,MAAM,YAAY,KAAK;GACvB,MAAM,OAAO,aAAa,YAAY;GACtC,MAAM,OAAO,aAAa,KAAK,MAAM,YAAY,EAAE,GAAG;GACtD,MAAM,OAAO,aAAa,KAAK,MAAM,YAAY,GAAG;GACpD,MAAM,QAAQ,qBAAqB,MAAM,MAAM,KAAK;AACpD,UACE,cAAc,OAAO,UAAU,IAAI,cAAc,OAAO,UAAU;;;AAIxE,QAAO;;AAGT,MAAa,YAAY,mBAAmB;AAmD5C,MAAa,UAAU,YAAY;CAvBjC,MAAM;CACN,KAAK;CACL,QAAQ;CACR,YAAY;CACZ,QAAQ;CACR,QAAQ;CACR,UAAU;CACV,YAAY;CACZ,eAAe;CACf,eAAe;CACf,aAAa;CACb,WAAW;CACX,YAAY;CACZ,OAAO;CACP,aAAa;CACb,MAAM;CACN,WAAW;CACX,YAAY;CACZ,MAAM;CACN,OAAO;CACP,SAAS;CAGwB,GAAe;CA/ChD,MAAM;CACN,KAAK;CACL,QAAQ;CACR,YAAY;CACZ,QAAQ;CACR,QAAQ;CACR,UAAU;CACV,YAAY;CACZ,eAAe;CACf,eAAe;CACf,aAAa;CACb,WAAW;CACX,YAAY;CACZ,OAAO;CACP,aAAa;CACb,MAAM;CACN,WAAW;CACX,YAAY;CACZ,MAAM;CACN,OAAO;CACP,SAAS;CA2BuC;AAElD,MAAM,MAAM,SAAiB,SAAiB,MAAM,IAAI,IAAI,CAAC,KAAK;AAClE,MAAM,MAAM,SAAiB,SAAiB,MAAM,MAAM,IAAI,CAAC,KAAK;AAEpE,SAAS,cAAc,MAAwB;AAC7C,QAAO,KAAK,MAAM,KAAK,CAAC,KAAK,SAAS,GAAG,QAAQ,KAAK,CAAC,KAAK,CAAC;;AAG/D,MAAa,QAAQ;CACnB,IAAI,GAAG,QAAQ,KAAK;CACpB,gBAAgB,SAAiB;CACjC,KAAK,GAAG,QAAQ,IAAI;CACpB,QAAQ,GAAG,QAAQ,OAAO;CAC1B,YAAY,GAAG,QAAQ,WAAW;CAClC,SAAS,GAAG,QAAQ,QAAQ;CAC5B,OAAO,GAAG,QAAQ,MAAM;CACxB,SAAS,SAAiB,MAAM,KAAK,GAAG,QAAQ,OAAO,CAAC,KAAK,CAAC;CAC9D,QAAQ,GAAG,QAAQ,WAAW;CAC9B,QAAQ,GAAG,QAAQ,OAAO;CAC1B,UAAU,GAAG,QAAQ,SAAS;CAC9B,WAAW,GAAG,QAAQ,UAAU;CAChC,YAAY,GAAG,QAAQ,WAAW;CAClC,eAAe,GAAG,QAAQ,cAAc;CACxC,eAAe,GAAG,QAAQ,cAAc;CACxC,aAAa,GAAG,QAAQ,YAAY;CACpC,QAAQ,GAAG,QAAQ,OAAO;CAC1B,OAAO,SAAiB,MAAM,KAAK,KAAK;CACxC,SAAS,SAAiB,MAAM,OAAO,KAAK;CAC7C;AAED,MAAa,gBAA+B;CAC1C,UAAU,SAAS,MAAM,KAAK,GAAG,QAAQ,OAAO,CAAC,KAAK,CAAC;CACvD,OAAO,SAAS,GAAG,QAAQ,KAAK,CAAC,KAAK;CACtC,UAAU,SAAS,MAAM,IAAI,KAAK;CAClC,OAAO,SAAS,GAAG,QAAQ,KAAK,CAAC,KAAK;CACtC,YAAY,SAAS,GAAG,QAAQ,KAAK,CAAC,KAAK;CAC3C,kBAAkB,SAAS,GAAG,QAAQ,WAAW,CAAC,KAAK;CACvD,QAAQ,SAAS,GAAG,QAAQ,MAAM,CAAC,KAAK;CACxC,cAAc,SAAS,GAAG,QAAQ,YAAY,CAAC,KAAK;CACpD,KAAK,SAAS,GAAG,QAAQ,OAAO,CAAC,KAAK;CACtC,aAAa,SAAS,GAAG,QAAQ,WAAW,CAAC,KAAK;CAClD,OAAO,SAAS,MAAM,KAAK,KAAK;CAChC,SAAS,SAAS,MAAM,OAAO,KAAK;CACpC,gBAAgB,SAAS,MAAM,cAAc,KAAK;CAClD,YAAY,SAAS,MAAM,UAAU,KAAK;CAC1C;CACD;AAED,MAAa,kBAAmC;CAC9C,iBAAiB,SAAS,GAAG,QAAQ,OAAO,CAAC,KAAK;CAClD,eAAe,SAAS,MAAM,KAAK,GAAG,QAAQ,OAAO,CAAC,KAAK,CAAC;CAC5D,cAAc,SAAS,GAAG,QAAQ,IAAI,CAAC,KAAK;CAC5C,aAAa,SAAS,GAAG,QAAQ,IAAI,CAAC,KAAK;CAC3C,UAAU,SAAS,GAAG,QAAQ,IAAI,CAAC,KAAK;CACzC;AAED,MAAa,cAA2B;CACtC,cAAc,SAAS,GAAG,QAAQ,OAAO,CAAC,KAAK;CAC/C,YAAY;CACb"}
+{"version":3,"file":"theme.js","names":[],"sources":["../../../src/tui/theme.ts"],"sourcesContent":["import type { EditorTheme, MarkdownTheme, SelectListTheme } from '@mariozechner/pi-tui';\nimport type { SearchableSelectListTheme } from './components/searchable-select-list.js';\nimport chalk from 'chalk';\n\nconst XTERM_LEVELS = [0, 95, 135, 175, 215, 255] as const;\n\nfunction channelToSrgb(value: number): number {\n  const normalized = value / 255;\n  return normalized <= 0.03928\n    ? normalized / 12.92\n    : ((normalized + 0.055) / 1.055) ** 2.4;\n}\n\nfunction relativeLuminanceRgb(red: number, green: number, blue: number): number {\n  return (\n    0.2126 * channelToSrgb(red) +\n    0.7152 * channelToSrgb(green) +\n    0.0722 * channelToSrgb(blue)\n  );\n}\n\nfunction relativeLuminanceHex(hex: string): number {\n  return relativeLuminanceRgb(\n    Number.parseInt(hex.slice(1, 3), 16),\n    Number.parseInt(hex.slice(3, 5), 16),\n    Number.parseInt(hex.slice(5, 7), 16),\n  );\n}\n\nfunction contrastRatio(bgLuminance: number, fgHex: string): number {\n  const fgLuminance = relativeLuminanceHex(fgHex);\n  const lighter = Math.max(bgLuminance, fgLuminance);\n  const darker = Math.min(bgLuminance, fgLuminance);\n  return (lighter + 0.05) / (darker + 0.05);\n}\n\nfunction isLightBackground(): boolean {\n  const explicit = (process.env.XOPC_THEME ?? '').toLowerCase().trim();\n  if (explicit === 'light') return true;\n  if (explicit === 'dark') return false;\n\n  const colorfgbg = process.env.COLORFGBG;\n  if (colorfgbg && colorfgbg.length <= 64) {\n    const sep = colorfgbg.lastIndexOf(';');\n    const bg = Number.parseInt(sep >= 0 ? colorfgbg.slice(sep + 1) : colorfgbg, 10);\n    if (bg >= 0 && bg <= 255) {\n      if (bg <= 15) return bg === 7 || bg === 15;\n      if (bg >= 232) return bg >= 244;\n      const cubeIndex = bg - 16;\n      const bVal = XTERM_LEVELS[cubeIndex % 6]!;\n      const gVal = XTERM_LEVELS[Math.floor(cubeIndex / 6) % 6]!;\n      const rVal = XTERM_LEVELS[Math.floor(cubeIndex / 36)]!;\n      const bgLum = relativeLuminanceRgb(rVal, gVal, bVal);\n      return (\n        contrastRatio(bgLum, '#1d1d1f') >= contrastRatio(bgLum, '#f5f5f7')\n      );\n    }\n  }\n  return false;\n}\n\nexport const lightMode = isLightBackground();\n\n// Palette tokens align with DESIGN.md (§2 surface/text/border, §2.5 accent, §12.1).\nconst darkPalette = {\n  text: '#f5f5f7',\n  dim: '#a1a1a6',\n  accent: '#3b82f6',\n  accentSoft: '#60a5fa',\n  border: '#48484a',\n  userBg: '#3a3a3c',\n  userText: '#f5f5f7',\n  systemText: '#8e8e93',\n  toolPendingBg: '#2c2c2e',\n  toolSuccessBg: '#1e2a22',\n  toolErrorBg: '#2a2222',\n  toolTitle: '#3b82f6',\n  toolOutput: '#d1d1d6',\n  quote: '#60a5fa',\n  quoteBorder: '#48484a',\n  code: '#d1d1d6',\n  codeBlock: '#1c1c1e',\n  codeBorder: '#48484a',\n  link: '#60a5fa',\n  error: '#f87171',\n  success: '#34d399',\n} as const;\n\nconst lightPalette = {\n  text: '#1d1d1f',\n  dim: '#6e6e73',\n  accent: '#2563eb',\n  accentSoft: '#3b82f6',\n  border: '#d2d2d7',\n  userBg: '#ffffff',\n  userText: '#1d1d1f',\n  systemText: '#86868b',\n  toolPendingBg: '#f0f5ff',\n  toolSuccessBg: '#ecfdf5',\n  toolErrorBg: '#fef2f2',\n  toolTitle: '#2563eb',\n  toolOutput: '#6e6e73',\n  quote: '#2563eb',\n  quoteBorder: '#d2d2d7',\n  code: '#92400e',\n  codeBlock: '#ffffff',\n  codeBorder: '#d2d2d7',\n  link: '#2563eb',\n  error: '#dc2626',\n  success: '#059669',\n} as const;\n\nexport const palette = lightMode ? lightPalette : darkPalette;\n\nconst fg = (hex: string) => (text: string) => chalk.hex(hex)(text);\nconst bg = (hex: string) => (text: string) => chalk.bgHex(hex)(text);\n\nfunction highlightCode(code: string): string[] {\n  return code.split('\\n').map((line) => fg(palette.code)(line));\n}\n\nexport const theme = {\n  fg: fg(palette.text),\n  assistantText: (text: string) => text,\n  dim: fg(palette.dim),\n  accent: fg(palette.accent),\n  accentSoft: fg(palette.accentSoft),\n  success: fg(palette.success),\n  error: fg(palette.error),\n  header: (text: string) => chalk.bold(fg(palette.accent)(text)),\n  system: fg(palette.systemText),\n  userBg: bg(palette.userBg),\n  userText: fg(palette.userText),\n  toolTitle: fg(palette.toolTitle),\n  toolOutput: fg(palette.toolOutput),\n  toolPendingBg: bg(palette.toolPendingBg),\n  toolSuccessBg: bg(palette.toolSuccessBg),\n  toolErrorBg: bg(palette.toolErrorBg),\n  border: fg(palette.border),\n  bold: (text: string) => chalk.bold(text),\n  italic: (text: string) => chalk.italic(text),\n};\n\nexport const markdownTheme: MarkdownTheme = {\n  heading: (text) => chalk.bold(fg(palette.accent)(text)),\n  link: (text) => fg(palette.link)(text),\n  linkUrl: (text) => chalk.dim(text),\n  code: (text) => fg(palette.code)(text),\n  codeBlock: (text) => fg(palette.code)(text),\n  codeBlockBorder: (text) => fg(palette.codeBorder)(text),\n  quote: (text) => fg(palette.quote)(text),\n  quoteBorder: (text) => fg(palette.quoteBorder)(text),\n  hr: (text) => fg(palette.border)(text),\n  listBullet: (text) => fg(palette.accentSoft)(text),\n  bold: (text) => chalk.bold(text),\n  italic: (text) => chalk.italic(text),\n  strikethrough: (text) => chalk.strikethrough(text),\n  underline: (text) => chalk.underline(text),\n  highlightCode,\n};\n\nexport const selectListTheme: SelectListTheme = {\n  selectedPrefix: (text) => fg(palette.accent)(text),\n  selectedText: (text) => chalk.bold(fg(palette.accent)(text)),\n  description: (text) => fg(palette.dim)(text),\n  scrollInfo: (text) => fg(palette.dim)(text),\n  noMatch: (text) => fg(palette.dim)(text),\n};\n\nexport const searchableSelectListTheme: SearchableSelectListTheme = {\n  ...selectListTheme,\n  searchPrompt: (text) => fg(palette.dim)(text),\n  searchInput: (text) => fg(palette.text)(text),\n  matchHighlight: (text) => fg(palette.accentSoft)(text),\n};\n\nexport const editorTheme: EditorTheme = {\n  borderColor: (text) => fg(palette.border)(text),\n  selectList: selectListTheme,\n};\n"],"mappings":"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"}

package/dist/src/tui/tui-agent-events.d.ts

@@ -0,0 +1,7 @@
+import type { TUI } from '@mariozechner/pi-tui';
+import type { ChatLog } from './components/chat-log.js';
+import type { StreamAssembler } from './stream-assembler.js';
+import type { TuiState } from './tui-types.js';
+export declare function clearPendingToolCallIds(): void;
+export declare function dispatchAgentSSE(event: string, data: Record<string, unknown>, state: TuiState, chatLog: ChatLog, assembler: StreamAssembler, tui: TUI, setActivityStatus: (status: string) => void, touchStreamingActivity?: () => void): void;
+export declare const DEFAULT_STREAMING_WATCHDOG_MS = 30000;

package/dist/src/tui/tui-agent-events.js

@@ -0,0 +1,103 @@
+//#region src/tui/tui-agent-events.ts
+const pendingToolCallIds = /* @__PURE__ */ new Map();
+function clearPendingToolCallIds() {
+	pendingToolCallIds.clear();
+}
+const STREAM_TOUCH_EVENTS = new Set([
+	"status",
+	"token",
+	"thinking",
+	"tool_start",
+	"tool_end",
+	"progress"
+]);
+function dispatchAgentSSE(event, data, state, chatLog, assembler, tui, setActivityStatus, touchStreamingActivity) {
+	if (STREAM_TOUCH_EVENTS.has(event)) touchStreamingActivity?.();
+	const runId = state.activeRunId ?? "default";
+	switch (event) {
+		case "status":
+			state.activeRunId = typeof data.runId === "string" ? data.runId : runId;
+			setActivityStatus("waiting");
+			break;
+		case "token": {
+			const content = typeof data.content === "string" ? data.content : typeof data.delta === "string" ? data.delta : typeof data.text === "string" ? data.text : "";
+			if (!content) break;
+			setActivityStatus("streaming");
+			const display = assembler.ingestToken(runId, content, state.showThinking);
+			if (display !== null) {
+				chatLog.updateAssistant(display, runId);
+				tui.requestRender();
+			}
+			break;
+		}
+		case "thinking": {
+			const thinkContent = String(data.content ?? "");
+			const isDelta = Boolean(data.delta);
+			if (data.status === "started") break;
+			setActivityStatus("streaming");
+			const display = assembler.ingestThinking(runId, thinkContent, isDelta, state.showThinking);
+			if (display !== null) {
+				chatLog.updateAssistant(display, runId);
+				tui.requestRender();
+			}
+			break;
+		}
+		case "thinking_end":
+		case "message_end": break;
+		case "tool_start": {
+			const toolName = String(data.toolName ?? "unknown");
+			const toolCallId = String(data.toolCallId || crypto.randomUUID());
+			const stack = pendingToolCallIds.get(toolName) ?? [];
+			stack.push(toolCallId);
+			pendingToolCallIds.set(toolName, stack);
+			setActivityStatus("running");
+			chatLog.startTool(toolCallId, toolName, data.args, runId);
+			tui.requestRender();
+			break;
+		}
+		case "tool_end": {
+			const toolName = String(data.toolName ?? "");
+			let toolCallId = typeof data.toolCallId === "string" && data.toolCallId ? data.toolCallId : "";
+			if (!toolCallId && toolName) {
+				const stack = pendingToolCallIds.get(toolName);
+				if (stack && stack.length > 0) {
+					toolCallId = stack.shift();
+					if (stack.length === 0) pendingToolCallIds.delete(toolName);
+				}
+			}
+			const resultText = String(data.result ?? "");
+			const isError = Boolean(data.isError);
+			if (toolCallId) chatLog.updateToolResult(toolCallId, resultText, isError);
+			setActivityStatus("streaming");
+			tui.requestRender();
+			break;
+		}
+		case "error": {
+			const errorContent = String(data.content ?? "Unknown error");
+			const finalText = assembler.finalize(runId, state.showThinking);
+			if (finalText) chatLog.finalizeAssistant(finalText, runId);
+			chatLog.addSystem(`❌ ${errorContent}`);
+			state.activeRunId = null;
+			setActivityStatus("idle");
+			tui.requestRender();
+			break;
+		}
+		case "result": {
+			const finalText = assembler.finalize(runId, state.showThinking);
+			if (finalText) chatLog.finalizeAssistant(finalText, runId);
+			state.activeRunId = null;
+			setActivityStatus("idle");
+			tui.requestRender();
+			break;
+		}
+		case "progress":
+			setActivityStatus("running");
+			break;
+		default: break;
+	}
+}
+const DEFAULT_STREAMING_WATCHDOG_MS = 3e4;
+//#endregion
+export { DEFAULT_STREAMING_WATCHDOG_MS, clearPendingToolCallIds, dispatchAgentSSE };
+
+//# sourceMappingURL=tui-agent-events.js.map

package/dist/src/tui/tui-agent-events.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tui-agent-events.js","names":[],"sources":["../../../src/tui/tui-agent-events.ts"],"sourcesContent":["import type { TUI } from '@mariozechner/pi-tui';\n\nimport type { ChatLog } from './components/chat-log.js';\nimport type { StreamAssembler } from './stream-assembler.js';\nimport type { TuiState } from './tui-types.js';\n\nconst pendingToolCallIds = new Map<string, string[]>();\n\nexport function clearPendingToolCallIds(): void {\n  pendingToolCallIds.clear();\n}\n\nconst STREAM_TOUCH_EVENTS = new Set([\n  'status',\n  'token',\n  'thinking',\n  'tool_start',\n  'tool_end',\n  'progress',\n]);\n\nexport function dispatchAgentSSE(\n  event: string,\n  data: Record<string, unknown>,\n  state: TuiState,\n  chatLog: ChatLog,\n  assembler: StreamAssembler,\n  tui: TUI,\n  setActivityStatus: (status: string) => void,\n  touchStreamingActivity?: () => void,\n): void {\n  if (STREAM_TOUCH_EVENTS.has(event)) {\n    touchStreamingActivity?.();\n  }\n\n  const runId = state.activeRunId ?? 'default';\n\n  switch (event) {\n    case 'status': {\n      const newRunId = typeof data.runId === 'string' ? data.runId : runId;\n      state.activeRunId = newRunId;\n      setActivityStatus('waiting');\n      break;\n    }\n    case 'token': {\n      const content =\n        typeof data.content === 'string'\n          ? data.content\n          : typeof data.delta === 'string'\n            ? data.delta\n            : typeof data.text === 'string'\n              ? data.text\n              : '';\n      if (!content) break;\n      setActivityStatus('streaming');\n      const display = assembler.ingestToken(runId, content, state.showThinking);\n      if (display !== null) {\n        chatLog.updateAssistant(display, runId);\n        tui.requestRender();\n      }\n      break;\n    }\n    case 'thinking': {\n      const thinkContent = String(data.content ?? '');\n      const isDelta = Boolean(data.delta);\n      if (data.status === 'started') break;\n      setActivityStatus('streaming');\n      const display = assembler.ingestThinking(runId, thinkContent, isDelta, state.showThinking);\n      if (display !== null) {\n        chatLog.updateAssistant(display, runId);\n        tui.requestRender();\n      }\n      break;\n    }\n    case 'thinking_end':\n    case 'message_end':\n      break;\n    case 'tool_start': {\n      const toolName = String(data.toolName ?? 'unknown');\n      const toolCallId = String(data.toolCallId || crypto.randomUUID());\n      const stack = pendingToolCallIds.get(toolName) ?? [];\n      stack.push(toolCallId);\n      pendingToolCallIds.set(toolName, stack);\n      setActivityStatus('running');\n      chatLog.startTool(toolCallId, toolName, data.args, runId);\n      tui.requestRender();\n      break;\n    }\n    case 'tool_end': {\n      const toolName = String(data.toolName ?? '');\n      let toolCallId = typeof data.toolCallId === 'string' && data.toolCallId ? data.toolCallId : '';\n      if (!toolCallId && toolName) {\n        const stack = pendingToolCallIds.get(toolName);\n        if (stack && stack.length > 0) {\n          toolCallId = stack.shift()!;\n          if (stack.length === 0) pendingToolCallIds.delete(toolName);\n        }\n      }\n      const resultText = String(data.result ?? '');\n      const isError = Boolean(data.isError);\n      if (toolCallId) {\n        chatLog.updateToolResult(toolCallId, resultText, isError);\n      }\n      setActivityStatus('streaming');\n      tui.requestRender();\n      break;\n    }\n    case 'error': {\n      const errorContent = String(data.content ?? 'Unknown error');\n      const finalText = assembler.finalize(runId, state.showThinking);\n      if (finalText) {\n        chatLog.finalizeAssistant(finalText, runId);\n      }\n      chatLog.addSystem(`❌ ${errorContent}`);\n      state.activeRunId = null;\n      setActivityStatus('idle');\n      tui.requestRender();\n      break;\n    }\n    case 'result': {\n      const finalText = assembler.finalize(runId, state.showThinking);\n      if (finalText) {\n        chatLog.finalizeAssistant(finalText, runId);\n      }\n      state.activeRunId = null;\n      setActivityStatus('idle');\n      tui.requestRender();\n      break;\n    }\n    case 'progress': {\n      setActivityStatus('running');\n      break;\n    }\n    default:\n      break;\n  }\n}\n\nexport const DEFAULT_STREAMING_WATCHDOG_MS = 30_000;\n"],"mappings":"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"}

package/dist/src/tui/tui-backend.d.ts

@@ -1,3 +1,4 @@
+import type { ClientHistoryMessage } from '../session/client-history.js';
 import type { SessionInfo } from './tui-types.js';
 /** Options for sending a chat message. */
 export interface ChatSendOptions {
@@ -37,6 +38,11 @@ export interface TuiBackend {
     onEvent?: (evt: TuiEvent) => void;
     onConnected?: () => void;
     onDisconnected?: (reason: string) => void;
+    /** Broadcast SSE sequence gap (if the gateway emits `gap` events). */
+    onGap?: (info: {
+        expected: number;
+        received: number;
+    }) => void;
     /** Start the backend (open SSE streams / start agent service). */
     start(): void;
     /** Stop the backend. */
@@ -70,15 +76,5 @@ export interface TuiBackend {
     /** Patch session settings (e.g. model). */
     patchSession(sessionKey: string, patch: Record<string, unknown>): Promise<void>;
 }
-/** A single message in chat history. */
-export interface HistoryMessage {
-    role: 'user' | 'assistant' | 'system';
-    content: string;
-    timestamp?: number;
-    toolCalls?: Array<{
-        name: string;
-        args?: unknown;
-        result?: string;
-        isError?: boolean;
-    }>;
-}
+/** A single message in chat history (aligned with `ClientHistoryMessage`). */
+export type HistoryMessage = ClientHistoryMessage;

package/dist/src/tui/tui-commands.d.ts

@@ -0,0 +1,23 @@
+import type { TUI } from '@mariozechner/pi-tui';
+import type { ChatLog } from './components/chat-log.js';
+import type { StreamAssembler } from './stream-assembler.js';
+import type { TuiState } from './tui-types.js';
+interface SlashCommandDef {
+    name: string;
+    description: string;
+}
+export declare function getSlashCommands(_isLocal: boolean): SlashCommandDef[];
+export declare function formatTuiHelpText(isLocal: boolean): string;
+export type CommandHandlerDeps = {
+    state: TuiState;
+    chatLog: ChatLog;
+    tui: TUI;
+    assembler: StreamAssembler;
+    isLocalMode: boolean;
+    abortActive: () => Promise<void>;
+    sendMessage: (text: string) => void;
+    requestExit: () => void;
+    updateFooter: () => void;
+};
+export declare function createTuiCommandHandler(deps: CommandHandlerDeps): (input: string) => void;
+export {};