Add q button to default toolbar row 2

Author: connorads

CHANGELOG.md

@@ -31,3 +31,4 @@ This project has not been published yet. On first release, rename this section t
 - Changed: Tailscale Serve guide now recommends always rebuilding the overlay before start; removed version-hash cache-key snippet to prevent stale build issues.
 - Changed: default toolbar now uses explicit tmux `Prefix` (`C-b`) and `Alt+Enter` buttons for more predictable mobile input.
 - Added: new drawer `Combo` action (`combo-picker`) that opens a small combo input modal for explicit Ctrl/Alt key sends.
+- Added: default toolbar `q` button (row 2, left) for quitting interactive TUIs.

src/config.ts

@@ -86,6 +86,12 @@ const defaultRow1: WebmuxConfig['toolbar']['row1'] = [
 
 /** Default row 2 buttons */
 const defaultRow2: WebmuxConfig['toolbar']['row2'] = [
+	{
+		id: 'q',
+		label: 'q',
+		description: 'Send q key',
+		action: { type: 'send', data: 'q' },
+	},
 	{
 		id: 'alt-enter',
 		label: 'M-↵',

tests/config.test.ts

@@ -125,8 +125,8 @@ describe('defaultConfig', () => {
 		expect(defaultConfig.toolbar.row1).toHaveLength(10)
 	})
 
-	test('has 6 row2 buttons', () => {
-		expect(defaultConfig.toolbar.row2).toHaveLength(6)
+	test('has 7 row2 buttons', () => {
+		expect(defaultConfig.toolbar.row2).toHaveLength(7)
 	})
 
 	test('has 15 drawer buttons', () => {
@@ -139,9 +139,9 @@ describe('defaultConfig', () => {
 		expect(sTabIdx).toBe(tabIdx + 1)
 	})
 
-	test('row2 has Alt+Enter, C-d, More, Paste, Backspace, Space', () => {
+	test('row2 has q, Alt+Enter, C-d, More, Paste, Backspace, Space', () => {
 		const labels = defaultConfig.toolbar.row2.map((b) => b.label)
-		expect(labels).toEqual(['M-↵', 'C-d', '\u2630 More', 'Paste', '⌫', 'Space'])
+		expect(labels).toEqual(['q', 'M-↵', 'C-d', '\u2630 More', 'Paste', '⌫', 'Space'])
 	})
 
 	test('font size range is [8, 32]', () => {