Update keyboard shortcuts for README and landing page
Reorganize into Workspaces, Surfaces, Split Panes, Browser, Notifications, Find, Terminal, and Window sections.
This commit is contained in:
Lawrence Chen
parent
d25f14a79f
commit
71ab1f8864
2 changed files with 273 additions and 0 deletions
75
README.md
75
README.md
|
|
@ -36,3 +36,78 @@ Or [download the DMG](https://github.com/manaflow-ai/cmux/releases/latest/downlo
|
|||
Running multiple AI coding agents? cmux helps you manage them. Instead of losing track of which terminal needs input, the notification panel shows you exactly where to look.
|
||||
|
||||
A native macOS app means it launches instantly, uses minimal RAM, and feels right at home on your Mac.
|
||||
|
||||
## Keyboard Shortcuts
|
||||
|
||||
### Workspaces
|
||||
|
||||
| Shortcut | Action |
|
||||
|----------|--------|
|
||||
| ⌘ N | New workspace |
|
||||
| ⌘ 1–8 | Jump to workspace 1–8 |
|
||||
| ⌘ 9 | Jump to last workspace |
|
||||
| ⌘ ⇧ W | Close workspace |
|
||||
|
||||
### Surfaces
|
||||
|
||||
| Shortcut | Action |
|
||||
|----------|--------|
|
||||
| ⌘ T | New surface |
|
||||
| ⌘ ⇧ [ | Previous surface |
|
||||
| ⌃ ⇧ Tab | Previous surface |
|
||||
| ⌃ 1–8 | Jump to surface 1–8 |
|
||||
| ⌃ 9 | Jump to last surface |
|
||||
| ⌘ W | Close surface |
|
||||
|
||||
### Split Panes
|
||||
|
||||
| Shortcut | Action |
|
||||
|----------|--------|
|
||||
| ⌘ D | Split right |
|
||||
| ⌘ ⇧ D | Split down |
|
||||
| ⌥ ⌘ ← → ↑ ↓ | Focus pane directionally |
|
||||
|
||||
### Browser
|
||||
|
||||
| Shortcut | Action |
|
||||
|----------|--------|
|
||||
| ⌘ ⇧ B | Open browser in split |
|
||||
| ⌘ L | Focus address bar |
|
||||
| ⌘ ] | Forward |
|
||||
| ⌘ R | Reload page |
|
||||
| ⌥ ⌘ I | Open Developer Tools |
|
||||
|
||||
### Notifications
|
||||
|
||||
| Shortcut | Action |
|
||||
|----------|--------|
|
||||
| ⌘ ⇧ I | Show notifications panel |
|
||||
| ⌘ ⇧ U | Jump to latest unread |
|
||||
|
||||
### Find
|
||||
|
||||
| Shortcut | Action |
|
||||
|----------|--------|
|
||||
| ⌘ F | Find |
|
||||
| ⌘ G / ⌘ ⇧ G | Find next / previous |
|
||||
| ⌘ ⇧ F | Hide find bar |
|
||||
| ⌘ E | Use selection for find |
|
||||
|
||||
### Terminal
|
||||
|
||||
| Shortcut | Action |
|
||||
|----------|--------|
|
||||
| ⌘ K | Clear scrollback |
|
||||
| ⌘ C | Copy (with selection) |
|
||||
| ⌘ V | Paste |
|
||||
| ⌘ + / ⌘ - | Increase / decrease font size |
|
||||
| ⌘ 0 | Reset font size |
|
||||
|
||||
### Window
|
||||
|
||||
| Shortcut | Action |
|
||||
|----------|--------|
|
||||
| ⌘ ⇧ N | New window |
|
||||
| ⌘ , | Settings |
|
||||
| ⌘ ⇧ R | Reload configuration |
|
||||
| ⌘ Q | Quit |
|
||||
|
|
|
|||
198
web/app/keyboard-shortcuts.tsx
Normal file
198
web/app/keyboard-shortcuts.tsx
Normal file
|
|
@ -0,0 +1,198 @@
|
|||
export function KeyboardShortcuts() {
|
||||
return (
|
||||
<section className="mb-12">
|
||||
<h2 className="text-xs font-medium text-muted tracking-tight mb-6">
|
||||
Keyboard Shortcuts
|
||||
</h2>
|
||||
<div className="space-y-8 text-[15px]">
|
||||
{/* Workspaces */}
|
||||
<div>
|
||||
<h3 className="text-[11px] uppercase tracking-widest text-muted/60 mb-3">Workspaces</h3>
|
||||
<ul className="space-y-3">
|
||||
<li className="flex items-baseline justify-between">
|
||||
<span className="font-mono text-[13px]">⌘ N</span>
|
||||
<span className="text-muted">New workspace</span>
|
||||
</li>
|
||||
<li className="flex items-baseline justify-between">
|
||||
<span className="font-mono text-[13px]">⌘ 1 – 8</span>
|
||||
<span className="text-muted">Jump to workspace 1–8</span>
|
||||
</li>
|
||||
<li className="flex items-baseline justify-between">
|
||||
<span className="font-mono text-[13px]">⌘ 9</span>
|
||||
<span className="text-muted">Jump to last workspace</span>
|
||||
</li>
|
||||
<li className="flex items-baseline justify-between">
|
||||
<span className="font-mono text-[13px]">⌘ ⇧ W</span>
|
||||
<span className="text-muted">Close workspace</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
{/* Surfaces */}
|
||||
<div>
|
||||
<h3 className="text-[11px] uppercase tracking-widest text-muted/60 mb-3">Surfaces</h3>
|
||||
<ul className="space-y-3">
|
||||
<li className="flex items-baseline justify-between">
|
||||
<span className="font-mono text-[13px]">⌘ T</span>
|
||||
<span className="text-muted">New surface</span>
|
||||
</li>
|
||||
<li className="flex items-baseline justify-between">
|
||||
<span className="font-mono text-[13px]">⌘ ⇧ [</span>
|
||||
<span className="text-muted">Previous surface</span>
|
||||
</li>
|
||||
<li className="flex items-baseline justify-between">
|
||||
<span className="font-mono text-[13px]">⌃ ⇧ Tab</span>
|
||||
<span className="text-muted">Previous surface</span>
|
||||
</li>
|
||||
<li className="flex items-baseline justify-between">
|
||||
<span className="font-mono text-[13px]">⌃ 1 – 8</span>
|
||||
<span className="text-muted">Jump to surface 1–8</span>
|
||||
</li>
|
||||
<li className="flex items-baseline justify-between">
|
||||
<span className="font-mono text-[13px]">⌃ 9</span>
|
||||
<span className="text-muted">Jump to last surface</span>
|
||||
</li>
|
||||
<li className="flex items-baseline justify-between">
|
||||
<span className="font-mono text-[13px]">⌘ W</span>
|
||||
<span className="text-muted">Close surface</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
{/* Split Panes */}
|
||||
<div>
|
||||
<h3 className="text-[11px] uppercase tracking-widest text-muted/60 mb-3">Split Panes</h3>
|
||||
<ul className="space-y-3">
|
||||
<li className="flex items-baseline justify-between">
|
||||
<span className="font-mono text-[13px]">⌘ D</span>
|
||||
<span className="text-muted">Split right</span>
|
||||
</li>
|
||||
<li className="flex items-baseline justify-between">
|
||||
<span className="font-mono text-[13px]">⌘ ⇧ D</span>
|
||||
<span className="text-muted">Split down</span>
|
||||
</li>
|
||||
<li className="flex items-baseline justify-between">
|
||||
<span className="font-mono text-[13px]">⌥ ⌘ ← → ↑ ↓</span>
|
||||
<span className="text-muted">Focus pane directionally</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
{/* Browser */}
|
||||
<div>
|
||||
<h3 className="text-[11px] uppercase tracking-widest text-muted/60 mb-3">Browser</h3>
|
||||
<ul className="space-y-3">
|
||||
<li className="flex items-baseline justify-between">
|
||||
<span className="font-mono text-[13px]">⌘ ⇧ B</span>
|
||||
<span className="text-muted">Open browser in split</span>
|
||||
</li>
|
||||
<li className="flex items-baseline justify-between">
|
||||
<span className="font-mono text-[13px]">⌘ L</span>
|
||||
<span className="text-muted">Focus address bar</span>
|
||||
</li>
|
||||
<li className="flex items-baseline justify-between">
|
||||
<span className="font-mono text-[13px]">⌘ ]</span>
|
||||
<span className="text-muted">Forward</span>
|
||||
</li>
|
||||
<li className="flex items-baseline justify-between">
|
||||
<span className="font-mono text-[13px]">⌘ R</span>
|
||||
<span className="text-muted">Reload page</span>
|
||||
</li>
|
||||
<li className="flex items-baseline justify-between">
|
||||
<span className="font-mono text-[13px]">⌥ ⌘ I</span>
|
||||
<span className="text-muted">Open Developer Tools</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
{/* Notifications */}
|
||||
<div>
|
||||
<h3 className="text-[11px] uppercase tracking-widest text-muted/60 mb-3">Notifications</h3>
|
||||
<ul className="space-y-3">
|
||||
<li className="flex items-baseline justify-between">
|
||||
<span className="font-mono text-[13px]">⌘ ⇧ I</span>
|
||||
<span className="text-muted">Show notifications panel</span>
|
||||
</li>
|
||||
<li className="flex items-baseline justify-between">
|
||||
<span className="font-mono text-[13px]">⌘ ⇧ U</span>
|
||||
<span className="text-muted">Jump to latest unread</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
{/* Find */}
|
||||
<div>
|
||||
<h3 className="text-[11px] uppercase tracking-widest text-muted/60 mb-3">Find</h3>
|
||||
<ul className="space-y-3">
|
||||
<li className="flex items-baseline justify-between">
|
||||
<span className="font-mono text-[13px]">⌘ F</span>
|
||||
<span className="text-muted">Find</span>
|
||||
</li>
|
||||
<li className="flex items-baseline justify-between">
|
||||
<span className="font-mono text-[13px]">⌘ G / ⌘ ⇧ G</span>
|
||||
<span className="text-muted">Find next / previous</span>
|
||||
</li>
|
||||
<li className="flex items-baseline justify-between">
|
||||
<span className="font-mono text-[13px]">⌘ ⇧ F</span>
|
||||
<span className="text-muted">Hide find bar</span>
|
||||
</li>
|
||||
<li className="flex items-baseline justify-between">
|
||||
<span className="font-mono text-[13px]">⌘ E</span>
|
||||
<span className="text-muted">Use selection for find</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
{/* Terminal */}
|
||||
<div>
|
||||
<h3 className="text-[11px] uppercase tracking-widest text-muted/60 mb-3">Terminal</h3>
|
||||
<ul className="space-y-3">
|
||||
<li className="flex items-baseline justify-between">
|
||||
<span className="font-mono text-[13px]">⌘ K</span>
|
||||
<span className="text-muted">Clear scrollback</span>
|
||||
</li>
|
||||
<li className="flex items-baseline justify-between">
|
||||
<span className="font-mono text-[13px]">⌘ C</span>
|
||||
<span className="text-muted">Copy (with selection)</span>
|
||||
</li>
|
||||
<li className="flex items-baseline justify-between">
|
||||
<span className="font-mono text-[13px]">⌘ V</span>
|
||||
<span className="text-muted">Paste</span>
|
||||
</li>
|
||||
<li className="flex items-baseline justify-between">
|
||||
<span className="font-mono text-[13px]">⌘ + / ⌘ -</span>
|
||||
<span className="text-muted">Increase / decrease font size</span>
|
||||
</li>
|
||||
<li className="flex items-baseline justify-between">
|
||||
<span className="font-mono text-[13px]">⌘ 0</span>
|
||||
<span className="text-muted">Reset font size</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
{/* Window */}
|
||||
<div>
|
||||
<h3 className="text-[11px] uppercase tracking-widest text-muted/60 mb-3">Window</h3>
|
||||
<ul className="space-y-3">
|
||||
<li className="flex items-baseline justify-between">
|
||||
<span className="font-mono text-[13px]">⌘ ⇧ N</span>
|
||||
<span className="text-muted">New window</span>
|
||||
</li>
|
||||
<li className="flex items-baseline justify-between">
|
||||
<span className="font-mono text-[13px]">⌘ ,</span>
|
||||
<span className="text-muted">Settings</span>
|
||||
</li>
|
||||
<li className="flex items-baseline justify-between">
|
||||
<span className="font-mono text-[13px]">⌘ ⇧ R</span>
|
||||
<span className="text-muted">Reload configuration</span>
|
||||
</li>
|
||||
<li className="flex items-baseline justify-between">
|
||||
<span className="font-mono text-[13px]">⌘ Q</span>
|
||||
<span className="text-muted">Quit</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue