diff --git a/packages/app/src/components/prompt-input.tsx b/packages/app/src/components/prompt-input.tsx index a5655902a47..97f54da5ed5 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 = (props) => { const { flat: atFlat, active: atActive, + setActive: setAtActive, onInput: atOnInput, onKeyDown: atOnKeyDown, } = useFilteredList({ @@ -452,6 +453,7 @@ export const PromptInput: Component = (props) => { const { flat: slashFlat, active: slashActive, + setActive: setSlashActive, onInput: slashOnInput, onKeyDown: slashOnKeyDown, refetch: slashRefetch, @@ -1299,6 +1301,7 @@ export const PromptInput: Component = (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()} > @@ -1314,6 +1317,7 @@ export const PromptInput: Component = (props) => { "bg-surface-raised-base-hover": atActive() === atKey(item), }} onClick={() => handleAtSelect(item)} + onMouseEnter={() => setAtActive(atKey(item))} > = (props) => { "bg-surface-raised-base-hover": slashActive() === cmd.id, }} onClick={() => handleSlashSelect(cmd)} + onMouseEnter={() => setSlashActive(cmd.id)} >
/{cmd.trigger}