@multiclawcli/dashboard 0.6.2 → 0.7.0

package/dist/tui.js

@@ -12,7 +12,7 @@ import {
   Orchestrator,
   validateRuntimeQuestionContent
 } from "@multiclawcli/core";
-import { Box as Box5, Text as Text5, useApp, useInput, useWindowSize } from "ink";
+import { Box as Box6, Text as Text6, useApp, useInput, useWindowSize } from "ink";
 import { useCallback, useEffect, useMemo, useReducer, useRef, useState } from "react";
 
 // src/tui/atomic.ts
@@ -127,7 +127,7 @@ var COMMANDS = [
   {
     name: "respond",
     args: "<question id> <JSON object>",
-    description: "Respond to a structured tool question",
+    description: "Answer a question in one line of JSON",
     availability: "always"
   },
   {
@@ -144,14 +144,14 @@ var COMMANDS = [
   },
   {
     name: "approve",
-    args: "<request id> <option number>",
-    description: "Choose an offered permission option explicitly",
+    args: "[id] <number>",
+    description: "Approve the request on screen, or a named one",
     availability: "always"
   },
   {
     name: "deny",
-    args: "<request id>",
-    description: "Deny a pending permission request",
+    args: "[id]",
+    description: "Deny the request on screen, or a named one",
     availability: "always"
   },
   { name: "help", description: "Show the key map", availability: "always" },
@@ -371,6 +371,8 @@ var RAIL_MIN_ROWS = 16;
 var MAX_RAIL_ROWS = 2;
 var MAX_MENU_ROWS = 7;
 var MAX_QUEUE_ROWS = 3;
+var MAX_INTERACTION_ROWS = 10;
+var MIN_INTERACTION_ROWS = 4;
 var MIN_BODY_ROWS = 3;
 function measureRailRows(cells, columns) {
   if (!cells || cells.length === 0) return 0;
@@ -396,14 +398,17 @@ function computeLayout(input) {
   const showRail = !welcome && !input.overlay && rows >= RAIL_MIN_ROWS && input.hasRail;
   const menuRows = Math.min(Math.max(0, input.menuRows), MAX_MENU_ROWS);
   const queueRows = Math.min(Math.max(0, input.queueRows ?? 0), MAX_QUEUE_ROWS);
+  const promptRows = Math.max(1, input.promptRows ?? 1);
   const railRows = showRail ? Math.min(MAX_RAIL_ROWS, Math.max(1, measureRailRows(input.railCells, columns))) : 0;
-  const reserved = 1 + // header
+  const chrome = 1 + // header
   1 + // rule under the header
   (railRows > 0 ? railRows + 1 : 0) + // pipeline rail plus the gap above it
   1 + // gap before the body
   (input.notice ? 1 : 0) + (input.viewing ? 1 : 0) + // "viewing turn N" banner
-  queueRows + menuRows + 1 + // prompt
-  1;
+  queueRows + menuRows + promptRows + 1;
+  const barRoom = Math.max(0, rows - chrome - MIN_BODY_ROWS - 1);
+  const interactionRows2 = barRoom < MIN_INTERACTION_ROWS ? 0 : Math.min(Math.max(0, input.interactionRows ?? 0), MAX_INTERACTION_ROWS, barRoom);
+  const reserved = chrome + (interactionRows2 > 0 ? interactionRows2 + 1 : 0);
   const bodyHeight = Math.max(MIN_BODY_ROWS, rows - reserved);
   const showTeam = !compact;
   const teamWidth = Math.min(30, Math.max(18, Math.floor(columns * 0.24)));
@@ -423,7 +428,8 @@ function computeLayout(input) {
     teamWidth,
     streamWidth,
     menuRows,
-    queueRows
+    queueRows,
+    interactionRows: interactionRows2
   };
 }
 
@@ -582,8 +588,8 @@ function QueueStrip({ items, max = MAX_QUEUE_ROWS }) {
   )) });
 }
 
-// src/tui/components/overlays.tsx
-import { Box as Box2, Text as Text2 } from "ink";
+// src/tui/components/interaction.tsx
+import { Box as Box3, Text as Text3 } from "ink";
 
 // src/tui/state.ts
 var MAX_LOG_CHARS = 8e3;
@@ -881,11 +887,49 @@ function conversationTurns(state) {
   for (const turn of recordedTurns(state)) {
     if (turn.phase !== "complete" || turn.cancelled || !turn.requirement) continue;
     turns.push(
-      turn.reply ? { requirement: turn.requirement, reply: turn.reply } : { requirement: turn.requirement }
+      turn.reply ? { requirement: turn.requirement, reply: turn.reply } : { requirement: turn.requirement, outcome: conversationOutcome(turn) }
     );
   }
   return turns;
 }
