fix(vscode): address Agent Manager tab review

This commit is contained in:
kirillk
2026-05-08 14:57:38 -04:00
parent ccc556e79c
commit 1c12c0be9e
2 changed files with 25 additions and 14 deletions
@@ -2701,19 +2701,21 @@ const AgentManagerContent: Component = () => {
</div>
<div class={`am-tab-fade am-tab-fade-right ${tabScroll.showRight() ? "am-tab-fade-visible" : ""}`} />
</div>
<div class="am-tab-add-wrap">
<div class="am-tab-add-separator" />
{renderNewTabButton({
contextSelected: () => selection() !== null,
kb,
newSessionLabel: t("agentManager.session.new"),
newTerminalLabel: t("agentManager.terminal.new"),
newSessionMenuLabel: t("agentManager.session.newSession"),
moreOptionsLabel: t("agentManager.tab.newOptions"),
onNewSession: handleAddSession,
onNewTerminal: () => termHandlers.requestNew(),
})}
</div>
<Show when={selection() !== null}>
<div class="am-tab-add-wrap">
<div class="am-tab-add-separator" />
{renderNewTabButton({
contextSelected: () => selection() !== null,
kb,
newSessionLabel: t("agentManager.session.new"),
newTerminalLabel: t("agentManager.terminal.new"),
newSessionMenuLabel: t("agentManager.session.newSession"),
moreOptionsLabel: t("agentManager.tab.newOptions"),
onNewSession: handleAddSession,
onNewTerminal: () => termHandlers.requestNew(),
})}
</div>
</Show>
<div class="am-tab-actions">
{(() => {
const sel = () => selection()
@@ -574,12 +574,18 @@ const MockTabsSearchButton = () => (
const MockTabLeading = () => (
<div class="am-tab-leading">
<MockTabsSearchButton />
</div>
)
const MockTabAdd = () => (
<div class="am-tab-add-wrap">
<div class="am-tab-add-separator" />
<div class="am-split-button am-tab-add-split">
<TooltipKeybind title="New session" keybind="⌘T" placement="bottom">
<IconButton icon="plus" size="small" variant="ghost" label="New session" class="am-tab-add" />
</TooltipKeybind>
</div>
<MockTabsSearchButton />
</div>
)
@@ -598,6 +604,7 @@ export const TabBarMultipleTabs: Story = {
</div>
</div>
</div>
<MockTabAdd />
<div class="am-tab-actions">
<button class="am-diff-toggle-btn am-diff-toggle-has-changes">
<Icon name="layers" size="small" />
@@ -628,6 +635,7 @@ export const TabBarWithReviewTab: Story = {
</div>
</div>
</div>
<MockTabAdd />
<div class="am-tab-actions">
<IconButton icon="expand" size="small" variant="ghost" label="Review" class="am-tab-diff-btn-active" />
<IconButton icon="console" size="small" variant="ghost" label="Terminal" />
@@ -650,6 +658,7 @@ export const TabBarSingleTab: Story = {
</div>
</div>
</div>
<MockTabAdd />
<div class="am-tab-actions">
<button class="am-diff-toggle-btn am-diff-toggle-has-changes">
<Icon name="layers" size="small" />