claude-code - 💡(How to fix) Fix [UI Bug] No visual selection indicator in /agents library navigation [1 participants]

Official PRs (…)
ON THIS PAGE

Recommended Tools

×6

Utilities matched from this issue’s tags and category — try them while you read without losing context.

GitHub issue graph ai analysis

Paste a GitHub issue URL. We fetch that issue, discover linked issues from bodies/comments/timeline, collect linked pull requests, and produce a structured English report.

The report is written in English Markdown for sharing and archival.

Helpful · Quick feedback

Loading…
GitHub stats
anthropics/claude-code#56061Fetched 2026-05-05 05:59:12
View on GitHub
Comments
0
Participants
1
Timeline
4
Reactions
0
Participants
Timeline (top)
labeled ×4

When opening the /agents dialog and navigating the agent library with arrow keys, there is no visible highlight or focus indicator showing which item is currently selected. Navigation works functionally (pressing Enter selects the agent), but the user has no visual feedback about which item is focused until after entering the agent's submenu.

Root Cause

When opening the /agents dialog and navigating the agent library with arrow keys, there is no visible highlight or focus indicator showing which item is currently selected. Navigation works functionally (pressing Enter selects the agent), but the user has no visual feedback about which item is focused until after entering the agent's submenu.

RAW_BUFFERClick to expand / collapse

Description

When opening the /agents dialog and navigating the agent library with arrow keys, there is no visible highlight or focus indicator showing which item is currently selected. Navigation works functionally (pressing Enter selects the agent), but the user has no visual feedback about which item is focused until after entering the agent's submenu.

Steps to Reproduce

  1. Open Claude Code
  2. Type /agents or use the agents command
  3. Navigate to the agent library
  4. Use arrow keys (↑/↓) to scroll through the list

Expected Behavior

The currently focused/selected agent should be visually highlighted (e.g., background color, border, or cursor indicator).

Actual Behavior

No visual indicator is shown. The user can press Enter and the agent gets selected, but there is no way to know which item is focused while navigating the list.

Environment

  • OS: Windows 11 Pro (10.0.26200)
  • Claude Code version: 2.1.126
  • Terminal: PowerShell

Additional Context

The issue appears only in the agent library list. Basic navigation functionality (arrow keys, Enter) works correctly.

extent analysis

TL;DR

The issue can be addressed by adding a visual focus indicator to the agent library list items when navigated using arrow keys.

Guidance

  • Review the CSS styles applied to the agent library list items to ensure that a focus state is defined and correctly applied.
  • Verify that the :focus pseudo-class is used to style the focused item, and that it is not being overridden by other styles.
  • Check the JavaScript code handling keyboard navigation to ensure that the focused item is correctly updated and the corresponding visual indicator is applied.
  • Test the agent library list with different themes or custom styles to ensure the focus indicator is visible and consistent.

Example

.agent-library-item:focus {
  background-color: #ccc; /* or any other visible highlight style */
}

Notes

The solution may require modifications to both CSS and JavaScript code, depending on the implementation details of the agent library list.

Recommendation

Apply a workaround by adding a custom CSS style to define a visible focus indicator for the agent library list items, as the root cause appears to be a missing or incorrect visual styling for the focused state.

Vote matrix · Quick signals

Works
Did the solution work? Tap to confirm.
Easy Fix
Was it a quick fix?
Time Saver
Did it save you time?
Blocking
Was it severely blocking?
Common Issue
Are others likely hitting this too?
Flaky / Intermittent
Is it intermittent?
Verified / Reproducible
Can you reproduce it reliably?
Loading…

Still need to ship something?

×6

Another batch ranked right after the header list — different links, same matching logic.

Back to top recommendations

TRENDING