+function conversationOutcome(turn) {
+  const reviewer = turn.acceptance?.reviewer;
+  const isWorker = (id) => id !== reviewer && !turn.leaderIds.includes(id);
+  const workers = Object.values(turn.agents).filter((agent) => isWorker(agent.id));
+  const completedAgents = workers.filter((agent) => agent.status === "success").map((agent) => agent.id);
+  const observed = workers.filter(
+    (agent) => agent.status !== "pending" && agent.status !== "skipped"
+  );
+  const failedAgents = Object.values(turn.agents).filter(
+    (agent) => agent.id !== reviewer && agent.status === "failed" && (isWorker(agent.id) || observed.length === 0)
+  ).map((agent) => ({
+    agentId: agent.id,
+    ...agent.error !== void 0 ? { reason: agent.error } : {}
+  }));
+  const selected = turn.stages.flatMap((stage) => stage.agents).filter((agent) => isWorker(agent.id));
+  const unresolved = selected.some((agent) => {
+    const status = turn.agents[agent.id]?.status;
+    return status === void 0 || status === "pending" || status === "running" || status === "retrying" || status === "skipped";
+  });
+  let execution = "unknown";
+  if (turn.interrupted) execution = "interrupted";
+  else if (failedAgents.length > 0) execution = "failed";
+  else if (observed.some((agent) => agent.status === "cancelled")) execution = "cancelled";
+  else if (observed.length > 0 && observed.every((agent) => agent.status === "success") && !unresolved)
+    execution = "success";
+  else if (observed.length === 0 && turn.success === false && !turn.acceptance) execution = "failed";
+  return {
+    execution,
+    completedAgents,
+    failedAgents,
+    ...turn.acceptance ? {
+      acceptance: {
+        status: turn.acceptance.status,
+        ...turn.acceptance.reason !== void 0 ? { reason: turn.acceptance.reason } : {}
+      }
+    } : {}
+  };
+}
 function tuiReducer(state, action) {
   switch (action.type) {
     case "event":
@@ -1039,14 +1083,281 @@ function visibleLog(turn, viewport, width) {
   };
 }
 
+// src/tui/interaction.ts
+function clean(value) {
+  return stripAnsi(value).replace(/\p{Cc}/gu, " ").replace(/\s+/g, " ").trim();
+}
+var KIND_LABEL = {
+  allow_once: "allow once",
+  allow_always: "always",
+  reject_once: "deny",
+  reject_always: "deny always"
+};
+function permissionChoices(request) {
+  return request.options.slice(0, 9).map((option, index) => ({
+    key: String(index + 1),
+    optionId: option.optionId,
+    label: clean(option.name) || KIND_LABEL[option.kind],
+    // The one option with an effect that outlives this request.
+    ...option.kind === "allow_always" || option.kind === "reject_always" ? { note: "this session" } : {}
+  }));
+}
+var MAX_IMPACT_ROWS = 2;
+function isRecord(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function lineCount(text) {
+  return text.split("\n").length;
+}
+function describeImpact(request, width) {
+  const input = request.input;
+  if (!isRecord(input)) return [];
+  const room = Math.max(8, width);
+  const command = typeof input.command === "string" ? input.command : void 0;
+  if (command !== void 0) {
+    const total = lineCount(command);
+    return total > 1 ? [truncate(`${total} lines`, room)] : [];
+  }
+  const file = ["path", "file_path", "file", "filename"].map((key) => input[key]).find((value) => typeof value === "string");
+  if (file === void 0) return [];
+  const before = typeof input.old_string === "string" ? lineCount(input.old_string) : void 0;
+  const after = typeof input.new_string === "string" ? lineCount(input.new_string) : void 0;
+  if (before !== void 0 && after !== void 0) {
+    return [truncate(`replaces ${before} line${before === 1 ? "" : "s"} with ${after}`, room)];
+  }
+  if (typeof input.content === "string") {
+    const written = lineCount(input.content);
+    return [truncate(`writes ${written} line${written === 1 ? "" : "s"}`, room)];
+  }
+  return [];
+}
+function moveCursor(cursor, delta, total) {
+  if (total <= 0) return void 0;
+  if (cursor === void 0) return delta > 0 ? 0 : total - 1;
+  return (cursor + delta + total) % total;
+}
+function jumpCursor(digit, total) {
+  if (!/^[1-9]$/.test(digit)) return void 0;
+  const index = Number(digit) - 1;
+  return index < total ? index : void 0;
+}
+function waitingLine(rest) {
+  if (rest.length === 0) return void 0;
+  const named = rest.slice(0, 3).map(
+    (request) => `${clean(request.agentId)} (${clean(request.toolName ?? request.kind ?? "tool")})`
+  );
+  const more = rest.length - named.length;
+  return `also waiting \xB7 ${named.join(", ")}${more > 0 ? ` \xB7 +${more} more` : ""}`;
+}
+function permissionBarRows(request, width, rest = []) {
+  const impact = Math.min(MAX_IMPACT_ROWS, describeImpact(request, width).length);
+  return 1 + 1 + impact + permissionChoices(request).length + (rest.length > 0 ? 1 : 0) + 1;
+}
+function choiceFrom(value) {
+  if (typeof value === "string") return { value, title: value };
+  if (!isRecord(value) || typeof value.const !== "string") return void 0;
+  const title = typeof value.title === "string" && value.title !== "" ? clean(value.title) : value.const;
+  const description = typeof value.description === "string" ? clean(value.description) : void 0;
+  return { value: value.const, title, ...description ? { description } : {} };
+}
+function fieldChoices(field) {
+  const items = isRecord(field.items) ? field.items : void 0;
+  const raw = field.oneOf ?? field.enum ?? items?.anyOf ?? items?.enum;
+  if (!Array.isArray(raw)) return [];
+  return raw.map(choiceFrom).filter((choice) => choice !== void 0);
+}
+function bound(value) {
+  return typeof value === "number" && Number.isFinite(value) ? value : void 0;
+}
+function fieldBounds(field) {
+  return {
+    min: bound(field.minimum),
+    max: bound(field.maximum),
+    minItems: bound(field.minItems),
+    maxItems: bound(field.maxItems),
+    minLength: bound(field.minLength),
+    maxLength: bound(field.maxLength)
+  };
+}
+function formFields(request) {
+  const schema = request.requestedSchema;
+  const required = schema.required ?? [];
+  return Object.entries(schema.properties ?? {}).map(([key, raw]) => {
+    const field = isRecord(raw) ? raw : {};
+    const choices = fieldChoices(field);
+    const type = field.type;
+    const kind = type === "boolean" ? "boolean" : type === "number" || type === "integer" ? "number" : type === "array" ? "multi" : choices.length > 0 ? "choice" : "text";
+    const title = typeof field.title === "string" && field.title !== "" ? clean(field.title) : key;
+    const description = typeof field.description === "string" ? clean(field.description) : void 0;
+    return {
+      key,
+      title,
+      required: required.includes(key),
+      kind,
+      choices,
+      bounds: fieldBounds(field),
+      ...description === void 0 ? {} : { description }
+    };
+  });
+}
+function boundsText(field) {
+  const span = (low, high, unit = "") => {
+    if (low !== void 0 && high !== void 0) return `${low}\u2013${high}${unit}`;
+    if (low !== void 0) return `min ${low}${unit}`;
+    if (high !== void 0) return `max ${high}${unit}`;
+    return void 0;
+  };
+  const { min, max, minItems, maxItems, minLength, maxLength } = field.bounds;
+  if (field.kind === "multi") return span(minItems, maxItems);
+  if (field.kind === "number") return span(min, max);
+  if (field.kind === "text" || field.kind === "choice") return span(minLength, maxLength, " chars");
+  return void 0;
+}
+function initialForm() {
+  return { field: 0, picks: {}, values: {} };
+}
+function formValueText(field, state) {
+  const value = state.values[field.key];
+  if (value === void 0) return "";
+  if (field.kind === "boolean") return value === true ? "yes" : "no";
+  const title = (entry) => field.choices.find((choice) => choice.value === entry)?.title ?? entry;
+  if (field.kind === "multi") {
+    const picked = Array.isArray(value) ? value : [];
+    return picked.map(title).join(", ");
+  }
+  const text = typeof value === "string" ? value : "";
+  return field.kind === "choice" ? title(text) : text;
+}
+function pickFor(state, field) {
+  const pick = state.picks[field.key] ?? 0;
+  return Math.min(Math.max(0, pick), Math.max(0, field.choices.length - 1));
+}
+function movePick(state, field, delta) {
+  const total = field.choices.length;
+  if (total === 0) return state;
+  const next = (pickFor(state, field) + delta + total) % total;
+  return { ...state, picks: { ...state.picks, [field.key]: next } };
+}
+function jumpPick(state, field, digit) {
+  if (!/^[1-9]$/.test(digit)) return state;
+  const index = Number(digit) - 1;
+  if (index >= field.choices.length) return state;
+  return { ...state, picks: { ...state.picks, [field.key]: index } };
+}
+function toggleChoice(state, field) {
+  if (field.kind !== "multi" || field.choices.length === 0) return state;
+  const value = field.choices[pickFor(state, field)].value;
+  const current = Array.isArray(state.values[field.key]) ? state.values[field.key] : [];
+  const next = current.includes(value) ? current.filter((entry) => entry !== value) : [...current, value];
+  return { ...state, values: { ...state.values, [field.key]: next } };
+}
+function toggleBoolean(state, field) {
+  if (field.kind !== "boolean") return state;
+  return {
+    ...state,
+    values: { ...state.values, [field.key]: state.values[field.key] !== true }
+  };
+}
+function withDraft(fields, state, draft) {
+  const field = fields[state.field];
+  if (!field || field.kind !== "text" && field.kind !== "number") return state;
+  return { ...state, values: { ...state.values, [field.key]: draft } };
+}
+function focusField(fields, state, index) {
+  if (fields.length === 0) return { state, draft: "" };
+  const next = Math.min(Math.max(0, index), fields.length - 1);
+  const field = fields[next];
+  const value = state.values[field.key];
+  return {
+    state: { ...state, field: next },
+    draft: typeof value === "string" ? value : ""
+  };
+}
+function commitField(fields, state) {
+  const field = fields[state.field];
+  if (field?.kind !== "choice" || field.choices.length === 0) return state;
+  const value = field.choices[pickFor(state, field)].value;
+  return { ...state, values: { ...state.values, [field.key]: value } };
+}
+function formContent(fields, state) {
+  const content = {};
+  for (const field of fields) {
+    const value = state.values[field.key];
+    if (value === void 0) continue;
+    if (field.kind === "boolean") {
+      content[field.key] = value === true;
+      continue;
+    }
+    if (field.kind === "multi") {
+      content[field.key] = Array.isArray(value) ? value : [];
+      continue;
+    }
+    const text = typeof value === "string" ? value : "";
+    if (text.trim() === "") continue;
+    if (field.kind === "number") {
+      const parsed = Number(text.trim());
+      if (Number.isFinite(parsed)) content[field.key] = parsed;
+      continue;
+    }
+    content[field.key] = text;
+  }
+  return content;
+}
+function fieldComplete(field, state) {
+  const value = state.values[field.key];
+  if (field.kind === "boolean") return typeof value === "boolean";
+  if (field.kind === "multi") {
+    const picked = Array.isArray(value) ? value : [];
+    if (value === void 0) return !field.required;
+    if (field.required && picked.length === 0) return false;
+    const { minItems, maxItems } = field.bounds;
+    if (minItems !== void 0 && picked.length < minItems) return false;
+    if (maxItems !== void 0 && picked.length > maxItems) return false;
+    return true;
+  }
+  if (field.kind === "number") {
+    const text2 = typeof value === "string" ? value.trim() : "";
+    if (text2 === "") return !field.required;
+    const parsed = Number(text2);
+    if (!Number.isFinite(parsed)) return false;
+    const { min, max } = field.bounds;
+    if (min !== void 0 && parsed < min) return false;
+    if (max !== void 0 && parsed > max) return false;
+    return true;
+  }
+  const text = typeof value === "string" ? value : "";
+  if (text.trim() === "") return !field.required;
+  const { minLength, maxLength } = field.bounds;
+  if (minLength !== void 0 && text.length < minLength) return false;
+  if (maxLength !== void 0 && text.length > maxLength) return false;
+  return true;
+}
+function formComplete(fields, state) {
+  return fields.every((field) => fieldComplete(field, state));
+}
+var MAX_FORM_FIELDS = 6;
+function questionBarRows(fields) {
+  return 2 + Math.min(fields.length, MAX_FORM_FIELDS) + 1 + 1;
+}
+function interactionRows(interactions, width) {
+  const front = interactions[0];
+  if (!front) return 0;
+  if (front.kind === "permission") {
+    const rest = interactions.slice(1).map((entry) => entry.request).filter((request) => "options" in request);
+    return permissionBarRows(front.request, width, rest);
+  }
+  return questionBarRows(formFields(front.request));
+}
+
 // src/tui/components/overlays.tsx
+import { Box as Box2, Text as Text2 } from "ink";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var HELP_GROUPS = [
   {
     title: "prompt",
     rows: [
       ["enter", "Run the requirement"],
-      ["enter (busy)", "Queue only; /approve tools, /respond questions"],
+      ["enter (busy)", "Queue only; the bar above decides tools and questions"],
       ["esc", "Clear the line, close an overlay"],
       ["\u2190 \u2192 home end", "Move the caret"]
     ]
@@ -1101,95 +1412,6 @@ function HelpOverlay({ width, maxRows }) {
     /* @__PURE__ */ jsx2(Box2, { marginTop: gap, children: /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "esc or ? to close" }) })
   ] });
 }
