monadical/opencode
14
0
Fork 0
Code Issues Pull Requests Actions 5 Packages Projects Releases Wiki Activity

feat(desktop): Make mouse hover / click work on prompt input autocomplete (#7661)

Browse Source
This commit is contained in:
Daniel Polito
2026-01-10 19:02:47 -03:00
committed by GitHub
parent 50ed4c6b5d
commit a9275def43
1 changed files with 5 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
packages/app/src/components/prompt-input.tsx
View File

@@ -386,6 +386,7 @@ export const PromptInput: Component<PromptInputProps> = (props) => {
const { const {
flat: atFlat, flat: atFlat,
active: atActive, active: atActive,
setActive: setAtActive,
onInput: atOnInput, onInput: atOnInput,
onKeyDown: atOnKeyDown, onKeyDown: atOnKeyDown,
} = useFilteredList<AtOption>({ } = useFilteredList<AtOption>({
@@ -452,6 +453,7 @@ export const PromptInput: Component<PromptInputProps> = (props) => {
const { const {
flat: slashFlat, flat: slashFlat,
active: slashActive, active: slashActive,
setActive: setSlashActive,
onInput: slashOnInput, onInput: slashOnInput,
onKeyDown: slashOnKeyDown, onKeyDown: slashOnKeyDown,
refetch: slashRefetch, 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 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 overflow-auto no-scrollbar flex flex-col p-2 rounded-md
border border-border-base bg-surface-raised-stronger-non-alpha shadow-md" border border-border-base bg-surface-raised-stronger-non-alpha shadow-md"
onMouseDown={(e) => e.preventDefault()}
> >
<Switch> <Switch>
<Match when={store.popover === "at"}> <Match when={store.popover === "at"}>
@@ -1314,6 +1317,7 @@ export const PromptInput: Component<PromptInputProps> = (props) => {
"bg-surface-raised-base-hover": atActive() === atKey(item), "bg-surface-raised-base-hover": atActive() === atKey(item),
}} }}
onClick={() => handleAtSelect(item)} onClick={() => handleAtSelect(item)}
onMouseEnter={() => setAtActive(atKey(item))}
> >
<Show <Show
when={item.type === "agent"} when={item.type === "agent"}
@@ -1360,6 +1364,7 @@ export const PromptInput: Component<PromptInputProps> = (props) => {
"bg-surface-raised-base-hover": slashActive() === cmd.id, "bg-surface-raised-base-hover": slashActive() === cmd.id,
}} }}
onClick={() => handleSlashSelect(cmd)} onClick={() => handleSlashSelect(cmd)}
onMouseEnter={() => setSlashActive(cmd.id)}
> >
<div class="flex items-center gap-2 min-w-0"> <div class="flex items-center gap-2 min-w-0">
<span class="text-14-regular text-text-strong whitespace-nowrap">/{cmd.trigger}</span> <span class="text-14-regular text-text-strong whitespace-nowrap">/{cmd.trigger}</span>