feat(agent-manager): add close others tab action

.changeset/close-other-tabs.md

@@ -0,0 +1,5 @@
+---
+"kilo-code": minor
+---
+
+Support closing other Agent Manager tabs from the tab context menu.

packages/kilo-vscode/webview-ui/agent-manager/i18n/en.ts

@@ -50,6 +50,7 @@ export const dict = {
   "agentManager.session.noSessions": "No sessions open",
 
   "agentManager.tab.close": "Close",
+  "agentManager.tab.closeOthers": "Close Others",
   "agentManager.tab.closeTab": "Close tab",
   "agentManager.tab.forkSession": "Fork Session",
   "agentManager.tab.terminal": "Terminal",

packages/kilo-vscode/webview-ui/agent-manager/sortable-tab.tsx

@@ -52,6 +52,7 @@ export const SortableTab: Component<{
   onSelect: () => void
   onMiddleClick: (e: MouseEvent) => void
   onClose: () => void
+  onCloseOthers: () => void
   onFork?: () => void
 }> = (props) => {
   const { t } = useLanguage()
@@ -130,6 +131,10 @@ export const SortableTab: Component<{
                 </span>
               </Show>
             </ContextMenu.Item>
+            <ContextMenu.Item onSelect={props.onCloseOthers}>
+              <Icon name="close" size="small" />
+              <ContextMenu.ItemLabel>{t("agentManager.tab.closeOthers")}</ContextMenu.ItemLabel>
+            </ContextMenu.Item>
           </ContextMenu.Content>
         </ContextMenu.Portal>
       </ContextMenu>

packages/kilo-vscode/webview-ui/agent-manager/tab-rendering.tsx

@@ -74,6 +74,7 @@ export function renderTab(id: string, deps: TabRenderDeps): JSX.Element {
       onSelect: deps.activateTerminal,
       onMiddleClick: deps.terminalMiddleClick,
       onClose: deps.closeTerminal,
+      onCloseOthers: (target) => closeOthers(target, deps),
     })
   }
   if (id === deps.REVIEW_TAB_ID) return renderReviewTab(deps)
@@ -141,11 +142,32 @@ function renderSessionTab(s: SessionInfo, deps: TabRenderDeps): JSX.Element {
       }}
       onMiddleClick={(e: MouseEvent) => deps.sessionMiddleClick(s.id, e)}
       onClose={() => deps.sessionClose(s.id)}
+      onCloseOthers={() => closeOthers(s.id, deps)}
       onFork={pending ? undefined : () => deps.sessionFork(s.id)}
     />
   )
 }
 
+function closeOthers(target: string, deps: TabRenderDeps) {
+  for (const id of deps.tabIds()) {
+    if (id === target) continue
+    if (isTerminalTabId(id)) {
+      deps.closeTerminal(id)
+      continue
+    }
+    if (id === deps.REVIEW_TAB_ID) {
+      deps.closeReview()
+      continue
+    }
+    deps.sessionClose(id)
+  }
+  if (isTerminalTabId(target)) {
+    deps.activateTerminal(target)
+    return
+  }
+  deps.selectSessionTab(target, deps.isPending(target))
+}
+
 // Terminal-specific renderers (layer + add button) live in `./terminal/render.tsx`
 // and are re-exported for convenience so AgentManagerApp.tsx has a single
 // import point for tab rendering.

packages/kilo-vscode/webview-ui/agent-manager/terminal/SortableTerminalTab.tsx

@@ -33,6 +33,7 @@ export const SortableTerminalTab: Component<{
   onSelect: () => void
   onMiddleClick: (e: MouseEvent) => void
   onClose: (e: MouseEvent) => void
+  onCloseOthers: () => void
 }> = (props) => {
   const { t } = useLanguage()
   const sortable = createSortable(props.id)
@@ -99,6 +100,10 @@ export const SortableTerminalTab: Component<{
                 </span>
               </Show>
             </ContextMenu.Item>
+            <ContextMenu.Item onSelect={props.onCloseOthers}>
+              <Icon name="close" size="small" />
+              <ContextMenu.ItemLabel>{t("agentManager.tab.closeOthers")}</ContextMenu.ItemLabel>
+            </ContextMenu.Item>
           </ContextMenu.Content>
         </ContextMenu.Portal>
       </ContextMenu>

packages/kilo-vscode/webview-ui/agent-manager/terminal/render.tsx

@@ -22,6 +22,7 @@ export interface TerminalTabRenderDeps {
   onSelect: (id: string) => void
   onMiddleClick: (id: string, e: MouseEvent) => void
   onClose: (id: string) => void
+  onCloseOthers: (id: string) => void
 }
 
 /** Render the terminal entry inside the agent-manager tab bar `<For>`. */
@@ -43,6 +44,7 @@ export function renderTerminalTab(deps: TerminalTabRenderDeps): JSX.Element {
         e.stopPropagation()
         deps.onClose(deps.id)
       }}
+      onCloseOthers={() => deps.onCloseOthers(deps.id)}
     />
   )
 }