flavor-code 1.4.2 → 1.4.3

package/dist/{app-4CUS3GEJ.js → app-TVY2HM5L.js}

@@ -1,27 +1,5 @@
 #!/usr/bin/env node
-import { createRequire } from "node:module"; const require = createRequire(import.meta.url);
-import {
-  statusPresentation
-} from "./chunk-RAYH6K2H.js";
-import {
-  COMMAND_DESCRIPTIONS,
-  MVP_COMMANDS,
-  charWidth,
-  checkForUpdate,
-  createGlobTool,
-  createProductionRuntime,
-  createTranscriptState,
-  isDestructiveTool,
-  message,
-  modelContentTranscriptText,
-  packageVersion,
-  redactErrorText,
-  thinkingWindow,
-  transcriptReducer,
-  withTimeout
-} from "./chunk-QKND3FX7.js";
-import "./chunk-N5MXHJKD.js";
-import "./chunk-7YFHRORG.js";
+import { createRequire as createFlavorRequire } from "node:module"; const require = createFlavorRequire(import.meta.url);
 import {
   Box_default,
   ClockContext,
@@ -33,37 +11,96 @@ import {
   Text,
   instances_default,
   osc,
+  require_jsx_runtime,
   shiftAnchor,
   stringWidth,
   stripAnsi,
   useStdout,
   use_app_default,
   use_input_default
-} from "./chunk-W2TIY6JY.js";
+} from "./chunk-IKGT4MDT.js";
+import {
+  require_react
+} from "./chunk-PULWAH6E.js";
+import {
+  statusPresentation
+} from "./chunk-Y7EH4NVO.js";
+import {
+  source_default
+} from "./chunk-AA4QNKTF.js";
+import {
+  COMMAND_DESCRIPTIONS,
+  MVP_COMMANDS,
+  createGlobTool,
+  createProductionRuntime,
+  isDestructiveTool
+} from "./chunk-QACFKPZP.js";
 import {
-  execFileNoThrow,
   getGraphemeSegmenter
-} from "./chunk-B23V72YR.js";
-import "./chunk-S32JRDZK.js";
+} from "./chunk-TIEOVQW6.js";
+import "./chunk-OKHV7CTB.js";
+import "./chunk-JQM2L2YM.js";
+import {
+  execFileNoThrow
+} from "./chunk-IU3UBETC.js";
+import "./chunk-PZ5NKRVA.js";
+import {
+  checkForUpdate
+} from "./chunk-6F66UXBI.js";
+import "./chunk-3UX2CGDW.js";
+import {
+  k
+} from "./chunk-7Y64WNBB.js";
+import "./chunk-CVP5OUHD.js";
+import "./chunk-3563SW4X.js";
+import "./chunk-RBAZLFKB.js";
+import "./chunk-36IDJRLQ.js";
+import {
+  redactErrorText
+} from "./chunk-WLZUAVVU.js";
+import {
+  packageVersion
+} from "./chunk-RV3EXUXM.js";
+import "./chunk-IQEEFDEE.js";
+import "./chunk-GTFP2R5I.js";
+import "./chunk-5BDKRA6U.js";
+import {
+  charWidth,
+  createTranscriptState,
+  modelContentTranscriptText,
+  thinkingWindow,
+  transcriptReducer,
+  withTimeout
+} from "./chunk-X6U6BO5D.js";
+import {
+  message
+} from "./chunk-BDX777JR.js";
+import "./chunk-ONRY3C2L.js";
+import "./chunk-EWD7FWTH.js";
+import "./chunk-KRWWCVXA.js";
+import "./chunk-X442CJJH.js";
+import {
+  __toESM
+} from "./chunk-ZKKVSR37.js";
 
 // src/ui/app.tsx
+var import_react8 = __toESM(require_react(), 1);
 import { basename as basename3 } from "path";
 import { homedir } from "os";
-import React4, { useEffect as useEffect3, useMemo as useMemo3, useReducer, useRef as useRef4, useState as useState2 } from "react";
 
 // src/claude-ink/hooks/use-animation-frame.ts
-import { useContext as useContext2, useEffect, useState } from "react";
+var import_react2 = __toESM(require_react(), 1);
 
 // src/claude-ink/hooks/use-terminal-viewport.ts