-function PermissionOverlay({
-  request,
-  shortId,
-  queued,
-  width,
-  maxRows
-}) {
-  const clean = (value) => stripAnsi(value).replace(/\p{Cc}/gu, " ");
-  const input = request.input === void 0 ? "(no input)" : JSON.stringify(request.input) ?? "(no input)";
-  const inputRows = Math.max(1, Math.min(3, maxRows - request.options.length - 7));
-  return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", flexShrink: 0, paddingLeft: 2, width, children: [
-    /* @__PURE__ */ jsx2(Text2, { bold: true, color: COLOR.warn, wrap: "truncate-end", children: `PERMISSION ${shortId} \xB7 ${queued} pending \xB7 ${clean(request.agentId)}` }),
-    /* @__PURE__ */ jsx2(Text2, { wrap: "truncate-end", children: clean(request.title) }),
-    /* @__PURE__ */ jsx2(Text2, { dimColor: true, wrap: "truncate-end", children: `request ${clean(request.requestId)} \xB7 ${clean(request.toolName ?? request.kind ?? request.toolCallId)}` }),
-    /* @__PURE__ */ jsx2(Text2, { color: COLOR.accent, wrap: "truncate-end", children: `/approve ${shortId} <number> \xB7 /deny ${shortId}` }),
-    /* @__PURE__ */ jsx2(Text2, { dimColor: true, wrap: "truncate-end", children: "Ordinary text queues a follow-up; it never grants permission." }),
-    /* @__PURE__ */ jsx2(Box2, { height: inputRows, overflow: "hidden", flexShrink: 0, children: /* @__PURE__ */ jsx2(Text2, { children: `input: ${clean(input)}` }) }),
-    request.options.map((option, index) => /* @__PURE__ */ jsx2(Text2, { wrap: "truncate-end", children: `${index + 1}. ${clean(option.name)} (${option.kind})` }, option.optionId))
-  ] });
-}
-function questionLines(request, width) {
-  const lines = [request.message, `request ${request.requestId}`];
-  for (const [key, field] of Object.entries(request.requestedSchema.properties ?? {})) {
-    const schema = field;
-    const items = schema.items;
-    const choices = schema.oneOf ?? schema.enum ?? items?.anyOf ?? items?.enum;
-    lines.push(
-      `${key}${request.requestedSchema.required?.includes(key) ? " *" : ""}: ${typeof schema.title === "string" ? schema.title : key} (${field.type})`
-    );
-    if (typeof schema.description === "string") lines.push(schema.description);
-    const limits = [
-      "minimum",
-      "maximum",
-      "exclusiveMinimum",
-      "exclusiveMaximum",
-      "minLength",
-      "maxLength",
-      "minItems",
-      "maxItems",
-      "uniqueItems"
-    ].filter((limit) => schema[limit] !== void 0 && schema[limit] !== null).map((limit) => `${limit}=${schema[limit]}`);
-    if (limits.length) lines.push(limits.join(" \xB7 "));
-    for (const choice of choices ?? []) {
-      lines.push(
-        typeof choice === "string" ? JSON.stringify(choice) : `${JSON.stringify(choice.const)} \u2014 ${choice.title ?? choice.const}${choice.description ? `: ${choice.description}` : ""}`
-      );
-    }
-  }
-  return lines.flatMap(
-    (line) => wrapLine(stripAnsi(line).replace(/\p{Cc}/gu, " "), Math.max(1, width - 2))
-  );
-}
-function QuestionOverlay({
-  request,
-  shortId,
-  queued,
-  width,
-  maxRows,
-  offset
-}) {
-  const lines = questionLines(request, width);
-  const capacity = Math.max(1, maxRows - 4);
-  const start = Math.min(offset, Math.max(0, lines.length - capacity));
-  const visible = lines.slice(start, start + capacity);
-  return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", flexShrink: 0, paddingLeft: 2, width, children: [
-    /* @__PURE__ */ jsx2(Text2, { bold: true, color: COLOR.warn, wrap: "truncate-end", children: `QUESTION ${shortId} \xB7 ${queued} pending \xB7 ${stripAnsi(request.agentId)}` }),
-    /* @__PURE__ */ jsx2(Text2, { color: COLOR.accent, wrap: "truncate-end", children: `/respond ${shortId} <JSON object>` }),
-    /* @__PURE__ */ jsx2(
-      Text2,
-      {
-        dimColor: true,
-        wrap: "truncate-end",
-        children: `/skip ${shortId} declines \xB7 /dismiss ${shortId} cancels`
-      }
-    ),
-    visible.map((line, index) => (
-      // biome-ignore lint/suspicious/noArrayIndexKey: immutable text rows are identified by their absolute form offset.
-      /* @__PURE__ */ jsx2(Text2, { wrap: "truncate-end", children: line }, `${start + index}-${line}`)
-    )),
-    /* @__PURE__ */ jsx2(
-      Text2,
-      {
-        dimColor: true,
-        wrap: "truncate-end",
-        children: `\u2191\u2193 / pgup pgdn form \xB7 ${start + 1}\u2013${start + visible.length}/${lines.length} \xB7 ordinary text queues`
-      }
-    )
-  ] });
-}
 function outcome(turn) {
   if (turn.reply) {
     return turn.reply.mode === "ask" ? { text: `${GLYPH.ask} needs input`, color: COLOR.warn } : { text: `${STATUS.success.glyph} answered`, color: COLOR.ok };
@@ -1266,9 +1488,110 @@ function HistoryOverlay({
   ] });
 }
 
+// src/tui/components/interaction.tsx
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function PermissionBar({
+  request,
+  others,
+  cursor,
+  released,
+  width
+}) {
+  const choices = permissionChoices(request);
+  const impact = describeImpact(request, Math.max(8, width - 6));
+  const also = waitingLine(others);
+  const tool = clean(request.toolName ?? request.kind ?? "tool");
+  return /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", flexShrink: 0, paddingLeft: 2, width, children: [
+    /* @__PURE__ */ jsx3(Text3, { bold: true, color: COLOR.warn, wrap: "truncate-end", children: `permission \xB7 ${clean(request.agentId)} \xB7 ${tool}${others.length > 0 ? ` \xB7 ${others.length + 1} waiting` : ""}` }),
+    /* @__PURE__ */ jsx3(Text3, { wrap: "truncate-end", children: `  ${truncate(clean(request.title), Math.max(8, width - 4))}` }),
+    impact.map((line) => /* @__PURE__ */ jsx3(Text3, { dimColor: true, wrap: "truncate-end", children: `  ${line}` }, line)),
+    choices.map((choice, index) => {
+      const active = index === cursor;
+      return /* @__PURE__ */ jsx3(
+        Text3,
+        {
+          color: active ? COLOR.accent : void 0,
+          dimColor: !active,
+          wrap: "truncate-end",
+          children: `${active ? GLYPH.caret : " "} ${choice.key}  ${choice.label}${choice.note ? `  \xB7 ${choice.note}` : ""}`
+        },
+        choice.optionId
+      );
+    }),
+    also === void 0 ? null : /* @__PURE__ */ jsx3(Text3, { dimColor: true, wrap: "truncate-end", children: `  ${also}` }),
+    /* @__PURE__ */ jsx3(Text3, { dimColor: true, wrap: "truncate-end", children: released ? "  typing \xB7 /approve 1 or /deny still reach it" : "  \u2191\u2193 or 1-9 choose \xB7 enter confirm \xB7 esc to type instead" })
+  ] });
+}
+function QuestionForm({
+  request,
+  others,
+  fields,
+  form,
+  draft,
+  width
+}) {
+  const focused = fields[form.field];
+  const titleWidth = Math.min(
+    24,
+    Math.max(4, ...fields.map((field) => field.title.length + (field.required ? 2 : 0)))
+  );
+  const capacity = Math.min(fields.length, MAX_FORM_FIELDS);
+  const start = listWindowStart(form.field, fields.length, Math.max(1, capacity));
+  const visible = fields.slice(start, start + capacity);
+  const range = fields.length > capacity ? ` \xB7 ${start + 1}\u2013${start + visible.length}/${fields.length}` : "";
+  const detail = focused === void 0 ? [] : detailLines(focused, width);
+  return /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", flexShrink: 0, paddingLeft: 2, width, children: [
+    /* @__PURE__ */ jsx3(Text3, { bold: true, color: COLOR.warn, wrap: "truncate-end", children: `question \xB7 ${clean(request.agentId)}${others.length > 0 ? ` \xB7 ${others.length + 1} waiting` : ""}` }),
+    /* @__PURE__ */ jsx3(Text3, { wrap: "truncate-end", children: clean(request.message) }),
+    visible.map((field, offset) => {
+      const index = start + offset;
+      const active = index === form.field;
+      const marker = field.required ? " *" : "";
+      const value = fieldValue(field, form, draft, index === form.field);
+      return /* @__PURE__ */ jsx3(
+        Text3,
+        {
+          color: active ? COLOR.accent : void 0,
+          dimColor: !active,
+          wrap: "truncate-end",
+          children: `${active ? GLYPH.caret : " "} ${`${field.title}${marker}`.padEnd(titleWidth)}  ${value}`
+        },
+        field.key
+      );
+    }),
+    detail.map((line) => /* @__PURE__ */ jsx3(Text3, { dimColor: true, wrap: "truncate-end", children: `  ${line}` }, line)),
+    /* @__PURE__ */ jsx3(Text3, { dimColor: true, wrap: "truncate-end", children: `  tab next \xB7 \u2191\u2193 pick \xB7 space toggle \xB7 enter next${range} \xB7 esc clear` })
+  ] });
+}
+function fieldValue(field, form, draft, focused) {
+  if (focused && field.kind === "choice" && field.choices.length > 0) {
+    return field.choices[pickFor(form, field)].title;
+  }
+  const editing = focused && (field.kind === "text" || field.kind === "number");
+  const text = editing ? draft : formValueText(field, form);
+  if (text !== "") return text;
+  if (field.kind === "boolean") return "(unset)";
+  return "(empty)";
+}
+function detailLines(field, width) {
+  const room = Math.max(8, width - 6);
+  const limits = boundsText(field);
+  const suffix = limits === void 0 ? "" : ` \xB7 ${limits}`;
+  if (field.choices.length > 0) {
+    const listed = field.choices.map(
+      (choice, index) => `${index + 1} ${choice.title}${choice.description ? ` \u2014 ${choice.description}` : ""}`
+    ).join("  ");
+    return [truncate(`${listed}${suffix}`, room)];
+  }
+  const editing = field.kind === "text" || field.kind === "number";
+  const hint = field.description ?? (editing ? "type below, enter to continue" : "");
+  if (hint === "") return limits === void 0 ? [] : [`${limits}`];
+  return [truncate(`${hint}${suffix}`, room)];
+}
+
 // src/tui/components/panels.tsx
