fix(agent-manager): Fix double scrollbar in mode selector dropdowns

[Drilmo]

Summary

Fixes the double scrollbar issue in Agent Manager mode selector dropdowns.

• Related to PR Fix double scroll bar in ModelSelector and KiloProfileSelector #5583 which fixed the same issue in ModelSelector and KiloProfileSelector
• Tested on Kilocode v5.3.0 (latest version from upstream/main)

Problem

The mode selector dropdowns in Agent Manager had double scrollbars because:

• Outer container had max-height: 300px with overflow-y: auto
• Inner scroll container (from SelectDropdown component) has max-h-82 (~328px) with overflow-y-auto
• Since outer (300px) < inner (328px), both containers tried to scroll

Solution

• Remove max-height and overflow-y: auto from outer container
• Set overflow: hidden on outer container (prevents outer scrollbar)
• Target inner scroll container via CSS selector (> div > div:last-child) and set max-height: 250px
• This ensures only the inner container scrolls, with a compact 250px height

Changes

CSS Class	Before	After
.am-model-selector-content	max-height: 300px	overflow: hidden + inner 250px
.am-session-mode-content	max-height: 300px, overflow-y: auto	overflow: hidden + inner 250px
.am-mode-selector-content	max-height: 300px, overflow-y: auto	overflow: hidden + inner 250px

Benefits

• ✅ Single scrollbar (no more double scrollbar)
• ✅ Works with unlimited modes
• ✅ Compact dropdown (250px)
• ✅ Consistent with PR Fix double scroll bar in ModelSelector and KiloProfileSelector #5583 approach

How to Test

1. Open Agent Manager
2. Click on mode selector dropdown
3. Add enough modes to require scrolling
4. Verify only one scrollbar is visible

[changeset-bot]

🦋 Changeset detected

Latest commit: 6a71db2

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
kilo-code	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR