fix(vscode): make session history list scrollable

[kilo-code-bot]

Summary

• Fix the session history list (accessible via menu bar or /sessions command) not being scrollable in the VS Code extension, preventing users from finding older sessions.

Problem

The div.session-list wrapper had no CSS rules, breaking the flex sizing chain between .history-view-content and the inner [data-slot="list-scroll"] element. Without flex: 1 and min-height: 0, the container grew to its natural content height instead of constraining itself within the parent. This meant overflow-y: auto on the scroll slot never activated — the content never overflowed.

The flex chain:

.history-view-content  ✅ flex: 1; min-height: 0; display: flex; flex-direction: column
  └── .session-list    ❌ NO styles (block element, unconstrained height)
       └── [data-component="list"]  ✅ display: flex; overflow: hidden
            └── [data-slot="list-scroll"]  ✅ overflow-y: auto (but never activates)

Notably, .cloud-session-list already had the correct styles — only .session-list was missing them.

Fix

Add display: flex; flex-direction: column; flex: 1; min-height: 0 to .session-list, mirroring the existing .cloud-session-list styles. This completes the flex sizing chain so the scroll container can properly constrain its height and activate overflow scrolling.

---

Built for josh by Kilo for Slack

[kilo-code-bot]

Code Review Summary

Status: No Issues Found | Recommendation: Merge

Files Reviewed (1 files)

• packages/kilo-vscode/webview-ui/src/styles/chat.css

---

_{Reviewed by gpt-5.4-20260305 · 532,424 tokens}