-import { Box as Box3, Text as Text3 } from "ink";
-import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Box as Box4, Text as Text4 } from "ink";
+import { Fragment, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 function rightColumn(agent, now) {
   if (agent.status === "retrying" && agent.retry) {
     return { text: `retry ${agent.retry.attempt}/${agent.retry.max}`, color: COLOR.warn };
@@ -1287,9 +1610,9 @@ function TeamRow({
   const style = STATUS[agent.status];
   const glyph = agent.status === "running" ? spinner : style.glyph;
   const right = rightColumn(agent, now);
-  return /* @__PURE__ */ jsxs3(Box3, { justifyContent: "space-between", children: [
-    /* @__PURE__ */ jsx3(Box3, { flexShrink: 1, children: /* @__PURE__ */ jsxs3(
-      Text3,
+  return /* @__PURE__ */ jsxs4(Box4, { justifyContent: "space-between", children: [
+    /* @__PURE__ */ jsx4(Box4, { flexShrink: 1, children: /* @__PURE__ */ jsxs4(
+      Text4,
       {
         color: focused ? COLOR.accent : style.color,
         dimColor: !focused && style.dim,
@@ -1301,14 +1624,14 @@ function TeamRow({
           " ",
           agent.icon ? `${agent.icon} ` : "",
           agent.name,
-          agent.taskTitle ? /* @__PURE__ */ jsxs3(Text3, { dimColor: true, children: [
+          agent.taskTitle ? /* @__PURE__ */ jsxs4(Text4, { dimColor: true, children: [
             " ",
             agent.taskTitle
           ] }) : null
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx3(Box3, { flexShrink: 0, children: /* @__PURE__ */ jsx3(Text3, { color: right.color, dimColor: right.color === void 0, children: right.text }) })
+    /* @__PURE__ */ jsx4(Box4, { flexShrink: 0, children: /* @__PURE__ */ jsx4(Text4, { color: right.color, dimColor: right.color === void 0, children: right.text }) })
   ] });
 }
 function TeamPanel({
@@ -1319,16 +1642,16 @@ function TeamPanel({
 }) {
   const ids = Object.keys(turn.agents);
   const { done, total } = progress(turn);
-  return /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", width, flexShrink: 0, paddingRight: 1, children: [
-    /* @__PURE__ */ jsxs3(Box3, { justifyContent: "space-between", children: [
-      /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "TEAM" }),
-      /* @__PURE__ */ jsxs3(Text3, { dimColor: true, children: [
+  return /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", width, flexShrink: 0, paddingRight: 1, children: [
+    /* @__PURE__ */ jsxs4(Box4, { justifyContent: "space-between", children: [
+      /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "TEAM" }),
+      /* @__PURE__ */ jsxs4(Text4, { dimColor: true, children: [
         done,
         "/",
         total
       ] })
     ] }),
-    ids.length === 0 ? /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "no agents configured" }) : ids.map((id) => /* @__PURE__ */ jsx3(
+    ids.length === 0 ? /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "no agents configured" }) : ids.map((id) => /* @__PURE__ */ jsx4(
       TeamRow,
       {
         agent: turn.agents[id],
@@ -1341,8 +1664,8 @@ function TeamPanel({
   ] });
 }
 function Divider() {
-  return /* @__PURE__ */ jsx3(
-    Box3,
+  return /* @__PURE__ */ jsx4(
+    Box4,
     {
       flexShrink: 0,
       borderStyle: "single",
@@ -1366,43 +1689,43 @@ function StreamPanel({
   const window = visibleLog(turn, viewport, width);
   const style = agent ? STATUS[agent.status] : void 0;
   const elapsed = agent ? agentElapsed(agent, now) : void 0;
-  return /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", flexGrow: 1, height, paddingLeft: 1, children: [
-    /* @__PURE__ */ jsxs3(Box3, { justifyContent: "space-between", children: [
-      /* @__PURE__ */ jsx3(Box3, { flexShrink: 1, children: /* @__PURE__ */ jsxs3(Text3, { wrap: "truncate-end", children: [
-        /* @__PURE__ */ jsx3(Text3, { bold: true, children: agent?.name ?? "\u2014" }),
-        agent?.model ? /* @__PURE__ */ jsxs3(Text3, { dimColor: true, children: [
+  return /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", flexGrow: 1, height, paddingLeft: 1, children: [
+    /* @__PURE__ */ jsxs4(Box4, { justifyContent: "space-between", children: [
+      /* @__PURE__ */ jsx4(Box4, { flexShrink: 1, children: /* @__PURE__ */ jsxs4(Text4, { wrap: "truncate-end", children: [
+        /* @__PURE__ */ jsx4(Text4, { bold: true, children: agent?.name ?? "\u2014" }),
+        agent?.model ? /* @__PURE__ */ jsxs4(Text4, { dimColor: true, children: [
           " \xB7 ",
           agent.model
         ] }) : null,
-        agent && style ? /* @__PURE__ */ jsxs3(Fragment, { children: [
-          /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: " \xB7 " }),
-          /* @__PURE__ */ jsx3(Text3, { color: style.color, dimColor: style.dim, children: agent.status === "running" ? `${spinner} ${style.label}` : style.label })
+        agent && style ? /* @__PURE__ */ jsxs4(Fragment, { children: [
+          /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: " \xB7 " }),
+          /* @__PURE__ */ jsx4(Text4, { color: style.color, dimColor: style.dim, children: agent.status === "running" ? `${spinner} ${style.label}` : style.label })
         ] }) : null,
-        agent?.taskTitle ? /* @__PURE__ */ jsxs3(Text3, { dimColor: true, children: [
+        agent?.taskTitle ? /* @__PURE__ */ jsxs4(Text4, { dimColor: true, children: [
           " \xB7 ",
           agent.taskTitle
         ] }) : null,
-        agent?.usage?.contextTokens !== void 0 && agent.usage.contextSize !== void 0 ? /* @__PURE__ */ jsxs3(Text3, { dimColor: true, children: [
+        agent?.usage?.contextTokens !== void 0 && agent.usage.contextSize !== void 0 ? /* @__PURE__ */ jsxs4(Text4, { dimColor: true, children: [
           " ",
           "\xB7 ctx ",
           formatTokens(agent.usage.contextTokens),
           "/",
           formatTokens(agent.usage.contextSize)
         ] }) : null,
-        agent?.costUsd !== void 0 ? /* @__PURE__ */ jsxs3(Text3, { dimColor: true, children: [
+        agent?.costUsd !== void 0 ? /* @__PURE__ */ jsxs4(Text4, { dimColor: true, children: [
           " \xB7 ",
           formatCost(agent.costUsd)
         ] }) : null
       ] }) }),
-      /* @__PURE__ */ jsxs3(Box3, { flexShrink: 0, children: [
-        elapsed === void 0 ? null : /* @__PURE__ */ jsxs3(Text3, { dimColor: true, children: [
+      /* @__PURE__ */ jsxs4(Box4, { flexShrink: 0, children: [
+        elapsed === void 0 ? null : /* @__PURE__ */ jsxs4(Text4, { dimColor: true, children: [
           formatDuration(elapsed),
           " "
         ] }),
-        /* @__PURE__ */ jsx3(Text3, { color: window.following ? COLOR.accent : COLOR.warn, children: window.following ? GLYPH.live : `${GLYPH.paused} ${window.scrolledBack}\u2191` })
+        /* @__PURE__ */ jsx4(Text4, { color: window.following ? COLOR.accent : COLOR.warn, children: window.following ? GLYPH.live : `${GLYPH.paused} ${window.scrolledBack}\u2191` })
       ] })
     ] }),
-    window.rows.length === 0 ? /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: turn.phase === "running" ? "waiting for output\u2026" : "no output yet" }) : (
+    window.rows.length === 0 ? /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: turn.phase === "running" ? "waiting for output\u2026" : "no output yet" }) : (
       // The tail, already wrapped to `width` by `visibleLog` — the pane draws
       // rows, and one log line is several of them. `visibleLog` also picks
       // which rows, so the content here is exactly the pane's height and the
@@ -1418,10 +1741,10 @@ function StreamPanel({
       // `flexShrink={0}` stops Yoga compressing the rows into each other,
       // and `overflow="hidden"` is the backstop if any of the above is ever
       // wrong.
-      /* @__PURE__ */ jsx3(Box3, { flexDirection: "column", flexShrink: 0, height: viewport, overflow: "hidden", children: window.rows.map((row, index) => (
+      /* @__PURE__ */ jsx4(Box4, { flexDirection: "column", flexShrink: 0, height: viewport, overflow: "hidden", children: window.rows.map((row, index) => (
         // Rows are an append-only tail; position is the identity.
         // biome-ignore lint/suspicious/noArrayIndexKey: positional log tail
-        /* @__PURE__ */ jsx3(Box3, { flexShrink: 0, children: /* @__PURE__ */ jsx3(Text3, { wrap: "truncate-end", children: row }) }, index)
+        /* @__PURE__ */ jsx4(Box4, { flexShrink: 0, children: /* @__PURE__ */ jsx4(Text4, { wrap: "truncate-end", children: row }) }, index)
       )) })
     )
   ] });
@@ -1432,14 +1755,14 @@ function ReplyPanel({ reply, width }) {
     // `flexShrink={0}`: the body must clip this, not compress it. A shrunken
     // column box folds its own text rows into each other before the body ever
     // gets a chance to hide the overflow.
-    /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", flexShrink: 0, paddingLeft: 2, paddingTop: 1, width, children: [
-      /* @__PURE__ */ jsxs3(Text3, { color: asking ? COLOR.warn : COLOR.accent, bold: true, children: [
+    /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", flexShrink: 0, paddingLeft: 2, paddingTop: 1, width, children: [
+      /* @__PURE__ */ jsxs4(Text4, { color: asking ? COLOR.warn : COLOR.accent, bold: true, children: [
         asking ? GLYPH.ask : GLYPH.leader,
         " ",
         asking ? "the team needs a decision" : "answered"
       ] }),
-      /* @__PURE__ */ jsx3(Box3, { marginTop: 1, children: /* @__PURE__ */ jsx3(Text3, { children: reply.message }) }),
-      /* @__PURE__ */ jsx3(Box3, { marginTop: 1, children: /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: asking ? "Answer below and press enter." : "Type a requirement and press enter." }) })
+      /* @__PURE__ */ jsx4(Box4, { marginTop: 1, children: /* @__PURE__ */ jsx4(Text4, { children: reply.message }) }),
+      /* @__PURE__ */ jsx4(Box4, { marginTop: 1, children: /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: asking ? "Answer below and press enter." : "Type a requirement and press enter." }) })
     ] })
   );
 }
@@ -1447,12 +1770,12 @@ function ErrorPanel({ message, width }) {
   return (
     // `flexShrink={0}` — see ReplyPanel. A compressed column box folds its own
     // text rows into each other before the body gets a chance to clip them.
-    /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", flexShrink: 0, paddingLeft: 2, paddingTop: 1, width, children: [
-      /* @__PURE__ */ jsxs3(Text3, { color: COLOR.error, bold: true, children: [
+    /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", flexShrink: 0, paddingLeft: 2, paddingTop: 1, width, children: [
+      /* @__PURE__ */ jsxs4(Text4, { color: COLOR.error, bold: true, children: [
         GLYPH.warn,
         " the run stopped"
       ] }),
-      /* @__PURE__ */ jsx3(Box3, { marginTop: 1, children: /* @__PURE__ */ jsx3(Text3, { color: COLOR.error, children: message }) })
+      /* @__PURE__ */ jsx4(Box4, { marginTop: 1, children: /* @__PURE__ */ jsx4(Text4, { color: COLOR.error, children: message }) })
     ] })
   );
 }
@@ -1463,62 +1786,108 @@ function WelcomePanel({ turn, width }) {
   return (
     // `flexShrink={0}` — see ReplyPanel. Compressing the roster folds one agent's
     // description onto the next row's, which reads as a corrupted screen.
-    /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", flexShrink: 0, paddingLeft: 2, paddingTop: 1, width, children: [
-      /* @__PURE__ */ jsxs3(Text3, { color: COLOR.accent, bold: true, children: [
+    /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", flexShrink: 0, paddingLeft: 2, paddingTop: 1, width, children: [
+      /* @__PURE__ */ jsxs4(Text4, { color: COLOR.accent, bold: true, children: [
         GLYPH.brand,
         " multiclaw"
       ] }),
-      /* @__PURE__ */ jsx3(Box3, { marginTop: 1, children: /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "A team of agents, one prompt away." }) }),
-      /* @__PURE__ */ jsx3(Box3, { flexDirection: "column", marginTop: 1, children: agents.map((agent) => {
+      /* @__PURE__ */ jsx4(Box4, { marginTop: 1, children: /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "A team of agents, one prompt away." }) }),
+      /* @__PURE__ */ jsx4(Box4, { flexDirection: "column", marginTop: 1, children: agents.map((agent) => {
         const focused = turn.focusId === agent.id;
         const leader = agent.id === leaderId;
-        return /* @__PURE__ */ jsxs3(Box3, { children: [
-          /* @__PURE__ */ jsxs3(Box3, { flexShrink: 0, children: [
-            /* @__PURE__ */ jsx3(Text3, { color: focused ? COLOR.accent : void 0, children: focused ? `${GLYPH.caret} ` : "  " }),
-            /* @__PURE__ */ jsx3(Text3, { color: leader ? COLOR.accent : COLOR.muted, children: leader ? GLYPH.leader : GLYPH.agent }),
-            /* @__PURE__ */ jsxs3(Text3, { bold: focused, color: focused ? COLOR.accent : void 0, children: [
+        return /* @__PURE__ */ jsxs4(Box4, { children: [
+          /* @__PURE__ */ jsxs4(Box4, { flexShrink: 0, children: [
+            /* @__PURE__ */ jsx4(Text4, { color: focused ? COLOR.accent : void 0, children: focused ? `${GLYPH.caret} ` : "  " }),
+            /* @__PURE__ */ jsx4(Text4, { color: leader ? COLOR.accent : COLOR.muted, children: leader ? GLYPH.leader : GLYPH.agent }),
+            /* @__PURE__ */ jsxs4(Text4, { bold: focused, color: focused ? COLOR.accent : void 0, children: [
               " ",
               padRight(truncate(agent.name, nameWidth - 2), nameWidth - 1)
             ] })
           ] }),
-          /* @__PURE__ */ jsx3(Box3, { flexShrink: 1, children: /* @__PURE__ */ jsx3(Text3, { dimColor: true, wrap: "truncate-end", children: agent.taskTitle ?? agent.description ?? "" }) })
+          /* @__PURE__ */ jsx4(Box4, { flexShrink: 1, children: /* @__PURE__ */ jsx4(Text4, { dimColor: true, wrap: "truncate-end", children: agent.taskTitle ?? agent.description ?? "" }) })
         ] }, agent.id);
       }) }),
-      /* @__PURE__ */ jsx3(Box3, { marginTop: 1, children: /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "Type a requirement and press enter." }) })
+      /* @__PURE__ */ jsx4(Box4, { marginTop: 1, children: /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "Type a requirement and press enter." }) })
     ] })
   );
 }
 
 // src/tui/components/prompt.tsx
-import { Box as Box4, Text as Text4 } from "ink";
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Box as Box5, Text as Text5 } from "ink";
+import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+var MARKER = `${GLYPH.caret} `;
+var MARKER_WIDTH = displayWidth(MARKER);
+var INDENT = " ".repeat(MARKER_WIDTH);
+var MAX_PROMPT_ROWS = 5;
+function promptLines(value, cursor, width) {
+  const shown = value.replace(/\r/g, "").replace(/\n/g, GLYPH.newline);
+  const limit = Math.max(1, width);
+  const lines = [{ text: "" }];
+  let col = 0;
+  let offset = 0;
+  const breakRow = () => {
+    lines.push({ text: "" });
+    col = 0;
+  };
+  for (const char of shown) {
+    const charWidth = displayWidth(char);
+    if (col > 0 && col + charWidth > limit) breakRow();
+    const line = lines[lines.length - 1];
+    if (offset === cursor) line.caret = line.text.length;
+    line.text += char;
+    col += charWidth;
+    offset += char.length;
+  }
+  if (cursor >= offset) {
+    if (col >= limit) breakRow();
+    const line = lines[lines.length - 1];
+    line.caret = line.text.length;
+  }
+  return lines;
+}
+function promptRowCount(value, cursor, width) {
+  return Math.min(MAX_PROMPT_ROWS, promptLines(value, cursor, width).length);
+}
 function Prompt({
   value,
   cursor,
   caretVisible,
-  placeholder
+  placeholder,
+  width
 }) {
-  const shown = value.replace(/\r/g, "").replace(/\n/g, GLYPH.newline);
+  const textWidth = Math.max(1, width - MARKER_WIDTH);
+  const lines = promptLines(value, cursor, textWidth);
   const ghost = value === "";
-  const before = shown.slice(0, cursor);
-  const cell = ghost ? placeholder.slice(0, 1) : shown.slice(cursor, cursor + 1);
-  const tail2 = ghost ? placeholder.slice(1) : shown.slice(cursor + 1);
-  return /* @__PURE__ */ jsxs4(Box4, { flexShrink: 0, children: [
-    /* @__PURE__ */ jsxs4(Text4, { color: COLOR.accent, children: [
-      GLYPH.caret,
-      " "
-    ] }),
-    /* @__PURE__ */ jsx4(Text4, { dimColor: ghost, children: before }),
-    /* @__PURE__ */ jsx4(Text4, { inverse: caretVisible, dimColor: !caretVisible && ghost, children: cell || " " }),
-    /* @__PURE__ */ jsx4(Text4, { dimColor: ghost, children: tail2 })
-  ] });
+  const hint = truncate(placeholder, textWidth);
+  const caretRow = Math.max(
+    0,
+    lines.findIndex((line) => line.caret !== void 0)
+  );
+  const start = lines.length <= MAX_PROMPT_ROWS ? 0 : Math.max(0, Math.min(caretRow - (MAX_PROMPT_ROWS - 1), lines.length - MAX_PROMPT_ROWS));
+  return /* @__PURE__ */ jsx5(Box5, { flexDirection: "column", flexShrink: 0, children: lines.slice(start, start + MAX_PROMPT_ROWS).map((line, index) => {
+    const caret = line.caret;
+    const rest = caret === void 0 ? "" : line.text.slice(caret);
+    const cell = [...ghost ? hint : rest][0] ?? " ";
+    const tail2 = ghost ? [...hint].slice(1).join("") : rest.slice(cell.length);
+    return (
+      // biome-ignore lint/suspicious/noArrayIndexKey: a text row has no identity beyond its position — the whole prompt is rebuilt on every keystroke anyway
+      /* @__PURE__ */ jsxs5(Box5, { flexShrink: 0, children: [
+        /* @__PURE__ */ jsx5(Text5, { color: COLOR.accent, children: start + index === 0 ? MARKER : INDENT }),
+        caret === void 0 ? /* @__PURE__ */ jsx5(Text5, { dimColor: ghost, children: line.text }) : /* @__PURE__ */ jsxs5(Fragment2, { children: [
+          /* @__PURE__ */ jsx5(Text5, { dimColor: ghost, children: line.text.slice(0, caret) }),
+          /* @__PURE__ */ jsx5(Text5, { inverse: caretVisible, dimColor: !caretVisible && ghost, children: cell }),
+          /* @__PURE__ */ jsx5(Text5, { dimColor: ghost, children: tail2 })
+        ] })
+      ] }, start + index)
+    );
+  }) });
 }
 function CommandMenu({ rows, selected }) {
   const labelWidth = Math.max(1, ...rows.map((row) => row.label.length));
-  return /* @__PURE__ */ jsx4(Box4, { flexDirection: "column", paddingLeft: 2, children: rows.map((row, index) => {
+  return /* @__PURE__ */ jsx5(Box5, { flexDirection: "column", paddingLeft: 2, children: rows.map((row, index) => {
     const active = index === selected;
-    return /* @__PURE__ */ jsxs4(
-      Text4,
+    return /* @__PURE__ */ jsxs5(
+      Text5,
       {
         color: active ? COLOR.accent : void 0,
         dimColor: !active,
@@ -1768,7 +2137,7 @@ function restoreConsole(workDir) {
 }
 
 // src/tui/App.tsx
-import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 var FLUSH_INTERVAL_MS = 80;
 var SPINNER_INTERVAL_MS = 110;
 var BLINK_INTERVAL_MS = 530;
@@ -1800,19 +2169,19 @@ function StatusLine({
 }) {
   const { done, total } = progress(state);
   if (error)
-    return /* @__PURE__ */ jsx5(Text5, { color: COLOR.error, wrap: "truncate-end", children: error });
+    return /* @__PURE__ */ jsx6(Text6, { color: COLOR.error, wrap: "truncate-end", children: error });
   if (state.warning && state.phase !== "complete")
-    return /* @__PURE__ */ jsx5(Text5, { color: COLOR.warn, wrap: "truncate-end", children: state.warning });
+    return /* @__PURE__ */ jsx6(Text6, { color: COLOR.warn, wrap: "truncate-end", children: state.warning });
   if ((cancelled || state.cancelled) && !running)
-    return /* @__PURE__ */ jsx5(Text5, { color: COLOR.warn, children: "cancelled \xB7 workspace changes are retained" });
+    return /* @__PURE__ */ jsx6(Text6, { color: COLOR.warn, children: "cancelled \xB7 workspace changes are retained" });
   if (state.reply) {
     const asking = state.reply.mode === "ask";
-    return /* @__PURE__ */ jsx5(Text5, { color: asking ? COLOR.warn : COLOR.ok, wrap: "truncate-end", children: asking ? `${GLYPH.ask} needs your input` : `${STATUS.success.glyph} answered` });
+    return /* @__PURE__ */ jsx6(Text6, { color: asking ? COLOR.warn : COLOR.ok, wrap: "truncate-end", children: asking ? `${GLYPH.ask} needs your input` : `${STATUS.success.glyph} answered` });
   }
   if (running) {
     const elapsed = turnElapsed(state, now);
     const time = elapsed === void 0 ? "" : ` ${formatDuration(elapsed)}`;
-    return /* @__PURE__ */ jsxs5(Text5, { color: COLOR.accent, wrap: "truncate-end", children: [
+    return /* @__PURE__ */ jsxs6(Text6, { color: COLOR.accent, wrap: "truncate-end", children: [
       spinner,
       " running",
       time,
@@ -1828,14 +2197,14 @@ function StatusLine({
     const time = state.totalDuration === void 0 ? "" : ` ${formatDuration(state.totalDuration)}`;
     const outcome2 = state.acceptance ? `${state.success ? STATUS.success.glyph : STATUS.failed.glyph} ${state.acceptance.status === "approved" ? "delivery approved" : state.acceptance.status === "changes_required" ? "changes required" : "acceptance failed"}${time}` : state.success ? `${STATUS.success.glyph} done${time}` : `${STATUS.failed.glyph} finished with failures${time}`;
     const cost = state.totalCostUsd === void 0 ? "" : ` \xB7 ${formatCost(state.totalCostUsd)}`;
-    return /* @__PURE__ */ jsxs5(Text5, { color: state.success ? COLOR.ok : COLOR.error, wrap: "truncate-end", children: [
+    return /* @__PURE__ */ jsxs6(Text6, { color: state.success ? COLOR.ok : COLOR.error, wrap: "truncate-end", children: [
       outcome2,
       cost,
       state.warning ? ` \xB7 ${GLYPH.warn} ${state.warning}` : ""
     ] });
   }
   const stages = state.stages.length;
-  return /* @__PURE__ */ jsxs5(Text5, { dimColor: true, wrap: "truncate-end", children: [
+  return /* @__PURE__ */ jsxs6(Text6, { dimColor: true, wrap: "truncate-end", children: [
     "ready \xB7 ",
     total,
     " agents",
@@ -1892,7 +2261,11 @@ function App({ config, onTurnStart, sessions: providedSessions, onCleanupReady }
   const mountedRef = useRef(true);
   const interactionsRef = useRef([]);
   const [interactions, setInteractions] = useState([]);
-  const [questionScroll, setQuestionScroll] = useState({ id: "", offset: 0 });
+  const [permissionMenu, setPermissionMenu] = useState({ id: "", cursor: void 0, released: false });
+  const [formEntry, setFormEntry] = useState({
+    id: "",
+    state: initialForm()
+  });
   const requestPermission = useCallback((request, signal) => {
     if (closingRef.current || signal.aborted) return Promise.resolve(void 0);
     const shortId = `p${++permissionSerialRef.current}`;
@@ -2191,6 +2564,21 @@ function App({ config, onTurnStart, sessions: providedSessions, onCleanupReady }
   const menuOpen = !helpOpen && !historyOpen && query !== void 0 && matches.length > 0;
   const argOpen = !helpOpen && !historyOpen && arg !== void 0 && argRows.length > 0;
   const paletteOpen = menuOpen || argOpen;
+  const front = interactions[0];
+  const menu = front?.kind === "permission" && permissionMenu.id === front.shortId ? permissionMenu : { id: front?.shortId ?? "", cursor: void 0, released: false };
+  const frontQuestion = front?.kind === "question" ? front : void 0;
+  const questionFields = useMemo(
+    () => frontQuestion ? formFields(frontQuestion.request) : [],
+    [frontQuestion]
+  );
+  const form = frontQuestion !== void 0 && formEntry.id === frontQuestion.shortId ? formEntry.state : initialForm();
+  const formField = frontQuestion === void 0 ? void 0 : questionFields[form.field];
+  const editingField = formField !== void 0 && (formField.kind === "text" || formField.kind === "number") ? formField : void 0;
+  const promptRows = promptRowCount(
+    line.text,
+    line.cursor,
+    Math.max(MIN_COLUMNS, columns) - MARKER_WIDTH
+  );
   const layout = computeLayout({
     columns,
     rows,
@@ -2198,6 +2586,8 @@ function App({ config, onTurnStart, sessions: providedSessions, onCleanupReady }
     overlay: helpOpen || historyOpen,
     menuRows: paletteOpen ? paletteTotal : 0,
     queueRows: queue.length,
+    interactionRows: interactionRows(interactions, Math.max(MIN_COLUMNS, columns)),
+    promptRows,
     notice: notice !== void 0 || queuePaused && queue.length > 0,
     viewing: state.view !== void 0,
     hasRail: shown.leaderIds.length > 0 || shown.stages.length > 0,
@@ -2281,23 +2671,40 @@ function App({ config, onTurnStart, sessions: providedSessions, onCleanupReady }
         }
         case "approve":
         case "deny": {
-          const [id, number] = args;
-          if (!id || (name === "approve" ? args.length !== 2 : args.length !== 1)) {
+          const onScreen = interactionsRef.current[0];
+          const byId = (id) => {
+            const found = interactionsRef.current.filter(
+              (item) => item.request.requestId === id || item.shortId === id
+            );
+            if (found.length !== 1) setNotice(`unknown or stale permission request: ${id}`);
+            return found.length === 1 ? found[0] : void 0;
+          };
+          let entry;
+          let number;
+          if (name === "approve" && args.length === 1 && /^\d+$/.test(args[0])) {
+            number = args[0];
+            entry = onScreen;
+          } else if (name === "approve" && args.length === 2) {
+            number = args[1];
+            entry = byId(args[0]);
+          } else if (name === "deny" && args.length === 0) {
+            entry = onScreen;
+          } else if (name === "deny" && args.length === 1) {
+            entry = byId(args[0]);
+          } else {
             setNotice(
-              name === "approve" ? "usage: /approve <request id> <option number>" : "usage: /deny <request id>"
+              name === "approve" ? "usage: /approve [id] <option number>" : "usage: /deny [id]"
             );
             return;
           }
-          const matches2 = interactionsRef.current.filter(
-            (entry2) => entry2.request.requestId === id || entry2.shortId === id
-          );
-          if (matches2.length !== 1) {
-            setNotice(`unknown or stale permission request: ${id}`);
+          if (entry === void 0) {
+            if (args.length === 0 || /^\d+$/.test(args[0] ?? "")) {
+              setNotice("no permission request on screen");
+            }
             return;
           }
-          const entry = matches2[0];
           if (entry.kind !== "permission") {
-            setNotice(`not a permission request: ${id}`);
+            setNotice("the request on screen is a question, not a permission");
             return;
           }
           if (name === "deny") {
@@ -2313,7 +2720,7 @@ function App({ config, onTurnStart, sessions: providedSessions, onCleanupReady }
             return;
           }
           entry.settle(option.optionId);
-          setNotice(`selected ${option.name} for ${entry.shortId}`);
+          setNotice(`selected ${clean(option.name)} for ${entry.shortId}`);
           return;
         }
         case "task": {
@@ -2638,7 +3045,8 @@ function App({ config, onTurnStart, sessions: providedSessions, onCleanupReady }
       setLine((l) => ({ ...l, cursor: l.text.length }));
       return;
     }
-    if (key.tab) {
+    const formFront = front?.kind === "question" && !isCommandLine(line.text) ? front : void 0;
+    if (key.tab && formFront === void 0) {
       dispatch({ type: "focus:cycle", delta: key.shift ? -1 : 1 });
       return;
     }
@@ -2661,19 +3069,111 @@ function App({ config, onTurnStart, sessions: providedSessions, onCleanupReady }
         return;
       }
     }
-    if (interactions[0]?.kind === "question" && (key.upArrow || key.downArrow || key.pageUp || key.pageDown)) {
-      const entry = interactions[0];
-      const capacity = Math.max(1, layout.bodyHeight - 4);
-      const maxOffset = Math.max(0, questionLines(entry.request, layout.columns).length - capacity);
-      const delta = key.pageDown ? capacity : key.pageUp ? -capacity : key.downArrow ? 1 : -1;
-      setQuestionScroll((scroll) => ({
-        id: entry.shortId,
-        offset: Math.min(
-          maxOffset,
-          Math.max(0, (scroll.id === entry.shortId ? scroll.offset : 0) + delta)
-        )
-      }));
-      return;
+    if (front?.kind === "permission" && line.text === "" && !menu.released) {
+      const total = permissionChoices(front.request).length;
+      if (key.upArrow || key.downArrow) {
+        setPermissionMenu({
+          id: front.shortId,
+          cursor: moveCursor(menu.cursor, key.upArrow ? -1 : 1, total),
+          released: false
+        });
+        return;
+      }
+      if (/^[1-9]$/.test(char) && !key.ctrl && !key.meta) {
+        const cursor = jumpCursor(char, total);
+        if (cursor !== void 0) {
+          setPermissionMenu({ id: front.shortId, cursor, released: false });
+          return;
+        }
+      }
+      if (key.return) {
+        const choice = menu.cursor === void 0 ? void 0 : permissionChoices(front.request)[menu.cursor];
+        if (choice !== void 0) {
+          front.settle(choice.optionId);
+          setNotice(`chose ${choice.label} \xB7 ${clean(front.request.agentId)}`);
+        }
+        return;
+      }
+    }
+    if (formFront !== void 0) {
+      const front2 = formFront;
+      const total = questionFields.length;
+      const field = questionFields[form.field];
+      const committed = withDraft(questionFields, form, line.text);
+      const save = (state2, draft) => {
+        setFormEntry({ id: front2.shortId, state: state2 });
+        if (draft !== void 0) setLine({ text: draft, cursor: draft.length });
+      };
+      const moveFocus = (index, state2 = committed) => {
+        const next = focusField(questionFields, state2, index);
+        save(next.state, next.draft);
+      };
+      const submit2 = (state2) => {
+        if (!formComplete(questionFields, state2)) {
+          const missing = questionFields.findIndex((item) => !formComplete([item], state2));
+          if (missing >= 0) {
+            setNotice(`${questionFields[missing].title} still needs a value`);
+            if (missing !== form.field) moveFocus(missing, state2);
+          }
+          return;
+        }
+        const content = formContent(questionFields, state2);
+        if (!validateRuntimeQuestionContent(front2.request.requestedSchema, content)) {
+          setNotice("answer does not match the question schema");
+          return;
+        }
+        front2.settle({ action: "accept", content });
+        setFormEntry({ id: "", state: initialForm() });
+        setLine(EMPTY_LINE);
+        setNotice(`answered ${front2.shortId}`);
+      };
+      const advance = (state2) => {
+        if (form.field >= total - 1) submit2(state2);
+        else moveFocus(form.field + 1, state2);
+      };
+      if (field === void 0) {
+        if (key.return) submit2(committed);
+        return;
+      }
+      if (key.tab) {
+        moveFocus(key.shift ? form.field - 1 : form.field + 1);
+        return;
+      }
+      if (field.choices.length > 0 && (key.upArrow || key.downArrow)) {
+        save(movePick(committed, field, key.upArrow ? -1 : 1));
+        return;
+      }
+      if (field.choices.length > 0 && (key.leftArrow || key.rightArrow)) {
+        save(movePick(committed, field, key.leftArrow ? -1 : 1));
+        return;
+      }
+      if (key.upArrow || key.downArrow) {
+        moveFocus(key.upArrow ? form.field - 1 : form.field + 1);
+        return;
+      }
+      if (char === " " && field.kind === "multi") {
+        save(toggleChoice(committed, field));
+        return;
+      }
+      if (field.kind === "boolean" && (char === " " || key.leftArrow || key.rightArrow)) {
+        save(toggleBoolean(committed, field));
+        return;
+      }
+      if (field.choices.length > 0 && /^[1-9]$/.test(char) && !key.ctrl && !key.meta) {
+        save(jumpPick(committed, field, char));
+        return;
+      }
+      if (key.return) {
+        advance(field.kind === "choice" ? commitField(questionFields, committed) : committed);
+        return;
+      }
+      if (key.escape) {
+        if (field.kind === "text" || field.kind === "number") {
+          save({ ...committed, values: { ...committed.values, [field.key]: "" } });
+          setLine(EMPTY_LINE);
+        }
+        return;
+      }
     }
     if (key.upArrow) {
       dispatch({
@@ -2744,6 +3244,9 @@ function App({ config, onTurnStart, sessions: providedSessions, onCleanupReady }
         dispatch({ type: "view:close" });
         return;
       }
+      if (front !== void 0) {
+        setPermissionMenu({ id: front.shortId, cursor: void 0, released: true });
+      }
       setLine(EMPTY_LINE);
       setNotice(void 0);
       return;
@@ -2761,33 +3264,37 @@ function App({ config, onTurnStart, sessions: providedSessions, onCleanupReady }
   const handlerRef = useRef(handleKey);
   handlerRef.current = handleKey;
   useInput((char, key) => handlerRef.current(char, key));
-  const keys = helpOpen ? "esc close" : historyOpen ? "\u2191\u2193 select \xB7 enter open \xB7 esc close" : argOpen ? `\u2191\u2193 select \xB7 enter ${arg?.command.name} \xB7 esc close` : menuOpen ? "\u2191\u2193 select \xB7 enter run \xB7 esc close" : running ? interactions.length > 0 ? interactions[0].kind === "question" ? "/respond <id> <JSON> \xB7 /skip <id> \xB7 /dismiss <id>" : "/approve <id> <number> \xB7 /deny <id> \xB7 ctrl+c cancel" : "enter queues \xB7 ctrl+c cancel" : state.view ? "esc live \xB7 tab agent \xB7 ? help" : state.reply ? "enter sends \xB7 / commands \xB7 ? help" : "tab switch \xB7 / commands \xB7 ? help";
-  return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", height: layout.rows, children: [
-    /* @__PURE__ */ jsx5(
+  const keys = helpOpen ? "esc close" : historyOpen ? "\u2191\u2193 select \xB7 enter open \xB7 esc close" : argOpen ? `\u2191\u2193 select \xB7 enter ${arg?.command.name} \xB7 esc close` : menuOpen ? "\u2191\u2193 select \xB7 enter run \xB7 esc close" : running ? interactions.length > 0 ? layout.interactionRows === 0 ? (
+    // Too short to dock the bar, so the commands are the only way in.
+    "decide with /approve 1 \xB7 /deny \xB7 /respond"
+  ) : interactions[0].kind === "question" ? "tab field \xB7 \u2191\u2193 pick \xB7 enter next \xB7 /dismiss" : menu.released ? "/approve 1 and /deny still reach it" : "\u2191\u2193 or 1-9 choose \xB7 enter confirm \xB7 esc to type" : "enter queues \xB7 ctrl+c cancel" : state.view ? "esc live \xB7 tab agent \xB7 ? help" : state.reply ? "enter sends \xB7 / commands \xB7 ? help" : "tab switch \xB7 / commands \xB7 ? help";
+  const placeholder = frontQuestion !== void 0 ? formField === void 0 ? "enter to answer" : editingField !== void 0 ? `${editingField.title}${editingField.required ? " *" : ""} \u2014 enter for the next field` : `${formField.title} \u2014 \u2191\u2193 to pick \xB7 enter for the next field` : front?.kind === "permission" && !menu.released ? "choose above \xB7 esc to type here instead" : running ? RUNNING_PLACEHOLDER : awaitingAnswer ? "answer the leader\u2026 \xB7 /task starts a new task" : INPUT_PLACEHOLDER;
+  return /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", height: layout.rows, children: [
+    /* @__PURE__ */ jsx6(
       Header,
       {
         name: state.name || config.name,
         right: state.view ? `turn ${shown.turn} \xB7 viewing` : `turn ${shown.turn} \xB7 ${running ? formatDuration(turnElapsed(state, now) ?? 0) : state.phase === "complete" ? "complete" : "ready"}`
       }
     ),
-    /* @__PURE__ */ jsx5(Rule, { width: layout.columns }),
-    config.useLeader === false ? /* @__PURE__ */ jsx5(Text5, { color: COLOR.warn, dimColor: true, wrap: "truncate-end", children: "  \u26A0 leader off \u2014 every message runs the full team" }) : null,
+    /* @__PURE__ */ jsx6(Rule, { width: layout.columns }),
+    config.useLeader === false ? /* @__PURE__ */ jsx6(Text6, { color: COLOR.warn, dimColor: true, wrap: "truncate-end", children: "  \u26A0 leader off \u2014 every message runs the full team" }) : null,
     layout.showRail ? (
       // The rail wraps, so it can be taller than one row. Cap it at the height
       // the budget reserved and clip, rather than letting the extra rows push
       // the chrome below it off the screen.
-      /* @__PURE__ */ jsx5(Box5, { marginTop: 1, height: layout.railRows, overflow: "hidden", flexShrink: 0, children: /* @__PURE__ */ jsx5(PipelineRail, { turn: shown, spinner }) })
+      /* @__PURE__ */ jsx6(Box6, { marginTop: 1, height: layout.railRows, overflow: "hidden", flexShrink: 0, children: /* @__PURE__ */ jsx6(PipelineRail, { turn: shown, spinner }) })
     ) : null,
-    shown.reason ? /* @__PURE__ */ jsx5(Text5, { dimColor: true, wrap: "truncate-end", children: `  reason: ${shown.reason}` }) : null,
-    /* @__PURE__ */ jsx5(
-      Box5,
+    shown.reason ? /* @__PURE__ */ jsx6(Text6, { dimColor: true, wrap: "truncate-end", children: `  reason: ${shown.reason}` }) : null,
+    /* @__PURE__ */ jsx6(
+      Box6,
       {
         marginTop: 1,
         height: layout.bodyHeight,
         flexShrink: 0,
         flexDirection: "column",
         overflow: "hidden",
-        children: helpOpen ? /* @__PURE__ */ jsx5(HelpOverlay, { width: layout.columns, maxRows: layout.bodyHeight }) : historyOpen ? /* @__PURE__ */ jsx5(
+        children: helpOpen ? /* @__PURE__ */ jsx6(HelpOverlay, { width: layout.columns, maxRows: layout.bodyHeight }) : historyOpen ? /* @__PURE__ */ jsx6(
           HistoryOverlay,
           {
             turns: historyTurns,
@@ -2795,36 +3302,17 @@ function App({ config, onTurnStart, sessions: providedSessions, onCleanupReady }
             width: layout.columns,
             maxRows: layout.bodyHeight
           }
-        ) : interactions[0]?.kind === "question" ? /* @__PURE__ */ jsx5(
-          QuestionOverlay,
-          {
-            request: interactions[0].request,
-            shortId: interactions[0].shortId,
-            queued: interactions.length,
-            width: layout.columns,
-            maxRows: layout.bodyHeight,
-            offset: questionScroll.id === interactions[0].shortId ? questionScroll.offset : 0
-          }
-        ) : interactions[0]?.kind === "permission" ? /* @__PURE__ */ jsx5(
-          PermissionOverlay,
-          {
-            request: interactions[0].request,
-            shortId: interactions[0].shortId,
-            queued: interactions.length,
-            width: layout.columns,
-            maxRows: layout.bodyHeight
-          }
-        ) : layout.welcome ? /* @__PURE__ */ jsx5(WelcomePanel, { turn: state, width: layout.columns }) : error ? (
+        ) : layout.welcome ? /* @__PURE__ */ jsx6(WelcomePanel, { turn: state, width: layout.columns }) : error ? (
           // The error wins over a reply: a run that stopped with an error is the
           // most urgent thing on screen, and a stale answer underneath it would
           // read as the outcome. The status line keeps a one-line version too.
-          /* @__PURE__ */ jsx5(ErrorPanel, { message: error, width: layout.columns })
-        ) : shown.reply ? /* @__PURE__ */ jsx5(ReplyPanel, { reply: shown.reply, width: layout.columns }) : /* @__PURE__ */ jsxs5(Box5, { height: layout.bodyHeight, flexShrink: 0, flexDirection: "row", children: [
-          layout.showTeam ? /* @__PURE__ */ jsxs5(Fragment2, { children: [
-            /* @__PURE__ */ jsx5(TeamPanel, { turn: shown, width: layout.teamWidth, now, spinner }),
-            /* @__PURE__ */ jsx5(Divider, {})
+          /* @__PURE__ */ jsx6(ErrorPanel, { message: error, width: layout.columns })
+        ) : shown.reply ? /* @__PURE__ */ jsx6(ReplyPanel, { reply: shown.reply, width: layout.columns }) : /* @__PURE__ */ jsxs6(Box6, { height: layout.bodyHeight, flexShrink: 0, flexDirection: "row", children: [
+          layout.showTeam ? /* @__PURE__ */ jsxs6(Fragment3, { children: [
+            /* @__PURE__ */ jsx6(TeamPanel, { turn: shown, width: layout.teamWidth, now, spinner }),
+            /* @__PURE__ */ jsx6(Divider, {})
           ] }) : null,
-          /* @__PURE__ */ jsx5(
+          /* @__PURE__ */ jsx6(
             StreamPanel,
             {
               turn: shown,
@@ -2837,26 +3325,59 @@ function App({ config, onTurnStart, sessions: providedSessions, onCleanupReady }
         ] })
       }
     ),
-    state.view ? /* @__PURE__ */ jsx5(Text5, { color: COLOR.warn, wrap: "truncate-end", children: `  viewing turn ${shown.turn} \xB7 ${shown.requirement ?? "(no requirement)"} \xB7 esc to return` }) : null,
-    notice || queuePaused && queue.length > 0 ? /* @__PURE__ */ jsxs5(Text5, { dimColor: true, wrap: "truncate-end", children: [
+    state.view ? /* @__PURE__ */ jsx6(Text6, { color: COLOR.warn, wrap: "truncate-end", children: `  viewing turn ${shown.turn} \xB7 ${shown.requirement ?? "(no requirement)"} \xB7 esc to return` }) : null,
+    notice || queuePaused && queue.length > 0 ? /* @__PURE__ */ jsxs6(Text6, { dimColor: true, wrap: "truncate-end", children: [
       "  ",
       notice ?? (awaitingAnswer ? "queue paused \u2014 answer the leader first" : "queue paused \u2014 /continue resumes it")
     ] }) : null,
-    /* @__PURE__ */ jsx5(QueueStrip, { items: queue, max: layout.queueRows }),
-    paletteOpen ? /* @__PURE__ */ jsx5(CommandMenu, { rows: paletteWindow, selected: paletteSelected }) : null,
-    /* @__PURE__ */ jsx5(
+    /* @__PURE__ */ jsx6(QueueStrip, { items: queue, max: layout.queueRows }),
+    front === void 0 || layout.interactionRows === 0 ? null : /* @__PURE__ */ jsxs6(Fragment3, { children: [
+      /* @__PURE__ */ jsx6(Rule, { width: layout.columns }),
+      /* @__PURE__ */ jsx6(
+        Box6,
+        {
+          height: layout.interactionRows,
+          overflow: "hidden",
+          flexShrink: 0,
+          flexDirection: "column",
+          children: front.kind === "permission" ? /* @__PURE__ */ jsx6(
+            PermissionBar,
+            {
+              request: front.request,
+              others: interactions.slice(1).flatMap((entry) => entry.kind === "permission" ? [entry.request] : []),
+              cursor: menu.cursor,
+              released: menu.released,
+              width: layout.columns
+            }
+          ) : /* @__PURE__ */ jsx6(
+            QuestionForm,
+            {
+              request: front.request,
+              others: interactions.slice(1).flatMap((entry) => entry.kind === "question" ? [entry.request] : []),
+              fields: questionFields,
+              form,
+              draft: line.text,
+              width: layout.columns
+            }
+          )
+        }
+      )
+    ] }),
+    paletteOpen ? /* @__PURE__ */ jsx6(CommandMenu, { rows: paletteWindow, selected: paletteSelected }) : null,
+    /* @__PURE__ */ jsx6(
       Prompt,
       {
         value: line.text,
         cursor: line.cursor,
         caretVisible: caretOn,
-        placeholder: running ? RUNNING_PLACEHOLDER : awaitingAnswer ? "answer the leader\u2026 \xB7 /task starts a new task" : INPUT_PLACEHOLDER
+        width: layout.columns,
+        placeholder
       }
     ),
-    /* @__PURE__ */ jsx5(
+    /* @__PURE__ */ jsx6(
       HintBar,
       {
-        status: /* @__PURE__ */ jsx5(
+        status: /* @__PURE__ */ jsx6(
           StatusLine,
           {
             state,
@@ -2907,11 +3428,13 @@ async function startTui(options) {
 export {
   COMPACT_COLUMNS,
   MAX_HISTORY,
+  MAX_INTERACTION_ROWS,
   MAX_LOG_CHARS,
   MAX_MENU_ROWS,
   MAX_QUEUE_ROWS,
   MAX_RAIL_ROWS,
   MIN_COLUMNS,
+  MIN_INTERACTION_ROWS,
   MIN_ROWS,
   RAIL_MIN_ROWS,
   agentElapsed,