Skip to content

Make Agent Manager session tabs compact#9970

Merged
marius-kilocode merged 7 commits into
mainfrom
agent-manager-compact-tabs
May 7, 2026
Merged

Make Agent Manager session tabs compact#9970
marius-kilocode merged 7 commits into
mainfrom
agent-manager-compact-tabs

Conversation

@marius-kilocode
Copy link
Copy Markdown
Collaborator

@marius-kilocode marius-kilocode commented May 6, 2026

Summary

  • Make Agent Manager session tabs compact with deterministic, Chrome-style sizing and keep the new tab control next to the last tab.
  • Show only meaningful session status in session tabs, so idle tabs stay title-first and running tabs show a spinner.
  • Keep close targets stable during repeated mouse closes by freezing widths until the pointer leaves, then reflowing evenly.
image image image image

Why

Agent Manager encourages many parallel sessions, so a fixed-width tab strip quickly becomes hard to scan and easy to misclick. Matching Chrome's tab behavior gives users a familiar model: tabs shrink evenly as more are opened, the new-tab affordance stays near the tab group, and active or hovered tabs expose close controls without changing tab identity.

Design choices

  • Deterministic CSS sizing: tab width is derived from tab count and available width, not runtime measurement, so startup and tab switching do not animate through intermediate sizes.
  • Title-first session tabs: idle sessions do not need a default icon, because it competes with the title and can imply the tab is a worktree. Running sessions still show a spinner because that state is actionable.
  • Stable close targets: removing tabs with the pointer over the strip freezes measured widths, preventing the close button from moving under the cursor while the user closes several tabs in a row. Adding tabs reflows immediately because there is no repeated-close risk.
  • Inline new-tab control: the plus button lives next to the rightmost tab instead of at the far edge, keeping tab creation spatially tied to the tab group.

Closes #9954

@kilo-code-bot
Copy link
Copy Markdown
Contributor

kilo-code-bot Bot commented May 6, 2026

Code Review Summary

Status: No Issues Found | Recommendation: Merge

Files Reviewed (3 files)
  • packages/kilo-docs/public/img/screenshot-tests/kilo-vscode/visual-regression/agentmanager/tab-bar-multiple-tabs-chromium-linux.png
  • packages/kilo-docs/public/img/screenshot-tests/kilo-vscode/visual-regression/agentmanager/tab-bar-single-tab-chromium-linux.png
  • packages/kilo-docs/public/img/screenshot-tests/kilo-vscode/visual-regression/agentmanager/tab-bar-with-review-tab-chromium-linux.png

Reviewed by gpt-5.5-2026-04-23 · 485,287 tokens

@marius-kilocode marius-kilocode force-pushed the agent-manager-compact-tabs branch from eb8e5bb to edf99d0 Compare May 6, 2026 15:01
@marius-kilocode marius-kilocode force-pushed the agent-manager-compact-tabs branch from 7df850f to 354dca5 Compare May 6, 2026 15:08
@marius-kilocode marius-kilocode force-pushed the agent-manager-compact-tabs branch from 785d977 to e3f3c96 Compare May 7, 2026 09:58
@marius-kilocode marius-kilocode enabled auto-merge (squash) May 7, 2026 10:10
…-tabs

# Conflicts:
#	packages/kilo-vscode/webview-ui/agent-manager/AgentManagerApp.tsx
#	packages/kilo-vscode/webview-ui/agent-manager/tab-scroll.ts
@marius-kilocode marius-kilocode force-pushed the agent-manager-compact-tabs branch from abe2ded to 23798f8 Compare May 7, 2026 10:12
@marius-kilocode marius-kilocode force-pushed the agent-manager-compact-tabs branch from f924967 to 433ac24 Compare May 7, 2026 10:18
@marius-kilocode marius-kilocode merged commit 43204b6 into main May 7, 2026
15 checks passed
@marius-kilocode marius-kilocode deleted the agent-manager-compact-tabs branch May 7, 2026 10:29
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Make Agent Manager session tabs compact and status-aware

2 participants