CJ Winslow
95f0befd65
Users can now type to filter sessions in real-time: - FilterableSelectList component wraps pi-tui's fuzzyFilter - Matches against displayName, label, subject, sessionId - j/k navigation, Enter selects, Escape clears filter then cancels - Uses derivedTitle from previous commit for better display Refs #1161
34 lines
1.1 KiB
TypeScript
34 lines
1.1 KiB
TypeScript
import { type SelectItem, SelectList, type SettingItem, SettingsList } from "@mariozechner/pi-tui";
|
|
import {
|
|
filterableSelectListTheme,
|
|
searchableSelectListTheme,
|
|
selectListTheme,
|
|
settingsListTheme,
|
|
} from "../theme/theme.js";
|
|
import {
|
|
FilterableSelectList,
|
|
type FilterableSelectItem,
|
|
} from "./filterable-select-list.js";
|
|
import { SearchableSelectList } from "./searchable-select-list.js";
|
|
|
|
export function createSelectList(items: SelectItem[], maxVisible = 7) {
|
|
return new SelectList(items, maxVisible, selectListTheme);
|
|
}
|
|
|
|
export function createSearchableSelectList(items: SelectItem[], maxVisible = 7) {
|
|
return new SearchableSelectList(items, maxVisible, searchableSelectListTheme);
|
|
}
|
|
|
|
export function createFilterableSelectList(items: FilterableSelectItem[], maxVisible = 7) {
|
|
return new FilterableSelectList(items, maxVisible, filterableSelectListTheme);
|
|
}
|
|
|
|
export function createSettingsList(
|
|
items: SettingItem[],
|
|
onChange: (id: string, value: string) => void,
|
|
onCancel: () => void,
|
|
maxVisible = 7,
|
|
) {
|
|
return new SettingsList(items, maxVisible, settingsListTheme, onChange, onCancel);
|
|
}
|