diff options
Diffstat (limited to 'packages/app/src')
| -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> |