fix: keep arrow keys and tab inside editor mode

tests/input.test.ts

@@ -21,19 +21,35 @@ function inputState() {
 	return state;
 }
 
-test("editing views let up and down move navigation", () => {
+test("typing mode delegates arrow keys to the editor", () => {
 	const input = inputState();
+
 	assert.deepEqual(getInputCommand(input, "\x1b[A"), {
-		kind: "editMoveOption",
-		delta: -1,
+		kind: "delegateToEditor",
 	});
 	assert.deepEqual(getInputCommand(input, "\x1b[B"), {
-		kind: "editMoveOption",
-		delta: 1,
+		kind: "delegateToEditor",
+	});
+	assert.deepEqual(getInputCommand(input, "\x1b[C"), {
+		kind: "delegateToEditor",
+	});
+	assert.deepEqual(getInputCommand(input, "\x1b[D"), {
+		kind: "delegateToEditor",
 	});
 });
 
-test("note editing views let up and down move navigation", () => {
+test("typing mode delegates tab to the editor", () => {
+	const input = inputState();
+
+	assert.deepEqual(getInputCommand(input, "\t"), {
+		kind: "delegateToEditor",
+	});
+	assert.deepEqual(getInputCommand(input, "\x1b[Z"), {
+		kind: "delegateToEditor",
+	});
+});
+
+test("note editing mode delegates arrows and tab to the editor", () => {
 	const state = enterQuestionNoteMode(
 		createInitialState({
 			questions: [
@@ -48,11 +64,18 @@ test("note editing views let up and down move navigation", () => {
 	);
 
 	assert.deepEqual(getInputCommand(state, "\x1b[A"), {
-		kind: "editMoveOption",
-		delta: -1,
+		kind: "delegateToEditor",
 	});
 	assert.deepEqual(getInputCommand(state, "\x1b[B"), {
-		kind: "editMoveOption",
-		delta: 1,
+		kind: "delegateToEditor",
+	});
+	assert.deepEqual(getInputCommand(state, "\x1b[C"), {
+		kind: "delegateToEditor",
+	});
+	assert.deepEqual(getInputCommand(state, "\x1b[D"), {
+		kind: "delegateToEditor",
+	});
+	assert.deepEqual(getInputCommand(state, "\t"), {
+		kind: "delegateToEditor",
 	});
 });

tests/render-helpers.test.ts

@@ -1,6 +1,9 @@
 import assert from "node:assert/strict";
 import test from "node:test";
-import { renderEditorBlock } from "../src/ui/render-helpers.ts";
+import {
+	renderEditorBlock,
+	renderFooterText,
+} from "../src/ui/render-helpers.ts";
 
 const ABC_PATTERN = /abc/;
 const BORDER_PATTERN = /┌|└/;
@@ -69,3 +72,8 @@ test("renderEditorBlock reapplies background after editor reset sequences", () =
 	assert.match(lines[0], SELECTED_BG_PATTERN);
 	assert(lines[0].includes("\x1b[0m{selectedBg}"));
 });
+
+test("editing footers do not advertise tab navigation", () => {
+	assert.equal(renderFooterText("input"), " Enter submit · Esc save and close");
+	assert.equal(renderFooterText("note"), " Enter save · Esc save and close");
+});