@fairyhunter13/opentui-core 0.1.90 → 0.1.92

package/src/renderables/__tests__/Textarea.editing.test.ts

@@ -1,2041 +0,0 @@
-import { describe, expect, it, beforeEach, afterEach } from "bun:test"
-import { createTestRenderer, type TestRenderer, type MockInput } from "../../testing/test-renderer.js"
-import { createTextareaRenderable } from "./renderable-test-utils.js"
-import { TextareaRenderable } from "../Textarea.js"
-
-let currentRenderer: TestRenderer
-let renderOnce: () => Promise<void>
-let currentMockInput: MockInput
-
-describe("Textarea - Editing Tests", () => {
-  beforeEach(async () => {
-    ;({
-      renderer: currentRenderer,
-      renderOnce,
-      mockInput: currentMockInput,
-    } = await createTestRenderer({
-      width: 80,
-      height: 24,
-    }))
-  })
-
-  afterEach(() => {
-    currentRenderer.destroy()
-  })
-
-  describe("Initialization", () => {
-    it("should initialize with default options", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        width: 40,
-        height: 10,
-      })
-
-      expect(editor.x).toBeDefined()
-      expect(editor.y).toBeDefined()
-      expect(editor.width).toBeGreaterThan(0)
-      expect(editor.height).toBeGreaterThan(0)
-      expect(editor.focusable).toBe(true)
-    })
-
-    it("should initialize with content", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "Hello World",
-        width: 40,
-        height: 10,
-      })
-
-      expect(editor.plainText).toBe("Hello World")
-    })
-
-    it("should initialize with empty content", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "",
-        width: 40,
-        height: 10,
-      })
-
-      expect(editor.plainText).toBe("")
-    })
-
-    it("should initialize with multi-line content", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "Line 1\nLine 2\nLine 3",
-        width: 40,
-        height: 10,
-      })
-
-      expect(editor.plainText).toBe("Line 1\nLine 2\nLine 3")
-    })
-  })
-
-  describe("Focus Management", () => {
-    it("should handle focus and blur", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "test",
-        width: 40,
-        height: 10,
-      })
-
-      expect(editor.focused).toBe(false)
-
-      editor.focus()
-      expect(editor.focused).toBe(true)
-
-      editor.blur()
-      expect(editor.focused).toBe(false)
-    })
-  })
-
-  describe("Text Insertion via Methods", () => {
-    it("should insert single character", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "Hello",
-        width: 40,
-        height: 10,
-      })
-
-      editor.gotoLine(9999) // Move to end
-      editor.insertChar("!")
-
-      expect(editor.plainText).toBe("Hello!")
-    })
-
-    it("should insert text", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "Hello",
-        width: 40,
-        height: 10,
-      })
-
-      editor.gotoLine(9999) // Move to end
-      editor.insertText(" World")
-
-      expect(editor.plainText).toBe("Hello World")
-    })
-
-    it("should insert text in middle", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "HelloWorld",
-        width: 40,
-        height: 10,
-      })
-
-      editor.moveCursorRight()
-      editor.moveCursorRight()
-      editor.moveCursorRight()
-      editor.moveCursorRight()
-      editor.moveCursorRight()
-      editor.insertText(" ")
-
-      expect(editor.plainText).toBe("Hello World")
-    })
-  })
-
-  describe("Text Deletion via Methods", () => {
-    it("should delete character at cursor", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "Hello World",
-        width: 40,
-        height: 10,
-      })
-
-      // Move to 'W' and delete it
-      for (let i = 0; i < 6; i++) {
-        editor.moveCursorRight()
-      }
-      editor.deleteChar()
-
-      expect(editor.plainText).toBe("Hello orld")
-    })
-
-    it("should delete character backward", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "Hello",
-        width: 40,
-        height: 10,
-      })
-
-      editor.gotoLine(9999) // Move to end
-      editor.deleteCharBackward()
-
-      expect(editor.plainText).toBe("Hell")
-    })
-
-    it("should delete entire line", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "Line 1\nLine 2\nLine 3",
-        width: 40,
-        height: 10,
-      })
-
-      editor.gotoLine(1)
-      editor.deleteLine()
-
-      expect(editor.plainText).toBe("Line 1\nLine 3")
-    })
-
-    it("should delete to line end", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "Hello World",
-        width: 40,
-        height: 10,
-      })
-
-      for (let i = 0; i < 6; i++) {
-        editor.moveCursorRight()
-      }
-      editor.deleteToLineEnd()
-
-      expect(editor.plainText).toBe("Hello ")
-    })
-  })
-
-  describe("Cursor Movement via Methods", () => {
-    it("should move cursor left and right", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "ABCDE",
-        width: 40,
-        height: 10,
-      })
-
-      const initialCursor = editor.logicalCursor
-      expect(initialCursor.col).toBe(0)
-
-      editor.moveCursorRight()
-      expect(editor.logicalCursor.col).toBe(1)
-
-      editor.moveCursorRight()
-      expect(editor.logicalCursor.col).toBe(2)
-
-      editor.moveCursorLeft()
-      expect(editor.logicalCursor.col).toBe(1)
-    })
-
-    it("should move cursor up and down", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "Line 1\nLine 2\nLine 3",
-        width: 40,
-        height: 10,
-      })
-
-      expect(editor.logicalCursor.row).toBe(0)
-
-      editor.moveCursorDown()
-      expect(editor.logicalCursor.row).toBe(1)
-
-      editor.moveCursorDown()
-      expect(editor.logicalCursor.row).toBe(2)
-
-      editor.moveCursorUp()
-      expect(editor.logicalCursor.row).toBe(1)
-    })
-
-    it("should move to line start and end", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "Hello World",
-        width: 40,
-        height: 10,
-      })
-
-      const cursor = editor.logicalCursor
-      editor.editBuffer.setCursorToLineCol(cursor.row, 9999) // Move to end of line
-      expect(editor.logicalCursor.col).toBe(11)
-
-      editor.editBuffer.setCursor(editor.logicalCursor.row, 0)
-      expect(editor.logicalCursor.col).toBe(0)
-    })
-
-    it("should move to buffer start and end", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "Line 1\nLine 2\nLine 3",
-        width: 40,
-        height: 10,
-      })
-
-      editor.gotoLine(9999) // Move to end
-      let cursor = editor.logicalCursor
-      expect(cursor.row).toBe(2)
-
-      editor.gotoLine(0) // Move to start
-      cursor = editor.logicalCursor
-      expect(cursor.row).toBe(0)
-      expect(cursor.col).toBe(0)
-    })
-
-    it("should goto specific line", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "Line 0\nLine 1\nLine 2",
-        width: 40,
-        height: 10,
-      })
-
-      editor.gotoLine(1)
-      expect(editor.logicalCursor.row).toBe(1)
-
-      editor.gotoLine(2)
-      expect(editor.logicalCursor.row).toBe(2)
-    })
-  })
-
-  describe("Keyboard Input - Character Insertion", () => {
-    it("should insert character when key is pressed", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "",
-        width: 40,
-        height: 10,
-      })
-
-      editor.focus()
-
-      currentMockInput.pressKey("h")
-      expect(editor.plainText).toBe("h")
-
-      currentMockInput.pressKey("i")
-      expect(editor.plainText).toBe("hi")
-    })
-
-    it("should insert multiple characters in sequence", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "",
-        width: 40,
-        height: 10,
-      })
-
-      editor.focus()
-
-      currentMockInput.pressKey("h")
-      currentMockInput.pressKey("e")
-      currentMockInput.pressKey("l")
-      currentMockInput.pressKey("l")
-      currentMockInput.pressKey("o")
-
-      expect(editor.plainText).toBe("hello")
-    })
-
-    it("should insert space character", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "Hello",
-        width: 40,
-        height: 10,
-      })
-
-      editor.focus()
-      editor.gotoLine(9999) // Move to end
-
-      currentMockInput.pressKey(" ")
-      currentMockInput.pressKey("W")
-      currentMockInput.pressKey("o")
-      currentMockInput.pressKey("r")
-      currentMockInput.pressKey("l")
-      currentMockInput.pressKey("d")
-
-      expect(editor.plainText).toBe("Hello World")
-    })
-
-    it("should not insert when not focused", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "",
-        width: 40,
-        height: 10,
-      })
-
-      // Don't focus
-      expect(editor.focused).toBe(false)
-
-      currentMockInput.pressKey("a")
-      expect(editor.plainText).toBe("")
-    })
-  })
-
-  describe("Keyboard Input - Arrow Keys", () => {
-    it("should move cursor left with arrow key", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "ABC",
-        width: 40,
-        height: 10,
-      })
-
-      editor.focus()
-      editor.gotoLine(9999) // Move to end
-      expect(editor.logicalCursor.col).toBe(3)
-
-      currentMockInput.pressArrow("left")
-      expect(editor.logicalCursor.col).toBe(2)
-
-      currentMockInput.pressArrow("left")
-      expect(editor.logicalCursor.col).toBe(1)
-    })
-
-    it("should move cursor right with arrow key", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "ABC",
-        width: 40,
-        height: 10,
-      })
-
-      editor.focus()
-      expect(editor.logicalCursor.col).toBe(0)
-
-      currentMockInput.pressArrow("right")
-      expect(editor.logicalCursor.col).toBe(1)
-
-      currentMockInput.pressArrow("right")
-      expect(editor.logicalCursor.col).toBe(2)
-    })
-
-    it("should move cursor up and down with arrow keys", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "Line 1\nLine 2\nLine 3",
-        width: 40,
-        height: 10,
-      })
-
-      editor.focus()
-      expect(editor.logicalCursor.row).toBe(0)
-
-      currentMockInput.pressArrow("down")
-      expect(editor.logicalCursor.row).toBe(1)
-
-      currentMockInput.pressArrow("down")
-      expect(editor.logicalCursor.row).toBe(2)
-
-      currentMockInput.pressArrow("up")
-      expect(editor.logicalCursor.row).toBe(1)
-    })
-
-    it("should move cursor smoothly from end of one line to start of next", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "ABC\nDEF",
-        width: 40,
-        height: 10,
-      })
-
-      editor.focus()
-      const cursor = editor.logicalCursor
-      editor.editBuffer.setCursorToLineCol(cursor.row, 9999) // Move to end of line // End of "ABC"
-      expect(editor.logicalCursor.col).toBe(3)
-
-      // Move right should go to start of next line
-      currentMockInput.pressArrow("right")
-      expect(editor.logicalCursor.row).toBe(1)
-      expect(editor.logicalCursor.col).toBe(0)
-
-      // Move left should go back to end of previous line
-      currentMockInput.pressArrow("left")
-      expect(editor.logicalCursor.row).toBe(0)
-      expect(editor.logicalCursor.col).toBe(3)
-    })
-  })
-
-  describe("Keyboard Input - Backspace and Delete", () => {
-    it("should handle backspace key", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "Hello",
-        width: 40,
-        height: 10,
-      })
-
-      editor.focus()
-      editor.gotoLine(9999) // Move to end
-
-      currentMockInput.pressBackspace()
-      expect(editor.plainText).toBe("Hell")
-
-      currentMockInput.pressBackspace()
-      expect(editor.plainText).toBe("Hel")
-    })
-
-    it("should handle delete key", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "Hello",
-        width: 40,
-        height: 10,
-      })
-
-      editor.focus()
-      // Cursor at start
-
-      currentMockInput.pressKey("DELETE")
-      expect(editor.plainText).toBe("ello")
-    })
-
-    it("should join lines when backspace at start of line", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "Hello\nWorld",
-        width: 40,
-        height: 10,
-      })
-
-      editor.focus()
-      editor.gotoLine(1) // Move to line 2 (0-indexed line 1)
-      expect(editor.logicalCursor.row).toBe(1)
-      expect(editor.logicalCursor.col).toBe(0)
-
-      currentMockInput.pressBackspace()
-      expect(editor.plainText).toBe("HelloWorld")
-      expect(editor.logicalCursor.row).toBe(0)
-      expect(editor.logicalCursor.col).toBe(5) // Should be at end of "Hello"
-    })
-
-    it("should remove empty line when backspace at start", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "Hello\n\nWorld",
-        width: 40,
-        height: 10,
-      })
-
-      editor.focus()
-      editor.gotoLine(1) // Move to empty line
-      expect(editor.logicalCursor.row).toBe(1)
-
-      currentMockInput.pressBackspace()
-      expect(editor.plainText).toBe("Hello\nWorld")
-      expect(editor.logicalCursor.row).toBe(0)
-    })
-
-    it("should join lines with content when backspace at start", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "Line1\nLine2\nLine3",
-        width: 40,
-        height: 10,
-      })
-
-      editor.focus()
-      editor.gotoLine(2) // Move to "Line3"
-      expect(editor.logicalCursor.row).toBe(2)
-      expect(editor.logicalCursor.col).toBe(0)
-
-      currentMockInput.pressBackspace()
-      expect(editor.plainText).toBe("Line1\nLine2Line3")
-      expect(editor.logicalCursor.row).toBe(1)
-      expect(editor.logicalCursor.col).toBe(5) // After "Line2"
-    })
-
-    it("should not do anything when backspace at start of first line", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "Hello\nWorld",
-        width: 40,
-        height: 10,
-      })
-
-      editor.focus()
-      expect(editor.logicalCursor.row).toBe(0)
-      expect(editor.logicalCursor.col).toBe(0)
-
-      currentMockInput.pressBackspace()
-      expect(editor.plainText).toBe("Hello\nWorld")
-      expect(editor.logicalCursor.row).toBe(0)
-      expect(editor.logicalCursor.col).toBe(0)
-    })
-
-    it("should handle multiple backspaces joining multiple lines", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "A\nB\nC\nD",
-        width: 40,
-        height: 10,
-      })
-
-      editor.focus()
-      editor.gotoLine(3) // Line "D"
-      expect(editor.logicalCursor.row).toBe(3)
-      expect(editor.logicalCursor.col).toBe(0)
-
-      currentMockInput.pressBackspace()
-      expect(editor.plainText).toBe("A\nB\nCD")
-      expect(editor.logicalCursor.row).toBe(2)
-      // Cursor should be at the join point (after "C")
-      expect(editor.logicalCursor.col).toBe(1)
-
-      // Now delete "C" by pressing backspace
-      currentMockInput.pressBackspace()
-      expect(editor.plainText).toBe("A\nB\nD")
-      expect(editor.logicalCursor.row).toBe(2)
-      expect(editor.logicalCursor.col).toBe(0)
-
-      // Now join line 2 with line 1
-      currentMockInput.pressBackspace()
-      expect(editor.plainText).toBe("A\nBD")
-      expect(editor.logicalCursor.row).toBe(1)
-      expect(editor.logicalCursor.col).toBe(1) // After "B"
-
-      // Delete "B"
-      currentMockInput.pressBackspace()
-      expect(editor.plainText).toBe("A\nD")
-      expect(editor.logicalCursor.row).toBe(1)
-      expect(editor.logicalCursor.col).toBe(0)
-
-      // Now join line 1 with line 0
-      currentMockInput.pressBackspace()
-      expect(editor.plainText).toBe("AD")
-      expect(editor.logicalCursor.row).toBe(0)
-      expect(editor.logicalCursor.col).toBe(1)
-    })
-
-    it("should handle backspace after typing on new line", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "Hello",
-        width: 40,
-        height: 10,
-      })
-
-      editor.focus()
-      editor.gotoLine(9999) // Move to end
-
-      currentMockInput.pressEnter()
-      expect(editor.plainText).toBe("Hello\n")
-
-      currentMockInput.pressKey("W")
-      currentMockInput.pressKey("o")
-      currentMockInput.pressKey("r")
-      expect(editor.plainText).toBe("Hello\nWor")
-
-      // Now backspace to delete "r"
-      currentMockInput.pressBackspace()
-      expect(editor.plainText).toBe("Hello\nWo")
-
-      // Move to start of line and backspace to join
-      editor.editBuffer.setCursor(editor.logicalCursor.row, 0)
-      currentMockInput.pressBackspace()
-      expect(editor.plainText).toBe("HelloWo")
-    })
-
-    it("should move cursor right after joining lines with backspace", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "Hello\nWorld",
-        width: 40,
-        height: 10,
-      })
-
-      editor.focus()
-      editor.gotoLine(1) // Move to "World"
-      expect(editor.logicalCursor.row).toBe(1)
-      expect(editor.logicalCursor.col).toBe(0)
-
-      // Join lines with backspace
-      currentMockInput.pressBackspace()
-      expect(editor.plainText).toBe("HelloWorld")
-      expect(editor.logicalCursor.row).toBe(0)
-      expect(editor.logicalCursor.col).toBe(5) // After "Hello"
-
-      // Press right repeatedly - should advance one at a time
-      const positions: number[] = [editor.logicalCursor.col]
-      for (let i = 0; i < 5; i++) {
-        currentMockInput.pressArrow("right")
-        positions.push(editor.logicalCursor.col)
-      }
-
-      // Should advance one position each time: [5, 6, 7, 8, 9, 10]
-      expect(positions).toEqual([5, 6, 7, 8, 9, 10])
-    })
-
-    it("should move right one position after join", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "AB\nCD",
-        width: 40,
-        height: 10,
-      })
-
-      editor.focus()
-      editor.gotoLine(1)
-
-      // Backspace to join
-      currentMockInput.pressBackspace()
-      expect(editor.plainText).toBe("ABCD")
-      expect(editor.logicalCursor.col).toBe(2)
-
-      // Press right - should advance by 1
-      currentMockInput.pressArrow("right")
-      expect(editor.logicalCursor.col).toBe(3)
-    })
-
-    it("should advance cursor by 1 at every position after join", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "ABCDE\nFGHIJ",
-        width: 40,
-        height: 10,
-      })
-
-      editor.focus()
-      editor.gotoLine(1)
-
-      // Join lines
-      currentMockInput.pressBackspace()
-      expect(editor.plainText).toBe("ABCDEFGHIJ")
-      expect(editor.logicalCursor.col).toBe(5)
-
-      // Each right press should advance by exactly 1
-      const expectedPositions = [5, 6, 7, 8, 9, 10]
-
-      for (let i = 0; i < expectedPositions.length; i++) {
-        expect(editor.logicalCursor.col).toBe(expectedPositions[i])
-        if (i < expectedPositions.length - 1) {
-          currentMockInput.pressArrow("right")
-        }
-      }
-    })
-
-    it("should move right after backspace join - setText content", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "ABC\nDEF",
-        width: 40,
-        height: 10,
-      })
-
-      editor.focus()
-      editor.gotoLine(1)
-      currentMockInput.pressBackspace()
-      expect(editor.plainText).toBe("ABCDEF")
-      expect(editor.logicalCursor.col).toBe(3)
-
-      currentMockInput.pressArrow("right")
-      expect(editor.logicalCursor.col).toBe(4)
-    })
-
-    it("should move right after backspace join - typed content", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "",
-        width: 40,
-        height: 10,
-      })
-
-      editor.focus()
-
-      // Type "ABC", Enter, "DEF"
-      currentMockInput.pressKey("A")
-      currentMockInput.pressKey("B")
-      currentMockInput.pressKey("C")
-      currentMockInput.pressEnter()
-      currentMockInput.pressKey("D")
-      currentMockInput.pressKey("E")
-      currentMockInput.pressKey("F")
-
-      // Join and verify cursor advances
-      editor.editBuffer.setCursor(editor.logicalCursor.row, 0)
-      currentMockInput.pressBackspace()
-      expect(editor.plainText).toBe("ABCDEF")
-      expect(editor.logicalCursor.col).toBe(3)
-
-      currentMockInput.pressArrow("right")
-      expect(editor.logicalCursor.col).toBe(4)
-
-      currentMockInput.pressArrow("right")
-      expect(editor.logicalCursor.col).toBe(5)
-    })
-
-    it("should move cursor left after joining lines with backspace", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "ABC\nDEF",
-        width: 40,
-        height: 10,
-      })
-
-      editor.focus()
-      editor.gotoLine(1) // Move to "DEF"
-
-      // Join lines
-      currentMockInput.pressBackspace()
-      expect(editor.plainText).toBe("ABCDEF")
-      expect(editor.logicalCursor.col).toBe(3) // After "ABC"
-
-      // Move right past the boundary
-      currentMockInput.pressArrow("right")
-      currentMockInput.pressArrow("right")
-      expect(editor.logicalCursor.col).toBe(5)
-
-      // Now move left - should move smoothly back one at a time
-      const positions: number[] = [editor.logicalCursor.col]
-      for (let i = 0; i < 5; i++) {
-        currentMockInput.pressArrow("left")
-        positions.push(editor.logicalCursor.col)
-      }
-
-      // Should go back one at a time: [5, 4, 3, 2, 1, 0]
-      expect(positions).toEqual([5, 4, 3, 2, 1, 0])
-    })
-
-    it("should move cursor left across chunk boundaries after joining lines", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "ABC\nDEF",
-        width: 40,
-        height: 10,
-      })
-
-      editor.focus()
-      editor.gotoLine(1) // Move to "DEF"
-
-      // Join lines
-      currentMockInput.pressBackspace()
-      expect(editor.plainText).toBe("ABCDEF")
-      expect(editor.logicalCursor.col).toBe(3) // After "ABC"
-
-      // Move right to "D"
-      currentMockInput.pressArrow("right")
-      expect(editor.logicalCursor.col).toBe(4)
-
-      // Move right to "E"
-      currentMockInput.pressArrow("right")
-      expect(editor.logicalCursor.col).toBe(5)
-
-      // Now move left back across the chunk boundary
-      currentMockInput.pressArrow("left")
-      expect(editor.logicalCursor.col).toBe(4)
-
-      currentMockInput.pressArrow("left")
-      expect(editor.logicalCursor.col).toBe(3)
-
-      currentMockInput.pressArrow("left")
-      expect(editor.logicalCursor.col).toBe(2)
-    })
-
-    it("should handle shift+backspace same as backspace", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "Hello World",
-        width: 40,
-        height: 10,
-      })
-
-      editor.focus()
-      editor.gotoLine(9999) // Move to end
-
-      currentMockInput.pressKey("BACKSPACE", { shift: true })
-      expect(editor.plainText).toBe("Hello Worl")
-
-      currentMockInput.pressKey("BACKSPACE", { shift: true })
-      expect(editor.plainText).toBe("Hello Wor")
-
-      currentMockInput.pressBackspace()
-      expect(editor.plainText).toBe("Hello Wo")
-    })
-
-    it("should join lines with shift+backspace at start of line", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "First\nSecond",
-        width: 40,
-        height: 10,
-      })
-
-      editor.focus()
-      editor.gotoLine(1)
-      expect(editor.logicalCursor.row).toBe(1)
-      expect(editor.logicalCursor.col).toBe(0)
-
-      currentMockInput.pressKey("BACKSPACE", { shift: true })
-      expect(editor.plainText).toBe("FirstSecond")
-      expect(editor.logicalCursor.row).toBe(0)
-      expect(editor.logicalCursor.col).toBe(5)
-    })
-
-    it("should handle shift+backspace with selection", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "Hello World",
-        width: 40,
-        height: 10,
-      })
-
-      editor.focus()
-
-      for (let i = 0; i < 5; i++) {
-        currentMockInput.pressArrow("right", { shift: true })
-      }
-      expect(editor.hasSelection()).toBe(true)
-      expect(editor.getSelectedText()).toBe("Hello")
-
-      currentMockInput.pressKey("BACKSPACE", { shift: true })
-      expect(editor.plainText).toBe(" World")
-      expect(editor.hasSelection()).toBe(false)
-    })
-
-    it("should delete characters consistently with shift+backspace after typing", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "",
-        width: 40,
-        height: 10,
-      })
-
-      editor.focus()
-
-      currentMockInput.pressKey("T")
-      currentMockInput.pressKey("e")
-      currentMockInput.pressKey("s")
-      currentMockInput.pressKey("t")
-      expect(editor.plainText).toBe("Test")
-
-      currentMockInput.pressKey("BACKSPACE", { shift: true })
-      expect(editor.plainText).toBe("Tes")
-
-      currentMockInput.pressKey("BACKSPACE", { shift: true })
-      expect(editor.plainText).toBe("Te")
-
-      currentMockInput.pressBackspace()
-      expect(editor.plainText).toBe("T")
-
-      currentMockInput.pressKey("BACKSPACE", { shift: true })
-      expect(editor.plainText).toBe("")
-    })
-
-    it("should not differentiate between backspace and shift+backspace behavior", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "ABCDEF",
-        width: 40,
-        height: 10,
-      })
-
-      editor.focus()
-      editor.gotoLine(9999)
-
-      currentMockInput.pressBackspace()
-      expect(editor.plainText).toBe("ABCDE")
-
-      currentMockInput.pressKey("BACKSPACE", { shift: true })
-      expect(editor.plainText).toBe("ABCD")
-
-      currentMockInput.pressBackspace()
-      expect(editor.plainText).toBe("ABC")
-
-      currentMockInput.pressKey("BACKSPACE", { shift: true })
-      expect(editor.plainText).toBe("AB")
-    })
-
-    it("should handle shift+backspace at start of buffer", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "Test",
-        width: 40,
-        height: 10,
-      })
-
-      editor.focus()
-      expect(editor.logicalCursor.col).toBe(0)
-
-      currentMockInput.pressKey("BACKSPACE", { shift: true })
-      expect(editor.plainText).toBe("Test")
-      expect(editor.logicalCursor.col).toBe(0)
-    })
-
-    it("should handle alternating backspace and shift+backspace", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "123456",
-        width: 40,
-        height: 10,
-      })
-
-      editor.focus()
-      editor.gotoLine(9999)
-      expect(editor.plainText).toBe("123456")
-
-      currentMockInput.pressBackspace()
-      expect(editor.plainText).toBe("12345")
-
-      currentMockInput.pressKey("BACKSPACE", { shift: true })
-      expect(editor.plainText).toBe("1234")
-
-      currentMockInput.pressBackspace()
-      expect(editor.plainText).toBe("123")
-
-      currentMockInput.pressKey("BACKSPACE", { shift: true })
-      expect(editor.plainText).toBe("12")
-
-      currentMockInput.pressBackspace()
-      expect(editor.plainText).toBe("1")
-
-      currentMockInput.pressKey("BACKSPACE", { shift: true })
-      expect(editor.plainText).toBe("")
-    })
-  })
-
-  describe("Keyboard Input - Kitty Keyboard Protocol", () => {
-    let kittyRenderer: TestRenderer
-    let kittyRenderOnce: () => Promise<void>
-    let kittyMockInput: MockInput
-
-    beforeEach(async () => {
-      ;({
-        renderer: kittyRenderer,
-        renderOnce: kittyRenderOnce,
-        mockInput: kittyMockInput,
-      } = await createTestRenderer({
-        width: 80,
-        height: 24,
-        kittyKeyboard: true,
-      }))
-    })
-
-    afterEach(() => {
-      kittyRenderer.destroy()
-    })
-
-    it("should handle shift+backspace in kitty mode", async () => {
-      const textarea = new TextareaRenderable(kittyRenderer, {
-        left: 0,
-        top: 0,
-        width: 40,
-        height: 10,
-        initialValue: "Hello World",
-      })
-      kittyRenderer.root.add(textarea)
-      await kittyRenderOnce()
-
-      textarea.focus()
-      textarea.gotoLine(9999)
-
-      kittyMockInput.pressKey("BACKSPACE", { shift: true })
-      expect(textarea.plainText).toBe("Hello Worl")
-
-      kittyMockInput.pressKey("BACKSPACE", { shift: true })
-      expect(textarea.plainText).toBe("Hello Wor")
-    })
-
-    it("should handle shift+backspace joining lines in kitty mode", async () => {
-      const textarea = new TextareaRenderable(kittyRenderer, {
-        left: 0,
-        top: 0,
-        width: 40,
-        height: 10,
-        initialValue: "Line1\nLine2",
-      })
-      kittyRenderer.root.add(textarea)
-      await kittyRenderOnce()
-
-      textarea.focus()
-      textarea.gotoLine(1)
-
-      kittyMockInput.pressKey("BACKSPACE", { shift: true })
-      expect(textarea.plainText).toBe("Line1Line2")
-      expect(textarea.logicalCursor.row).toBe(0)
-      expect(textarea.logicalCursor.col).toBe(5)
-    })
-
-    it("should handle shift+backspace with selection in kitty mode", async () => {
-      const textarea = new TextareaRenderable(kittyRenderer, {
-        left: 0,
-        top: 0,
-        width: 40,
-        height: 10,
-        initialValue: "Hello World",
-      })
-      kittyRenderer.root.add(textarea)
-      await kittyRenderOnce()
-
-      textarea.focus()
-
-      for (let i = 0; i < 5; i++) {
-        kittyMockInput.pressArrow("right", { shift: true })
-      }
-      expect(textarea.hasSelection()).toBe(true)
-      expect(textarea.getSelectedText()).toBe("Hello")
-
-      kittyMockInput.pressKey("BACKSPACE", { shift: true })
-      expect(textarea.plainText).toBe(" World")
-      expect(textarea.hasSelection()).toBe(false)
-    })
-
-    it("should distinguish backspace vs shift+backspace keybindings in kitty mode", async () => {
-      const textarea = new TextareaRenderable(kittyRenderer, {
-        left: 0,
-        top: 0,
-        width: 40,
-        height: 10,
-        initialValue: "ABC",
-      })
-      kittyRenderer.root.add(textarea)
-      await kittyRenderOnce()
-
-      textarea.focus()
-      textarea.gotoLine(9999)
-
-      kittyMockInput.pressBackspace()
-      expect(textarea.plainText).toBe("AB")
-
-      kittyMockInput.pressKey("BACKSPACE", { shift: true })
-      expect(textarea.plainText).toBe("A")
-    })
-
-    it("should handle mixed backspace and shift+backspace in kitty mode", async () => {
-      const textarea = new TextareaRenderable(kittyRenderer, {
-        left: 0,
-        top: 0,
-        width: 40,
-        height: 10,
-        initialValue: "123456",
-      })
-      kittyRenderer.root.add(textarea)
-      await kittyRenderOnce()
-
-      textarea.focus()
-      textarea.gotoLine(9999)
-
-      kittyMockInput.pressBackspace()
-      kittyMockInput.pressKey("BACKSPACE", { shift: true })
-      kittyMockInput.pressBackspace()
-      kittyMockInput.pressKey("BACKSPACE", { shift: true })
-
-      expect(textarea.plainText).toBe("12")
-    })
-
-    it("should handle shift+delete in kitty mode", async () => {
-      const textarea = new TextareaRenderable(kittyRenderer, {
-        left: 0,
-        top: 0,
-        width: 40,
-        height: 10,
-        initialValue: "Hello",
-      })
-      kittyRenderer.root.add(textarea)
-      await kittyRenderOnce()
-
-      textarea.focus()
-
-      kittyMockInput.pressKey("DELETE", { shift: true })
-      expect(textarea.plainText).toBe("ello")
-    })
-
-    it("should handle ctrl+backspace for word deletion in kitty mode", async () => {
-      const textarea = new TextareaRenderable(kittyRenderer, {
-        left: 0,
-        top: 0,
-        width: 40,
-        height: 10,
-        initialValue: "hello world test",
-      })
-      kittyRenderer.root.add(textarea)
-      await kittyRenderOnce()
-
-      textarea.focus()
-      textarea.gotoLine(9999)
-
-      kittyMockInput.pressKey("w", { ctrl: true })
-      expect(textarea.plainText).toBe("hello world ")
-    })
-
-    it("should handle meta+backspace for word deletion in kitty mode", async () => {
-      const textarea = new TextareaRenderable(kittyRenderer, {
-        left: 0,
-        top: 0,
-        width: 40,
-        height: 10,
-        initialValue: "hello world test",
-      })
-      kittyRenderer.root.add(textarea)
-      await kittyRenderOnce()
-
-      textarea.focus()
-      textarea.gotoLine(9999)
-
-      kittyMockInput.pressBackspace({ meta: true })
-      const text = textarea.plainText
-      expect(text.startsWith("hello world")).toBe(true)
-      expect(text.length).toBeLessThan(16)
-    })
-  })
-
-  describe("Keyboard Input - Enter/Return", () => {
-    it("should insert newline with Enter key", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "HelloWorld",
-        width: 40,
-        height: 10,
-      })
-
-      editor.focus()
-
-      // Move to middle
-      for (let i = 0; i < 5; i++) {
-        editor.moveCursorRight()
-      }
-
-      currentMockInput.pressEnter()
-      expect(editor.plainText).toBe("Hello\nWorld")
-    })
-
-    it("should insert newline at end", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "Hello",
-        width: 40,
-        height: 10,
-      })
-
-      editor.focus()
-      editor.gotoLine(9999) // Move to end
-
-      currentMockInput.pressEnter()
-      expect(editor.plainText).toBe("Hello\n")
-    })
-
-    it("should handle multiple newlines", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "Line1",
-        width: 40,
-        height: 10,
-      })
-
-      editor.focus()
-      editor.gotoLine(9999) // Move to end
-
-      currentMockInput.pressEnter()
-      currentMockInput.pressKey("L")
-      currentMockInput.pressKey("i")
-      currentMockInput.pressKey("n")
-      currentMockInput.pressKey("e")
-      currentMockInput.pressKey("2")
-
-      expect(editor.plainText).toBe("Line1\nLine2")
-    })
-  })
-
-  describe("Keyboard Input - Home and End", () => {
-    it("should move to line start with Home", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "Hello World",
-        width: 40,
-        height: 10,
-      })
-
-      editor.focus()
-      editor.gotoLine(9999) // Move to end
-      expect(editor.logicalCursor.col).toBe(11)
-
-      currentMockInput.pressKey("HOME")
-      expect(editor.logicalCursor.col).toBe(0)
-    })
-
-    it("should move to line end with End", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "Hello World",
-        width: 40,
-        height: 10,
-      })
-
-      editor.focus()
-      expect(editor.logicalCursor.col).toBe(0)
-
-      currentMockInput.pressKey("END")
-      expect(editor.logicalCursor.col).toBe(11)
-    })
-  })
-
-  describe("Keyboard Input - Control Commands", () => {
-    it("should move to line start with Ctrl+A", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "Line 1\nLine 2\nLine 3",
-        width: 40,
-        height: 10,
-      })
-
-      editor.focus()
-      editor.gotoLine(1) // Move to line 2
-      for (let i = 0; i < 3; i++) {
-        editor.moveCursorRight() // Move to middle of line
-      }
-      expect(editor.logicalCursor.row).toBe(1)
-      expect(editor.logicalCursor.col).toBe(3)
-
-      currentMockInput.pressKey("a", { ctrl: true })
-      const cursor = editor.logicalCursor
-      expect(cursor.row).toBe(1) // Should stay on same line
-      expect(cursor.col).toBe(0) // Should move to start of line
-    })
-
-    it("should move to line end with Ctrl+E", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "Line 1\nLine 2\nLine 3",
-        width: 40,
-        height: 10,
-      })
-
-      editor.focus()
-      editor.gotoLine(1) // Move to line 2
-
-      currentMockInput.pressKey("e", { ctrl: true })
-      const cursor = editor.logicalCursor
-      expect(cursor.row).toBe(1) // Should stay on same line
-      expect(cursor.col).toBe(6) // "Line 2" is 6 chars
-    })
-
-    it("should delete character forward with Ctrl+D", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "Line 1\nLine 2\nLine 3",
-        width: 40,
-        height: 10,
-      })
-
-      editor.focus()
-      editor.gotoLine(1)
-
-      currentMockInput.pressKey("d", { ctrl: true })
-      expect(editor.plainText).toBe("Line 1\nine 2\nLine 3")
-    })
-
-    it("should delete to line end with Ctrl+K", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "Hello World",
-        width: 40,
-        height: 10,
-      })
-
-      editor.focus()
-      for (let i = 0; i < 6; i++) {
-        editor.moveCursorRight()
-      }
-
-      currentMockInput.pressKey("k", { ctrl: true })
-      expect(editor.plainText).toBe("Hello ")
-    })
-
-    it("should move to buffer start with Home key", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "Line 1\nLine 2\nLine 3",
-        width: 40,
-        height: 10,
-      })
-
-      editor.focus()
-      editor.gotoLine(2) // Move to line 3
-      for (let i = 0; i < 3; i++) {
-        editor.moveCursorRight() // Move to middle of line
-      }
-      expect(editor.logicalCursor.row).toBe(2)
-      expect(editor.logicalCursor.col).toBe(3)
-
-      currentMockInput.pressKey("HOME")
-      expect(editor.logicalCursor.row).toBe(0)
-      expect(editor.logicalCursor.col).toBe(0)
-    })
-
-    it("should move to buffer end with End key", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "Line 1\nLine 2\nLine 3",
-        width: 40,
-        height: 10,
-      })
-
-      editor.focus()
-      expect(editor.logicalCursor.row).toBe(0)
-      expect(editor.logicalCursor.col).toBe(0)
-
-      currentMockInput.pressKey("END")
-      expect(editor.logicalCursor.row).toBe(2)
-      expect(editor.logicalCursor.col).toBe(6) // "Line 3" is 6 chars
-    })
-
-    it("should select from cursor to buffer start with Home+Shift", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "Line 1\nLine 2\nLine 3",
-        width: 40,
-        height: 10,
-      })
-
-      editor.focus()
-      editor.gotoLine(1) // Move to line 2
-      for (let i = 0; i < 3; i++) {
-        editor.moveCursorRight() // Move to "Lin|e 2"
-      }
-      expect(editor.logicalCursor.row).toBe(1)
-      expect(editor.logicalCursor.col).toBe(3)
-
-      currentMockInput.pressKey("HOME", { shift: true })
-      expect(editor.logicalCursor.row).toBe(0)
-      expect(editor.logicalCursor.col).toBe(0)
-
-      const selection = editor.getSelection()
-      expect(selection).not.toBeNull()
-      expect(selection!.start).toBe(0) // Selection starts at buffer start
-      // Selection should include everything from buffer start to original cursor position
-      // gotoLine(1) positions at end of line, moveCursorRight 3 times goes to col 3 of next line
-      // Selection from buffer start to cursor includes "Line 1\nLine" (one more than "Lin" due to cursor position)
-      expect(editor.getSelectedText()).toBe("Line 1\nLine")
-    })
-
-    it("should select from cursor to buffer end with End+Shift", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "Line 1\nLine 2\nLine 3",
-        width: 40,
-        height: 10,
-      })
-
-      editor.focus()
-      editor.gotoLine(1) // Move to line 2
-      for (let i = 0; i < 3; i++) {
-        editor.moveCursorRight() // Move to "Lin|e 2"
-      }
-      expect(editor.logicalCursor.row).toBe(1)
-      expect(editor.logicalCursor.col).toBe(3)
-
-      currentMockInput.pressKey("END", { shift: true })
-      expect(editor.logicalCursor.row).toBe(2)
-      expect(editor.logicalCursor.col).toBe(6)
-
-      const selection = editor.getSelection()
-      expect(selection).not.toBeNull()
-      // Selection should include everything from original cursor position to buffer end
-      expect(editor.getSelectedText()).toBe("e 2\nLine 3")
-    })
-  })
-
-  describe("Word Movement and Deletion", () => {
-    it("should move forward by word with Alt+F", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "hello world foo bar",
-        width: 40,
-        height: 10,
-      })
-
-      editor.focus()
-      expect(editor.logicalCursor.col).toBe(0)
-
-      currentMockInput.pressKey("f", { meta: true })
-      expect(editor.logicalCursor.col).toBe(6)
-
-      currentMockInput.pressKey("f", { meta: true })
-      expect(editor.logicalCursor.col).toBe(12)
-
-      currentMockInput.pressKey("f", { meta: true })
-      expect(editor.logicalCursor.col).toBe(16)
-    })
-
-    it("should move backward by word with Alt+B", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "hello world foo bar",
-        width: 40,
-        height: 10,
-      })
-
-      editor.focus()
-      editor.gotoLine(9999)
-      expect(editor.logicalCursor.col).toBe(19)
-
-      currentMockInput.pressKey("b", { meta: true })
-      expect(editor.logicalCursor.col).toBe(16)
-
-      currentMockInput.pressKey("b", { meta: true })
-      expect(editor.logicalCursor.col).toBe(12)
-
-      currentMockInput.pressKey("b", { meta: true })
-      expect(editor.logicalCursor.col).toBe(6)
-    })
-
-    it("should move forward by word with Meta+Right", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "one two three",
-        width: 40,
-        height: 10,
-      })
-
-      editor.focus()
-
-      currentMockInput.pressArrow("right", { meta: true })
-      expect(editor.logicalCursor.col).toBe(4)
-
-      currentMockInput.pressArrow("right", { meta: true })
-      expect(editor.logicalCursor.col).toBe(8)
-    })
-
-    it("should move backward by word with Meta+Left", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "one two three",
-        width: 40,
-        height: 10,
-      })
-
-      editor.focus()
-      editor.gotoLine(9999)
-
-      currentMockInput.pressArrow("left", { meta: true })
-      expect(editor.logicalCursor.col).toBe(8)
-
-      currentMockInput.pressArrow("left", { meta: true })
-      expect(editor.logicalCursor.col).toBe(4)
-    })
-
-    it("should delete word forward with Alt+D", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "hello world foo",
-        width: 40,
-        height: 10,
-      })
-
-      editor.focus()
-      expect(editor.plainText).toBe("hello world foo")
-
-      currentMockInput.pressKey("d", { meta: true })
-      expect(editor.plainText).toBe("world foo")
-    })
-
-    it("should delete word backward with Alt+Backspace", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "hello world foo",
-        width: 40,
-        height: 10,
-      })
-
-      editor.focus()
-      editor.gotoLine(9999)
-
-      currentMockInput.pressBackspace({ meta: true })
-      const text = editor.plainText
-      expect(text.startsWith("hello world")).toBe(true)
-      expect(text.length).toBeLessThan(15)
-    })
-
-    it("should delete word backward with Ctrl+W", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "test string here",
-        width: 40,
-        height: 10,
-      })
-
-      editor.focus()
-      editor.gotoLine(9999)
-
-      currentMockInput.pressKey("w", { ctrl: true })
-      expect(editor.plainText).toBe("test string ")
-
-      currentMockInput.pressKey("w", { ctrl: true })
-      expect(editor.plainText).toBe("test ")
-    })
-
-    it("should delete line with Ctrl+Shift+D (requires Kitty keyboard protocol)", async () => {
-      const {
-        renderer: kittyRenderer,
-        renderOnce: kittyRenderOnce,
-        mockInput: kittyMockInput,
-      } = await createTestRenderer({
-        width: 80,
-        height: 24,
-        kittyKeyboard: true,
-      })
-
-      const { textarea: editor } = await createTextareaRenderable(kittyRenderer, kittyRenderOnce, {
-        initialValue: "Line 1\nLine 2\nLine 3",
-        width: 40,
-        height: 10,
-      })
-
-      editor.focus()
-      editor.gotoLine(1)
-
-      kittyMockInput.pressKey("d", { ctrl: true, shift: true })
-      expect(editor.plainText).toBe("Line 1\nLine 3")
-
-      kittyRenderer.destroy()
-    })
-
-    it("should handle word movement across multiple lines", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "first line\nsecond line",
-        width: 40,
-        height: 10,
-      })
-
-      editor.focus()
-
-      currentMockInput.pressKey("f", { meta: true })
-      expect(editor.logicalCursor.col).toBe(6)
-
-      currentMockInput.pressKey("f", { meta: true })
-      expect(editor.logicalCursor.row).toBe(1)
-    })
-
-    it("should delete word forward from line start", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "hello\nworld test",
-        width: 40,
-        height: 10,
-      })
-
-      editor.focus()
-      editor.gotoLine(1)
-      const initialLength = editor.plainText.length
-
-      currentMockInput.pressKey("d", { meta: true })
-      expect(editor.plainText.length).toBeLessThan(initialLength)
-      expect(editor.plainText).toContain("hello")
-    })
-
-    it("should handle word deletion operations with Alt+D", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "hello world test",
-        width: 40,
-        height: 10,
-      })
-
-      editor.focus()
-
-      currentMockInput.pressKey("d", { meta: true })
-      expect(editor.plainText).toBe("world test")
-    })
-
-    it("should navigate by words and characters", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "abc def ghi",
-        width: 40,
-        height: 10,
-      })
-
-      editor.focus()
-
-      currentMockInput.pressKey("f", { meta: true })
-      const col1 = editor.logicalCursor.col
-      expect(col1).toBeGreaterThan(0)
-
-      currentMockInput.pressArrow("right")
-      const col2 = editor.logicalCursor.col
-      expect(col2).toBe(col1 + 1)
-
-      currentMockInput.pressKey("f", { meta: true })
-      const col3 = editor.logicalCursor.col
-      expect(col3).toBeGreaterThan(col2)
-    })
-
-    it("should delete word forward even with selection when using meta+d", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "hello world foo",
-        width: 40,
-        height: 10,
-        selectable: true,
-      })
-
-      editor.focus()
-
-      currentMockInput.pressArrow("right", { shift: true })
-      currentMockInput.pressArrow("right", { shift: true })
-      currentMockInput.pressArrow("right", { shift: true })
-      expect(editor.hasSelection()).toBe(true)
-
-      currentMockInput.pressKey("d", { meta: true })
-      expect(editor.plainText).toBe("lo world foo")
-    })
-  })
-
-  describe("Chunk Boundary Navigation", () => {
-    it("should move cursor across chunks created by insertions", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "",
-        width: 40,
-        height: 10,
-      })
-
-      editor.focus()
-
-      // Insert "Hello"
-      currentMockInput.pressKey("H")
-      currentMockInput.pressKey("e")
-      currentMockInput.pressKey("l")
-      currentMockInput.pressKey("l")
-      currentMockInput.pressKey("o")
-      expect(editor.plainText).toBe("Hello")
-      expect(editor.logicalCursor.col).toBe(5)
-
-      // Move cursor back to position 2
-      for (let i = 0; i < 3; i++) {
-        currentMockInput.pressArrow("left")
-      }
-      expect(editor.logicalCursor.col).toBe(2)
-
-      // Insert "XXX" - this creates a new chunk in the middle
-      currentMockInput.pressKey("X")
-      currentMockInput.pressKey("X")
-      currentMockInput.pressKey("X")
-      expect(editor.plainText).toBe("HeXXXllo")
-      expect(editor.logicalCursor.col).toBe(5)
-
-      // Now move right - should move smoothly across chunk boundaries
-      currentMockInput.pressArrow("right")
-      expect(editor.logicalCursor.col).toBe(6) // "l"
-
-      currentMockInput.pressArrow("right")
-      expect(editor.logicalCursor.col).toBe(7) // "l"
-
-      currentMockInput.pressArrow("right")
-      expect(editor.logicalCursor.col).toBe(8) // "o"
-    })
-
-    it("should move cursor left across multiple chunks", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "Test",
-        width: 40,
-        height: 10,
-      })
-
-      editor.focus()
-      editor.gotoLine(9999) // Move to end
-
-      // Insert at end
-      currentMockInput.pressKey("1")
-      currentMockInput.pressKey("2")
-      currentMockInput.pressKey("3")
-      expect(editor.plainText).toBe("Test123")
-
-      // Move to middle and insert again
-      editor.gotoLine(0) // Move to start
-      for (let i = 0; i < 4; i++) {
-        currentMockInput.pressArrow("right")
-      }
-      currentMockInput.pressKey("A")
-      currentMockInput.pressKey("B")
-      expect(editor.plainText).toBe("TestAB123")
-      expect(editor.logicalCursor.col).toBe(6)
-
-      // Now move left across all chunk boundaries
-      for (let i = 6; i > 0; i--) {
-        currentMockInput.pressArrow("left")
-        expect(editor.logicalCursor.col).toBe(i - 1)
-      }
-      expect(editor.logicalCursor.col).toBe(0)
-    })
-
-    it("should move cursor right across all chunks to end", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "AB",
-        width: 40,
-        height: 10,
-      })
-
-      editor.focus()
-      const cursor = editor.logicalCursor
-      editor.editBuffer.setCursorToLineCol(cursor.row, 9999) // Move to end of line
-      expect(editor.logicalCursor.col).toBe(2)
-
-      // Insert at end
-      currentMockInput.pressKey("C")
-      currentMockInput.pressKey("D")
-      expect(editor.plainText).toBe("ABCD")
-
-      // Move to start
-      editor.gotoLine(0) // Move to start
-      expect(editor.logicalCursor.col).toBe(0)
-
-      // Move right through all characters
-      for (let i = 0; i < 4; i++) {
-        currentMockInput.pressArrow("right")
-        expect(editor.logicalCursor.col).toBe(i + 1)
-      }
-    })
-
-    it("should handle cursor movement after multiple insertions and deletions", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "Start",
-        width: 40,
-        height: 10,
-      })
-
-      editor.focus()
-      editor.gotoLine(9999) // Move to end
-      expect(editor.logicalCursor.col).toBe(5)
-
-      // Insert text
-      currentMockInput.pressKey("1")
-      currentMockInput.pressKey("2")
-
-      // Delete one
-      currentMockInput.pressBackspace()
-      expect(editor.plainText).toBe("Start1")
-
-      // Insert more
-      currentMockInput.pressKey("X")
-      currentMockInput.pressKey("Y")
-      expect(editor.plainText).toBe("Start1XY")
-
-      // Move back to start
-      editor.gotoLine(0) // Move to start
-
-      // Move right through all characters one by one
-      for (let i = 0; i < 8; i++) {
-        expect(editor.logicalCursor.col).toBe(i)
-        currentMockInput.pressArrow("right")
-      }
-      expect(editor.logicalCursor.col).toBe(8)
-    })
-  })
-
-  describe("Complex Editing Scenarios", () => {
-    it("should handle typing, navigation, and deletion", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "",
-        width: 40,
-        height: 10,
-      })
-
-      editor.focus()
-
-      // Type "Hello"
-      currentMockInput.pressKey("H")
-      currentMockInput.pressKey("e")
-      currentMockInput.pressKey("l")
-      currentMockInput.pressKey("l")
-      currentMockInput.pressKey("o")
-      expect(editor.plainText).toBe("Hello")
-
-      // Add space and "World"
-      currentMockInput.pressKey(" ")
-      currentMockInput.pressKey("W")
-      currentMockInput.pressKey("o")
-      currentMockInput.pressKey("r")
-      currentMockInput.pressKey("l")
-      currentMockInput.pressKey("d")
-      expect(editor.plainText).toBe("Hello World")
-
-      // Backspace a few times
-      currentMockInput.pressBackspace()
-      currentMockInput.pressBackspace()
-      currentMockInput.pressBackspace()
-      expect(editor.plainText).toBe("Hello Wo")
-    })
-
-    it("should handle newlines and multi-line editing", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "",
-        width: 40,
-        height: 10,
-      })
-
-      editor.focus()
-
-      currentMockInput.pressKey("L")
-      currentMockInput.pressKey("i")
-      currentMockInput.pressKey("n")
-      currentMockInput.pressKey("e")
-      currentMockInput.pressKey("1")
-      currentMockInput.pressEnter()
-      currentMockInput.pressKey("L")
-      currentMockInput.pressKey("i")
-      currentMockInput.pressKey("n")
-      currentMockInput.pressKey("e")
-      currentMockInput.pressKey("2")
-
-      expect(editor.plainText).toBe("Line1\nLine2")
-    })
-
-    it("should handle insert and delete in sequence", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "Test",
-        width: 40,
-        height: 10,
-      })
-
-      editor.focus()
-      editor.gotoLine(9999) // Move to end
-
-      currentMockInput.pressKey("i")
-      currentMockInput.pressKey("n")
-      currentMockInput.pressKey("g")
-      expect(editor.plainText).toBe("Testing")
-
-      currentMockInput.pressBackspace()
-      currentMockInput.pressBackspace()
-      expect(editor.plainText).toBe("Testi")
-    })
-  })
-
-  describe("Edit Operations", () => {
-    it("should maintain correct cursor position after join, insert, backspace", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "ABC\nDEF",
-        width: 40,
-        height: 10,
-      })
-
-      editor.focus()
-
-      editor.gotoLine(1)
-      expect(editor.logicalCursor.row).toBe(1)
-      expect(editor.logicalCursor.col).toBe(0)
-      expect(editor.plainText).toBe("ABC\nDEF")
-
-      currentMockInput.pressBackspace()
-      expect(editor.plainText).toBe("ABCDEF")
-      expect(editor.logicalCursor.row).toBe(0)
-      expect(editor.logicalCursor.col).toBe(3)
-
-      currentMockInput.pressKey("X")
-      expect(editor.plainText).toBe("ABCXDEF")
-      expect(editor.logicalCursor.col).toBe(4)
-
-      currentMockInput.pressBackspace()
-      expect(editor.plainText).toBe("ABCDEF")
-      expect(editor.logicalCursor.col).toBe(3)
-    })
-
-    it("should type correctly after backspace", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "",
-        width: 40,
-        height: 10,
-      })
-
-      editor.focus()
-
-      currentMockInput.pressKey("h")
-      currentMockInput.pressKey("e")
-      currentMockInput.pressKey("l")
-      currentMockInput.pressKey("l")
-      currentMockInput.pressKey("o")
-
-      expect(editor.plainText).toBe("hello")
-
-      currentMockInput.pressBackspace()
-      expect(editor.plainText).toBe("hell")
-
-      currentMockInput.pressKey("p")
-      expect(editor.plainText).toBe("hellp")
-
-      currentMockInput.pressKey("!")
-      expect(editor.plainText).toBe("hellp!")
-    })
-
-    it("should type correctly after multiple backspaces", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "",
-        width: 40,
-        height: 10,
-      })
-
-      editor.focus()
-
-      currentMockInput.pressKey("t")
-      currentMockInput.pressKey("e")
-      currentMockInput.pressKey("s")
-      currentMockInput.pressKey("t")
-      currentMockInput.pressKey("i")
-      currentMockInput.pressKey("n")
-      currentMockInput.pressKey("g")
-
-      expect(editor.plainText).toBe("testing")
-
-      currentMockInput.pressBackspace()
-      currentMockInput.pressBackspace()
-      currentMockInput.pressBackspace()
-
-      expect(editor.plainText).toBe("test")
-
-      currentMockInput.pressKey("e")
-      currentMockInput.pressKey("d")
-
-      expect(editor.plainText).toBe("tested")
-    })
-
-    it("should type correctly after backspacing all text", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "",
-        width: 40,
-        height: 10,
-      })
-
-      editor.focus()
-
-      currentMockInput.pressKey("w")
-      currentMockInput.pressKey("r")
-      currentMockInput.pressKey("o")
-      currentMockInput.pressKey("n")
-      currentMockInput.pressKey("g")
-
-      expect(editor.plainText).toBe("wrong")
-
-      for (let i = 0; i < 5; i++) {
-        currentMockInput.pressBackspace()
-      }
-
-      expect(editor.plainText).toBe("")
-
-      currentMockInput.pressKey("r")
-      currentMockInput.pressKey("i")
-      currentMockInput.pressKey("g")
-      currentMockInput.pressKey("h")
-      currentMockInput.pressKey("t")
-
-      expect(editor.plainText).toBe("right")
-    })
-  })
-
-  describe("Deletion with empty lines", () => {
-    it("should delete selection on line after empty lines correctly", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "AAAA\n\nBBBB\n\nCCCC",
-        width: 40,
-        height: 10,
-        selectable: true,
-        wrapMode: "word",
-      })
-
-      editor.focus()
-      editor.gotoLine(2) // Line with "BBBB"
-
-      expect(editor.logicalCursor.row).toBe(2)
-      expect(editor.plainText).toBe("AAAA\n\nBBBB\n\nCCCC")
-
-      // Select "BBBB" by pressing shift+right 4 times
-      for (let i = 0; i < 4; i++) {
-        currentMockInput.pressArrow("right", { shift: true })
-      }
-
-      expect(editor.hasSelection()).toBe(true)
-      expect(editor.getSelectedText()).toBe("BBBB")
-
-      // Delete the selection
-      currentMockInput.pressKey("DELETE")
-
-      expect(editor.hasSelection()).toBe(false)
-      expect(editor.plainText).toBe("AAAA\n\n\n\nCCCC")
-      expect(editor.logicalCursor.row).toBe(2)
-      expect(editor.logicalCursor.col).toBe(0)
-    })
-
-    it("should delete selection on first line correctly (baseline test)", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "AAAA\n\nBBBB\n\nCCCC",
-        width: 40,
-        height: 10,
-        selectable: true,
-        wrapMode: "word",
-      })
-
-      editor.focus()
-      editor.gotoLine(0) // First line with "AAAA"
-
-      expect(editor.logicalCursor.row).toBe(0)
-
-      // Select "AAAA"
-      for (let i = 0; i < 4; i++) {
-        currentMockInput.pressArrow("right", { shift: true })
-      }
-
-      expect(editor.getSelectedText()).toBe("AAAA")
-
-      // Delete the selection
-      currentMockInput.pressKey("DELETE")
-
-      expect(editor.hasSelection()).toBe(false)
-      expect(editor.plainText).toBe("\n\nBBBB\n\nCCCC")
-    })
-
-    it("should delete selection on last line after empty lines correctly", async () => {
-      const { textarea: editor } = await createTextareaRenderable(currentRenderer, renderOnce, {
-        initialValue: "AAAA\n\nBBBB\n\nCCCC",
-        width: 40,
-        height: 10,
-        selectable: true,
-        wrapMode: "word",
-      })
-
-      editor.focus()
-      editor.gotoLine(4) // Last line with "CCCC"
-
-      expect(editor.logicalCursor.row).toBe(4)
-
-      // Select "CCCC"
-      for (let i = 0; i < 4; i++) {
-        currentMockInput.pressArrow("right", { shift: true })
-      }
-
-      const selectedText = editor.getSelectedText()
-      expect(selectedText).toBe("CCCC")
-
-      // Delete the selection
-      currentMockInput.pressKey("DELETE")
-
-      expect(editor.hasSelection()).toBe(false)
-      // After deleting CCCC, we should still have AAAA and BBBB
-      expect(editor.plainText).toContain("AAAA")
-      expect(editor.plainText).toContain("BBBB")
-      expect(editor.plainText).not.toContain("CCCC")
-    })
-  })
-})