Added subagents to agents modal, non-selectable

[opencode-agent]

Perfect! Now I can see the agent structure. The mode field can be "subagent", "primary", or "all". Looking at the built-in agents:

• general: mode "subagent"
• build: mode "primary"
• plan: mode "primary"

This confirms that my implementation should work correctly. Let me create a simple summary of what I've implemented:

Summary

I've successfully modified the agents modal in the TUI to list both primary agents and subagents with the following changes:

Files Modified:

1. /home/runner/work/opencode/opencode/packages/opencode/src/cli/cmd/tui/component/dialog-agent.tsx:

   • Added useSync and useTheme imports
   • Modified to fetch all agents (including subagents) from sync.data.agent
   • Separated agents into primary agents and subagents
   • Added categorization: "Primary Agents" and "Subagents"
   • Marked subagents as disabled: true with distinct styling
   • Added "subagent" footer text for subagents
   • Added background color for subagents
   • Prevented selection of disabled options

2. /home/runner/work/opencode/opencode/packages/opencode/src/cli/cmd/tui/ui/dialog-select.tsx:

   • Removed filtering of disabled options from the filtered memo so they appear in the list
   • Updated keyboard handling to prevent selection of disabled options on Enter key
   • Updated mouse click handling to prevent selection of disabled options
   • Updated keybind handling to prevent triggering on disabled options
   • Enhanced Option component to accept and handle disabled prop
   • Added distinct styling for disabled options using theme.textMuted
   • Removed current indicator (●) for disabled options
   • Made text muted for disabled options

Key Features:

✅ Subagents are visible - Users can now see all loaded subagents in the modal
✅ Subagents are not selectable - Disabled state prevents selection via keyboard, mouse, or keybinds
✅ Visual distinction - Subagents appear with muted text color and "subagent" footer label
✅ Clear categorization - Primary agents and subagents are grouped separately
✅ Maintains existing functionality - Primary agents work exactly as before

The implementation addresses the GitHub issue where users couldn't see their subagents (like custom agents in ~/.config/opencode/agent/) in the /agents command modal. Now subagents will be visible but clearly marked as non-selectable, solving the confusion while maintaining the proper UX distinction between primary agents and subagents.

Closes #4452

opencode session  |  github run

[rekram1-node]

/oc make it more clear that you can't select them, also remove the subagent text on far right for each subagent

Additionally if I am flipping through agents make it so I cant select a subagent at all, the selector should just loop back to the top agent

[opencode-agent]

Perfect! I've made the following changes to address your requirements:

Changes Made:

1. Removed subagent text on far right: Removed the footer: "subagent" from subagent options in dialog-agent.tsx:33

2. Made it more clear subagents can't be selected:

   • Added "(non-selectable)" suffix to subagent titles in dialog-agent.tsx:28
   • Added a hollow circle (○) indicator for disabled options in dialog-select.tsx:276-280
   • Added TextAttributes.DIM styling for disabled options to make them visually distinct

3. Prevented subagent selection when flipping through agents:

   • Modified the move() function in dialog-select.tsx:93-110 to skip disabled options when navigating with arrow keys
   • Added logic to loop through options and skip any that are disabled, ensuring the selector only lands on selectable primary agents

The implementation now:

• Shows subagents with "(non-selectable)" in their title
• Uses a hollow circle (○) instead of no indicator for subagents
• Applies dimmed text styling to make subagents visually distinct
• Automatically skips subagents when using arrow keys to navigate, looping back to primary agents only
• Maintains all existing functionality for primary agents

opencode session  |  github run

[rekram1-node]

/oc update it so non-selectable or whatever is next to the Subagents banner rather than next to every subagent

[opencode-agent]

ProviderInitError

opencode session  |  github run

[opencode-agent]

Updated the code to move "non-selectable" text next to the Subagents banner instead of each individual subagent.

opencode session  |  github run

[rekram1-node]

/oc u did mess up the highlighting plz fix

[opencode-agent]

Perfect! Now the highlighting should be fixed. The changes I made:

1. Background color: Disabled options won't get the highlight background color when active
2. Description text color: When a disabled option is active, the description stays muted instead of switching to background color
3. Footer text color: Same fix for footer text

The highlighting issue was that disabled subagents were getting the same visual treatment as active selectable agents, making them appear selectable when they weren't.

opencode session  |  github run