diff options
| author | Adam <[email protected]> | 2026-02-12 14:17:05 -0600 |
|---|---|---|
| committer | Adam <[email protected]> | 2026-02-12 14:17:05 -0600 |
| commit | 50f208d69f9a3b418290f01f96117308842d9e9d (patch) | |
| tree | 9ff7bd360b09947ed0cce5eebfb8c54fa1b9d2fe | |
| parent | 958320f9c1572841c6c4b7aeba4559a79693002d (diff) | |
| download | opencode-50f208d69f9a3b418290f01f96117308842d9e9d.tar.gz opencode-50f208d69f9a3b418290f01f96117308842d9e9d.zip | |
fix(app): suggestion active state broken
| -rw-r--r-- | packages/app/src/components/prompt-input/slash-popover.tsx | 16 |
1 files changed, 7 insertions, 9 deletions
diff --git a/packages/app/src/components/prompt-input/slash-popover.tsx b/packages/app/src/components/prompt-input/slash-popover.tsx index 554a15bb7..259883d61 100644 --- a/packages/app/src/components/prompt-input/slash-popover.tsx +++ b/packages/app/src/components/prompt-input/slash-popover.tsx @@ -53,18 +53,15 @@ export const PromptPopover: Component<PromptPopoverProps> = (props) => { > <For each={props.atFlat.slice(0, 10)}> {(item) => { - const active = props.atActive === props.atKey(item) - const shared = { - "w-full flex items-center gap-x-2 rounded-md px-2 py-0.5": true, - "bg-surface-raised-base-hover": active, - } + const key = props.atKey(item) if (item.type === "agent") { return ( <button - classList={shared} + class="w-full flex items-center gap-x-2 rounded-md px-2 py-0.5" + classList={{ "bg-surface-raised-base-hover": props.atActive === key }} onClick={() => props.onAtSelect(item)} - onMouseEnter={() => props.setAtActive(props.atKey(item))} + onMouseEnter={() => props.setAtActive(key)} > <Icon name="brain" size="small" class="text-icon-info-active shrink-0" /> <span class="text-14-regular text-text-strong whitespace-nowrap">@{item.name}</span> @@ -78,9 +75,10 @@ export const PromptPopover: Component<PromptPopoverProps> = (props) => { return ( <button - classList={shared} + class="w-full flex items-center gap-x-2 rounded-md px-2 py-0.5" + classList={{ "bg-surface-raised-base-hover": props.atActive === key }} onClick={() => props.onAtSelect(item)} - onMouseEnter={() => props.setAtActive(props.atKey(item))} + onMouseEnter={() => props.setAtActive(key)} > <FileIcon node={{ path: item.path, type: "file" }} class="shrink-0 size-4" /> <div class="flex items-center text-14-regular min-w-0"> |