diff options
| author | Dax Raad <[email protected]> | 2025-10-31 16:21:18 -0400 |
|---|---|---|
| committer | Dax Raad <[email protected]> | 2025-10-31 16:21:30 -0400 |
| commit | aae0ce99219a59fb3b6b38081c09bff49bc9104f (patch) | |
| tree | ebd91895bcbb7264fcc0f12c40a2fc8edacf1a18 | |
| parent | 81b94d84dcf69919b3f2d8d92d4195f6c3c99a0b (diff) | |
| download | opencode-aae0ce99219a59fb3b6b38081c09bff49bc9104f.tar.gz opencode-aae0ce99219a59fb3b6b38081c09bff49bc9104f.zip | |
tui: improve autocomplete component styling and update test command
| -rw-r--r-- | packages/opencode/src/cli/cmd/tui/component/prompt/autocomplete.tsx | 11 |
1 files changed, 7 insertions, 4 deletions
diff --git a/packages/opencode/src/cli/cmd/tui/component/prompt/autocomplete.tsx b/packages/opencode/src/cli/cmd/tui/component/prompt/autocomplete.tsx index 233c534f8..a386aea33 100644 --- a/packages/opencode/src/cli/cmd/tui/component/prompt/autocomplete.tsx +++ b/packages/opencode/src/cli/cmd/tui/component/prompt/autocomplete.tsx @@ -334,8 +334,8 @@ export function Autocomplete(props: { if (e.name === "up") move(-1) if (e.name === "down") move(1) if (e.name === "escape") hide() - if (e.name === "return") select() - if (["up", "down", "return", "escape"].includes(e.name)) e.preventDefault() + if (e.name === "return" || e.name === "tab") select() + if (["up", "down", "return", "tab", "escape"].includes(e.name)) e.preventDefault() } if (!store.visible) { if (e.name === "@") { @@ -391,11 +391,14 @@ export function Autocomplete(props: { backgroundColor={index() === store.selected ? theme.primary : undefined} flexDirection="row" > - <text fg={index() === store.selected ? theme.background : theme.text}> + <text fg={index() === store.selected ? theme.background : theme.text} flexShrink={0}> {option.display} </text> <Show when={option.description}> - <text fg={index() === store.selected ? theme.background : theme.textMuted}> + <text + fg={index() === store.selected ? theme.background : theme.textMuted} + wrapMode="none" + > {option.description} </text> </Show> |