@markjaquith/agency 2.32.1 → 2.32.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@markjaquith/agency",
-  "version": "2.32.1",
+  "version": "2.32.2",
   "description": "Manage agentic work across repositories with durable workbases",
   "keywords": [
     "agents",

package/src/utils/interactive.test.tsx

@@ -44,7 +44,7 @@ describe("OpenTUI interaction", () => {
 	test("uses the split-footer renderer contract", () => {
 		expect(interactiveRendererConfig).toMatchObject({
 			screenMode: "split-footer",
-			footerHeight: 4,
+			footerHeight: 5,
 			externalOutputMode: "capture-stdout",
 			clearOnShutdown: false,
 		})
@@ -212,6 +212,26 @@ describe("OpenTUI interaction", () => {
 		}
 	})
 
+	test("wraps text prompt input onto another line", async () => {
+		const setup = await testRender(
+			() => <InteractiveTextPrompt prompt="Task ID" onDone={() => {}} />,
+			{ width: 16, height: 5 },
+		)
+		try {
+			await setup.renderer.setupTerminal()
+			await setup.renderOnce()
+			await Bun.sleep(0)
+			await setup.mockInput.typeText("alpha beta gamma delta")
+			await setup.flush()
+			const frame = setup.captureCharFrame()
+			expect(frame).toContain("alpha beta")
+			expect(frame).toContain("gamma")
+			expect(frame).toMatch(/alpha beta\s*\ngamma delta/)
+		} finally {
+			setup.renderer.destroy()
+		}
+	})
+
 	test("submits text and cancels with ctrl-c or escape", async () => {
 		let submitted: string | null | undefined
 		const input = await testRender(

package/src/utils/interactive.tsx

@@ -4,7 +4,7 @@ import {
 	createCliRenderer,
 	type CliRenderer,
 	type CliRendererConfig,
-	type InputRenderable,
+	type TextareaRenderable,
 } from "@opentui/core"
 import { render, useKeyboard, type JSX } from "@opentui/solid"
 import { createMemo, createSignal, For } from "solid-js"
@@ -16,7 +16,7 @@ export interface InteractiveChoice {
 
 export const interactiveRendererConfig = {
 	screenMode: "split-footer",
-	footerHeight: 4,
+	footerHeight: 5,
 	externalOutputMode: "capture-stdout",
 	consoleMode: "disabled",
 	clearOnShutdown: false,
@@ -35,7 +35,7 @@ const isCancel = (key: { name: string; ctrl: boolean }) =>
 	key.name === "escape" || (key.ctrl && key.name === "c")
 
 export const InteractiveTextPrompt = (props: PromptProps<string>) => {
-	let input: InputRenderable | undefined
+	let input: TextareaRenderable | undefined
 	let value = ""
 	useKeyboard((key) => {
 		if (isCancel(key)) {
@@ -53,10 +53,13 @@ export const InteractiveTextPrompt = (props: PromptProps<string>) => {
 	return (
 		<box flexDirection="column" width="100%" height="100%">
 			<text fg="#7aa2f7">{props.prompt}</text>
-			<input
+			<textarea
 				focused
-				onInput={(next) => {
-					value = next
+				height={2}
+				wrapMode="word"
+				keyBindings={[{ name: "return", action: "submit" }]}
+				onContentChange={() => {
+					value = input?.plainText ?? ""
 				}}
 				ref={(next) => {
 					input = next
@@ -140,7 +143,7 @@ export const fuzzyChoices = (
 }
 
 export const InteractiveSelectPrompt = (props: SelectPromptProps) => {
-	let input: InputRenderable | undefined
+	let input: TextareaRenderable | undefined
 	const [query, setQuery] = createSignal("")
 	const [selected, setSelected] = createSignal(0)
 	const choices = createMemo(() => fuzzyChoices(props.choices, query()))
@@ -195,13 +198,16 @@ export const InteractiveSelectPrompt = (props: SelectPromptProps) => {
 					{props.prompt}
 				</text>
 				<text fg="#7aa2f7">{" > "}</text>
-				<input
+				<textarea
 					focused
 					flexGrow={1}
 					minWidth={8}
+					height={2}
+					wrapMode="word"
 					placeholder="filter"
-					onInput={(next) => {
-						setQuery(next)
+					keyBindings={[{ name: "return", action: "submit" }]}
+					onContentChange={() => {
+						setQuery(input?.plainText ?? "")
 						setSelected(0)
 					}}
 					ref={(next) => {
@@ -266,7 +272,6 @@ async function runInteractive<T>(
 	} finally {
 		if (renderer) {
 			await shutdown(renderer)
-			process.stdout.write("\n")
 		}
 	}
 }