fix(tui): close the line comment box when it loses focus

Moving focus elsewhere (a click on the composer or another pane) now dismisses
the box without sending and leaves focus where it went. Also run the line
comment tests in make tests.

Author: sharunkumar

Makefile

@@ -5,7 +5,8 @@ BUN := mise exec -- bun
 # Tests for changes made in this fork, relative to each package.
 TUI_FORK_TESTS := test/ui/directory-link.test.ts test/ui/directory-markdown.test.tsx test/util/session.test.ts \
 	test/cli/tui/data.test.tsx test/cli/tui/dialog-open.test.tsx test/cli/tui/prompt-move.test.tsx test/config.test.tsx \
-	test/context/session-tabs.test.tsx test/app-lifecycle.test.tsx test/component/session-tabs-rail.test.tsx
+	test/context/session-tabs.test.tsx test/app-lifecycle.test.tsx test/component/session-tabs-rail.test.tsx \
+	test/component/line-comment.test.tsx
 CORE_FORK_TESTS := test/plugin/custom.test.ts test/plugin/supervisor.test.ts test/tool-cancel.test.ts \
 	test/session-create.test.ts test/session-roots.test.ts test/session-skill.test.ts test/session-generate.test.ts \
 	test/session-owned.test.ts test/session-runner.test.ts test/tool-skill.test.ts test/file-access.test.ts \

packages/tui/src/component/line-comment.tsx

@@ -97,9 +97,21 @@ function LineCommentBox(props: {
     ],
   }))
 
-  onMount(() => textarea()?.focus())
+  // Focus moving elsewhere (a click on the composer or another pane) dismisses the box and leaves focus where it went.
+  const state = { blurred: false }
+  const dismiss = () => {
+    state.blurred = true
+    props.onCancel()
+  }
+  onMount(() => {
+    const element = textarea()
+    if (!element) return
+    element.focus()
+    element.on("blurred", dismiss)
+    onCleanup(() => element.off("blurred", dismiss))
+  })
   onCleanup(() => {
-    if (previous && !previous.isDestroyed) previous.focus()
+    if (!state.blurred && previous && !previous.isDestroyed) previous.focus()
   })
 
   // The box floats inside a transcript row, whose clicks open message actions.

packages/tui/test/component/line-comment.test.tsx

@@ -111,6 +111,24 @@ test("hovering a line shows a plus in its gutter, and the bar follows a drag up
   expect(setup.sent).toHaveLength(0)
 })
 
+test("the comment box closes without sending when it loses focus", async () => {
+  await using setup = await renderComment({ view: "unified", width: 80 })
+  const app = setup.app
+  const side = diffSides(app.renderer.root)[0]!
+  const removed = rowOf(app, "const oldFirst")
+  const original = background(app, removed)
+
+  await app.mockMouse.drag(side.x + 1, removed, side.x + 1, removed)
+  await app.waitForFrame(() => app.renderer.currentFocusedRenderable instanceof TextareaRenderable)
+  app.mockInput.typeText("Half")
+  app.renderer.currentFocusedRenderable?.blur()
+  await app.waitForFrame(
+    (frame) =>
+      !frame.includes("enter send") && background(app, removed) === original && marker(app, side, removed) === " ",
+  )
+  expect(setup.sent).toHaveLength(0)
+})
+
 test("split line numbers comment on one side and cancelling sends nothing", async () => {
   await using setup = await renderComment({ view: "split", width: 160 })
   const app = setup.app