aljaz/opencode
1
0
Fork 0
mirror of https://github.com/aljazceru/opencode.git synced 2025-12-24 19:24:22 +01:00
Code Issues Packages Projects Releases Wiki Activity

tui: improve autocomplete component styling and update test command

Browse Source
This commit is contained in:
Dax Raad
2025-10-31 16:21:18 -04:00
parent 81b94d84dc
commit aae0ce9921
1 changed files with 7 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
packages/opencode/src/cli/cmd/tui/component/prompt/autocomplete.tsx
View File

@@ -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>