feat(window): close other / left / right project tabs from the window-group tab menu (#965)

Right-clicking a project tab in a merged window group offers Close Other Tabs, Close Tabs to the Left and Close Tabs to the Right (left/right disabled at the ends); the same commands are in the Command Palette and can take shortcuts.

The backend closes the projects one at a time, focusing each so its own unsaved-changes prompt is visible, as Quit does. Cancelling a prompt stops the batch and leaves that project and the rest open; the clicked tab stays and is selected when the batch finishes. Starting Quit clears a pending batch.

Closes #942.

Co-authored-by: jaw52 <[email protected]>

src/workbench/WindowGroupTabs.test.tsx

@@ -2,6 +2,7 @@ import { beforeEach, expect, it, vi } from "vitest";
 import { fireEvent, render, screen } from "@testing-library/react";
 import { executeAction } from "@/platform/actions";
 import { useWindowGroup } from "@/platform/windowGroups";
+import { useContextMenuStore } from "@/ui/Menu";
 import { WindowGroupTabs } from "./WindowGroupTabs";
 
 vi.mock("@/platform/actions", async (importOriginal) => ({
@@ -37,3 +38,29 @@ it("removes the tab row when the group dissolves", () => {
   render(<WindowGroupTabs />);
   expect(screen.queryByRole("tablist")).not.toBeInTheDocument();
 });
+
+it("offers closing the other tabs and those on either side of the clicked tab", () => {
+  useWindowGroup.setState({
+    tabs: [
+      { label: "main", name: "Frontend", root: "/front", current: true },
+      { label: "project-1", name: "Backend", root: "/back", current: false },
+      { label: "project-2", name: "Docs", root: "/docs", current: false },
+    ],
+  });
+  render(<WindowGroupTabs />);
+  const menuFor = (name: string) => {
+    fireEvent.contextMenu(screen.getByRole("tab", { name }));
+    const items = useContextMenuStore.getState().menu!.items;
+    return (label: string) =>
+      items.find((i) => "label" in i && i.label === label) as { disabled?: boolean; run?: () => unknown };
+  };
+  const first = menuFor("Frontend");
+  expect(first("Close Tabs to the Left").disabled).toBe(true);
+  expect(first("Close Tabs to the Right").disabled).toBe(false);
+  const middle = menuFor("Backend");
+  void middle("Close Other Tabs").run?.();
+  expect(executeAction).toHaveBeenLastCalledWith("window.closeOtherTabs", "project-1");
+  void middle("Close Tabs to the Left").run?.();
+  expect(executeAction).toHaveBeenLastCalledWith("window.closeTabsToLeft", "project-1");
+  expect(menuFor("Docs")("Close Tabs to the Right").disabled).toBe(true);
+});

src/workbench/WindowGroupTabs.tsx

@@ -61,13 +61,26 @@ export function WindowGroupTabs() {
             }}
             onContextMenu={(e) => {
               e.preventDefault();
+              const index = tabs.indexOf(tab);
               showContextMenu(e, [
                 {
                   label: "Move Tab to New Window",
                   disabled: !tab.current,
                   run: () => executeAction("window.detachTab"),
                 },
+                { kind: "separator" },
                 { label: "Close Tab", run: () => executeAction("window.closeTab", tab.label) },
+                { label: "Close Other Tabs", run: () => executeAction("window.closeOtherTabs", tab.label) },
+                {
+                  label: "Close Tabs to the Left",
+                  disabled: index <= 0,
+                  run: () => executeAction("window.closeTabsToLeft", tab.label),
+                },
+                {
+                  label: "Close Tabs to the Right",
+                  disabled: index >= tabs.length - 1,
+                  run: () => executeAction("window.closeTabsToRight", tab.label),
+                },
               ]);
             }}
           >