-import { useCallback, useContext, useLayoutEffect, useRef } from "react";
+var import_react = __toESM(require_react(), 1);
 function useTerminalViewport() {
-  const terminalSize = useContext(TerminalSizeContext);
-  const elementRef = useRef(null);
-  const entryRef = useRef({ isVisible: true });
-  const setElement = useCallback((el) => {
+  const terminalSize = (0, import_react.useContext)(TerminalSizeContext);
+  const elementRef = (0, import_react.useRef)(null);
+  const entryRef = (0, import_react.useRef)({ isVisible: true });
+  const setElement = (0, import_react.useCallback)((el) => {
     elementRef.current = el;
   }, []);
-  useLayoutEffect(() => {
+  (0, import_react.useLayoutEffect)(() => {
     const element = elementRef.current;
     if (!element?.yogaNode || !terminalSize) {
       return;
@@ -96,11 +133,11 @@ function useTerminalViewport() {
 
 // src/claude-ink/hooks/use-animation-frame.ts
 function useAnimationFrame(intervalMs = 16) {
-  const clock = useContext2(ClockContext);
+  const clock = (0, import_react2.useContext)(ClockContext);
   const [viewportRef, { isVisible }] = useTerminalViewport();
-  const [time, setTime] = useState(() => clock?.now() ?? 0);
+  const [time, setTime] = (0, import_react2.useState)(() => clock?.now() ?? 0);
   const active = isVisible && intervalMs !== null;
-  useEffect(() => {
+  (0, import_react2.useEffect)(() => {
     if (!clock || !active) return;
     let lastUpdate = clock.now();
     const onChange = () => {
@@ -116,11 +153,11 @@ function useAnimationFrame(intervalMs = 16) {
 }
 
 // src/claude-ink/hooks/use-selection.ts
-import { useContext as useContext3, useMemo, useSyncExternalStore } from "react";
+var import_react3 = __toESM(require_react(), 1);
 function useSelection() {
-  useContext3(StdinContext_default);
+  (0, import_react3.useContext)(StdinContext_default);
   const ink = instances_default.get(process.stdout);
-  return useMemo(() => {
+  return (0, import_react3.useMemo)(() => {
     if (!ink) {
       return {
         copySelection: () => "",
@@ -160,10 +197,10 @@ function useSelection() {
 }
 
 // src/claude-ink/hooks/use-terminal-title.ts
-import { useContext as useContext4, useEffect as useEffect2 } from "react";
+var import_react4 = __toESM(require_react(), 1);
 function useTerminalTitle(title) {
-  const writeRaw = useContext4(TerminalWriteContext);
-  useEffect2(() => {
+  const writeRaw = (0, import_react4.useContext)(TerminalWriteContext);
+  (0, import_react4.useEffect)(() => {
     if (title === null || !writeRaw) return;
     const clean = stripAnsi(title);
     writeRaw(osc(OSC.SET_TITLE_AND_ICON, clean));
@@ -171,22 +208,19 @@ function useTerminalTitle(title) {
 }
 
 // src/ui/assistant-text.tsx
-import React2 from "react";
+var import_react6 = __toESM(require_react(), 1);
 
 // src/ui/markdown.tsx
-import React, { useMemo as useMemo2, useRef as useRef2 } from "react";
-import chalk2 from "chalk";
-import { marked } from "marked";
+var import_react5 = __toESM(require_react(), 1);
 
 // src/ui/highlight.ts
-import chalk from "chalk";
-chalk.level = Math.max(chalk.level, 3);
-var KEYWORD = chalk.hex("#c586c0");
-var STRING = chalk.hex("#ce9178");
-var COMMENT = chalk.gray.italic;
-var NUMBER = chalk.hex("#b5cea8");
-var FUNCTION = chalk.hex("#dcdcaa");
-var ATTRIBUTE = chalk.hex("#d7ba7d");
+source_default.level = Math.max(source_default.level, 3);
+var KEYWORD = source_default.hex("#c586c0");
+var STRING = source_default.hex("#ce9178");
+var COMMENT = source_default.gray.italic;
+var NUMBER = source_default.hex("#b5cea8");
+var FUNCTION = source_default.hex("#dcdcaa");
+var ATTRIBUTE = source_default.hex("#d7ba7d");
 var KEYWORDS = {
   javascript: /* @__PURE__ */ new Set([
     "await",
@@ -613,7 +647,7 @@ function highlightCode(source, language = void 0) {
 }
 
 // src/ui/markdown.tsx
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var import_jsx_runtime = __toESM(require_jsx_runtime(), 1);
 var CODE_BLOCK_BORDER = {
   top: "\u2500",
   bottom: "\u2500",
@@ -625,12 +659,12 @@ var CODE_BLOCK_BORDER = {
   bottomRight: "\u256F"
 };
 function MarkdownViewInner({ text }) {
-  const stablePrefixRef = useRef2("");
+  const stablePrefixRef = (0, import_react5.useRef)("");
   if (!text.startsWith(stablePrefixRef.current)) stablePrefixRef.current = "";
   const boundary = stablePrefixRef.current.length;
-  const suffixTokens = useMemo2(() => {
+  const suffixTokens = (0, import_react5.useMemo)(() => {
     try {
-      return marked.lexer(text.substring(boundary), { gfm: true, async: false });
+      return k.lexer(text.substring(boundary), { gfm: true, async: false });
     } catch {
       return [];
     }
@@ -642,68 +676,68 @@ function MarkdownViewInner({ text }) {
   if (advance > 0) stablePrefixRef.current = text.substring(0, boundary + advance);
   const stablePrefix = stablePrefixRef.current;
   const unstableSuffix = text.substring(stablePrefix.length);
-  return /* @__PURE__ */ jsxs(Box_default, { flexDirection: "column", width: "100%", children: [
-    stablePrefix.length > 0 ? /* @__PURE__ */ jsx(MarkdownSegment, { text: stablePrefix }) : null,
-    unstableSuffix.length > 0 ? /* @__PURE__ */ jsx(MarkdownSegment, { text: unstableSuffix }) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box_default, { flexDirection: "column", width: "100%", children: [
+    stablePrefix.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MarkdownSegment, { text: stablePrefix }) : null,
+    unstableSuffix.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MarkdownSegment, { text: unstableSuffix }) : null
   ] });
 }
-var MarkdownSegment = React.memo(function MarkdownSegment2({ text }) {
-  const tokens = useMemo2(() => {
+var MarkdownSegment = import_react5.default.memo(function MarkdownSegment2({ text }) {
+  const tokens = (0, import_react5.useMemo)(() => {
     try {
-      return marked.lexer(text, { gfm: true, async: false });
+      return k.lexer(text, { gfm: true, async: false });
     } catch {
       return [];
     }
   }, [text]);
-  return /* @__PURE__ */ jsx(Fragment, { children: tokens.map((token, index) => /* @__PURE__ */ jsx(BlockToken, { token }, index)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: tokens.map((token, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BlockToken, { token }, index)) });
 });
-var MarkdownView = React.memo(MarkdownViewInner);
-var BlockToken = React.memo(function BlockToken2({ token }) {
+var MarkdownView = import_react5.default.memo(MarkdownViewInner);
+var BlockToken = import_react5.default.memo(function BlockToken2({ token }) {
   switch (token.type) {
     case "space":
-      return /* @__PURE__ */ jsx(Box_default, { height: 1 });
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box_default, { height: 1 });
     case "heading":
-      return /* @__PURE__ */ jsx(HeadingView, { token });
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HeadingView, { token });
     case "paragraph":
-      return /* @__PURE__ */ jsx(Text, { children: /* @__PURE__ */ jsx(InlineTokens, { tokens: token.tokens ?? [] }) });
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InlineTokens, { tokens: token.tokens ?? [] }) });
     case "code":
-      return /* @__PURE__ */ jsx(CodeBlock, { token });
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CodeBlock, { token });
     case "blockquote":
-      return /* @__PURE__ */ jsx(BlockquoteView, { token });
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BlockquoteView, { token });
     case "list":
-      return /* @__PURE__ */ jsx(ListView, { token });
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ListView, { token });
     case "hr":
-      return /* @__PURE__ */ jsx(HrView, {});
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HrView, {});
     case "table":
-      return /* @__PURE__ */ jsx(TableView, { token });
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableView, { token });
     case "html":
-      return /* @__PURE__ */ jsx(Text, { dimColor: true, children: "[html]" });
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { dimColor: true, children: "[html]" });
     default:
       if ("text" in token && typeof token.text === "string") {
-        return /* @__PURE__ */ jsx(Text, { children: token.text });
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: token.text });
       }
       return null;
   }
 });
 function HeadingView({ token }) {
-  const styled = useMemo2(() => {
+  const styled = (0, import_react5.useMemo)(() => {
     const inner = renderInlineText(token.tokens);
     switch (token.depth) {
       case 1:
-        return chalk2.bold.hex("#7dd3fc")(inner);
+        return source_default.bold.hex("#7dd3fc")(inner);
       case 2:
-        return chalk2.bold.hex("#67e8f9")(inner);
+        return source_default.bold.hex("#67e8f9")(inner);
       case 3:
-        return chalk2.bold.hex("#93c5fd")(inner);
+        return source_default.bold.hex("#93c5fd")(inner);
       default:
-        return chalk2.italic.hex("#93c5fd")(inner);
+        return source_default.italic.hex("#93c5fd")(inner);
     }
   }, [token.depth, token.tokens]);
-  return /* @__PURE__ */ jsx(Text, { children: styled });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: styled });
 }
 function CodeBlock({ token }) {
-  const styledSource = useMemo2(() => highlightCode(token.text, token.lang), [token.text, token.lang]);
-  const lines = useMemo2(() => styledSource.split("\n"), [styledSource]);
+  const styledSource = (0, import_react5.useMemo)(() => highlightCode(token.text, token.lang), [token.text, token.lang]);
+  const lines = (0, import_react5.useMemo)(() => styledSource.split("\n"), [styledSource]);
   const langLabel = token.lang?.trim();
   const label = langLabel && langLabel.length > 0 ? langLabel : "code";
   return (
@@ -712,7 +746,7 @@ function CodeBlock({ token }) {
     // resizes can change that width without changing this memoized token.
     // Building a line from process.stdout.columns overflows those narrower
     // parents and desynchronizes the terminal's physical auto-wrap cursor.
-    /* @__PURE__ */ jsx(
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       Box_default,
       {
         flexDirection: "column",
@@ -722,28 +756,28 @@ function CodeBlock({ token }) {
         borderColor: "gray",
         borderText: { content: ` ${label} `, position: "top", align: "start", offset: 1 },
         opaque: true,
-        children: /* @__PURE__ */ jsx(Box_default, { flexDirection: "column", paddingX: 1, children: lines.map((line, i) => /* @__PURE__ */ jsx(Text, { color: "gray", wrap: "truncate-end", children: line.length > 0 ? line : " " }, i)) })
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box_default, { flexDirection: "column", paddingX: 1, children: lines.map((line, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { color: "gray", wrap: "truncate-end", children: line.length > 0 ? line : " " }, i)) })
       }
     )
   );
 }
 function BlockquoteView({ token }) {
-  return /* @__PURE__ */ jsx(Box_default, { flexDirection: "column", children: token.tokens.map((child, i) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box_default, { flexDirection: "column", children: token.tokens.map((child, i) => {
     const inline = "tokens" in child ? child.tokens ?? [] : [];
-    return /* @__PURE__ */ jsxs(Text, { children: [
-      /* @__PURE__ */ jsx(Text, { color: "gray", children: "\u2502 " }),
-      /* @__PURE__ */ jsx(InlineTokens, { tokens: inline })
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { color: "gray", children: "\u2502 " }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InlineTokens, { tokens: inline })
     ] }, i);
   }) });
 }
 function HrView() {
   const { stdout } = useStdout();
   const width = Math.max(8, (stdout?.columns ?? 80) - 4);
-  return /* @__PURE__ */ jsx(Text, { color: "gray", children: "\u2500".repeat(width) });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { color: "gray", children: "\u2500".repeat(width) });
 }
 function ListView({ token }) {
   const start = typeof token.start === "number" ? token.start : 1;
-  return /* @__PURE__ */ jsx(Box_default, { flexDirection: "column", children: token.items.map((item, i) => /* @__PURE__ */ jsx(ListItemView, { item, index: start + i, ordered: token.ordered }, i)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box_default, { flexDirection: "column", children: token.items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ListItemView, { item, index: start + i, ordered: token.ordered }, i)) });
 }
 function ListItemView({
   item,
@@ -769,28 +803,28 @@ function ListItemView({
       blockTokens.push(child);
     }
   }
-  return /* @__PURE__ */ jsxs(Box_default, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsxs(Text, { children: [
-      /* @__PURE__ */ jsxs(Text, { color: "cyan", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box_default, { flexDirection: "column", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { color: "cyan", children: [
         bullet,
         " "
       ] }),
       inlineTokens.map((child, i) => {
         if (child.type === "paragraph") {
-          return /* @__PURE__ */ jsx(InlineTokens, { tokens: child.tokens ?? [] }, i);
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InlineTokens, { tokens: child.tokens ?? [] }, i);
         }
         const tokens = child.tokens ?? [];
-        return tokens.length > 0 ? /* @__PURE__ */ jsx(InlineTokens, { tokens }, i) : /* @__PURE__ */ jsx(Text, { children: child.text }, i);
+        return tokens.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InlineTokens, { tokens }, i) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: child.text }, i);
       })
     ] }),
-    blockTokens.map((child, i) => /* @__PURE__ */ jsx(Box_default, { marginLeft: 2, children: /* @__PURE__ */ jsx(BlockToken, { token: child }) }, i))
+    blockTokens.map((child, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box_default, { marginLeft: 2, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BlockToken, { token: child }) }, i))
   ] });
 }
 function TableView({ token }) {
   const { stdout } = useStdout();
   const maxWidth = stdout?.columns ?? 80;
   const colCount = token.header.length;
-  if (colCount === 0) return /* @__PURE__ */ jsx(Text, { dimColor: true, children: "[empty table]" });
+  if (colCount === 0) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { dimColor: true, children: "[empty table]" });
   const colWidth = Math.max(8, Math.floor((maxWidth - colCount * 3) / colCount));
   const pad = (value, w, align) => {
     const stripped = stripAnsi2(value);
@@ -812,33 +846,33 @@ function TableView({ token }) {
     if (align === "center") return ":" + "\u2500".repeat(colWidth - 2) + ":";
     return "\u2500".repeat(colWidth);
   });
-  return /* @__PURE__ */ jsxs(Box_default, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx(Text, { children: token.header.map((cell, i) => pad(cell.text, colWidth, cell.align ?? "left")).join(" \u2502 ") }),
-    /* @__PURE__ */ jsx(Text, { dimColor: true, children: separator.join(" \u2502 ") }),
-    token.rows.map((row, ri) => /* @__PURE__ */ jsx(Text, { children: row.map((cell, i) => pad(cell.text, colWidth, token.header[i]?.align ?? "left")).join(" \u2502 ") }, ri))
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box_default, { flexDirection: "column", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: token.header.map((cell, i) => pad(cell.text, colWidth, cell.align ?? "left")).join(" \u2502 ") }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { dimColor: true, children: separator.join(" \u2502 ") }),
+    token.rows.map((row, ri) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: row.map((cell, i) => pad(cell.text, colWidth, token.header[i]?.align ?? "left")).join(" \u2502 ") }, ri))
   ] });
 }
 function InlineTokens({ tokens }) {
-  return /* @__PURE__ */ jsx(Text, { children: tokens.map((token, i) => /* @__PURE__ */ jsx(InlineToken, { token }, i)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: tokens.map((token, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InlineToken, { token }, i)) });
 }
 function InlineToken({ token }) {
   switch (token.type) {
     case "text":
-      return /* @__PURE__ */ jsx(Text, { children: token.raw ?? token.text });
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: token.raw ?? token.text });
     case "strong":
-      return /* @__PURE__ */ jsx(Text, { bold: true, children: renderInlineText(token.tokens) });
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { bold: true, children: renderInlineText(token.tokens) });
     case "em":
-      return /* @__PURE__ */ jsx(Text, { italic: true, children: renderInlineText(token.tokens) });
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { italic: true, children: renderInlineText(token.tokens) });
     case "del":
-      return /* @__PURE__ */ jsx(Text, { strikethrough: true, children: renderInlineText(token.tokens) });
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { strikethrough: true, children: renderInlineText(token.tokens) });
     case "codespan":
-      return /* @__PURE__ */ jsx(Text, { color: "black", backgroundColor: "gray", children: token.text });
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { color: "black", backgroundColor: "gray", children: token.text });
     case "link": {
       const link = token;
       const inner = renderInlineText(link.tokens);
-      return /* @__PURE__ */ jsxs(Text, { children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { children: [
         inner,
-        /* @__PURE__ */ jsxs(Text, { dimColor: true, color: "blue", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { dimColor: true, color: "blue", children: [
           " (",
           link.href,
           ")"
@@ -847,21 +881,21 @@ function InlineToken({ token }) {
     }
     case "image": {
       const img = token;
-      return /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { dimColor: true, children: [
         "[image: ",
         img.text,
         "]"
       ] });
     }
     case "br":
-      return /* @__PURE__ */ jsx(Text, { children: "\n" });
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: "\n" });
     case "escape":
-      return /* @__PURE__ */ jsx(Text, { children: token.text });
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: token.text });
     case "html":
       return null;
     default:
       if ("text" in token && typeof token.text === "string") {
-        return /* @__PURE__ */ jsx(Text, { children: token.text });
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: token.text });
       }
       return null;
   }
@@ -882,13 +916,13 @@ function inlineTokenToString(token) {
     case "text":
       return token.raw ?? token.text;
     case "strong":
-      return chalk2.bold(renderInlineText(token.tokens));
+      return source_default.bold(renderInlineText(token.tokens));
     case "em":
-      return chalk2.italic(renderInlineText(token.tokens));
+      return source_default.italic(renderInlineText(token.tokens));
     case "del":
-      return chalk2.strikethrough(renderInlineText(token.tokens));
+      return source_default.strikethrough(renderInlineText(token.tokens));
     case "codespan":
-      return chalk2.bgGray.black(` ${token.text} `);
+      return source_default.bgGray.black(` ${token.text} `);
     case "escape":
       return token.text;
     case "br":
@@ -896,7 +930,7 @@ function inlineTokenToString(token) {
     case "link": {
       const link = token;
       const inner = renderInlineText(link.tokens);
-      return `${inner} ${chalk2.blue.underline.dim(`(${link.href})`)}`;
+      return `${inner} ${source_default.blue.underline.dim(`(${link.href})`)}`;
     }
     default:
       if ("text" in token && typeof token.text === "string") return token.text;
@@ -905,11 +939,11 @@ function inlineTokenToString(token) {
 }
 
 // src/ui/assistant-text.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
+var import_jsx_runtime2 = __toESM(require_jsx_runtime(), 1);
 function AssistantTextInner({ text }) {
-  return /* @__PURE__ */ jsx2(MarkdownView, { text });
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(MarkdownView, { text });
 }
-var AssistantText = React2.memo(AssistantTextInner);
+var AssistantText = import_react6.default.memo(AssistantTextInner);
 
 // src/ui/signals.ts
 function createSessionInterruptHandler(getSession, shutdown, options) {
@@ -970,8 +1004,8 @@ function wrapPromptInput(input, codePointCursor, options) {
 }
 
 // src/ui/task-progress.tsx
-import { useRef as useRef3 } from "react";
-import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var import_react7 = __toESM(require_react(), 1);
+var import_jsx_runtime3 = __toESM(require_jsx_runtime(), 1);
 function TaskStatusLine({
   block,
   interactive,
@@ -983,8 +1017,8 @@ function TaskStatusLine({
   const { stdout } = useStdout();
   const foreground = interactive && (block.activity === "model" || block.task?.role === "main");
   const [ref, time] = useAnimationFrame(running && foreground ? 120 : null);
-  const startedAt = useRef3(void 0);
-  const previousState = useRef3(block.state);
+  const startedAt = (0, import_react7.useRef)(void 0);
+  const previousState = (0, import_react7.useRef)(block.state);
   if (running && (startedAt.current === void 0 || previousState.current !== "running")) startedAt.current = time;
   if (!running) startedAt.current = void 0;
   previousState.current = block.state;
@@ -1005,14 +1039,17 @@ function TaskStatusLine({
   }
   const thinking = block.thinkingText;
   const thinkingVisible = running && block.activity === "model" && thinking !== void 0 && thinking.length > 0;
-  const thinkingScroll = useRef3({ start: 0, lastTime: time });
+  const thinkingScroll = (0, import_react7.useRef)({ start: 0, lastTime: time });
   if (!thinkingVisible) {
     thinkingScroll.current = { start: 0, lastTime: time };
   }
   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 };
@@ -1030,28 +1067,28 @@ function TaskStatusLine({
     ...metaLabel === void 0 ? [] : [{ text: `  ${metaLabel}`, color: metaColor ?? "ansi:blackBright" }]
   ];
   const boundedText = textWidth === void 0 || maxTextLines === void 0 ? void 0 : limitTaskTextSegments(textSegments, textWidth, maxTextLines).segments;
-  return /* @__PURE__ */ jsxs2(Box_default, { flexDirection: "column", width: "100%", children: [
-    /* @__PURE__ */ jsx3(Box_default, { ref, flexDirection: "row", width: "100%", children: boundedText === void 0 ? /* @__PURE__ */ jsxs2(Fragment2, { children: [
-      /* @__PURE__ */ jsxs2(Text, { ...presentation.color === void 0 ? {} : { color: presentation.color }, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Box_default, { flexDirection: "column", width: "100%", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Box_default, { ref, flexDirection: "row", width: "100%", children: boundedText === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Text, { ...presentation.color === void 0 ? {} : { color: presentation.color }, children: [
         presentation.glyph,
         " "
       ] }),
-      badge ? /* @__PURE__ */ jsxs2(Text, { color: badgeColor, children: [
+      badge ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Text, { color: badgeColor, children: [
         badge,
         " "
       ] }) : null,
-      /* @__PURE__ */ jsx3(Text, { ...presentation.color === void 0 ? {} : { color: presentation.color }, children: before }),
-      statusLabel !== void 0 ? /* @__PURE__ */ jsxs2(Fragment2, { children: [
-        /* @__PURE__ */ jsx3(Text, { ...presentation.color === void 0 ? {} : { color: presentation.color }, children: " \xB7 " }),
-        /* @__PURE__ */ jsx3(Text, { color: statusColor ?? presentation.color, children: statusLabel })
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text, { ...presentation.color === void 0 ? {} : { color: presentation.color }, children: before }),
+      statusLabel !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text, { ...presentation.color === void 0 ? {} : { color: presentation.color }, children: " \xB7 " }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text, { color: statusColor ?? presentation.color, children: statusLabel })
       ] }) : null,
-      after ? /* @__PURE__ */ jsx3(Text, { ...presentation.color === void 0 ? {} : { color: presentation.color }, children: after }) : null,
-      metaLabel === void 0 ? null : /* @__PURE__ */ jsxs2(Text, { color: metaColor ?? "ansi:blackBright", children: [
+      after ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text, { ...presentation.color === void 0 ? {} : { color: presentation.color }, children: after }) : null,
+      metaLabel === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Text, { color: metaColor ?? "ansi:blackBright", children: [
         "  ",
         metaLabel
       ] })
-    ] }) : /* @__PURE__ */ jsx3(Text, { children: boundedText.map((segment, index) => /* @__PURE__ */ jsx3(Text, { ...segment.color === void 0 ? {} : { color: segment.color }, children: segment.text }, index)) }) }),
-    thinkingLine === void 0 ? null : /* @__PURE__ */ jsx3(ThinkingLineView, { text: thinkingLine })
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text, { children: boundedText.map((segment, index) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text, { ...segment.color === void 0 ? {} : { color: segment.color }, children: segment.text }, index)) }) }),
+    thinkingLine === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ThinkingLineView, { text: thinkingLine })
   ] });
 }
 function limitTaskTextSegments(segments, width, maxLines = 3) {
@@ -1116,9 +1153,9 @@ function limitTaskTextSegments(segments, width, maxLines = 3) {
 var THINKING_RAIL = "#416f84";
 var THINKING_TEXT = "#91a0a8";
 function ThinkingLineView({ text }) {
-  return /* @__PURE__ */ jsxs2(Box_default, { flexDirection: "row", children: [
-    /* @__PURE__ */ jsx3(Text, { color: THINKING_RAIL, children: "\u2502 " }),
-    /* @__PURE__ */ jsx3(Text, { color: THINKING_TEXT, wrap: "truncate-end", children: text })
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Box_default, { flexDirection: "row", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text, { color: THINKING_RAIL, children: "\u2502 " }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text, { color: THINKING_TEXT, wrap: "truncate-end", children: text })
   ] });
 }
 var SPLIT_TRACK_MIN_COLUMNS = 96;
@@ -1142,7 +1179,7 @@ function TaskProgressPanel({
   const hoverProps = (track) => ({
     onMouseEnter: () => onHoverChange?.(track)
   });
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     Box_default,
     {
       flexDirection: "column",
@@ -1150,7 +1187,7 @@ function TaskProgressPanel({
       width: "100%",
       maxHeight,
       onMouseLeave: () => onHoverChange?.(null),
-      children: split ? /* @__PURE__ */ jsx3(
+      children: split ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
         SplitTracks,
         {
           taskBlocks,
@@ -1162,7 +1199,7 @@ function TaskProgressPanel({
           subagentScrollRef,
           hoverProps
         }
-      ) : hasTasks && hasSubagents ? /* @__PURE__ */ jsx3(
+      ) : hasTasks && hasSubagents ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
         StackedTracks,
         {
           taskBlocks,
@@ -1174,7 +1211,7 @@ function TaskProgressPanel({
           subagentScrollRef,
           hoverProps
         }
-      ) : /* @__PURE__ */ jsx3(
+      ) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
         SingleTrack,
         {
           role: hasTasks ? "main" : "subagent",
@@ -1203,14 +1240,14 @@ function SplitTracks({
   const availableWidth = columns - SPLIT_TRACK_GUTTER_COLUMNS;
   const leftWidth = Math.max(1, Math.floor(availableWidth * SPLIT_TRACK_MAIN_RATIO));
   const rightWidth = Math.max(1, availableWidth - leftWidth);
-  return /* @__PURE__ */ jsxs2(Fragment2, { children: [
-    /* @__PURE__ */ jsxs2(Box_default, { flexDirection: "row", width: "100%", children: [
-      /* @__PURE__ */ jsx3(Box_default, { width: leftWidth, ...hoverProps("main"), children: /* @__PURE__ */ jsx3(TrackHeader, { role: "main", count: taskBlocks.length, width: leftWidth }) }),
-      /* @__PURE__ */ jsx3(Text, { color: "ansi:white", children: "\u2500\u252C\u2500" }),
-      /* @__PURE__ */ jsx3(Box_default, { width: rightWidth, ...hoverProps("subagent"), children: /* @__PURE__ */ jsx3(TrackHeader, { role: "subagent", count: subagentBlocks.length, width: rightWidth }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Box_default, { flexDirection: "row", width: "100%", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Box_default, { width: leftWidth, ...hoverProps("main"), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(TrackHeader, { role: "main", count: taskBlocks.length, width: leftWidth }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text, { color: "ansi:white", children: "\u2500\u252C\u2500" }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Box_default, { width: rightWidth, ...hoverProps("subagent"), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(TrackHeader, { role: "subagent", count: subagentBlocks.length, width: rightWidth }) })
     ] }),
-    contentHeight <= 0 ? null : /* @__PURE__ */ jsxs2(Box_default, { flexDirection: "row", width: "100%", height: contentHeight, children: [
-      /* @__PURE__ */ jsx3(Box_default, { width: leftWidth, minWidth: 0, flexDirection: "column", ...hoverProps("main"), children: /* @__PURE__ */ jsx3(
+    contentHeight <= 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Box_default, { flexDirection: "row", width: "100%", height: contentHeight, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Box_default, { width: leftWidth, minWidth: 0, flexDirection: "column", ...hoverProps("main"), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
         TrackScrollBox,
         {
           ref: mainScrollRef,
@@ -1221,8 +1258,8 @@ function SplitTracks({
           maxTextLines: 2
         }
       ) }),
-      /* @__PURE__ */ jsx3(TrackDivider, { height: contentHeight }),
-      /* @__PURE__ */ jsx3(Box_default, { width: rightWidth, minWidth: 0, flexDirection: "column", ...hoverProps("subagent"), children: /* @__PURE__ */ jsx3(
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(TrackDivider, { height: contentHeight }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Box_default, { width: rightWidth, minWidth: 0, flexDirection: "column", ...hoverProps("subagent"), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
         TrackScrollBox,
         {
           ref: subagentScrollRef,
@@ -1247,12 +1284,12 @@ function StackedTracks({
   hoverProps
 }) {
   if (height <= 1) {
-    return /* @__PURE__ */ jsx3(Box_default, { ...hoverProps("main"), children: /* @__PURE__ */ jsx3(TrackHeader, { role: "main", count: taskBlocks.length, width: columns }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Box_default, { ...hoverProps("main"), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(TrackHeader, { role: "main", count: taskBlocks.length, width: columns }) });
   }
   const mainHeight = Math.ceil(height / 2);
   const subagentHeight = Math.floor(height / 2);
-  return /* @__PURE__ */ jsxs2(Fragment2, { children: [
-    /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
       SingleTrack,
       {
         role: "main",
@@ -1264,7 +1301,7 @@ function StackedTracks({
         hoverProps
       }
     ),
-    /* @__PURE__ */ jsx3(
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
       SingleTrack,
       {
         role: "subagent",
@@ -1288,9 +1325,9 @@ function SingleTrack({
   hoverProps
 }) {
   const contentHeight = Math.max(0, height - 1);
-  return /* @__PURE__ */ jsxs2(Box_default, { flexDirection: "column", width: "100%", height, ...hoverProps(role), children: [
-    /* @__PURE__ */ jsx3(TrackHeader, { role, count: blocks.length, width }),
-    contentHeight <= 0 ? null : /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Box_default, { flexDirection: "column", width: "100%", height, ...hoverProps(role), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(TrackHeader, { role, count: blocks.length, width }),
+    contentHeight <= 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
       TrackScrollBox,
       {
         ref: scrollRef,
@@ -1311,7 +1348,7 @@ function TrackScrollBox({
   width,
   maxTextLines
 }) {
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     ScrollBox_default,
     {
       ...ref === void 0 ? {} : { ref },
@@ -1321,7 +1358,7 @@ function TrackScrollBox({
       height,
       maxHeight: height,
       paddingX: 1,
-      children: blocks.map((block) => /* @__PURE__ */ jsx3(
+      children: blocks.map((block) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
         TaskStatusLine,
         {
           block,
@@ -1339,10 +1376,10 @@ function TrackHeader({ role, count, width }) {
   const label = role === "main" ? `task plan (${count})` : `subagents (${count})`;
   const prefix = `\u2500\u2500 ${label} `;
   const line = prefix.length >= width ? prefix.slice(0, Math.max(0, width)) : `${prefix}${"\u2500".repeat(width - prefix.length)}`;
-  return /* @__PURE__ */ jsx3(Text, { color: "ansi:white", wrap: "truncate-end", children: line });
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text, { color: "ansi:white", wrap: "truncate-end", children: line });
 }
 function TrackDivider({ height }) {
-  return /* @__PURE__ */ jsx3(Box_default, { flexDirection: "column", width: SPLIT_TRACK_GUTTER_COLUMNS, flexShrink: 0, children: Array.from({ length: height }, (_, index) => /* @__PURE__ */ jsx3(Text, { color: "ansi:white", children: " \u2502 " }, index)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Box_default, { flexDirection: "column", width: SPLIT_TRACK_GUTTER_COLUMNS, flexShrink: 0, children: Array.from({ length: height }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text, { color: "ansi:white", children: " \u2502 " }, index)) });
 }
 
 // src/ui/file-diff-style.ts
@@ -1590,7 +1627,7 @@ function comparePaths(left, right) {
 }
 
 // src/ui/welcome.tsx
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+var import_jsx_runtime4 = __toESM(require_jsx_runtime(), 1);
 var WIDE_WELCOME_COLUMNS = 72;
 var FLAVOR_ACCENT = "#67D4FF";
 var FLAVOR_WORDMARK = [
@@ -1603,10 +1640,18 @@ function WelcomeCard({
   serviceName,
   workspaceName,
   updateTo,
-  columns
+  columns,
+  availableRows = Number.POSITIVE_INFINITY
 }) {
-  const wide = Math.max(1, Math.floor(columns)) >= WIDE_WELCOME_COLUMNS;
-  const updateHint = updateTo === void 0 ? null : /* @__PURE__ */ jsxs3(Text, { color: "yellowBright", wrap: "wrap", children: [
+  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",
     packageVersion(),
@@ -1616,8 +1661,8 @@ function WelcomeCard({
     updateTo,
     "\nRun: flavor update"
   ] });
-  return /* @__PURE__ */ jsx4(Box_default, { width: "100%", borderStyle: "round", borderColor: "yellow", paddingX: 1, children: wide ? /* @__PURE__ */ jsxs3(Box_default, { width: "100%", flexDirection: "row", children: [
-    /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Box_default, { width: "100%", borderStyle: "round", borderColor: "yellow", paddingX: 1, children: wide ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(Box_default, { width: "100%", flexDirection: "row", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
       Box_default,
       {
         width: "36%",
@@ -1630,55 +1675,55 @@ function WelcomeCard({
         borderColor: "yellow",
         paddingRight: 1,
         children: [
-          /* @__PURE__ */ jsx4(Text, { bold: true, color: "yellowBright", children: "Welcome back!" }),
-          /* @__PURE__ */ jsx4(Text, { color: FLAVOR_ACCENT, children: FLAVOR_WORDMARK }),
-          serviceName === void 0 ? null : /* @__PURE__ */ jsx4(Text, { color: "cyan", wrap: "truncate-end", children: serviceName }),
-          /* @__PURE__ */ jsx4(Text, { dimColor: true, wrap: "truncate-end", children: model }),
-          /* @__PURE__ */ jsx4(Text, { dimColor: true, wrap: "truncate-end", children: workspaceName }),
-          /* @__PURE__ */ jsxs3(Text, { dimColor: true, wrap: "truncate-end", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Text, { bold: true, color: "yellowBright", children: "Welcome back!" }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Text, { color: FLAVOR_ACCENT, children: FLAVOR_WORDMARK }),
+          serviceName === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Text, { color: "cyan", wrap: "truncate-end", children: serviceName }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Text, { dimColor: true, wrap: "truncate-end", children: model }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Text, { dimColor: true, wrap: "truncate-end", children: workspaceName }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(Text, { dimColor: true, wrap: "truncate-end", children: [
             "v",
             packageVersion()
           ] })
         ]
       }
     ),
-    /* @__PURE__ */ jsxs3(Box_default, { flexGrow: 1, flexDirection: "column", paddingLeft: 1, children: [
-      /* @__PURE__ */ jsx4(Text, { bold: true, color: "yellowBright", children: "Tips for getting started" }),
-      /* @__PURE__ */ jsxs3(Text, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(Box_default, { flexGrow: 1, flexDirection: "column", paddingLeft: 1, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Text, { bold: true, color: "yellowBright", children: "Tips for getting started" }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(Text, { children: [
         "Run ",
-        /* @__PURE__ */ jsx4(Text, { color: "cyan", children: "/init" }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Text, { color: "cyan", children: "/init" }),
         " to create or refresh FLAVOR.md"
       ] }),
-      /* @__PURE__ */ jsxs3(Text, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(Text, { children: [
         "Type ",
-        /* @__PURE__ */ jsx4(Text, { color: "cyan", children: "@" }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Text, { color: "cyan", children: "@" }),
         " to attach a project file"
       ] }),
-      /* @__PURE__ */ jsx4(Box_default, { height: 1 }),
-      /* @__PURE__ */ jsx4(Text, { bold: true, color: "yellowBright", children: "Quick commands" }),
-      /* @__PURE__ */ jsxs3(Text, { children: [
-        /* @__PURE__ */ jsx4(Text, { color: "cyan", children: "/help" }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Box_default, { height: 1 }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Text, { bold: true, color: "yellowBright", children: "Quick commands" }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(Text, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Text, { color: "cyan", children: "/help" }),
         " \xB7 ",
-        /* @__PURE__ */ jsx4(Text, { color: "cyan", children: "/config" }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Text, { color: "cyan", children: "/config" }),
         " \xB7 ",
-        /* @__PURE__ */ jsx4(Text, { color: "cyan", children: "/tasks" })
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Text, { color: "cyan", children: "/tasks" })
       ] }),
       updateHint
     ] })
-  ] }) : /* @__PURE__ */ jsxs3(Box_default, { width: "100%", flexDirection: "column", children: [
-    /* @__PURE__ */ jsx4(Text, { bold: true, color: FLAVOR_ACCENT, children: "\u25C6 Flavor Code" }),
-    /* @__PURE__ */ jsx4(Text, { children: "Welcome back!" }),
-    /* @__PURE__ */ jsxs3(Text, { dimColor: true, wrap: "truncate-end", children: [
+  ] }) : /* @__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, children: "\u25C6 Flavor Code" }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Text, { children: "Welcome back!" }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(Text, { dimColor: true, wrap: "truncate-end", children: [
       model,
       " \xB7 ",
       workspaceName,
       " \xB7 v",
       packageVersion()
     ] }),
-    /* @__PURE__ */ jsxs3(Text, { children: [
-      /* @__PURE__ */ jsx4(Text, { color: "cyan", children: "/init" }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(Text, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Text, { color: "cyan", children: "/init" }),
       " setup \xB7 ",
-      /* @__PURE__ */ jsx4(Text, { color: "cyan", children: "/help" }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Text, { color: "cyan", children: "/help" }),
       " commands"
     ] }),
     updateHint
@@ -2014,10 +2059,13 @@ var PromptHistoryStore = class {
 };
 
 // src/ui/app.tsx
-import { Fragment as Fragment3, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+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 {
@@ -2074,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) };
@@ -2175,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);
@@ -2241,65 +2303,71 @@ function appRuntimeOptions(props, output, onApprovalChange) {
     onToolsChange: onApprovalChange
   };
 }
-function App({ workspace, home, resumeSession, instanceId, palAlias }) {
+function App({ workspace, home, resumeSession, instanceId, palAlias, onSessionEnd }) {
   const { exit } = use_app_default();
-  const { stdout } = useStdout();
-  const [runtime, setRuntime] = useState2();
-  const [input, setInput] = useState2("");
-  const [pastedBlocks, setPastedBlocks] = useState2([]);
-  const [imageAttachments, setImageAttachments] = useState2([]);
-  const [clipboardNotice, setClipboardNotice] = useState2();
-  const [history, setHistory] = useState2([]);
-  const [historyCursor, setHistoryCursor] = useState2(0);
-  const [approvalExpanded, setApprovalExpanded] = useState2(false);
-  const [expandedOutput, setExpandedOutput] = useState2(false);
-  const [promptCursor, setPromptCursor] = useState2(0);
-  const [slashCandidates, setSlashCandidates] = useState2(
+  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)([]);
+  const [imageAttachments, setImageAttachments] = (0, import_react8.useState)([]);
+  const [clipboardNotice, setClipboardNotice] = (0, import_react8.useState)();
+  const [history, setHistory] = (0, import_react8.useState)([]);
+  const [historyCursor, setHistoryCursor] = (0, import_react8.useState)(0);
+  const [approvalExpanded, setApprovalExpanded] = (0, import_react8.useState)(false);
+  const [expandedOutput, setExpandedOutput] = (0, import_react8.useState)(false);
+  const [promptCursor, setPromptCursor] = (0, import_react8.useState)(0);
+  const [slashCandidates, setSlashCandidates] = (0, import_react8.useState)(
     () => buildSlashCandidates(BUILTIN_SLASH_CANDIDATES, [], [])
   );
-  const [slashSelection, setSlashSelection] = useState2(0);
-  const [dismissedSlashInput, setDismissedSlashInput] = useState2();
-  const [mentionCandidates, setMentionCandidates] = useState2([]);
-  const [mentionSelection, setMentionSelection] = useState2(0);
-  const [dismissedMentionInput, setDismissedMentionInput] = useState2();
-  const [pendingPrompts, setPendingPrompts] = useState2([]);
-  const [revision, setRevision] = useState2(0);
-  const [ideContext, setIdeContext] = useState2();
-  const [questionIndex, setQuestionIndex] = useState2(0);
-  const [questionAnswers, setQuestionAnswers] = useState2({});
-  const [customQuestionActive, setCustomQuestionActive] = useState2(false);
-  const [columns, setColumns] = useState2(stdout?.columns ?? 80);
-  const [rows, setRows] = useState2(stdout?.rows ?? 24);
-  const [updateTo, setUpdateTo] = useState2();
-  const [transcript, dispatch] = useReducer(transcriptReducer, void 0, createTranscriptState);
-  const scrollRef = useRef4(null);
-  const mainTaskScrollRef = useRef4(null);
-  const subagentTaskScrollRef = useRef4(null);
-  const hoveredTaskTrack = useRef4(null);
-  const runtimeRef = useRef4(void 0);
-  const pendingPromptRef = useRef4(void 0);
+  const [slashSelection, setSlashSelection] = (0, import_react8.useState)(0);
+  const [dismissedSlashInput, setDismissedSlashInput] = (0, import_react8.useState)();
+  const [mentionCandidates, setMentionCandidates] = (0, import_react8.useState)([]);
+  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 = 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);
+  const runtimeRef = (0, import_react8.useRef)(void 0);
+  const pendingPromptRef = (0, import_react8.useRef)(void 0);
   pendingPromptRef.current ??= new PendingPromptQueue();
-  const closing = useRef4(false);
-  const clipboardBusy = useRef4(false);
-  const clipboardFallbackTimer = useRef4(null);
-  const terminalTextPasteRevision = useRef4(0);
-  const textBuf = useRef4({ pending: "", timer: null });
-  const thinkingBuf = useRef4({ pending: "", timer: null });
-  const promptDraftRef = useRef4({
+  const closing = (0, import_react8.useRef)(false);
+  const clipboardBusy = (0, import_react8.useRef)(false);
+  const clipboardFallbackTimer = (0, import_react8.useRef)(null);
+  const terminalTextPasteRevision = (0, import_react8.useRef)(0);
+  const textBuf = (0, import_react8.useRef)({ pending: "", timer: null });
+  const thinkingBuf = (0, import_react8.useRef)({ pending: "", timer: null });
+  const promptDraftRef = (0, import_react8.useRef)({
     text: input,
     cursor: promptCursor,
     pastedBlocks,
     imageAttachments
   });
-  const promptEditHistory = useRef4(new PromptEditHistory());
-  const historyRef = useRef4([]);
-  const historyCursorRef = useRef4(0);
-  const historyDraftRef = useRef4(void 0);
-  const reverseSearchRef = useRef4(void 0);
-  const promptHistoryStoreRef = useRef4(void 0);
+  const promptEditHistory = (0, import_react8.useRef)(new PromptEditHistory());
+  const historyRef = (0, import_react8.useRef)([]);
+  const historyCursorRef = (0, import_react8.useRef)(0);
+  const historyDraftRef = (0, import_react8.useRef)(void 0);
+  const reverseSearchRef = (0, import_react8.useRef)(void 0);
+  const promptHistoryStoreRef = (0, import_react8.useRef)(void 0);
   promptHistoryStoreRef.current ??= new PromptHistoryStore({ home: home ?? homedir(), workspace, maxEntries: HISTORY_CAP });
   promptDraftRef.current = { text: input, cursor: promptCursor, pastedBlocks, imageAttachments };
-  useEffect3(() => () => {
+  (0, import_react8.useEffect)(() => () => {
     if (clipboardFallbackTimer.current !== null) clearTimeout(clipboardFallbackTimer.current);
   }, []);
   const commitPromptDraft = (next, recordHistory = true) => {
@@ -2318,7 +2386,7 @@ function App({ workspace, home, resumeSession, instanceId, palAlias }) {
     if (next.imageAttachments !== void 0) setImageAttachments(next.imageAttachments);
   };
   useTerminalTitle("Flavor Code");
-  useEffect3(() => {
+  (0, import_react8.useEffect)(() => {
     let disposed = false;
     void promptHistoryStoreRef.current.load().then((entries) => {
       if (disposed) return;
@@ -2339,6 +2407,9 @@ function App({ workspace, home, resumeSession, instanceId, palAlias }) {
       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 = "";
     }
@@ -2363,18 +2434,18 @@ function App({ workspace, home, resumeSession, instanceId, palAlias }) {
     closing.current = true;
     await shutdownRuntime(active, exit, (error) => {
       dispatch({ type: "submit-error", message: error });
-    });
+    }, { ...onSessionEnd === void 0 ? {} : { onSessionEnd } });
   };
-  const shutdownRef = useRef4(shutdown);
+  const shutdownRef = (0, import_react8.useRef)(shutdown);
   shutdownRef.current = shutdown;
-  const interruptRef = useRef4(void 0);
+  const interruptRef = (0, import_react8.useRef)(void 0);
   interruptRef.current ??= createSessionInterruptHandler(
     () => runtimeRef.current?.session,
     () => shutdownRef.current(runtimeRef.current),
     { forceExit: () => process.exit(1) }
   );
   const interrupt = interruptRef.current;
-  useEffect3(() => {
+  (0, import_react8.useEffect)(() => {
     let disposed = false;
     const FLUSH_MS = 100;
     const receive = (event) => {
@@ -2386,6 +2457,7 @@ function App({ workspace, home, resumeSession, instanceId, palAlias }) {
       if (event.type === "clear") {
         flushStreamBuffers();
         dispatch({ type: "clear" });
+        setScrollPosition({ behind: false, newOutput: false });
         return;
       }
       if (event.type === "text") {
@@ -2401,6 +2473,9 @@ function App({ workspace, home, resumeSession, instanceId, palAlias }) {
         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({
@@ -2447,7 +2522,7 @@ function App({ workspace, home, resumeSession, instanceId, palAlias }) {
 `));
     };
   }, [workspace, home, resumeSession, instanceId, palAlias]);
-  useEffect3(() => {
+  (0, import_react8.useEffect)(() => {
     if (runtime === void 0) return;
     let disposed = false;
     void runtime.services.skills().then((skills) => {
@@ -2469,8 +2544,8 @@ function App({ workspace, home, resumeSession, instanceId, palAlias }) {
       disposed = true;
     };
   }, [runtime, revision]);
-  useEffect3(() => installSigintHandler(process, interrupt), [interrupt]);
-  useEffect3(() => {
+  (0, import_react8.useEffect)(() => installSigintHandler(process, interrupt), [interrupt]);
+  (0, import_react8.useEffect)(() => {
     let disposed = false;
     void checkForUpdate(packageVersion()).then((version) => {
       if (version !== void 0 && !disposed) setUpdateTo(version);
@@ -2479,7 +2554,7 @@ function App({ workspace, home, resumeSession, instanceId, palAlias }) {
       disposed = true;
     };
   }, []);
-  useEffect3(() => {
+  (0, import_react8.useEffect)(() => {
     if (runtime?.services.ideContext === void 0) {
       setIdeContext(void 0);
       return;
@@ -2509,7 +2584,7 @@ function App({ workspace, home, resumeSession, instanceId, palAlias }) {
       clearInterval(timer);
     };
   }, [runtime]);
-  useEffect3(() => {
+  (0, import_react8.useEffect)(() => {
     const controller = new AbortController();
     let disposed = false;
     void createGlobTool(workspace, { defaultLimit: 1e4 }).execute({ pattern: "**", limit: 1e4 }, controller.signal).then((result) => {
@@ -2523,29 +2598,41 @@ function App({ workspace, home, resumeSession, instanceId, palAlias }) {
       controller.abort();
     };
   }, [workspace]);
-  useEffect3(() => {
-    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;
-  useEffect3(() => {
+  (0, import_react8.useEffect)(() => {
     setQuestionIndex(0);
     setQuestionAnswers({});
     setCustomQuestionActive(false);
   }, [questions]);
-  useEffect3(() => setApprovalExpanded(false), [approval?.id]);
-  const derivedSlashCompletion = useMemo3(
+  (0, import_react8.useEffect)(() => setApprovalExpanded(false), [approval?.id]);
+  const derivedSlashCompletion = (0, import_react8.useMemo)(
     () => deriveSlashCompletion(input, promptCursor, slashCandidates, slashSelection),
     [input, promptCursor, slashCandidates, slashSelection]
   );
@@ -2618,12 +2705,66 @@ function App({ workspace, home, resumeSession, instanceId, palAlias }) {
     }
   };
   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,
@@ -2636,7 +2777,7 @@ function App({ workspace, home, resumeSession, instanceId, palAlias }) {
       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;
     }
@@ -2831,6 +2972,21 @@ function App({ workspace, home, resumeSession, instanceId, palAlias }) {
       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);
@@ -2860,7 +3016,7 @@ function App({ workspace, home, resumeSession, instanceId, palAlias }) {
         })) 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;
@@ -2969,7 +3125,7 @@ function App({ workspace, home, resumeSession, instanceId, palAlias }) {
       setDismissedMentionInput(void 0);
     }
   });
-  if (runtime === void 0) return /* @__PURE__ */ jsx5(
+  if (runtime === void 0) return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     StartingLayout,
     {
       workspaceName: basename3(workspace),
@@ -2981,7 +3137,7 @@ function App({ workspace, home, resumeSession, instanceId, palAlias }) {
     }
   );
   const llmServiceName = runtime.services.llmServiceName?.();
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     TerminalLayout,
     {
       model: runtime.services.mainModel(),
@@ -3002,6 +3158,7 @@ function App({ workspace, home, resumeSession, instanceId, palAlias }) {
       ...ideContext === void 0 ? {} : { ideContext },
       completedSlashTokenLength: completedTokenLength,
       scrollRef,
+      focusScrollRef,
       mainTaskScrollRef,
       subagentTaskScrollRef,
       onTaskPanelHoverChange: (track) => {
@@ -3016,6 +3173,19 @@ function App({ workspace, home, resumeSession, instanceId, palAlias }) {
       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
@@ -3030,7 +3200,7 @@ function StartingLayout({
   columns,
   rows
 }) {
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     TerminalLayout,
     {
       model: "starting",
@@ -3050,7 +3220,15 @@ var CLI_VISIBLE_TURN_LIMIT = 40;
 var CLI_VISIBLE_BLOCK_LIMIT = 320;
 var CLI_VISIBLE_BLOCKS_PER_TURN = 80;
 var CLI_VISIBLE_TEXT_CHARS = 32e3;
-function cliRenderBudget(rows, columns) {
+function cliRenderBudget(rows, columns, expanded = false) {
+  if (expanded) {
+    return {
+      turns: Number.POSITIVE_INFINITY,
+      blocks: Number.POSITIVE_INFINITY,
+      blocksPerTurn: Number.POSITIVE_INFINITY,
+      textChars: Number.POSITIVE_INFINITY
+    };
+  }
   const viewportRows = Math.max(8, Math.floor(rows));
   const viewportColumns = Math.max(20, Math.floor(columns));
   const screenMultiplier = 4;
@@ -3131,6 +3309,9 @@ function boundedCliPresentation(presentation, maxTextChars = CLI_VISIBLE_TEXT_CH
   return presentation;
 }
 function boundedCliTurn(turn, maxBlocks = CLI_VISIBLE_BLOCKS_PER_TURN, maxTextChars = CLI_VISIBLE_TEXT_CHARS) {
+  const uncapped = !Number.isFinite(maxTextChars);
+  const toolTextLimit = uncapped ? maxTextChars : CLI_VISIBLE_TEXT_CHARS;
+  const promptLimit = uncapped ? maxTextChars : 16e3;
   const blockLimit = Math.max(1, Math.floor(maxBlocks));
   const hiddenBlocks = Math.max(0, turn.blocks.length - blockLimit);
   const visible = turn.blocks.slice(-blockLimit).map((block) => block.kind === "text" ? { ...block, text: boundedCliDisplayText(block.text, maxTextChars) } : {
@@ -3138,37 +3319,37 @@ function boundedCliTurn(turn, maxBlocks = CLI_VISIBLE_BLOCKS_PER_TURN, maxTextCh
     ...block.details === void 0 ? {} : {
       details: boundedCliDisplayText(
         block.details,
-        block.tool !== void 0 || block.presentation !== void 0 ? CLI_VISIBLE_TEXT_CHARS : maxTextChars
+        block.tool !== void 0 || block.presentation !== void 0 ? toolTextLimit : maxTextChars
       )
     },
     ...block.presentation === void 0 ? {} : {
-      presentation: boundedCliPresentation(block.presentation, CLI_VISIBLE_TEXT_CHARS)
+      presentation: boundedCliPresentation(block.presentation, toolTextLimit)
     }
   });
   const blocks = hiddenBlocks === 0 ? visible : [{
     kind: "status",
     id: `display-window:${turn.id}`,
     state: "info",
-    text: `\xB7 ${hiddenBlocks} earlier output items hidden to keep the terminal responsive`
+    text: `\xB7 ${hiddenBlocks} earlier output items hidden to keep the terminal responsive \xB7 ${outputToggleShortcut()} to view all`
   }, ...visible];
   return {
     hiddenBlocks,
     turn: {
       ...turn,
-      prompt: boundedCliDisplayText(turn.prompt, 16e3),
+      prompt: boundedCliDisplayText(turn.prompt, promptLimit),
       blocks,
       statusLines: blocks.filter((block) => block.kind === "status").map((block) => block.text)
     }
   };
 }
-function cliTranscriptWindow(completed, maxTurns = CLI_VISIBLE_TURN_LIMIT, maxBlocks = CLI_VISIBLE_BLOCK_LIMIT, maxTextChars = CLI_VISIBLE_TEXT_CHARS) {
+function cliTranscriptWindow(completed, maxTurns = CLI_VISIBLE_TURN_LIMIT, maxBlocks = CLI_VISIBLE_BLOCK_LIMIT, maxTextChars = CLI_VISIBLE_TEXT_CHARS, maxBlocksPerTurn = CLI_VISIBLE_BLOCKS_PER_TURN) {
   const turns = [];
   let remainingBlocks = Math.max(1, Math.floor(maxBlocks));
   let hiddenBlocks = 0;
   for (let index = completed.length - 1; index >= 0 && turns.length < Math.max(1, Math.floor(maxTurns)); index -= 1) {
     const source = completed[index];
     if (remainingBlocks <= 0) break;
-    const allowance = Math.min(CLI_VISIBLE_BLOCKS_PER_TURN, remainingBlocks);
+    const allowance = Math.min(maxBlocksPerTurn, remainingBlocks);
     const bounded = boundedCliTurn(source, allowance, maxTextChars);
     turns.push(bounded.turn);
     hiddenBlocks += bounded.hiddenBlocks;
@@ -3204,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,
@@ -3218,14 +3407,14 @@ function TerminalLayout({
   const dividerWidth = Math.max(1, columns - 1);
   const outputShortcut = outputToggleShortcut();
   const showWelcome = completed.length === 0 && active === void 0;
-  const budget = useMemo3(
-    () => cliRenderBudget(rows, columns),
-    [rows, columns]
+  const budget = (0, import_react8.useMemo)(
+    () => cliRenderBudget(rows, columns, expandedOutput),
+    [rows, columns, expandedOutput]
   );
-  const activeTaskBlocks = useMemo3(() => active?.blocks.filter(
+  const activeTaskBlocks = (0, import_react8.useMemo)(() => active?.blocks.filter(
     (block) => block.kind === "status" && block.task !== void 0
   ) ?? [], [active]);
-  const activeWithoutTasks = useMemo3(() => {
+  const activeWithoutTasks = (0, import_react8.useMemo)(() => {
     if (active === void 0) return void 0;
     const raw = {
       ...active,
@@ -3233,44 +3422,88 @@ function TerminalLayout({
     };
     return boundedCliTurn(raw, budget.blocksPerTurn, budget.textChars).turn;
   }, [active, budget]);
-  const completedWindow = useMemo3(
-    () => cliTranscriptWindow(completed, budget.turns, budget.blocks, budget.textChars),
+  const completedWindow = (0, import_react8.useMemo)(
+    () => 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);
-  return /* @__PURE__ */ jsxs4(Box_default, { height: rows, width: "100%", flexDirection: "column", overflow: "hidden", children: [
-    /* @__PURE__ */ jsxs4(ScrollBox_default, { ...scrollRef === void 0 ? {} : { ref: scrollRef }, flexGrow: 1, flexDirection: "column", stickyScroll: true, children: [
-      showWelcome ? /* @__PURE__ */ jsx5(WelcomeCard, { model, ...serviceName === void 0 ? {} : { serviceName }, workspaceName, ...updateTo === void 0 ? {} : { updateTo }, columns }) : /* @__PURE__ */ jsxs4(Text, { dimColor: true, children: [
+  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: [
+    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 ",
         workspaceName
       ] }),
-      /* @__PURE__ */ jsx5(Box_default, { height: 1 }),
-      completedWindow.hiddenTurns > 0 || completedWindow.hiddenBlocks > 0 ? /* @__PURE__ */ jsxs4(Text, { dimColor: true, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Box_default, { height: 1 }),
+      completedWindow.hiddenTurns > 0 || completedWindow.hiddenBlocks > 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { dimColor: true, children: [
         "\u2026 ",
         completedWindow.hiddenTurns,
         " earlier turns and ",
         completedWindow.hiddenBlocks,
-        " output items hidden to keep the terminal responsive"
+        " output items hidden to keep the terminal responsive \xB7 ",
+        outputShortcut,
+        " to view all"
       ] }) : null,
-      completedWindow.turns.map((turn, index) => /* @__PURE__ */ jsxs4(Box_default, { flexDirection: "column", children: [
-        index > 0 ? /* @__PURE__ */ jsx5(TurnSeparator, { width: columns }) : null,
-        /* @__PURE__ */ jsx5(TurnView, { turn, interactive: false, workspaceName, expandedOutput })
+      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__ */ jsxs4(Box_default, { flexDirection: "column", children: [
-        completedWindow.turns.length > 0 ? /* @__PURE__ */ jsx5(TurnSeparator, { width: columns }) : null,
-        /* @__PURE__ */ jsx5(TurnView, { turn: activeWithoutTasks, interactive: activeSession, workspaceName, expandedOutput })
+      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 })
       ] })
     ] }),
-    /* @__PURE__ */ jsx5(
+    !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,
       {
         blocks: activeTaskBlocks,
@@ -3282,67 +3515,30 @@ function TerminalLayout({
         ...onTaskPanelHoverChange === void 0 ? {} : { onHoverChange: onTaskPanelHoverChange }
       }
     ),
-    /* @__PURE__ */ jsxs4(Box_default, { position: "relative", flexShrink: 0, width: "100%", children: [
-      completion === void 0 && mentionCompletion === void 0 ? null : /* @__PURE__ */ jsxs4(Box_default, { position: "absolute", bottom: "100%", left: 0, right: 0, flexDirection: "column", opaque: true, children: [
-        completion === void 0 ? null : /* @__PURE__ */ jsx5(SlashMenu, { completion }),
-        mentionCompletion === void 0 ? null : /* @__PURE__ */ jsx5(MentionMenu, { completion: mentionCompletion, ...onMentionSelect === void 0 ? {} : { onSelect: onMentionSelect } })
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Box_default, { position: "relative", flexShrink: 0, width: "100%", children: [
+      completion === void 0 && mentionCompletion === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Box_default, { position: "absolute", bottom: "100%", left: 0, right: 0, flexDirection: "column", opaque: true, children: [
+        completion === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(SlashMenu, { completion }),
+        mentionCompletion === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(MentionMenu, { completion: mentionCompletion, ...onMentionSelect === void 0 ? {} : { onSelect: onMentionSelect } })
       ] }),
-      /* @__PURE__ */ jsxs4(Box_default, { flexDirection: "column", flexShrink: 0, maxHeight: bottomMaxRows, width: "100%", overflowY: "hidden", children: [
-        approval === void 0 ? null : /* @__PURE__ */ jsxs4(Box_default, { flexDirection: "column", marginBottom: 1, children: [
-          /* @__PURE__ */ jsxs4(Text, { color: "magenta", children: [
-            "\u250C\u2500 approval \xB7 ",
-            approval.tool
-          ] }),
-          /* @__PURE__ */ jsxs4(Text, { wrap: "truncate-end", color: "magentaBright", children: [
-            "\u2502 ",
-            approval.reason ?? "This action needs permission."
-          ] }),
-          approvalExpanded ? approvalDetailLines(approval).map((line, index) => /* @__PURE__ */ jsxs4(Text, { color: "magentaBright", wrap: "truncate-end", children: [
-            "\u2502 ",
-            line
-          ] }, `${approval.id}:detail:${index}`)) : null,
-          isDestructiveTool(approval.tool) || approval.allowAlways === false ? /* @__PURE__ */ jsxs4(Text, { bold: true, color: "magenta", children: [
-            "\u2514\u2500 ",
-            /* @__PURE__ */ jsx5(Text, { color: "cyan", children: "v" }),
-            "=details / ",
-            /* @__PURE__ */ jsx5(Text, { color: "green", children: "y" }),
-            "=once / ",
-            /* @__PURE__ */ jsx5(Text, { color: "cyan", children: "e" }),
-            "=accept edits / ",
-            /* @__PURE__ */ jsx5(Text, { color: "red", children: "n" }),
-            "=deny"
-          ] }) : /* @__PURE__ */ jsxs4(Text, { bold: true, color: "magenta", children: [
-            "\u2514\u2500 ",
-            /* @__PURE__ */ jsx5(Text, { color: "cyan", children: "v" }),
-            "=details / ",
-            /* @__PURE__ */ jsx5(Text, { color: "green", children: "y" }),
-            "=once / ",
-            /* @__PURE__ */ jsx5(Text, { color: "yellow", children: "a" }),
-            "=same-type / ",
-            /* @__PURE__ */ jsx5(Text, { color: "cyan", children: "e" }),
-            "=accept edits / ",
-            /* @__PURE__ */ jsx5(Text, { color: "red", children: "n" }),
-            "=deny"
-          ] })
-        ] }),
-        !questions || questions.length === 0 ? null : /* @__PURE__ */ jsx5(QuestionCards, { questions, activeIndex: questionIndex, answers: questionAnswers, customActive: customQuestionActive }),
-        memoryReviews.length === 0 ? null : /* @__PURE__ */ jsx5(MemoryReviewCards, { reviews: memoryReviews, autoDismissSeconds: memoryAutoDismissSeconds }),
-        pendingPrompts.length === 0 ? null : /* @__PURE__ */ jsxs4(Text, { color: "yellow", wrap: "truncate-end", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Box_default, { flexDirection: "column", flexShrink: 0, maxHeight: bottomMaxRows, width: "100%", overflowY: "hidden", children: [
+        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"
         ] }),
-        /* @__PURE__ */ jsx5(Text, { dimColor: true, children: "\u2500".repeat(dividerWidth) }),
-        imageAttachments.map((image, index) => /* @__PURE__ */ jsxs4(Text, { color: "cyan", wrap: "truncate-end", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { dimColor: true, children: "\u2500".repeat(dividerWidth) }),
+        imageAttachments.map((image, index) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { color: "cyan", wrap: "truncate-end", children: [
           "[Image #",
           index + 1,
           "] ",
           image.name ?? basename3(image.source.path)
         ] }, `${image.sha256}:${index}`)),
-        clipboardNotice === void 0 ? null : /* @__PURE__ */ jsx5(Text, { color: "yellow", wrap: "truncate-end", children: clipboardNotice }),
-        /* @__PURE__ */ jsx5(
+        clipboardNotice === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: "yellow", wrap: "truncate-end", children: clipboardNotice }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
           PromptLine,
           {
             input,
@@ -3354,10 +3550,11 @@ function TerminalLayout({
             ...onPromptCursorChange === void 0 ? {} : { onCursorChange: onPromptCursorChange }
           }
         ),
-        /* @__PURE__ */ jsx5(
+        /* @__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" : "expand"} tools` : `Enter send \xB7 \u2191\u2193/Ctrl/Cmd+R history \xB7 ${outputShortcut} ${expandedOutput ? "collapse" : "expand"} tools \xB7 Ctrl+C exit`,
+            hint: footerHint,
+            columns,
             ...ideContext === void 0 ? {} : { ideContext }
           }
         )
@@ -3367,12 +3564,14 @@ function TerminalLayout({
 }
 function FooterStatus({
   hint,
+  columns,
   ideContext
 }) {
   const ide = ideFooterPresentation(ideContext);
-  return /* @__PURE__ */ jsxs4(Box_default, { flexDirection: "row", width: "100%", justifyContent: "space-between", children: [
-    /* @__PURE__ */ jsx5(Box_default, { flexGrow: 1, flexShrink: 1, children: /* @__PURE__ */ jsx5(Text, { dimColor: true, wrap: "truncate-end", children: hint }) }),
-    ide === void 0 ? null : /* @__PURE__ */ jsx5(Box_default, { flexShrink: 0, marginLeft: 1, children: /* @__PURE__ */ jsxs4(Text, { color: "cyan", wrap: "truncate-end", children: [
+  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 }) }),
+    !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
     ] }) })
@@ -3385,85 +3584,153 @@ 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__ */ jsx5(Box_default, { flexDirection: "column", marginBottom: 1, children: questions.map((q, qi) => /* @__PURE__ */ jsxs4(Box_default, { flexDirection: "column", marginBottom: qi < questions.length - 1 ? 1 : 0, children: [
-    /* @__PURE__ */ jsxs4(Text, { bold: true, color: "cyan", children: [
-      "\u250C\u2500 ",
-      q.header
-    ] }),
-    /* @__PURE__ */ jsxs4(Text, { wrap: "truncate-end", color: "cyanBright", children: [
-      "\u2502 ",
-      q.question
-    ] }),
-    qi < activeIndex ? /* @__PURE__ */ jsxs4(Text, { color: "green", children: [
-      "\u2502  \u2713 ",
-      answers[qi]
-    ] }) : qi > activeIndex ? null : q.options.map((opt, oi) => /* @__PURE__ */ jsxs4(Text, { color: "cyan", children: [
-      "\u2502  ",
-      /* @__PURE__ */ jsx5(Text, { bold: true, color: "green", children: oi + 1 }),
-      ". ",
-      opt.label,
-      /* @__PURE__ */ jsxs4(Text, { dimColor: true, children: [
-        "  ",
-        opt.description
-      ] })
-    ] }, oi)),
-    qi === activeIndex ? /* @__PURE__ */ jsxs4(Fragment3, { children: [
-      /* @__PURE__ */ jsxs4(Text, { color: "cyan", children: [
-        "\u2502  ",
-        /* @__PURE__ */ jsx5(Text, { bold: true, color: "green", children: q.options.length + 1 }),
-        ". Custom input",
-        /* @__PURE__ */ jsx5(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)(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__ */ jsxs4(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.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];
-  const [remaining, setRemaining] = useState2(autoDismissSeconds);
-  useEffect3(() => {
+  const [remaining, setRemaining] = (0, import_react8.useState)(autoDismissSeconds);
+  (0, import_react8.useEffect)(() => {
     if (autoDismissSeconds <= 0) return;
     setRemaining(autoDismissSeconds);
     const timer = setInterval(() => setRemaining((current) => Math.max(0, current - 1)), 1e3);
     return () => clearInterval(timer);
   }, [review.id, autoDismissSeconds]);
-  return /* @__PURE__ */ jsxs4(Box_default, { flexDirection: "column", marginBottom: 1, children: [
-    /* @__PURE__ */ jsxs4(Text, { bold: true, color: "yellow", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Box_default, { flexDirection: "column", marginBottom: 1, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { bold: true, color: "yellow", children: [
       "\u250C\u2500 Long-term memory requires confirmation (",
       reviews.length,
       ")"
     ] }),
-    /* @__PURE__ */ jsxs4(Text, { color: "yellowBright", wrap: "truncate-end", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { color: "yellowBright", wrap: "truncate-end", children: [
       "\u2502 [",
       review.type,
       "] ",
       review.content
     ] }),
-    /* @__PURE__ */ jsx5(Text, { dimColor: true, children: "\u2502 Model-generated content is not stored until you approve it." }),
-    /* @__PURE__ */ jsxs4(Text, { color: "yellow", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { dimColor: true, children: "\u2502 Model-generated content is not stored until you approve it." }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { color: "yellow", children: [
       "\u2514\u2500 ",
-      /* @__PURE__ */ jsx5(Text, { bold: true, children: "Ctrl+Y" }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { bold: true, children: "Ctrl+Y" }),
       " save / ",
-      /* @__PURE__ */ jsx5(Text, { bold: true, children: "Ctrl+N" }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { bold: true, children: "Ctrl+N" }),
       " ignore",
-      autoDismissSeconds > 0 ? /* @__PURE__ */ jsx5(Text, { bold: true, color: "cyanBright", children: ` (auto-dismiss in ${remaining}s)` }) : " (conversation remains available)"
+      autoDismissSeconds > 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { bold: true, color: "cyanBright", children: ` (auto-dismiss in ${remaining}s)` }) : " (conversation remains available)"
     ] })
   ] });
 }
 function SlashMenu({ completion }) {
   const visible = completion.items.slice(completion.windowStart, completion.windowStart + 6);
-  return /* @__PURE__ */ jsx5(Box_default, { flexDirection: "column", width: "100%", children: visible.map((candidate, visibleIndex) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Box_default, { flexDirection: "column", width: "100%", children: visible.map((candidate, visibleIndex) => {
     const index = completion.windowStart + visibleIndex;
     const presentation = slashCandidatePresentation(index === completion.selectedIndex);
-    return /* @__PURE__ */ jsxs4(Text, { ...presentation.rowStyle, wrap: "truncate-end", children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { ...presentation.rowStyle, wrap: "truncate-end", children: [
       presentation.marker,
-      /* @__PURE__ */ jsx5(HighlightedName, { name: candidate.name, query: completion.query, matchStyle: presentation.matchStyle }),
-      candidate.kind === "skill" || candidate.kind === "plugin" ? /* @__PURE__ */ jsx5(Text, { color: candidate.kind === "skill" ? "magentaBright" : "cyanBright", children: `  ${candidate.kind}` }) : null,
-      candidate.description === void 0 ? null : /* @__PURE__ */ jsx5(Text, { dimColor: true, children: `  ${normalizeSlashDescription(candidate.description)}` })
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(HighlightedName, { name: candidate.name, query: completion.query, matchStyle: presentation.matchStyle }),
+      candidate.kind === "skill" || candidate.kind === "plugin" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: candidate.kind === "skill" ? "magentaBright" : "cyanBright", children: `  ${candidate.kind}` }) : null,
+      candidate.description === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { dimColor: true, children: `  ${normalizeSlashDescription(candidate.description)}` })
     ] }, `${candidate.kind}:${candidate.name}`);
   }) });
 }
@@ -3472,19 +3739,19 @@ function MentionMenu({
   onSelect
 }) {
   const visible = completion.items.slice(completion.windowStart, completion.windowStart + 6);
-  return /* @__PURE__ */ jsx5(Box_default, { flexDirection: "column", width: "100%", children: visible.map((path, visibleIndex) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Box_default, { flexDirection: "column", width: "100%", children: visible.map((path, visibleIndex) => {
     const index = completion.windowStart + visibleIndex;
     const presentation = mentionCandidatePresentation(index === completion.selectedIndex);
-    return /* @__PURE__ */ jsx5(
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       Box_default,
       {
         width: "100%",
         onClick: (event) => {
           if (!event.cellIsBlank) onSelect?.(path);
         },
-        children: /* @__PURE__ */ jsxs4(Text, { ...presentation.textStyle, wrap: "truncate-end", children: [
+        children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { ...presentation.textStyle, wrap: "truncate-end", children: [
           presentation.marker,
-          presentation.highlightMatches ? /* @__PURE__ */ jsx5(HighlightedName, { name: path, query: completion.query, matchStyle: presentation.matchStyle }) : path
+          presentation.highlightMatches ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(HighlightedName, { name: path, query: completion.query, matchStyle: presentation.matchStyle }) : path
         ] })
       },
       path
@@ -3497,16 +3764,16 @@ function HighlightedName({
   matchStyle
 }) {
   const ranges = matchRanges(name, query);
-  if (ranges.length === 0) return /* @__PURE__ */ jsx5(Text, { children: name });
+  if (ranges.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { children: name });
   const parts = [];
   let cursor = 0;
   for (const [start, end] of ranges) {
     if (start > cursor) parts.push(name.slice(cursor, start));
-    parts.push(/* @__PURE__ */ jsx5(Text, { ...matchStyle, children: name.slice(start, end) }, `${start}:${end}`));
+    parts.push(/* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { ...matchStyle, children: name.slice(start, end) }, `${start}:${end}`));
     cursor = end;
   }
   if (cursor < name.length) parts.push(name.slice(cursor));
-  return /* @__PURE__ */ jsx5(Text, { children: parts });
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { children: parts });
 }
 function jumpScroll(scroll, delta) {
   const maximum = Math.max(0, scroll.getScrollHeight() - scroll.getViewportHeight());
@@ -3518,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;
@@ -3540,25 +3816,25 @@ function scrollUp(scroll, amount) {
   else scroll.scrollBy(-amount);
 }
 function TurnSeparator({ width }) {
-  return /* @__PURE__ */ jsx5(Text, { dimColor: true, children: "\u2500".repeat(Math.max(1, width - 1)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { dimColor: true, children: "\u2500".repeat(Math.max(1, width - 1)) });
 }
-var TurnView = React4.memo(function TurnView2({
+var TurnView = import_react8.default.memo(function TurnView2({
   turn,
   interactive,
   workspaceName,
   expandedOutput
 }) {
   if (turn.kind === "compaction") {
-    return /* @__PURE__ */ jsxs4(Box_default, { flexDirection: "column", marginBottom: 1, borderStyle: "round", borderColor: "ansi:yellowBright", paddingX: 1, children: [
-      /* @__PURE__ */ jsx5(Text, { color: "ansi:yellowBright", bold: true, children: turn.prompt }),
-      turn.blocks.map((block, index) => block.kind === "status" ? /* @__PURE__ */ jsx5(StatusBlockView, { block, interactive, workspaceName, expandedOutput }, block.id) : /* @__PURE__ */ jsx5(Box_default, { children: /* @__PURE__ */ jsx5(AssistantText, { text: block.text }) }, `${turn.id}-text-${index}`))
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Box_default, { flexDirection: "column", marginBottom: 1, borderStyle: "round", borderColor: "ansi:yellowBright", paddingX: 1, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: "ansi:yellowBright", bold: true, children: turn.prompt }),
+      turn.blocks.map((block, index) => block.kind === "status" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(StatusBlockView, { block, interactive, workspaceName, expandedOutput }, block.id) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(AssistantText, { text: block.text }) }, `${turn.id}-text-${index}`))
     ] });
   }
   if (turn.source?.kind === "pal") {
     const context = turn.source.context === void 0 ? "" : ` \xB7 ${turn.source.context}`;
-    return /* @__PURE__ */ jsxs4(Box_default, { flexDirection: "column", marginBottom: 1, children: [
-      /* @__PURE__ */ jsxs4(Box_default, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1, children: [
-        /* @__PURE__ */ jsxs4(Text, { color: "cyanBright", bold: true, children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Box_default, { flexDirection: "column", marginBottom: 1, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Box_default, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { color: "cyanBright", bold: true, children: [
           "PAL \xB7 ",
           turn.source.alias,
           " (",
@@ -3566,20 +3842,20 @@ var TurnView = React4.memo(function TurnView2({
           ")",
           context
         ] }),
-        /* @__PURE__ */ jsx5(Text, { color: "ansi:whiteBright", children: turn.prompt })
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: "ansi:whiteBright", children: turn.prompt })
       ] }),
-      /* @__PURE__ */ jsx5(Box_default, { flexDirection: "column", paddingLeft: 2, marginTop: 1, children: turn.blocks.map((block, index) => block.kind === "status" ? /* @__PURE__ */ jsx5(StatusBlockView, { block, interactive, workspaceName, expandedOutput }, block.id) : /* @__PURE__ */ jsx5(Box_default, { marginBottom: 1, children: /* @__PURE__ */ jsx5(AssistantText, { text: block.text }) }, `${turn.id}-text-${index}`)) })
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Box_default, { flexDirection: "column", paddingLeft: 2, marginTop: 1, children: turn.blocks.map((block, index) => block.kind === "status" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(StatusBlockView, { block, interactive, workspaceName, expandedOutput }, block.id) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Box_default, { marginBottom: 1, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(AssistantText, { text: block.text }) }, `${turn.id}-text-${index}`)) })
     ] });
   }
-  return /* @__PURE__ */ jsxs4(Box_default, { flexDirection: "column", marginBottom: 1, children: [
-    /* @__PURE__ */ jsxs4(Box_default, { flexDirection: "row", backgroundColor: "#3a3a3a", paddingX: 1, paddingY: 0, children: [
-      /* @__PURE__ */ jsx5(Text, { color: "ansi:whiteBright", bold: true, backgroundColor: "#3a3a3a", children: "\u276F" }),
-      /* @__PURE__ */ jsxs4(Text, { color: "ansi:whiteBright", bold: true, backgroundColor: "#3a3a3a", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Box_default, { flexDirection: "column", marginBottom: 1, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Box_default, { flexDirection: "row", backgroundColor: "#3a3a3a", paddingX: 1, paddingY: 0, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: "ansi:whiteBright", bold: true, backgroundColor: "#3a3a3a", children: "\u276F" }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { color: "ansi:whiteBright", bold: true, backgroundColor: "#3a3a3a", children: [
         " ",
         turn.prompt
       ] })
     ] }),
-    /* @__PURE__ */ jsx5(Box_default, { flexDirection: "column", paddingLeft: 2, marginTop: 1, children: turn.blocks.map((block, index) => block.kind === "status" ? /* @__PURE__ */ jsx5(StatusBlockView, { block, interactive, workspaceName, expandedOutput }, block.id) : /* @__PURE__ */ jsx5(Box_default, { marginBottom: 1, children: /* @__PURE__ */ jsx5(AssistantText, { text: block.text }) }, `${turn.id}-text-${index}`)) })
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Box_default, { flexDirection: "column", paddingLeft: 2, marginTop: 1, children: turn.blocks.map((block, index) => block.kind === "status" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(StatusBlockView, { block, interactive, workspaceName, expandedOutput }, block.id) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Box_default, { marginBottom: 1, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(AssistantText, { text: block.text }) }, `${turn.id}-text-${index}`)) })
   ] });
 });
 var DIFF_CONTENT = fileDiffLineStyle("context").contentColor;
@@ -3588,11 +3864,11 @@ var DIFF_ADDED_MARKER = fileDiffLineStyle("added").markerColor;
 function FileDiffView({ presentation, expanded }) {
   const operation = presentation.operation === "create" ? "Create" : presentation.operation === "delete" ? "Delete" : "Update";
   if (presentation.operation === "delete") {
-    return /* @__PURE__ */ jsxs4(Box_default, { flexDirection: "row", children: [
-      /* @__PURE__ */ jsx5(Text, { color: DIFF_REMOVED_MARKER, children: "\u25CF" }),
-      /* @__PURE__ */ jsxs4(Text, { color: DIFF_CONTENT, children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Box_default, { flexDirection: "row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: DIFF_REMOVED_MARKER, children: "\u25CF" }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { color: DIFF_CONTENT, children: [
         " ",
-        /* @__PURE__ */ jsx5(Text, { bold: true, children: operation }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { bold: true, children: operation }),
         "(",
         basename3(presentation.path),
         ")"
@@ -3600,29 +3876,29 @@ function FileDiffView({ presentation, expanded }) {
     ] });
   }
   const lineWidth = Math.max(1, ...presentation.lines.map((line) => Math.max(line.oldLine ?? 0, line.newLine ?? 0))).toString().length;
-  return /* @__PURE__ */ jsxs4(Box_default, { flexDirection: "column", width: "100%", children: [
-    /* @__PURE__ */ jsxs4(Box_default, { flexDirection: "row", children: [
-      /* @__PURE__ */ jsx5(Text, { color: DIFF_ADDED_MARKER, children: "\u25CF" }),
-      /* @__PURE__ */ jsxs4(Text, { color: DIFF_CONTENT, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Box_default, { flexDirection: "column", width: "100%", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Box_default, { flexDirection: "row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: DIFF_ADDED_MARKER, children: "\u25CF" }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { color: DIFF_CONTENT, children: [
         " ",
-        /* @__PURE__ */ jsx5(Text, { bold: true, children: operation }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { bold: true, children: operation }),
         "(",
         basename3(presentation.path),
         ")"
       ] })
     ] }),
-    /* @__PURE__ */ jsxs4(Text, { color: DIFF_CONTENT, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { color: DIFF_CONTENT, children: [
       "  \u2514 Added ",
       lineCount(presentation.added),
       ", removed ",
       lineCount(presentation.removed)
     ] }),
-    (expanded ? presentation.lines : []).map((line, index) => /* @__PURE__ */ jsx5(FileDiffRow, { line, lineWidth }, `${line.kind}:${line.oldLine ?? ""}:${line.newLine ?? ""}:${index}`))
+    (expanded ? presentation.lines : []).map((line, index) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(FileDiffRow, { line, lineWidth }, `${line.kind}:${line.oldLine ?? ""}:${line.newLine ?? ""}:${index}`))
   ] });
 }
 function FileDiffRow({ line, lineWidth }) {
   if (line.kind === "omitted") {
-    return /* @__PURE__ */ jsxs4(Text, { color: DIFF_CONTENT, dimColor: true, children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { color: DIFF_CONTENT, dimColor: true, children: [
       " ".repeat(lineWidth + 4),
       line.text
     ] });
@@ -3631,14 +3907,14 @@ function FileDiffRow({ line, lineWidth }) {
   const marker = line.kind === "removed" ? "-" : line.kind === "added" ? "+" : " ";
   const { backgroundColor, markerColor, contentColor } = fileDiffLineStyle(line.kind);
   const prefix = `${String(number ?? "").padStart(lineWidth)} ${marker}| `;
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
     Box_default,
     {
       flexDirection: "row",
       width: "100%",
       ...backgroundColor === void 0 ? {} : { backgroundColor },
       children: [
-        /* @__PURE__ */ jsx5(
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
           Text,
           {
             color: markerColor,
@@ -3647,7 +3923,7 @@ function FileDiffRow({ line, lineWidth }) {
             children: prefix
           }
         ),
-        /* @__PURE__ */ jsx5(
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
           Text,
           {
             color: contentColor,
@@ -3663,18 +3939,18 @@ function lineCount(count) {
   return `${count} ${count === 1 ? "line" : "lines"}`;
 }
 function StatusLine({ block, interactive }) {
-  if (block.progress !== void 0) return /* @__PURE__ */ jsx5(CompactProgressLine, { progress: block.progress });
+  if (block.progress !== void 0) return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(CompactProgressLine, { progress: block.progress });
   const running = block.state === "running";
   const [ref, time] = useAnimationFrame(running && interactive ? 120 : null);
   const color = statusLineColor(block);
   const frames = ["\u280B", "\u2819", "\u2839", "\u2838", "\u283C", "\u2834", "\u2826", "\u2827", "\u2807", "\u280F"];
   const spinner = running && interactive ? frames[Math.floor(Math.max(0, time) / 120) % frames.length] + " " : "";
-  return /* @__PURE__ */ jsxs4(Box_default, { ref, flexDirection: "row", children: [
-    /* @__PURE__ */ jsxs4(Text, { ...color === void 0 ? { dimColor: true } : { color }, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Box_default, { ref, flexDirection: "row", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { ...color === void 0 ? { dimColor: true } : { color }, children: [
       spinner,
       block.text
     ] }),
-    block.hint === void 0 ? null : /* @__PURE__ */ jsxs4(Text, { dimColor: true, wrap: "truncate-end", children: [
+    block.hint === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { dimColor: true, wrap: "truncate-end", children: [
       " (",
       block.hint,
       ")"
@@ -3690,13 +3966,13 @@ function statusLineColor(block) {
 }
 function CompactProgressLine({ progress }) {
   const presentation = compactProgressPresentation(progress);
-  return /* @__PURE__ */ jsxs4(Box_default, { flexDirection: "row", children: [
-    /* @__PURE__ */ jsx5(Text, { children: "Compacting context " }),
-    presentation.cells.map((cell, index) => /* @__PURE__ */ jsxs4(Text, { color: cell.color, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Box_default, { flexDirection: "row", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { children: "Compacting context " }),
+    presentation.cells.map((cell, index) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { color: cell.color, children: [
       "\u25A0",
       index === presentation.cells.length - 1 ? "" : " "
     ] }, index)),
-    /* @__PURE__ */ jsxs4(Text, { dimColor: true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { dimColor: true, children: [
       " ",
       presentation.progress,
       "%"
@@ -3727,13 +4003,13 @@ function PromptLine({
     lineStarts.push(nextLineStart);
     nextLineStart += [...line].length;
   }
-  return /* @__PURE__ */ jsx5(Box_default, { width: "100%", flexDirection: "column", paddingX: PROMPT_HORIZONTAL_PADDING, children: visibleLines.map((line, visibleIndex) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Box_default, { width: "100%", flexDirection: "column", paddingX: PROMPT_HORIZONTAL_PADDING, children: visibleLines.map((line, visibleIndex) => {
     const lineIndex = windowStart + visibleIndex;
     const isCursorLine = lineIndex === wrap.cursor.line;
     const points = [...line];
     const cursorCol = wrap.cursor.column;
     const styledCount = Math.max(0, Math.min(points.length, tokenLength - (lineStarts[lineIndex] ?? 0)));
-    return /* @__PURE__ */ jsxs4(
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
       Box_default,
       {
         ...onCursorChange === void 0 ? {} : {
@@ -3747,8 +4023,8 @@ function PromptLine({
           }
         },
         children: [
-          /* @__PURE__ */ jsx5(Text, { color: "yellow", bold: true, children: lineIndex === 0 ? "\u276F " : "  " }),
-          /* @__PURE__ */ jsx5(PromptLineContent, { points, cursor: cursorCol, cursorVisible: isCursorLine, styledCount })
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: "yellow", bold: true, children: lineIndex === 0 ? "\u276F " : "  " }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(PromptLineContent, { points, cursor: cursorCol, cursorVisible: isCursorLine, styledCount })
         ]
       },
       lineIndex
@@ -3764,14 +4040,14 @@ function StatusBlockView({
   const visibleBlock = cliToolTitle(block);
   const outcome = cliToolOutcome(block);
   const toolOutput = block.tool !== void 0 || block.presentation !== void 0;
-  const primary = visibleBlock.activity === "model" || visibleBlock.task !== void 0 ? /* @__PURE__ */ jsx5(TaskStatusLine, { block: visibleBlock, interactive }) : visibleBlock.state === "completed" && visibleBlock.presentation !== void 0 ? /* @__PURE__ */ jsx5(ToolPresentationView, { presentation: visibleBlock.presentation, workspaceName, expandedOutput }) : /* @__PURE__ */ jsx5(StatusLine, { block: visibleBlock, interactive });
-  return /* @__PURE__ */ jsxs4(Box_default, { flexDirection: "column", children: [
+  const primary = visibleBlock.activity === "model" || visibleBlock.task !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(TaskStatusLine, { block: visibleBlock, interactive }) : visibleBlock.state === "completed" && visibleBlock.presentation !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ToolPresentationView, { presentation: visibleBlock.presentation, workspaceName, expandedOutput }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(StatusLine, { block: visibleBlock, interactive });
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Box_default, { flexDirection: "column", children: [
     primary,
-    outcome === void 0 ? null : /* @__PURE__ */ jsx5(Box_default, { paddingLeft: 2, children: /* @__PURE__ */ jsxs4(Text, { dimColor: true, children: [
+    outcome === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Box_default, { paddingLeft: 2, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { dimColor: true, children: [
       "\u2514 ",
       outcome
     ] }) }),
-    block.details === void 0 || block.presentation?.kind === "changeset" || toolOutput && !expandedOutput ? null : /* @__PURE__ */ jsx5(Box_default, { paddingLeft: 2, children: /* @__PURE__ */ jsx5(AssistantText, { text: block.details }) })
+    block.details === void 0 || block.presentation?.kind === "changeset" || toolOutput && !expandedOutput ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Box_default, { paddingLeft: 2, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(AssistantText, { text: block.details }) })
   ] });
 }
 function ToolPresentationView({
@@ -3779,17 +4055,17 @@ function ToolPresentationView({
   workspaceName,
   expandedOutput
 }) {
-  if (presentation.kind === "changeset") return /* @__PURE__ */ jsx5(ChangeSetPresentationView, { presentation, workspaceName, expanded: expandedOutput });
-  if (presentation.kind === "file-change") return /* @__PURE__ */ jsx5(FileDiffView, { presentation, expanded: expandedOutput });
-  if (presentation.kind === "terminal") return /* @__PURE__ */ jsx5(CommandPresentationView, { presentation, expanded: expandedOutput });
-  if (presentation.kind === "web") return /* @__PURE__ */ jsx5(WebPresentationView, { presentation, expanded: expandedOutput });
-  if (presentation.kind === "job") return /* @__PURE__ */ jsx5(JobPresentationView, { presentation, expanded: expandedOutput });
-  return /* @__PURE__ */ jsxs4(Box_default, { flexDirection: "column", paddingLeft: 2, children: [
-    /* @__PURE__ */ jsxs4(Text, { children: [
+  if (presentation.kind === "changeset") return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ChangeSetPresentationView, { presentation, workspaceName, expanded: expandedOutput });
+  if (presentation.kind === "file-change") return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(FileDiffView, { presentation, expanded: expandedOutput });
+  if (presentation.kind === "terminal") return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(CommandPresentationView, { presentation, expanded: expandedOutput });
+  if (presentation.kind === "web") return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(WebPresentationView, { presentation, expanded: expandedOutput });
+  if (presentation.kind === "job") return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(JobPresentationView, { presentation, expanded: expandedOutput });
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Box_default, { flexDirection: "column", paddingLeft: 2, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { children: [
       presentation.title,
       presentation.summary ? ` \xB7 ${presentation.summary}` : ""
     ] }),
-    !expandedOutput || presentation.details === void 0 ? null : /* @__PURE__ */ jsx5(AssistantText, { text: presentation.details })
+    !expandedOutput || presentation.details === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(AssistantText, { text: presentation.details })
   ] });
 }
 var CHANGESET_TONE = "#b99bf8";
@@ -3803,10 +4079,10 @@ function ChangeSetPresentationView({
   const removed = presentation.files.reduce((total, file) => total + file.removed, 0);
   const fileLabel = presentation.files.length === 1 ? "FILE" : "FILES";
   const showing = presentation.files.length > visibleFiles.length ? ` \xB7 Showing ${visibleFiles.length} of ${presentation.files.length}` : "";
-  return /* @__PURE__ */ jsxs4(Box_default, { flexDirection: "column", paddingLeft: 2, marginBottom: 1, children: [
-    /* @__PURE__ */ jsxs4(Box_default, { children: [
-      /* @__PURE__ */ jsx5(Text, { color: CHANGESET_TONE, children: "\u250C\u2500 " }),
-      /* @__PURE__ */ jsxs4(Text, { color: CHANGESET_TONE, bold: true, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Box_default, { flexDirection: "column", paddingLeft: 2, marginBottom: 1, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Box_default, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: CHANGESET_TONE, children: "\u250C\u2500 " }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { color: CHANGESET_TONE, bold: true, children: [
         "CHANGESET \xB7 ",
         presentation.files.length,
         " ",
@@ -3816,37 +4092,37 @@ function ChangeSetPresentationView({
     visibleFiles.map((file) => {
       const operation = file.operation.toUpperCase();
       const stats = `+${file.added} -${file.removed}`;
-      return /* @__PURE__ */ jsxs4(Box_default, { children: [
-        /* @__PURE__ */ jsx5(Text, { color: CHANGESET_TONE, children: "\u2502  " }),
-        /* @__PURE__ */ jsx5(Text, { color: changeSetOperationColor(file.operation), bold: true, children: operation.padEnd(8) }),
-        /* @__PURE__ */ jsxs4(Text, { children: [
-          /* @__PURE__ */ jsxs4(Text, { color: "ansi:green", children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Box_default, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: CHANGESET_TONE, children: "\u2502  " }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: changeSetOperationColor(file.operation), bold: true, children: operation.padEnd(8) }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { color: "ansi:green", children: [
             "+",
             file.added
           ] }),
           " ",
-          /* @__PURE__ */ jsxs4(Text, { color: "#e06c50", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { color: "#e06c50", children: [
             "-",
             file.removed
           ] }),
           " ".repeat(Math.max(1, 9 - stats.length))
         ] }),
-        /* @__PURE__ */ jsx5(Text, { color: "ansi:whiteBright", wrap: "truncate-end", children: workspaceRelativePath(file.path, workspaceName) })
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: "ansi:whiteBright", wrap: "truncate-end", children: workspaceRelativePath(file.path, workspaceName) })
       ] }, `${file.operation}:${file.path}`);
     }),
-    /* @__PURE__ */ jsxs4(Box_default, { children: [
-      /* @__PURE__ */ jsx5(Text, { color: CHANGESET_TONE, children: "\u2514\u2500 " }),
-      /* @__PURE__ */ jsxs4(Text, { children: [
-        /* @__PURE__ */ jsxs4(Text, { color: "ansi:green", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Box_default, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: CHANGESET_TONE, children: "\u2514\u2500 " }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { color: "ansi:green", children: [
           "+",
           added
         ] }),
         " ",
-        /* @__PURE__ */ jsxs4(Text, { color: "#e06c50", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { color: "#e06c50", children: [
           "-",
           removed
         ] }),
-        /* @__PURE__ */ jsx5(Text, { dimColor: true, children: showing })
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { dimColor: true, children: showing })
       ] })
     ] })
   ] });
@@ -3875,28 +4151,28 @@ function CommandPresentationView({
   const perStreamLimit = expanded ? Number.POSITIVE_INFINITY : 0;
   const stdout = boundedCommandLines(presentation.stdout ?? "", perStreamLimit);
   const stderr = boundedCommandLines(presentation.stderr ?? "", perStreamLimit);
-  return /* @__PURE__ */ jsxs4(Box_default, { flexDirection: "column", paddingLeft: 2, marginBottom: 1, children: [
-    /* @__PURE__ */ jsxs4(Box_default, { children: [
-      /* @__PURE__ */ jsx5(Text, { color: tone, children: "\u250C\u2500 " }),
-      /* @__PURE__ */ jsxs4(Text, { color: tone, bold: true, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Box_default, { flexDirection: "column", paddingLeft: 2, marginBottom: 1, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Box_default, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: tone, children: "\u250C\u2500 " }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { color: tone, bold: true, children: [
         label,
         " \xB7 ",
         state.toUpperCase()
       ] })
     ] }),
-    /* @__PURE__ */ jsxs4(Box_default, { children: [
-      /* @__PURE__ */ jsx5(Text, { color: tone, children: "\u2502  " }),
-      /* @__PURE__ */ jsx5(Text, { color: "ansi:whiteBright", bold: true, wrap: "truncate-end", children: presentation.command ?? presentation.title })
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Box_default, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: tone, children: "\u2502  " }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: "ansi:whiteBright", bold: true, wrap: "truncate-end", children: presentation.command ?? presentation.title })
     ] }),
-    stdout.total === 0 ? null : /* @__PURE__ */ jsx5(CommandOutputSection, { label: "OUTPUT", value: stdout, tone, error: false }),
-    stderr.total === 0 ? null : /* @__PURE__ */ jsx5(CommandOutputSection, { label: "ERROR", value: stderr, tone, error: true }),
-    !expanded || presentation.diagnostic === void 0 ? null : /* @__PURE__ */ jsxs4(Box_default, { children: [
-      /* @__PURE__ */ jsx5(Text, { color: tone, children: "\u2502  " }),
-      /* @__PURE__ */ jsx5(Text, { color: tone, children: presentation.diagnostic })
+    stdout.total === 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(CommandOutputSection, { label: "OUTPUT", value: stdout, tone, error: false }),
+    stderr.total === 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(CommandOutputSection, { label: "ERROR", value: stderr, tone, error: true }),
+    !expanded || presentation.diagnostic === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Box_default, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: tone, children: "\u2502  " }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: tone, children: presentation.diagnostic })
     ] }),
-    /* @__PURE__ */ jsxs4(Box_default, { children: [
-      /* @__PURE__ */ jsx5(Text, { color: tone, children: "\u2514\u2500 " }),
-      /* @__PURE__ */ jsx5(Text, { dimColor: true, children: commandFooter(presentation, state) })
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Box_default, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: tone, children: "\u2514\u2500 " }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { dimColor: true, children: commandFooter(presentation, state) })
     ] })
   ] });
 }
@@ -3906,17 +4182,17 @@ function CommandOutputSection({
   tone,
   error
 }) {
-  return /* @__PURE__ */ jsxs4(Fragment3, { children: [
-    /* @__PURE__ */ jsxs4(Box_default, { children: [
-      /* @__PURE__ */ jsx5(Text, { color: tone, children: "\u251C\u2500 " }),
-      /* @__PURE__ */ jsx5(Text, { color: error ? "#e06c50" : tone, bold: true, children: label }),
-      /* @__PURE__ */ jsx5(Text, { dimColor: true, children: ` \xB7 ${value.total} ${value.total === 1 ? "LINE" : "LINES"}` }),
-      value.hidden === 0 ? null : /* @__PURE__ */ jsx5(Text, { dimColor: true, children: ` \xB7 ${value.head.length + value.tail.length} SHOWN` })
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Box_default, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: tone, children: "\u251C\u2500 " }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: error ? "#e06c50" : tone, bold: true, children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { dimColor: true, children: ` \xB7 ${value.total} ${value.total === 1 ? "LINE" : "LINES"}` }),
+      value.hidden === 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { dimColor: true, children: ` \xB7 ${value.head.length + value.tail.length} SHOWN` })
     ] }),
-    value.head.map((line, index) => /* @__PURE__ */ jsx5(CommandOutputLine, { line, tone, error }, `head:${index}`)),
-    value.hidden === 0 ? null : /* @__PURE__ */ jsxs4(Box_default, { children: [
-      /* @__PURE__ */ jsx5(Text, { color: tone, children: "\u2502  " }),
-      /* @__PURE__ */ jsxs4(Text, { dimColor: true, children: [
+    value.head.map((line, index) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(CommandOutputLine, { line, tone, error }, `head:${index}`)),
+    value.hidden === 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Box_default, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: tone, children: "\u2502  " }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { dimColor: true, children: [
         "\u2026 ",
         value.hidden,
         " ",
@@ -3924,13 +4200,13 @@ function CommandOutputSection({
         " hidden"
       ] })
     ] }),
-    value.tail.map((line, index) => /* @__PURE__ */ jsx5(CommandOutputLine, { line, tone, error }, `tail:${index}`))
+    value.tail.map((line, index) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(CommandOutputLine, { line, tone, error }, `tail:${index}`))
   ] });
 }
 function CommandOutputLine({ line, tone, error }) {
-  return /* @__PURE__ */ jsxs4(Box_default, { children: [
-    /* @__PURE__ */ jsx5(Text, { color: tone, children: "\u2502  " }),
-    /* @__PURE__ */ jsx5(Text, { color: error ? "#e06c50" : "#b8bcc2", wrap: "truncate-end", children: line === "" ? " " : line })
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Box_default, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: tone, children: "\u2502  " }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: error ? "#e06c50" : "#b8bcc2", wrap: "truncate-end", children: line === "" ? " " : line })
   ] });
 }
 function boundedCommandLines(output, limit) {
@@ -3960,51 +4236,51 @@ function WebPresentationView({
   expanded
 }) {
   const items = presentation.items ?? [];
-  if (presentation.items === void 0) return /* @__PURE__ */ jsxs4(Box_default, { flexDirection: "column", paddingLeft: 2, marginBottom: 1, children: [
-    /* @__PURE__ */ jsxs4(Box_default, { children: [
-      /* @__PURE__ */ jsx5(Text, { color: "#5f87af", children: "\u250C\u2500 " }),
-      /* @__PURE__ */ jsx5(Text, { color: "ansi:cyanBright", bold: true, children: "WEB FETCH" }),
-      presentation.summary === void 0 ? null : /* @__PURE__ */ jsx5(Text, { dimColor: true, children: ` \xB7 ${presentation.summary}` })
+  if (presentation.items === void 0) return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Box_default, { flexDirection: "column", paddingLeft: 2, marginBottom: 1, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Box_default, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: "#5f87af", children: "\u250C\u2500 " }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: "ansi:cyanBright", bold: true, children: "WEB FETCH" }),
+      presentation.summary === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { dimColor: true, children: ` \xB7 ${presentation.summary}` })
     ] }),
-    /* @__PURE__ */ jsxs4(Box_default, { children: [
-      /* @__PURE__ */ jsx5(Text, { color: "#5f87af", children: "\u2502  " }),
-      /* @__PURE__ */ jsx5(Text, { color: "ansi:whiteBright", wrap: "truncate-end", children: presentation.url ?? presentation.title })
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Box_default, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: "#5f87af", children: "\u2502  " }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: "ansi:whiteBright", wrap: "truncate-end", children: presentation.url ?? presentation.title })
     ] }),
-    /* @__PURE__ */ jsxs4(Box_default, { children: [
-      /* @__PURE__ */ jsx5(Text, { color: "#5f87af", children: "\u2514\u2500 " }),
-      /* @__PURE__ */ jsx5(Text, { dimColor: true, children: "Page content added to context" })
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Box_default, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: "#5f87af", children: "\u2514\u2500 " }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { dimColor: true, children: "Page content added to context" })
     ] })
   ] });
   const visibleItems = expanded ? items : [];
   const query = presentation.title.replace(/^Search:\s*/iu, "").trim();
-  return /* @__PURE__ */ jsxs4(Box_default, { flexDirection: "column", paddingLeft: 2, marginBottom: 1, children: [
-    /* @__PURE__ */ jsxs4(Box_default, { children: [
-      /* @__PURE__ */ jsx5(Text, { color: "#5f87af", children: "\u250C\u2500 " }),
-      /* @__PURE__ */ jsx5(Text, { color: "ansi:cyanBright", bold: true, children: "WEB SEARCH" }),
-      /* @__PURE__ */ jsx5(Text, { dimColor: true, children: ` \xB7 ${items.length} ${items.length === 1 ? "RESULT" : "RESULTS"}` })
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Box_default, { flexDirection: "column", paddingLeft: 2, marginBottom: 1, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Box_default, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: "#5f87af", children: "\u250C\u2500 " }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: "ansi:cyanBright", bold: true, children: "WEB SEARCH" }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { dimColor: true, children: ` \xB7 ${items.length} ${items.length === 1 ? "RESULT" : "RESULTS"}` })
     ] }),
-    /* @__PURE__ */ jsxs4(Box_default, { children: [
-      /* @__PURE__ */ jsx5(Text, { color: "#5f87af", children: "\u2502  " }),
-      /* @__PURE__ */ jsx5(Text, { color: "ansi:whiteBright", bold: true, wrap: "truncate-end", children: query })
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Box_default, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: "#5f87af", children: "\u2502  " }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: "ansi:whiteBright", bold: true, wrap: "truncate-end", children: query })
     ] }),
-    /* @__PURE__ */ jsx5(Text, { color: "#5f87af", children: "\u2502" }),
-    visibleItems.map((item, index) => /* @__PURE__ */ jsxs4(Box_default, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsxs4(Box_default, { children: [
-        /* @__PURE__ */ jsx5(Text, { color: "#5f87af", children: "\u2502  " }),
-        /* @__PURE__ */ jsx5(Text, { color: "ansi:cyanBright", bold: true, children: String(index + 1).padStart(2, "0") }),
-        /* @__PURE__ */ jsxs4(Text, { color: "ansi:whiteBright", wrap: "truncate-end", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: "#5f87af", children: "\u2502" }),
+    visibleItems.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Box_default, { flexDirection: "column", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Box_default, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: "#5f87af", children: "\u2502  " }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: "ansi:cyanBright", bold: true, children: String(index + 1).padStart(2, "0") }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { color: "ansi:whiteBright", wrap: "truncate-end", children: [
           "  ",
           item.title
         ] })
       ] }),
-      /* @__PURE__ */ jsxs4(Box_default, { children: [
-        /* @__PURE__ */ jsx5(Text, { color: "#5f87af", children: "\u2502      " }),
-        /* @__PURE__ */ jsx5(Text, { dimColor: true, wrap: "truncate-end", children: compactWebSource(item.url) })
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Box_default, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: "#5f87af", children: "\u2502      " }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { dimColor: true, wrap: "truncate-end", children: compactWebSource(item.url) })
       ] })
     ] }, item.url)),
-    /* @__PURE__ */ jsxs4(Box_default, { children: [
-      /* @__PURE__ */ jsx5(Text, { color: "#5f87af", children: "\u2514\u2500 " }),
-      /* @__PURE__ */ jsx5(Text, { dimColor: true, children: items.length > visibleItems.length ? `Showing ${visibleItems.length} of ${items.length}` : `${items.length} ${items.length === 1 ? "source" : "sources"}` })
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Box_default, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: "#5f87af", children: "\u2514\u2500 " }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { dimColor: true, children: items.length > visibleItems.length ? `Showing ${visibleItems.length} of ${items.length}` : `${items.length} ${items.length === 1 ? "source" : "sources"}` })
     ] })
   ] });
 }
@@ -4022,43 +4298,43 @@ function JobPresentationView({
   presentation,
   expanded
 }) {
-  if (presentation.action === "list") return /* @__PURE__ */ jsx5(JobListPresentationView, { presentation, expanded });
+  if (presentation.action === "list") return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(JobListPresentationView, { presentation, expanded });
   const state = presentation.state ?? "running";
   const tone = jobStateColor(state);
   const lines = jobOutputLines(presentation.output ?? "");
   const visibleLines = expanded ? lines : [];
   const hiddenLines = lines.length - visibleLines.length;
   const showLog = presentation.action === "read" || presentation.action === "kill" || lines.length > 0;
-  return /* @__PURE__ */ jsxs4(Box_default, { flexDirection: "column", paddingLeft: 2, marginBottom: 1, children: [
-    /* @__PURE__ */ jsxs4(Box_default, { children: [
-      /* @__PURE__ */ jsx5(Text, { color: tone, children: "\u250C\u2500 " }),
-      /* @__PURE__ */ jsxs4(Text, { color: tone, bold: true, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Box_default, { flexDirection: "column", paddingLeft: 2, marginBottom: 1, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Box_default, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: tone, children: "\u250C\u2500 " }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { color: tone, bold: true, children: [
         "JOB \xB7 ",
         state.toUpperCase()
       ] })
     ] }),
-    /* @__PURE__ */ jsxs4(Box_default, { children: [
-      /* @__PURE__ */ jsx5(Text, { color: tone, children: "\u2502  " }),
-      /* @__PURE__ */ jsx5(Text, { color: "ansi:whiteBright", bold: true, children: presentation.id ?? "unknown job" }),
-      presentation.jobKind === void 0 ? null : /* @__PURE__ */ jsx5(Text, { dimColor: true, children: ` \xB7 ${presentation.jobKind}` })
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Box_default, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: tone, children: "\u2502  " }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: "ansi:whiteBright", bold: true, children: presentation.id ?? "unknown job" }),
+      presentation.jobKind === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { dimColor: true, children: ` \xB7 ${presentation.jobKind}` })
     ] }),
-    presentation.label === void 0 ? null : /* @__PURE__ */ jsxs4(Box_default, { children: [
-      /* @__PURE__ */ jsx5(Text, { color: tone, children: "\u2502  " }),
-      /* @__PURE__ */ jsx5(Text, { color: "ansi:whiteBright", wrap: "truncate-end", children: presentation.label })
+    presentation.label === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Box_default, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: tone, children: "\u2502  " }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: "ansi:whiteBright", wrap: "truncate-end", children: presentation.label })
     ] }),
-    presentation.error === void 0 ? null : /* @__PURE__ */ jsxs4(Box_default, { children: [
-      /* @__PURE__ */ jsx5(Text, { color: tone, children: "\u2502  " }),
-      /* @__PURE__ */ jsx5(Text, { color: "#e06c50", wrap: "truncate-end", children: presentation.error })
+    presentation.error === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Box_default, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: tone, children: "\u2502  " }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: "#e06c50", wrap: "truncate-end", children: presentation.error })
     ] }),
-    showLog ? /* @__PURE__ */ jsxs4(Fragment3, { children: [
-      /* @__PURE__ */ jsxs4(Box_default, { children: [
-        /* @__PURE__ */ jsx5(Text, { color: tone, children: "\u251C\u2500 " }),
-        /* @__PURE__ */ jsx5(Text, { color: tone, bold: true, children: "LOG" }),
-        /* @__PURE__ */ jsx5(Text, { dimColor: true, children: lines.length === 0 ? " \xB7 NO NEW OUTPUT" : ` \xB7 ${lines.length} ${lines.length === 1 ? "LINE" : "LINES"}` })
+    showLog ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Box_default, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: tone, children: "\u251C\u2500 " }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: tone, bold: true, children: "LOG" }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { dimColor: true, children: lines.length === 0 ? " \xB7 NO NEW OUTPUT" : ` \xB7 ${lines.length} ${lines.length === 1 ? "LINE" : "LINES"}` })
       ] }),
-      hiddenLines > 0 ? /* @__PURE__ */ jsxs4(Box_default, { children: [
-        /* @__PURE__ */ jsx5(Text, { color: tone, children: "\u2502  " }),
-        /* @__PURE__ */ jsxs4(Text, { dimColor: true, children: [
+      hiddenLines > 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Box_default, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: tone, children: "\u2502  " }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { dimColor: true, children: [
           "\u2026 ",
           hiddenLines,
           " earlier ",
@@ -4066,11 +4342,11 @@ function JobPresentationView({
           " hidden"
         ] })
       ] }) : null,
-      visibleLines.map((line, index) => /* @__PURE__ */ jsx5(JobLogLine, { line, tone }, `${index}:${line}`))
+      visibleLines.map((line, index) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(JobLogLine, { line, tone }, `${index}:${line}`))
     ] }) : null,
-    /* @__PURE__ */ jsxs4(Box_default, { children: [
-      /* @__PURE__ */ jsx5(Text, { color: tone, children: "\u2514\u2500 " }),
-      /* @__PURE__ */ jsx5(Text, { dimColor: true, children: jobFooter(presentation) })
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Box_default, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: tone, children: "\u2514\u2500 " }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { dimColor: true, children: jobFooter(presentation) })
     ] })
   ] });
 }
@@ -4080,41 +4356,41 @@ function JobListPresentationView({
 }) {
   const jobs = presentation.jobs ?? [];
   const visibleJobs = expanded ? jobs : [];
-  return /* @__PURE__ */ jsxs4(Box_default, { flexDirection: "column", paddingLeft: 2, marginBottom: 1, children: [
-    /* @__PURE__ */ jsxs4(Box_default, { children: [
-      /* @__PURE__ */ jsx5(Text, { color: "#d7a657", children: "\u250C\u2500 " }),
-      /* @__PURE__ */ jsxs4(Text, { color: "#d7a657", bold: true, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Box_default, { flexDirection: "column", paddingLeft: 2, marginBottom: 1, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Box_default, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: "#d7a657", children: "\u250C\u2500 " }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { color: "#d7a657", bold: true, children: [
         "JOBS \xB7 ",
         jobs.length
       ] })
     ] }),
-    jobs.length === 0 ? /* @__PURE__ */ jsxs4(Box_default, { children: [
-      /* @__PURE__ */ jsx5(Text, { color: "#d7a657", children: "\u2502  " }),
-      /* @__PURE__ */ jsx5(Text, { dimColor: true, children: "No background jobs" })
-    ] }) : visibleJobs.map((job) => /* @__PURE__ */ jsxs4(Box_default, { children: [
-      /* @__PURE__ */ jsx5(Text, { color: "#d7a657", children: "\u2502  " }),
-      /* @__PURE__ */ jsx5(Text, { color: jobStateColor(job.state), bold: true, children: job.state.toUpperCase().padEnd(9) }),
-      /* @__PURE__ */ jsxs4(Text, { color: "ansi:whiteBright", children: [
+    jobs.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Box_default, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: "#d7a657", children: "\u2502  " }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { dimColor: true, children: "No background jobs" })
+    ] }) : visibleJobs.map((job) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Box_default, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: "#d7a657", children: "\u2502  " }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: jobStateColor(job.state), bold: true, children: job.state.toUpperCase().padEnd(9) }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { color: "ansi:whiteBright", children: [
         " ",
         job.id
       ] }),
-      /* @__PURE__ */ jsxs4(Text, { dimColor: true, wrap: "truncate-end", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { dimColor: true, wrap: "truncate-end", children: [
         " \xB7 ",
         job.label
       ] })
     ] }, job.id)),
-    /* @__PURE__ */ jsxs4(Box_default, { children: [
-      /* @__PURE__ */ jsx5(Text, { color: "#d7a657", children: "\u2514\u2500 " }),
-      /* @__PURE__ */ jsx5(Text, { dimColor: true, children: jobs.length > visibleJobs.length ? `Showing ${visibleJobs.length} of ${jobs.length}` : `${jobs.length} ${jobs.length === 1 ? "job" : "jobs"}` })
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Box_default, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: "#d7a657", children: "\u2514\u2500 " }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { dimColor: true, children: jobs.length > visibleJobs.length ? `Showing ${visibleJobs.length} of ${jobs.length}` : `${jobs.length} ${jobs.length === 1 ? "job" : "jobs"}` })
     ] })
   ] });
 }
 function JobLogLine({ line, tone }) {
   const error = /^(?:\[stderr\]|ERR(?:OR)?(?:!|:|\s)|npm ERR!)/iu.test(line.trimStart());
   const stage = /^={3}.*={3}$/u.test(line.trim());
-  return /* @__PURE__ */ jsxs4(Box_default, { children: [
-    /* @__PURE__ */ jsx5(Text, { color: tone, children: "\u2502  " }),
-    /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Box_default, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: tone, children: "\u2502  " }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       Text,
       {
         ...error ? { color: "#e06c50" } : stage ? { color: "ansi:cyanBright", bold: true } : { dimColor: true },
@@ -4286,11 +4562,11 @@ function PromptLineContent({
   styledCount
 }) {
   const tokenStyle = completedSlashTokenPresentation();
-  return /* @__PURE__ */ jsxs4(Text, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { children: [
     points.map((point, index) => {
       const styled = index < styledCount;
       const caret = cursorVisible && index === cursor;
-      return /* @__PURE__ */ jsx5(
+      return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
         Text,
         {
           ...styled ? tokenStyle : {},
@@ -4300,7 +4576,7 @@ function PromptLineContent({
         index
       );
     }),
-    cursorVisible && cursor >= points.length ? /* @__PURE__ */ jsx5(Text, { inverse: true, children: " " }) : null
+    cursorVisible && cursor >= points.length ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { inverse: true, children: " " }) : null
   ] });
 }
 function editPrompt(state, edit) {
@@ -4375,6 +4651,13 @@ var FORCE_EXIT_GRACE_MS = 250;
 async function shutdownRuntime(runtime, exit, report, options = {}) {
   const timeoutMs = options.shutdownTimeoutMs ?? SHUTDOWN_TIMEOUT_MS;
   let timedOut = false;
+  if (runtime?.sessionId !== void 0 && options.onSessionEnd !== void 0) {
+    try {
+      options.onSessionEnd(runtime.sessionId);
+    } catch (error) {
+      safeReport(report, safeUiError(error));
+    }
+  }
   try {
     const outcome = await withTimeout(closeAndDisposeRuntime(runtime, report), timeoutMs);
     timedOut = outcome.timedOut;
@@ -4441,6 +4724,8 @@ export {
   isCopyShortcut,
   isOutputToggleShortcut,
   isPlatformShortcut,
+  jumpScroll,
+  jumpToAdjacentTurn,
   navigateHistory,
   navigatePromptHistory,
   outputToggleShortcut,
@@ -4456,6 +4741,8 @@ export {
   reverseSearchHistory,
   runTerminalSubmissionChain,
   runningEscapeAction,
+  scrollDown,
+  scrollUp,
   selectWheelScrollTarget,
   shutdownRuntime,
   slashKeyAction,