Add keyboard shortcut to create a new workspace

Cmd+N (Ctrl+N off mac) navigates to the new-workspace route through a
global handler keyed on the active host. The sidebar header row surfaces
the shortcut hint on hover, replacing the redundant "+" button that
duplicated the action in the Workspaces section header.
This commit is contained in:
Mohamed Boudra
2026-06-16 16:13:03 +07:00
parent e77c8e2bf3
commit 88b48c9d09
17 changed files with 106 additions and 39 deletions
+1
View File
@@ -41,6 +41,7 @@ export type KeyboardActionId =
| "command-center.toggle"
| "shortcuts.dialog.toggle"
| "workspace.terminal.new"
| "workspace.new"
| "worktree.new"
| "worktree.archive"
| "view.toggle.focus"
@@ -26,6 +26,7 @@ export type KeyboardActionId =
| "workspace.pane.close"
| "workspace.terminal.new"
| "sidebar.toggle.right"
| "workspace.new"
| "worktree.new"
| "worktree.archive";
@@ -55,6 +56,7 @@ export type KeyboardActionDefinition =
| { id: "workspace.pane.close"; scope: KeyboardActionScope }
| { id: "workspace.terminal.new"; scope: KeyboardActionScope }
| { id: "sidebar.toggle.right"; scope: KeyboardActionScope }
| { id: "workspace.new"; scope: KeyboardActionScope }
| { id: "worktree.new"; scope: KeyboardActionScope }
| { id: "worktree.archive"; scope: KeyboardActionScope };
@@ -128,6 +128,18 @@ describe("keyboard-shortcuts", () => {
context: { isMac: true },
action: "agent.new",
},
{
name: "matches Cmd+N to create new workspace on mac",
event: { key: "n", code: "KeyN", metaKey: true },
context: { isMac: true, commandCenterOpen: false },
action: "workspace.new",
},
{
name: "matches Ctrl+N to create new workspace on non-mac",
event: { key: "n", code: "KeyN", ctrlKey: true },
context: { isMac: false, commandCenterOpen: false, focusScope: "other" },
action: "workspace.new",
},
{
name: "matches question-mark shortcut to toggle the shortcuts dialog",
event: { key: "?", code: "Slash", shiftKey: true },
@@ -564,6 +576,7 @@ describe("keyboard-shortcut help sections", () => {
context: { isMac: true, isDesktop: true },
expectedKeys: {
"new-agent": ["mod", "shift", "O"],
"new-workspace": ["mod", "N"],
"workspace-tab-new": ["mod", "T"],
"workspace-jump-index": ["mod", "1-9"],
"workspace-tab-jump-index": ["mod", "alt", "1-9"],
@@ -120,6 +120,7 @@ const SHORTCUT_HELP_SECTION_LABEL_KEYS: Record<ShortcutSectionId, string> = {
const SHORTCUT_HELP_LABEL_KEYS: Record<string, string> = {
"new-agent": "settings.shortcuts.help.openProject",
"new-workspace": "settings.shortcuts.help.newWorkspace",
"new-worktree": "settings.shortcuts.help.newWorktree",
"archive-worktree": "settings.shortcuts.help.archiveWorktree",
"workspace-tab-new": "settings.shortcuts.help.newTab",
@@ -190,6 +191,32 @@ const SHORTCUT_BINDINGS: readonly ShortcutBinding[] = [
},
},
// --- New workspace ---
{
id: "workspace-new-cmd-n-mac",
action: "workspace.new",
combo: "Cmd+N",
when: { mac: true, commandCenter: false },
help: {
id: "new-workspace",
section: "projects",
label: "New workspace",
keys: ["mod", "N"],
},
},
{
id: "workspace-new-ctrl-n-non-mac",
action: "workspace.new",
combo: "Ctrl+N",
when: { mac: false, commandCenter: false, terminal: false },
help: {
id: "new-workspace",
section: "projects",
label: "New workspace",
keys: ["mod", "N"],
},
},
// --- New worktree ---
{
id: "worktree-new-cmd-o-mac",
@@ -29,6 +29,7 @@ describe("routeKeyboardShortcut — dispatch passthroughs", () => {
it.each([
["agent.interrupt", { id: "agent.interrupt", scope: "global" }],
["workspace.tab.new", { id: "workspace.tab.new", scope: "workspace" }],
["workspace.new", { id: "workspace.new", scope: "sidebar" }],
["worktree.archive", { id: "worktree.archive", scope: "sidebar" }],
["worktree.new", { id: "worktree.new", scope: "sidebar" }],
["workspace.terminal.new", { id: "workspace.terminal.new", scope: "workspace" }],
@@ -45,6 +45,7 @@ const NONE: ShortcutAction = { kind: "none" };
const PASSTHROUGH_DISPATCH: Record<string, KeyboardActionDefinition> = {
"agent.interrupt": { id: "agent.interrupt", scope: "global" },
"workspace.tab.new": { id: "workspace.tab.new", scope: "workspace" },
"workspace.new": { id: "workspace.new", scope: "sidebar" },
"worktree.archive": { id: "worktree.archive", scope: "sidebar" },
"worktree.new": { id: "worktree.new", scope: "sidebar" },
"workspace.terminal.new": { id: "workspace.terminal.new", scope: "workspace" },