flavor-code 1.4.3-beta.2 → 1.4.3

package/dist/{app-G35YBHPR.js → app-TVY2HM5L.js}

@@ -18,7 +18,7 @@ import {
   useStdout,
   use_app_default,
   use_input_default
-} from "./chunk-T6RE76D2.js";
+} from "./chunk-IKGT4MDT.js";
 import {
   require_react
 } from "./chunk-PULWAH6E.js";
@@ -34,12 +34,12 @@ import {
   createGlobTool,
   createProductionRuntime,
   isDestructiveTool
-} from "./chunk-IDJAHEG6.js";
+} from "./chunk-QACFKPZP.js";
 import {
   getGraphemeSegmenter
 } from "./chunk-TIEOVQW6.js";
 import "./chunk-OKHV7CTB.js";
-import "./chunk-K7UGGWJV.js";
+import "./chunk-JQM2L2YM.js";
 import {
   execFileNoThrow
 } from "./chunk-IU3UBETC.js";
@@ -54,7 +54,7 @@ import {
 import "./chunk-CVP5OUHD.js";
 import "./chunk-3563SW4X.js";
 import "./chunk-RBAZLFKB.js";
-import "./chunk-FAJ6YDZK.js";
+import "./chunk-36IDJRLQ.js";
 import {
   redactErrorText
 } from "./chunk-WLZUAVVU.js";
@@ -63,7 +63,7 @@ import {
 } from "./chunk-RV3EXUXM.js";
 import "./chunk-IQEEFDEE.js";
 import "./chunk-GTFP2R5I.js";
-import "./chunk-HGTCIHWA.js";
+import "./chunk-5BDKRA6U.js";
 import {
   charWidth,
   createTranscriptState,
@@ -71,11 +71,11 @@ import {
   thinkingWindow,
   transcriptReducer,
   withTimeout
-} from "./chunk-SJUIIHIA.js";
+} from "./chunk-X6U6BO5D.js";
 import {
   message
 } from "./chunk-BDX777JR.js";
-import "./chunk-6X62CGMA.js";
+import "./chunk-ONRY3C2L.js";
 import "./chunk-EWD7FWTH.js";
 import "./chunk-KRWWCVXA.js";
 import "./chunk-X442CJJH.js";
@@ -1046,7 +1046,10 @@ function TaskStatusLine({
   const thinkingLine = thinkingVisible ? (() => {
     const previous = thinkingScroll.current;
     const state = thinkingWindow(thinking, previous.start, {
-      width: Math.max(8, (stdout.columns ?? 80) - 8),
+      // Split task tracks are narrower than the terminal. The rail takes
+      // two cells; measuring against stdout.columns hides the tail behind
+      // the track clip instead of letting the preview advance.
+      width: textWidth === void 0 ? Math.max(8, (stdout.columns ?? 80) - 8) : Math.max(1, textWidth - 2),
       dtMs: time - previous.lastTime
     });
     thinkingScroll.current = { start: state.start, lastTime: time };
@@ -1637,9 +1640,17 @@ function WelcomeCard({
   serviceName,
   workspaceName,
   updateTo,
-  columns
+  columns,
+  availableRows = Number.POSITIVE_INFINITY
 }) {
-  const wide = Math.max(1, Math.floor(columns)) >= WIDE_WELCOME_COLUMNS;
+  const wide = Math.max(1, Math.floor(columns)) >= WIDE_WELCOME_COLUMNS && availableRows >= 9 + Math.max(serviceName === void 0 ? 0 : 1, updateTo === void 0 ? 0 : 1);
+  const minimal = availableRows < 6 + (updateTo === void 0 ? 0 : 2);
+  if (minimal) {
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(Box_default, { width: "100%", flexDirection: "column", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Text, { bold: true, color: FLAVOR_ACCENT, wrap: "truncate-end", children: "\u25C6 Flavor Code" }),
+      availableRows >= 2 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Text, { dimColor: true, wrap: "truncate-end", children: updateTo === void 0 ? "/help \xB7 /init" : `\u25B2 Update v${updateTo} \xB7 flavor update` }) : null
+    ] });
+  }
   const updateHint = updateTo === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(Text, { color: "yellowBright", wrap: "wrap", children: [
     "\u25B2 ",
     "Update available: v",
@@ -2051,7 +2062,10 @@ var PromptHistoryStore = class {
 var import_jsx_runtime5 = __toESM(require_jsx_runtime(), 1);
 var HISTORY_CAP = 200;
 var CLIPBOARD_SHORTCUT_FALLBACK_MS = 300;
-var BUILTIN_SLASH_CANDIDATES = MVP_COMMANDS.map((name) => ({ name, description: COMMAND_DESCRIPTIONS[name] }));
+var BUILTIN_SLASH_CANDIDATES = [
+  ...MVP_COMMANDS.map((name) => ({ name, description: COMMAND_DESCRIPTIONS[name] })),
+  { name: "queue", description: "Review, edit, or cancel queued follow-ups" }
+];
 var PROMPT_HORIZONTAL_PADDING = 1;
 function clonePromptDraft(state) {
   return {
@@ -2108,6 +2122,15 @@ function isOutputToggleShortcut(character, key) {
 function outputToggleShortcut(_platform = process.platform) {
   return "Ctrl+O";
 }
+function fitFooterActions(columns, actions) {
+  let hint = "";
+  for (const action of actions) {
+    const next = hint.length === 0 ? action : `${hint} \xB7 ${action}`;
+    if (stringWidth(next) > columns) break;
+    hint = next;
+  }
+  return hint || actions[0] || "";
+}
 function removeLastCliImageOnBackspace(input, cursor, images) {
   if (input.length === 0 && cursor === 0 && images.length > 0) {
     return { handled: true, images: images.slice(0, -1) };
@@ -2209,6 +2232,11 @@ var PendingPromptQueue = class {
     const value = this.#values.pop();
     return value === void 0 ? void 0 : cloneQueuedPrompt(value);
   }
+  removeAt(index) {
+    if (!Number.isInteger(index) || index < 0 || index >= this.#values.length) return void 0;
+    const value = this.#values.splice(index, 1)[0];
+    return value === void 0 ? void 0 : cloneQueuedPrompt(value);
+  }
   take() {
     const value = this.#values.shift();
     return value === void 0 ? void 0 : cloneQueuedPrompt(value);
@@ -2277,7 +2305,7 @@ function appRuntimeOptions(props, output, onApprovalChange) {
 }
 function App({ workspace, home, resumeSession, instanceId, palAlias, onSessionEnd }) {
   const { exit } = use_app_default();
-  const { stdout } = useStdout();
+  const terminalSize = (0, import_react8.useContext)(TerminalSizeContext);
   const [runtime, setRuntime] = (0, import_react8.useState)();
   const [input, setInput] = (0, import_react8.useState)("");
   const [pastedBlocks, setPastedBlocks] = (0, import_react8.useState)([]);
@@ -2297,16 +2325,22 @@ function App({ workspace, home, resumeSession, instanceId, palAlias, onSessionEn
   const [mentionSelection, setMentionSelection] = (0, import_react8.useState)(0);
   const [dismissedMentionInput, setDismissedMentionInput] = (0, import_react8.useState)();
   const [pendingPrompts, setPendingPrompts] = (0, import_react8.useState)([]);
+  const [queueOpen, setQueueOpen] = (0, import_react8.useState)(false);
+  const [queueSelection, setQueueSelection] = (0, import_react8.useState)(0);
+  const queueSelectionRef = (0, import_react8.useRef)(0);
+  const [scrollPosition, setScrollPosition] = (0, import_react8.useState)({ behind: false, newOutput: false });
   const [revision, setRevision] = (0, import_react8.useState)(0);
   const [ideContext, setIdeContext] = (0, import_react8.useState)();
   const [questionIndex, setQuestionIndex] = (0, import_react8.useState)(0);
   const [questionAnswers, setQuestionAnswers] = (0, import_react8.useState)({});
   const [customQuestionActive, setCustomQuestionActive] = (0, import_react8.useState)(false);
-  const [columns, setColumns] = (0, import_react8.useState)(stdout?.columns ?? 80);
-  const [rows, setRows] = (0, import_react8.useState)(stdout?.rows ?? 24);
+  const columns = terminalSize?.columns ?? 80;
+  const rows = terminalSize?.rows ?? 24;
   const [updateTo, setUpdateTo] = (0, import_react8.useState)();
   const [transcript, dispatch] = (0, import_react8.useReducer)(transcriptReducer, void 0, createTranscriptState);
   const scrollRef = (0, import_react8.useRef)(null);
+  const focusScrollRef = (0, import_react8.useRef)(null);
+  const turnElementsRef = (0, import_react8.useRef)(/* @__PURE__ */ new Map());
   const mainTaskScrollRef = (0, import_react8.useRef)(null);
   const subagentTaskScrollRef = (0, import_react8.useRef)(null);
   const hoveredTaskTrack = (0, import_react8.useRef)(null);
@@ -2373,6 +2407,9 @@ function App({ workspace, home, resumeSession, instanceId, palAlias, onSessionEn
       t.timer = null;
     }
     if (t.pending.length > 0) {
+      if (scrollRef.current !== null && !scrollRef.current.isSticky()) {
+        setScrollPosition((previous) => previous.newOutput ? previous : { behind: true, newOutput: true });
+      }
       dispatch({ type: "session", event: { type: "text", text: t.pending } });
       t.pending = "";
     }
@@ -2420,6 +2457,7 @@ function App({ workspace, home, resumeSession, instanceId, palAlias, onSessionEn
       if (event.type === "clear") {
         flushStreamBuffers();
         dispatch({ type: "clear" });
+        setScrollPosition({ behind: false, newOutput: false });
         return;
       }
       if (event.type === "text") {
@@ -2435,6 +2473,9 @@ function App({ workspace, home, resumeSession, instanceId, palAlias, onSessionEn
         return;
       }
       flushStreamBuffers();
+      if (scrollRef.current !== null && !scrollRef.current.isSticky()) {
+        setScrollPosition((previous) => previous.newOutput ? previous : { behind: true, newOutput: true });
+      }
       dispatch({ type: "session", event });
     };
     void createProductionRuntime(appRuntimeOptions({
@@ -2557,21 +2598,33 @@ function App({ workspace, home, resumeSession, instanceId, palAlias, onSessionEn
       controller.abort();
     };
   }, [workspace]);
-  (0, import_react8.useEffect)(() => {
-    if (!stdout || typeof stdout.on !== "function") return;
-    const onResize = () => {
-      setColumns(stdout.columns ?? 80);
-      setRows(stdout.rows ?? 24);
-    };
-    stdout.on("resize", onResize);
-    onResize();
-    return () => {
-      stdout.off("resize", onResize);
-    };
-  }, [stdout]);
   const approval = runtime?.approvals.pending;
   const questions = runtime?.services.questions.pending;
   const memoryReviews = runtime?.memoryReviews.pending ?? [];
+  const focusedDecision = approval !== void 0 || questions !== void 0 && questions.length > 0;
+  const transcriptVisible = runtime !== void 0 && (transcript.completed.length > 0 || transcript.active !== void 0) && !focusedDecision && !queueOpen;
+  (0, import_react8.useEffect)(() => {
+    if (!transcriptVisible) return;
+    const scroll = scrollRef.current;
+    if (scroll === null) return;
+    const update = () => {
+      const behind = !scroll.isSticky();
+      setScrollPosition((previous) => previous.behind === behind && (behind || !previous.newOutput) ? previous : { behind, newOutput: behind && previous.newOutput });
+    };
+    update();
+    return scroll.subscribe(update);
+  }, [transcriptVisible]);
+  (0, import_react8.useEffect)(() => {
+    if (pendingPrompts.length === 0) setQueueOpen(false);
+    setQueueSelection((previous) => {
+      const next = Math.max(0, Math.min(previous, pendingPrompts.length - 1));
+      queueSelectionRef.current = next;
+      return next;
+    });
+  }, [pendingPrompts.length]);
+  (0, import_react8.useEffect)(() => {
+    if (focusedDecision) focusScrollRef.current?.scrollTo(0);
+  }, [focusedDecision, approval?.id, questionIndex]);
   const memoryAutoDismissSeconds = runtime?.memoryReviews.autoDismissSeconds ?? 0;
   (0, import_react8.useEffect)(() => {
     setQuestionIndex(0);
@@ -2652,12 +2705,66 @@ function App({ workspace, home, resumeSession, instanceId, palAlias, onSessionEn
     }
   };
   use_input_default((character, key, event) => {
+    if (queueOpen && !focusedDecision) {
+      const queue = pendingPromptRef.current;
+      if (key.escape) {
+        setQueueOpen(false);
+        return;
+      }
+      if (key.upArrow || key.downArrow || key.pageUp || key.pageDown || key.wheelUp || key.wheelDown || key.home || key.end) {
+        const delta = key.upArrow ? -1 : key.downArrow ? 1 : key.pageUp ? -5 : key.pageDown ? 5 : key.wheelUp ? -3 : 3;
+        const target = key.home ? 0 : key.end ? queue.size - 1 : queueSelectionRef.current + delta;
+        const next = Math.max(0, Math.min(queue.size - 1, target));
+        queueSelectionRef.current = next;
+        setQueueSelection(next);
+        return;
+      }
+      if (key.ctrl && character.toLowerCase() === "c") {
+        interrupt();
+        return;
+      }
+      if (key.return || !key.ctrl && !key.meta && character.toLowerCase() === "d") {
+        const removed = queue.removeAt(queueSelectionRef.current);
+        if (removed === void 0) return;
+        setPendingPrompts([...queue.values]);
+        if (key.return) {
+          const restoredDraft = restoreQueuedPrompt(removed);
+          promptEditHistory.current.reset();
+          commitPromptDraft(restoredDraft, false);
+          setQueueOpen(false);
+          setClipboardNotice("Queued message moved to draft; sending it again puts it at the end of the queue.");
+        } else if (queue.size === 0) {
+          setQueueOpen(false);
+          setClipboardNotice("Queued message cancelled.");
+        }
+        const next = Math.max(0, Math.min(queueSelectionRef.current, queue.size - 1));
+        queueSelectionRef.current = next;
+        setQueueSelection(next);
+        return;
+      }
+      return;
+    }
+    const focusScroll = focusedDecision || queueOpen ? focusScrollRef.current : null;
+    if (key.home || key.end) {
+      const scroll = focusScroll ?? scrollRef.current;
+      if (scroll !== null) {
+        if (key.end) scroll.scrollToBottom();
+        else scroll.scrollTo(0);
+      }
+      return;
+    }
+    if (!focusedDecision && !queueOpen && slashCompletion === null && mentionCompletion === null && key.ctrl && (key.upArrow || key.downArrow)) {
+      if (jumpToAdjacentTurn(scrollRef.current, turnElementsRef.current, key.upArrow ? "previous" : "next")) {
+        setScrollPosition({ behind: true, newOutput: false });
+      }
+      return;
+    }
     const terminalAction = classifyTerminalInput(
       key,
-      transcript.active !== void 0 && slashCompletion === null && mentionCompletion === null
+      (transcript.active !== void 0 || focusedDecision) && slashCompletion === null && mentionCompletion === null
     );
     if (terminalAction?.type === "scroll") {
-      const scroll = selectWheelScrollTarget(
+      const scroll = focusScroll ?? selectWheelScrollTarget(
         scrollRef.current,
         mainTaskScrollRef.current,
         subagentTaskScrollRef.current,
@@ -2670,7 +2777,7 @@ function App({ workspace, home, resumeSession, instanceId, palAlias, onSessionEn
       return;
     }
     if (terminalAction?.type === "page") {
-      const scroll = scrollRef.current;
+      const scroll = focusScroll ?? scrollRef.current;
       if (scroll !== null) jumpScroll(scroll, Math.floor(scroll.getViewportHeight() * terminalAction.fraction));
       return;
     }
@@ -2865,6 +2972,21 @@ function App({ workspace, home, resumeSession, instanceId, palAlias, onSessionEn
       return;
     }
     if (key.return) {
+      if (/^\/queue\s*$/iu.test(input)) {
+        if (imageAttachments.length > 0) {
+          setClipboardNotice("Send or remove image attachments before opening /queue.");
+          return;
+        }
+        setInput("");
+        setPromptCursor(0);
+        if (pendingPromptRef.current.size > 0) {
+          queueSelectionRef.current = 0;
+          setQueueSelection(0);
+          setQueueOpen(true);
+          setClipboardNotice(void 0);
+        } else setClipboardNotice("No queued messages.");
+        return;
+      }
       if (/^\/paste-image\s*$/iu.test(input)) {
         setInput("");
         setPromptCursor(0);
@@ -2894,7 +3016,7 @@ function App({ workspace, home, resumeSession, instanceId, palAlias, onSessionEn
         })) return;
         setPendingPrompts([...pendingPromptRef.current.values]);
       }
-      scrollRef.current?.scrollToBottom();
+      if (delivery === "prompt" || scrollRef.current?.isSticky()) scrollRef.current?.scrollToBottom();
       const nextHistory = [...historyRef.current, submittedText].slice(-HISTORY_CAP);
       historyRef.current = nextHistory;
       historyCursorRef.current = nextHistory.length;
@@ -3036,6 +3158,7 @@ function App({ workspace, home, resumeSession, instanceId, palAlias, onSessionEn
       ...ideContext === void 0 ? {} : { ideContext },
       completedSlashTokenLength: completedTokenLength,
       scrollRef,
+      focusScrollRef,
       mainTaskScrollRef,
       subagentTaskScrollRef,
       onTaskPanelHoverChange: (track) => {
@@ -3050,6 +3173,19 @@ function App({ workspace, home, resumeSession, instanceId, palAlias, onSessionEn
       memoryReviews,
       memoryAutoDismissSeconds,
       pendingPrompts,
+      queueOpen,
+      queueSelection,
+      onQueueSelectionChange: (index) => {
+        queueSelectionRef.current = index;
+        setQueueSelection(index);
+      },
+      scrollBehind: scrollPosition.behind,
+      newOutput: scrollPosition.newOutput,
+      onJumpToLatest: () => scrollRef.current?.scrollToBottom(),
+      onTurnElement: (id, element) => {
+        if (element === null) turnElementsRef.current.delete(id);
+        else turnElementsRef.current.set(id, element);
+      },
       questionIndex,
       questionAnswers,
       customQuestionActive
@@ -3249,11 +3385,19 @@ function TerminalLayout({
   questionIndex = 0,
   questionAnswers = {},
   customQuestionActive = false,
+  queueOpen = false,
+  queueSelection = 0,
+  onQueueSelectionChange,
+  scrollBehind = false,
+  newOutput = false,
+  onJumpToLatest,
+  onTurnElement,
   completion,
   mentionCompletion,
   onMentionSelect,
   completedSlashTokenLength: tokenLength = 0,
   scrollRef,
+  focusScrollRef,
   mainTaskScrollRef,
   subagentTaskScrollRef,
   onTaskPanelHoverChange,
@@ -3282,17 +3426,54 @@ function TerminalLayout({
     () => cliTranscriptWindow(completed, budget.turns, budget.blocks, budget.textChars, budget.blocksPerTurn),
     [completed, budget]
   );
-  const questionRows = questions === void 0 ? 0 : 4 + (questions[questionIndex]?.options.length ?? 0) + questions.length * 2;
   const memoryReviewRows = memoryReviews.length === 0 ? 0 : 5;
-  const approvalRows = approval === void 0 ? 0 : 3 + (approvalExpanded ? approvalDetailLines(approval).length : 0);
-  const fixedBottomRows = approvalRows + questionRows + memoryReviewRows + (pendingPrompts.length === 0 ? 0 : 1) + imageAttachments.length + (clipboardNotice === void 0 ? 0 : 1) + 2;
+  const fixedBottomRows = memoryReviewRows + (pendingPrompts.length === 0 ? 0 : 1) + imageAttachments.length + (clipboardNotice === void 0 ? 0 : 1) + (activeSession ? 1 : 0) + 2;
   const taskPanelRows = taskPanelViewportRows(rows, fixedBottomRows, activeTaskBlocks.length > 0);
   const availableBottomRows = Math.max(1, rows - taskPanelRows - 1);
   const bottomMaxRows = Math.min(availableBottomRows, Math.max(Math.floor(rows / 2), fixedBottomRows + 1));
   const promptMaxLines = Math.max(1, bottomMaxRows - fixedBottomRows);
+  let footerHint;
+  if (completion !== void 0 || mentionCompletion !== void 0) {
+    footerHint = columns < 48 ? "\u2191\u2193 select \xB7 Tab choose \xB7 Esc close" : mentionCompletion !== void 0 ? "\u2191/\u2193 select \xB7 Tab complete \xB7 click choose \xB7 Esc close" : "\u2191/\u2193 select \xB7 Tab complete \xB7 Esc close";
+  } else if (activeSession) {
+    footerHint = fitFooterActions(columns, [
+      "Enter queue",
+      `Esc ${pendingPrompts.length > 0 ? "edit" : "stop"}`,
+      "Ctrl+C cancel",
+      "/steer now",
+      "/queue manage",
+      `${outputShortcut} ${expandedOutput ? "collapse" : "expand"}`
+    ]);
+  } else if (columns < 48) {
+    footerHint = "Enter send \xB7 Ctrl+C exit";
+  } else if (columns < 96) {
+    footerHint = `Enter send \xB7 Ctrl+C exit \xB7 \u2191\u2193 history \xB7 ${outputShortcut} output`;
+  } else {
+    footerHint = `Enter send \xB7 \u2191\u2193/Ctrl/Cmd+R history \xB7 ${outputShortcut} ${expandedOutput ? "collapse all output" : "expand all output"} \xB7 Ctrl+C exit`;
+  }
+  if (approval !== void 0 || questions !== void 0 && questions.length > 0 || queueOpen) {
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      FocusedCliPanel,
+      {
+        rows,
+        columns,
+        input,
+        promptCursor,
+        ...approval === void 0 ? {} : { approval },
+        approvalExpanded,
+        ...questions === void 0 ? {} : { questions },
+        questionIndex,
+        customQuestionActive,
+        pendingPrompts,
+        queueSelection,
+        ...onQueueSelectionChange === void 0 ? {} : { onQueueSelectionChange },
+        ...focusScrollRef === void 0 ? {} : { focusScrollRef }
+      }
+    );
+  }
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Box_default, { height: rows, width: "100%", flexDirection: "column", overflow: "hidden", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(ScrollBox_default, { ...scrollRef === void 0 ? {} : { ref: scrollRef }, flexGrow: 1, flexDirection: "column", stickyScroll: true, children: [
-      showWelcome ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(WelcomeCard, { model, ...serviceName === void 0 ? {} : { serviceName }, workspaceName, ...updateTo === void 0 ? {} : { updateTo }, columns }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { dimColor: true, children: [
+    showWelcome ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Box_default, { flexGrow: 1, flexShrink: 1, flexDirection: "column", overflow: "hidden", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(WelcomeCard, { model, ...serviceName === void 0 ? {} : { serviceName }, workspaceName, ...updateTo === void 0 ? {} : { updateTo }, columns, availableRows: Math.max(0, rows - taskPanelRows - fixedBottomRows - 1) }) }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(ScrollBox_default, { ...scrollRef === void 0 ? {} : { ref: scrollRef }, flexGrow: 1, flexDirection: "column", stickyScroll: true, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { dimColor: true, children: [
         "flavor \xB7 ",
         model,
         " \xB7 ",
@@ -3308,15 +3489,20 @@ function TerminalLayout({
         outputShortcut,
         " to view all"
       ] }) : null,
-      completedWindow.turns.map((turn, index) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Box_default, { flexDirection: "column", children: [
+      completedWindow.turns.map((turn, index) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Box_default, { ref: (element) => onTurnElement?.(turn.id, element), flexDirection: "column", children: [
         index > 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(TurnSeparator, { width: columns }) : null,
         /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(TurnView, { turn, interactive: false, workspaceName, expandedOutput })
       ] }, turn.id)),
-      activeWithoutTasks === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Box_default, { flexDirection: "column", children: [
+      activeWithoutTasks === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Box_default, { ref: (element) => onTurnElement?.(activeWithoutTasks.id, element), flexDirection: "column", children: [
         completedWindow.turns.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(TurnSeparator, { width: columns }) : null,
         /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(TurnView, { turn: activeWithoutTasks, interactive: activeSession, workspaceName, expandedOutput })
       ] })
     ] }),
+    !scrollBehind || showWelcome ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Box_default, { width: "100%", onClick: onJumpToLatest, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { color: "yellow", wrap: "truncate-end", children: [
+      newOutput ? "\u2193 New output" : "\u2191 Reading earlier output",
+      " \xB7 End latest",
+      columns >= 72 ? " \xB7 Ctrl+\u2191/\u2193 turns" : ""
+    ] }) }),
     /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       TaskProgressPanel,
       {
@@ -3335,49 +3521,12 @@ function TerminalLayout({
         mentionCompletion === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(MentionMenu, { completion: mentionCompletion, ...onMentionSelect === void 0 ? {} : { onSelect: onMentionSelect } })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Box_default, { flexDirection: "column", flexShrink: 0, maxHeight: bottomMaxRows, width: "100%", overflowY: "hidden", children: [
-        approval === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Box_default, { flexDirection: "column", marginBottom: 1, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { color: "magenta", children: [
-            "\u250C\u2500 approval \xB7 ",
-            approval.tool
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { wrap: "truncate-end", color: "magentaBright", children: [
-            "\u2502 ",
-            approval.reason ?? "This action needs permission."
-          ] }),
-          approvalExpanded ? approvalDetailLines(approval).map((line, index) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { color: "magentaBright", wrap: "truncate-end", children: [
-            "\u2502 ",
-            line
-          ] }, `${approval.id}:detail:${index}`)) : null,
-          isDestructiveTool(approval.tool) || approval.allowAlways === false ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { bold: true, color: "magenta", children: [
-            "\u2514\u2500 ",
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: "cyan", children: "v" }),
-            "=details / ",
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: "green", children: "y" }),
-            "=once / ",
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: "cyan", children: "e" }),
-            "=accept edits / ",
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: "red", children: "n" }),
-            "=deny"
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { bold: true, color: "magenta", children: [
-            "\u2514\u2500 ",
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: "cyan", children: "v" }),
-            "=details / ",
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: "green", children: "y" }),
-            "=once / ",
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: "yellow", children: "a" }),
-            "=same-type / ",
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: "cyan", children: "e" }),
-            "=accept edits / ",
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: "red", children: "n" }),
-            "=deny"
-          ] })
-        ] }),
-        !questions || questions.length === 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(QuestionCards, { questions, activeIndex: questionIndex, answers: questionAnswers, customActive: customQuestionActive }),
         memoryReviews.length === 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(MemoryReviewCards, { reviews: memoryReviews, autoDismissSeconds: memoryAutoDismissSeconds }),
+        !activeSession ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: "cyan", wrap: "truncate-end", children: columns < 48 ? "Running \xB7 Enter queues \xB7 /queue list" : "Running \xB7 /queue manage \xB7 Enter queues next \xB7 /steer acts now" }),
         pendingPrompts.length === 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { color: "yellow", wrap: "truncate-end", children: [
           "Pending (",
           pendingPrompts.length,
-          ") \xB7 ",
+          ") \xB7 /queue manage \xB7 ",
           queuedPromptLabel(pendingPrompts.at(-1)),
           " \xB7 Esc edit latest"
         ] }),
@@ -3404,7 +3553,8 @@ function TerminalLayout({
         /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
           FooterStatus,
           {
-            hint: completion !== void 0 ? "\u2191/\u2193 select \xB7 Tab complete \xB7 Esc close" : mentionCompletion !== void 0 ? "\u2191/\u2193 select \xB7 Tab complete \xB7 click choose \xB7 Esc close" : activeSession ? `Esc ${pendingPrompts.length > 0 ? "edit latest" : "stop"} \xB7 Ctrl+C cancel \xB7 Enter queue \xB7 Ctrl/Cmd+R history \xB7 ${outputShortcut} ${expandedOutput ? "collapse all output" : "expand all output"}` : `Enter send \xB7 \u2191\u2193/Ctrl/Cmd+R history \xB7 ${outputShortcut} ${expandedOutput ? "collapse all output" : "expand all output"} \xB7 Ctrl+C exit`,
+            hint: footerHint,
+            columns,
             ...ideContext === void 0 ? {} : { ideContext }
           }
         )
@@ -3414,12 +3564,14 @@ function TerminalLayout({
 }
 function FooterStatus({
   hint,
+  columns,
   ideContext
 }) {
   const ide = ideFooterPresentation(ideContext);
+  const showIde = ide !== void 0 && (columns === void 0 || stringWidth(hint) + stringWidth(ide) + 3 <= columns);
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Box_default, { flexDirection: "row", width: "100%", justifyContent: "space-between", children: [
     /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Box_default, { flexGrow: 1, flexShrink: 1, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { dimColor: true, wrap: "truncate-end", children: hint }) }),
-    ide === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Box_default, { flexShrink: 0, marginLeft: 1, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { color: "cyan", wrap: "truncate-end", children: [
+    !showIde ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Box_default, { flexShrink: 0, marginLeft: 1, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { color: "cyan", wrap: "truncate-end", children: [
       "\u29C9 ",
       ide
     ] }) })
@@ -3432,42 +3584,110 @@ function ideFooterPresentation(context) {
   const count = Math.max(1, endLine - context.selection.start.line + 1);
   return `${count} ${count === 1 ? "line" : "lines"} selected`;
 }
-function QuestionCards({ questions, activeIndex, answers, customActive }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Box_default, { flexDirection: "column", marginBottom: 1, children: questions.map((q, qi) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Box_default, { flexDirection: "column", marginBottom: qi < questions.length - 1 ? 1 : 0, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { bold: true, color: "cyan", children: [
-      "\u250C\u2500 ",
-      q.header
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { wrap: "truncate-end", color: "cyanBright", children: [
-      "\u2502 ",
-      q.question
-    ] }),
-    qi < activeIndex ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { color: "green", children: [
-      "\u2502  \u2713 ",
-      answers[qi]
-    ] }) : qi > activeIndex ? null : q.options.map((opt, oi) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { color: "cyan", children: [
-      "\u2502  ",
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { bold: true, color: "green", children: oi + 1 }),
-      ". ",
-      opt.label,
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { dimColor: true, children: [
-        "  ",
-        opt.description
-      ] })
-    ] }, oi)),
-    qi === activeIndex ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { color: "cyan", children: [
-        "\u2502  ",
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { bold: true, color: "green", children: q.options.length + 1 }),
-        ". Custom input",
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { dimColor: true, children: "  Type your own answer" })
+function FocusedCliPanel({
+  rows,
+  columns,
+  input,
+  promptCursor,
+  approval,
+  approvalExpanded,
+  questions,
+  questionIndex,
+  customQuestionActive,
+  pendingPrompts,
+  queueSelection,
+  onQueueSelectionChange,
+  focusScrollRef
+}) {
+  if (approval !== void 0) {
+    const allowAlways = !isDestructiveTool(approval.tool) && approval.allowAlways !== false;
+    const narrow = columns < 36;
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Box_default, { height: rows, width: "100%", flexDirection: "column", overflow: "hidden", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { bold: true, color: "magenta", wrap: "truncate-end", children: [
+        "Approval \xB7 ",
+        approval.tool
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { dimColor: true, color: "cyan", children: [
-        "\u2514\u2500 ",
-        customActive ? "Type below and press Enter; Esc returns to choices" : `Press 1-${q.options.length + 1} to choose; Esc dismisses`
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(ScrollBox_default, { ...focusScrollRef === void 0 ? {} : { ref: focusScrollRef }, flexGrow: 1, flexDirection: "column", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: "magentaBright", wrap: "wrap", children: approval.reason ?? "This action needs permission." }),
+        approvalExpanded ? approvalDetailLines(approval).map((line, index) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: "magentaBright", wrap: "wrap", children: line }, `${approval.id}:detail:${index}`)) : null
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { bold: true, color: "magenta", wrap: "truncate-end", children: narrow ? "y once \xB7 n deny" : "y=once \xB7 n=deny \xB7 Esc=deny" }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { color: "magenta", wrap: "truncate-end", children: [
+        narrow ? "v details \xB7 e edits" : "v=details \xB7 e=accept edits",
+        allowAlways && !narrow ? " \xB7 a=same-type" : ""
+      ] }),
+      allowAlways && narrow && rows >= 5 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: "magenta", wrap: "truncate-end", children: "a same-type \xB7 Esc deny" }) : null
+    ] });
+  }
+  const question = questions?.[Math.min(questionIndex, questions.length - 1)];
+  if (question !== void 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Box_default, { height: rows, width: "100%", flexDirection: "column", overflow: "hidden", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { bold: true, color: "cyan", wrap: "truncate-end", children: [
+        "Question ",
+        questionIndex + 1,
+        "/",
+        questions.length,
+        " \xB7 ",
+        question.header
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(ScrollBox_default, { ...focusScrollRef === void 0 ? {} : { ref: focusScrollRef }, flexGrow: 1, flexDirection: "column", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: "cyanBright", wrap: "wrap", children: question.question }),
+        question.options.map((option, index) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { color: "cyan", wrap: "wrap", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { bold: true, color: "green", children: [
+            index + 1,
+            ". ",
+            option.label
+          ] }),
+          option.description ? `  ${option.description}` : ""
+        ] }, index)),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { color: "cyan", children: [
+          question.options.length + 1,
+          ". Custom input"
+        ] })
+      ] }),
+      customQuestionActive ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(PromptLine, { input, pastedBlocks: [], cursor: promptCursor, columns, maxVisibleLines: Math.max(1, Math.min(3, Math.floor(rows / 3))) }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: "cyan", wrap: "truncate-end", children: customQuestionActive ? columns < 40 ? "Enter answer \xB7 Esc choices" : "Enter=answer \xB7 Esc=choices \xB7 PgUp/PgDn=scroll" : columns < 40 ? `1-${question.options.length + 1} choose \xB7 Esc cancel` : `1-${question.options.length + 1}=choose \xB7 Esc=cancel \xB7 PgUp/PgDn=scroll` })
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Box_default, { height: rows, width: "100%", flexDirection: "column", overflow: "hidden", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { bold: true, color: "yellow", wrap: "truncate-end", children: [
+      "Queued messages (",
+      pendingPrompts.length,
+      ")"
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ScrollBox_default, { ...focusScrollRef === void 0 ? {} : { ref: focusScrollRef }, flexGrow: 1, flexDirection: "column", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      QueueItems,
+      {
+        items: pendingPrompts,
+        selection: queueSelection,
+        ...focusScrollRef === void 0 ? {} : { scrollRef: focusScrollRef },
+        ...onQueueSelectionChange === void 0 ? {} : { onSelect: onQueueSelectionChange }
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { bold: true, color: "yellow", wrap: "truncate-end", children: columns < 48 ? "Enter edit \xB7 d cancel" : "Enter=edit selected \xB7 d=cancel selected" }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: "yellow", wrap: "truncate-end", children: columns < 48 ? "\u2191\u2193 select \xB7 Esc close" : "\u2191/\u2193=select \xB7 PgUp/PgDn=jump \xB7 Esc=close" })
+  ] });
+}
+function QueueItems({ items, selection, scrollRef, onSelect }) {
+  const selectedElement = (0, import_react8.useRef)(null);
+  (0, import_react8.useEffect)(() => {
+    if (selectedElement.current !== null) scrollRef?.current?.scrollToElement(selectedElement.current);
+  }, [selection, items.length, scrollRef]);
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Box_default, { flexDirection: "column", width: "100%", children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    Box_default,
+    {
+      ref: index === selection ? selectedElement : void 0,
+      onClick: () => onSelect?.(index),
+      children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { color: index === selection ? "yellowBright" : void 0, bold: index === selection, wrap: "wrap", children: [
+        index === selection ? "\u276F" : " ",
+        " ",
+        index + 1,
+        ". ",
+        queuedPromptLabel(item)
       ] })
-    ] }) : null
-  ] }, qi)) });
+    },
+    `${index}:${item.text}`
+  )) });
 }
 function MemoryReviewCards({ reviews, autoDismissSeconds }) {
   const review = reviews[0];
@@ -3565,6 +3785,15 @@ function jumpScroll(scroll, delta) {
     scroll.scrollTo(Math.max(0, target));
   }
 }
+function jumpToAdjacentTurn(scroll, elements, direction) {
+  if (scroll === null) return false;
+  const top = scroll.getScrollTop() + scroll.getPendingDelta();
+  const positions = [...elements.values()].map((element) => ({ element, top: element.yogaNode?.getComputedTop() })).filter((item) => item.top !== void 0).sort((left, right) => left.top - right.top);
+  const target = direction === "previous" ? positions.filter((item) => item.top < top - 1).at(-1) : positions.find((item) => item.top > top + 1);
+  if (target === void 0) return false;
+  scroll.scrollToElement(target.element);
+  return true;
+}
 function selectWheelScrollTarget(transcript, mainTasks, subagentTasks, hoveredTrack) {
   if (hoveredTrack === "main" && mainTasks !== null) return mainTasks;
   if (hoveredTrack === "subagent" && subagentTasks !== null) return subagentTasks;
@@ -4496,6 +4725,7 @@ export {
   isOutputToggleShortcut,
   isPlatformShortcut,
   jumpScroll,
+  jumpToAdjacentTurn,
   navigateHistory,
   navigatePromptHistory,
   outputToggleShortcut,