diff options
| author | Daniel Polito <[email protected]> | 2026-01-10 19:02:47 -0300 |
|---|---|---|
| committer | GitHub <[email protected]> | 2026-01-10 16:02:47 -0600 |
| commit | a9275def432b4594698a80f1d882da11f72531d2 (patch) | |
| tree | 2867b9a570875a8ce131a12dd2ffd46fa25c8fa3 | |
| parent | 50ed4c6b5de8aa0e5d0739f933f7afd2ecaa95f4 (diff) | |
| download | opencode-a9275def432b4594698a80f1d882da11f72531d2.tar.gz opencode-a9275def432b4594698a80f1d882da11f72531d2.zip | |
feat(desktop): Make mouse hover / click work on prompt input autocomplete (#7661)
| -rw-r--r-- | packages/app/src/components/prompt-input.tsx | 5 |
1 files changed, 5 insertions, 0 deletions
diff --git a/packages/app/src/components/prompt-input.tsx b/packages/app/src/components/prompt-input.tsx index a5655902a..97f54da5e 100644 --- a/packages/app/src/components/prompt-input.tsx +++ b/packages/app/src/components/prompt-input.tsx @@ -386,6 +386,7 @@ export const PromptInput: Component<PromptInputProps> = (props) => { const { flat: atFlat, active: atActive, + setActive: setAtActive, onInput: atOnInput, onKeyDown: atOnKeyDown, } = useFilteredList<AtOption>({ @@ -452,6 +453,7 @@ export const PromptInput: Component<PromptInputProps> = (props) => { const { flat: slashFlat, active: slashActive, + setActive: setSlashActive, onInput: slashOnInput, onKeyDown: slashOnKeyDown, refetch: slashRefetch, @@ -1299,6 +1301,7 @@ export const PromptInput: Component<PromptInputProps> = (props) => { class="absolute inset-x-0 -top-3 -translate-y-full origin-bottom-left max-h-80 min-h-10 overflow-auto no-scrollbar flex flex-col p-2 rounded-md border border-border-base bg-surface-raised-stronger-non-alpha shadow-md" + onMouseDown={(e) => e.preventDefault()} > <Switch> <Match when={store.popover === "at"}> @@ -1314,6 +1317,7 @@ export const PromptInput: Component<PromptInputProps> = (props) => { "bg-surface-raised-base-hover": atActive() === atKey(item), }} onClick={() => handleAtSelect(item)} + onMouseEnter={() => setAtActive(atKey(item))} > <Show when={item.type === "agent"} @@ -1360,6 +1364,7 @@ export const PromptInput: Component<PromptInputProps> = (props) => { "bg-surface-raised-base-hover": slashActive() === cmd.id, }} onClick={() => handleSlashSelect(cmd)} + onMouseEnter={() => setSlashActive(cmd.id)} > <div class="flex items-center gap-2 min-w-0"> <span class="text-14-regular text-text-strong whitespace-nowrap">/{cmd.trigger}</span> |