spacecode 2.0.2 → 2.1.1

package/dist/repl.mjs

@@ -1396,7 +1396,7 @@ var require_react_development = __commonJS({
           }
           return dispatcher.useContext(Context);
         }
-        function useState7(initialState) {
+        function useState10(initialState) {
           var dispatcher = resolveDispatcher();
           return dispatcher.useState(initialState);
         }
@@ -1404,11 +1404,11 @@ var require_react_development = __commonJS({
           var dispatcher = resolveDispatcher();
           return dispatcher.useReducer(reducer, initialArg, init);
         }
-        function useRef3(initialValue) {
+        function useRef4(initialValue) {
           var dispatcher = resolveDispatcher();
           return dispatcher.useRef(initialValue);
         }
-        function useEffect7(create2, deps) {
+        function useEffect9(create2, deps) {
           var dispatcher = resolveDispatcher();
           return dispatcher.useEffect(create2, deps);
         }
@@ -1420,11 +1420,11 @@ var require_react_development = __commonJS({
           var dispatcher = resolveDispatcher();
           return dispatcher.useLayoutEffect(create2, deps);
         }
-        function useCallback3(callback, deps) {
+        function useCallback4(callback, deps) {
           var dispatcher = resolveDispatcher();
           return dispatcher.useCallback(callback, deps);
         }
-        function useMemo7(create2, deps) {
+        function useMemo8(create2, deps) {
           var dispatcher = resolveDispatcher();
           return dispatcher.useMemo(create2, deps);
         }
@@ -2187,19 +2187,19 @@ var require_react_development = __commonJS({
         exports.memo = memo;
         exports.startTransition = startTransition;
         exports.unstable_act = act;
-        exports.useCallback = useCallback3;
+        exports.useCallback = useCallback4;
         exports.useContext = useContext7;
         exports.useDebugValue = useDebugValue;
         exports.useDeferredValue = useDeferredValue;
-        exports.useEffect = useEffect7;
+        exports.useEffect = useEffect9;
         exports.useId = useId;
         exports.useImperativeHandle = useImperativeHandle;
         exports.useInsertionEffect = useInsertionEffect;
         exports.useLayoutEffect = useLayoutEffect2;
-        exports.useMemo = useMemo7;
+        exports.useMemo = useMemo8;
         exports.useReducer = useReducer;
-        exports.useRef = useRef3;
-        exports.useState = useState7;
+        exports.useRef = useRef4;
+        exports.useState = useState10;
         exports.useSyncExternalStore = useSyncExternalStore;
         exports.useTransition = useTransition;
         exports.version = ReactVersion;
@@ -2255,7 +2255,7 @@ var require_react_jsx_runtime_development = __commonJS({
     if (process.env.NODE_ENV !== "production") {
       (function() {
         "use strict";
-        var React15 = require_react();
+        var React19 = require_react();
         var REACT_ELEMENT_TYPE = /* @__PURE__ */ Symbol.for("react.element");
         var REACT_PORTAL_TYPE = /* @__PURE__ */ Symbol.for("react.portal");
         var REACT_FRAGMENT_TYPE = /* @__PURE__ */ Symbol.for("react.fragment");
@@ -2281,7 +2281,7 @@ var require_react_jsx_runtime_development = __commonJS({
           }
           return null;
         }
-        var ReactSharedInternals = React15.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+        var ReactSharedInternals = React19.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
         function error(format) {
           {
             {
@@ -3131,11 +3131,11 @@ var require_react_jsx_runtime_development = __commonJS({
             return jsxWithValidation(type, props, key, false);
           }
         }
-        var jsx9 = jsxWithValidationDynamic;
-        var jsxs8 = jsxWithValidationStatic;
+        var jsx12 = jsxWithValidationDynamic;
+        var jsxs12 = jsxWithValidationStatic;
         exports.Fragment = REACT_FRAGMENT_TYPE;
-        exports.jsx = jsx9;
-        exports.jsxs = jsxs8;
+        exports.jsx = jsx12;
+        exports.jsxs = jsxs12;
       })();
     }
   }
@@ -10823,9 +10823,9 @@ var require_react_reconciler_development = __commonJS({
       module.exports = function $$$reconciler($$$hostConfig) {
         var exports2 = {};
         "use strict";
-        var React15 = require_react();
+        var React19 = require_react();
         var Scheduler = require_scheduler();
-        var ReactSharedInternals = React15.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+        var ReactSharedInternals = React19.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
         var suppressWarning = false;
         function setSuppressWarning(newSuppressWarning) {
           {
@@ -25702,10 +25702,10 @@ var require_react_reconciler_development = __commonJS({
         var setErrorHandler = null;
         var setSuspenseHandler = null;
         {
-          var copyWithDeleteImpl = function(obj, path10, index2) {
-            var key = path10[index2];
+          var copyWithDeleteImpl = function(obj, path11, index2) {
+            var key = path11[index2];
             var updated = isArray(obj) ? obj.slice() : assign({}, obj);
-            if (index2 + 1 === path10.length) {
+            if (index2 + 1 === path11.length) {
               if (isArray(updated)) {
                 updated.splice(key, 1);
               } else {
@@ -25713,11 +25713,11 @@ var require_react_reconciler_development = __commonJS({
               }
               return updated;
             }
-            updated[key] = copyWithDeleteImpl(obj[key], path10, index2 + 1);
+            updated[key] = copyWithDeleteImpl(obj[key], path11, index2 + 1);
             return updated;
           };
-          var copyWithDelete = function(obj, path10) {
-            return copyWithDeleteImpl(obj, path10, 0);
+          var copyWithDelete = function(obj, path11) {
+            return copyWithDeleteImpl(obj, path11, 0);
           };
           var copyWithRenameImpl = function(obj, oldPath, newPath, index2) {
             var oldKey = oldPath[index2];
@@ -25755,17 +25755,17 @@ var require_react_reconciler_development = __commonJS({
             }
             return copyWithRenameImpl(obj, oldPath, newPath, 0);
           };
-          var copyWithSetImpl = function(obj, path10, index2, value) {
-            if (index2 >= path10.length) {
+          var copyWithSetImpl = function(obj, path11, index2, value) {
+            if (index2 >= path11.length) {
               return value;
             }
-            var key = path10[index2];
+            var key = path11[index2];
             var updated = isArray(obj) ? obj.slice() : assign({}, obj);
-            updated[key] = copyWithSetImpl(obj[key], path10, index2 + 1, value);
+            updated[key] = copyWithSetImpl(obj[key], path11, index2 + 1, value);
             return updated;
           };
-          var copyWithSet = function(obj, path10, value) {
-            return copyWithSetImpl(obj, path10, 0, value);
+          var copyWithSet = function(obj, path11, value) {
+            return copyWithSetImpl(obj, path11, 0, value);
           };
           var findHook = function(fiber, id) {
             var currentHook2 = fiber.memoizedState;
@@ -25775,10 +25775,10 @@ var require_react_reconciler_development = __commonJS({
             }
             return currentHook2;
           };
-          overrideHookState = function(fiber, id, path10, value) {
+          overrideHookState = function(fiber, id, path11, value) {
             var hook = findHook(fiber, id);
             if (hook !== null) {
-              var newState = copyWithSet(hook.memoizedState, path10, value);
+              var newState = copyWithSet(hook.memoizedState, path11, value);
               hook.memoizedState = newState;
               hook.baseState = newState;
               fiber.memoizedProps = assign({}, fiber.memoizedProps);
@@ -25788,10 +25788,10 @@ var require_react_reconciler_development = __commonJS({
               }
             }
           };
-          overrideHookStateDeletePath = function(fiber, id, path10) {
+          overrideHookStateDeletePath = function(fiber, id, path11) {
             var hook = findHook(fiber, id);
             if (hook !== null) {
-              var newState = copyWithDelete(hook.memoizedState, path10);
+              var newState = copyWithDelete(hook.memoizedState, path11);
               hook.memoizedState = newState;
               hook.baseState = newState;
               fiber.memoizedProps = assign({}, fiber.memoizedProps);
@@ -25814,8 +25814,8 @@ var require_react_reconciler_development = __commonJS({
               }
             }
           };
-          overrideProps = function(fiber, path10, value) {
-            fiber.pendingProps = copyWithSet(fiber.memoizedProps, path10, value);
+          overrideProps = function(fiber, path11, value) {
+            fiber.pendingProps = copyWithSet(fiber.memoizedProps, path11, value);
             if (fiber.alternate) {
               fiber.alternate.pendingProps = fiber.pendingProps;
             }
@@ -25824,8 +25824,8 @@ var require_react_reconciler_development = __commonJS({
               scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
             }
           };
-          overridePropsDeletePath = function(fiber, path10) {
-            fiber.pendingProps = copyWithDelete(fiber.memoizedProps, path10);
+          overridePropsDeletePath = function(fiber, path11) {
+            fiber.pendingProps = copyWithDelete(fiber.memoizedProps, path11);
             if (fiber.alternate) {
               fiber.alternate.pendingProps = fiber.pendingProps;
             }
@@ -28903,24 +28903,24 @@ var require_sender = __commonJS({
        * @public
        */
       ping(data, mask, cb) {
-        let byteLength;
+        let byteLength2;
         let readOnly;
         if (typeof data === "string") {
-          byteLength = Buffer.byteLength(data);
+          byteLength2 = Buffer.byteLength(data);
           readOnly = false;
         } else if (isBlob(data)) {
-          byteLength = data.size;
+          byteLength2 = data.size;
           readOnly = false;
         } else {
           data = toBuffer(data);
-          byteLength = data.length;
+          byteLength2 = data.length;
           readOnly = toBuffer.readOnly;
         }
-        if (byteLength > 125) {
+        if (byteLength2 > 125) {
           throw new RangeError("The data size must not be greater than 125 bytes");
         }
         const options = {
-          [kByteLength]: byteLength,
+          [kByteLength]: byteLength2,
           fin: true,
           generateMask: this._generateMask,
           mask,
@@ -28950,24 +28950,24 @@ var require_sender = __commonJS({
        * @public
        */
       pong(data, mask, cb) {
-        let byteLength;
+        let byteLength2;
         let readOnly;
         if (typeof data === "string") {
-          byteLength = Buffer.byteLength(data);
+          byteLength2 = Buffer.byteLength(data);
           readOnly = false;
         } else if (isBlob(data)) {
-          byteLength = data.size;
+          byteLength2 = data.size;
           readOnly = false;
         } else {
           data = toBuffer(data);
-          byteLength = data.length;
+          byteLength2 = data.length;
           readOnly = toBuffer.readOnly;
         }
-        if (byteLength > 125) {
+        if (byteLength2 > 125) {
           throw new RangeError("The data size must not be greater than 125 bytes");
         }
         const options = {
-          [kByteLength]: byteLength,
+          [kByteLength]: byteLength2,
           fin: true,
           generateMask: this._generateMask,
           mask,
@@ -29008,23 +29008,23 @@ var require_sender = __commonJS({
         const perMessageDeflate = this._extensions[PerMessageDeflate2.extensionName];
         let opcode = options.binary ? 2 : 1;
         let rsv1 = options.compress;
-        let byteLength;
+        let byteLength2;
         let readOnly;
         if (typeof data === "string") {
-          byteLength = Buffer.byteLength(data);
+          byteLength2 = Buffer.byteLength(data);
           readOnly = false;
         } else if (isBlob(data)) {
-          byteLength = data.size;
+          byteLength2 = data.size;
           readOnly = false;
         } else {
           data = toBuffer(data);
-          byteLength = data.length;
+          byteLength2 = data.length;
           readOnly = toBuffer.readOnly;
         }
         if (this._firstFragment) {
           this._firstFragment = false;
           if (rsv1 && perMessageDeflate && perMessageDeflate.params[perMessageDeflate._isServer ? "server_no_context_takeover" : "client_no_context_takeover"]) {
-            rsv1 = byteLength >= perMessageDeflate._threshold;
+            rsv1 = byteLength2 >= perMessageDeflate._threshold;
           }
           this._compress = rsv1;
         } else {
@@ -29033,7 +29033,7 @@ var require_sender = __commonJS({
         }
         if (options.fin) this._firstFragment = true;
         const opts = {
-          [kByteLength]: byteLength,
+          [kByteLength]: byteLength2,
           fin: options.fin,
           generateMask: this._generateMask,
           mask: options.mask,
@@ -30543,7 +30543,7 @@ var require_stream = __commonJS({
       };
       duplex._final = function(callback) {
         if (ws.readyState === ws.CONNECTING) {
-          ws.once("open", function open2() {
+          ws.once("open", function open3() {
             duplex._final(callback);
           });
           return;
@@ -30564,7 +30564,7 @@ var require_stream = __commonJS({
       };
       duplex._write = function(chunk, encoding, callback) {
         if (ws.readyState === ws.CONNECTING) {
-          ws.once("open", function open2() {
+          ws.once("open", function open3() {
             duplex._write(chunk, encoding, callback);
           });
           return;
@@ -31950,18 +31950,18 @@ var init_source = __esm({
         }
       }
     });
-    createStyler = (open2, close, parent) => {
+    createStyler = (open3, close, parent) => {
       let openAll;
       let closeAll;
       if (parent === void 0) {
-        openAll = open2;
+        openAll = open3;
         closeAll = close;
       } else {
-        openAll = parent.openAll + open2;
+        openAll = parent.openAll + open3;
         closeAll = close + parent.closeAll;
       }
       return {
-        open: open2,
+        open: open3,
         close,
         openAll,
         closeAll,
@@ -33530,8 +33530,8 @@ var init_ErrorOverview = __esm({
     init_dist3();
     init_Box();
     init_Text();
-    cleanupPath = (path10) => {
-      return path10?.replace(`file://${cwd()}/`, "");
+    cleanupPath = (path11) => {
+      return path11?.replace(`file://${cwd()}/`, "");
     };
     stackUtils = new import_stack_utils.default({
       cwd: cwd(),
@@ -34606,6 +34606,47 @@ var init_build2 = __esm({
   }
 });
 
+// src/render/theme.ts
+function roleProps(role, theme) {
+  switch (theme) {
+    case "plain":
+      return {};
+    case "high-contrast":
+      return role === "secondary" ? {} : { color: ROLE_COLORS[role], bold: true };
+    case "auto":
+      return { color: ROLE_COLORS[role] };
+  }
+}
+function resolveThemeName(env3, warn = (m2) => console.warn(m2)) {
+  const raw = env3.SPACECODE_THEME;
+  if (raw === void 0 || raw === "") return "auto";
+  if (THEME_NAMES.includes(raw)) return raw;
+  warn(`[theme] unknown SPACECODE_THEME "${raw}"; using "auto". Accepted values: ${THEME_NAMES.join(", ")}.`);
+  return "auto";
+}
+function activeTheme() {
+  active ??= resolveThemeName(process.env);
+  return active;
+}
+function paint(role) {
+  return roleProps(role, activeTheme());
+}
+var THEME_NAMES, ROLE_COLORS, active;
+var init_theme = __esm({
+  "src/render/theme.ts"() {
+    "use strict";
+    THEME_NAMES = ["auto", "plain", "high-contrast"];
+    ROLE_COLORS = {
+      agent: "magenta",
+      add: "green",
+      delete: "red",
+      needsYou: "yellow",
+      action: "blue",
+      secondary: "gray"
+    };
+  }
+});
+
 // src/components/WelcomeBanner.tsx
 function getSubtitle(mode, launchCount2) {
   switch (mode) {
@@ -34622,26 +34663,238 @@ function getSubtitle(mode, launchCount2) {
       return "Ready to code. What's next?";
   }
 }
-function WelcomeBanner({ repoName: repoName2, onboardingMode: onboardingMode2, launchCount: launchCount2 }) {
-  const subtitle = getSubtitle(onboardingMode2, launchCount2);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box_default, { flexDirection: "column", marginBottom: 1, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { color: "cyan", children: BORDER }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { color: "cyan", bold: true, children: "SpaceCode Agent" }),
-    repoName2 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { children: [
-      "Project: ",
-      repoName2
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { color: "gray", children: subtitle }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { color: "cyan", children: BORDER })
+function WelcomeBanner({ onboardingMode: onboardingMode2, launchCount: launchCount2 }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { ...paint("secondary"), children: [
+    getSubtitle(onboardingMode2, launchCount2),
+    " /help for commands, @ to attach a file."
   ] });
 }
-var import_jsx_runtime, BORDER;
+var import_jsx_runtime;
 var init_WelcomeBanner = __esm({
   async "src/components/WelcomeBanner.tsx"() {
     "use strict";
     await init_build2();
+    init_theme();
     import_jsx_runtime = __toESM(require_jsx_runtime(), 1);
-    BORDER = "\u2550".repeat(50);
+  }
+});
+
+// src/render/hints.ts
+function formatHints({ running, asking, columns }, sep2 = "\xB7") {
+  columns = Math.min(columns, MAX_STATIC_LINE);
+  const parts = asking ? ["1 2 3 answer", "esc refuse"] : running ? ["esc interrupt", "tab step", "shift+tab mode", "ctrl+o turns"] : ["enter send", "shift+tab mode", "/ commands", "@ file", "! shell", "ctrl+o turns"];
+  const kept = [...parts];
+  while (kept.length > 1 && kept.join(` ${sep2} `).length > columns) kept.pop();
+  return kept.join(` ${sep2} `);
+}
+var MAX_STATIC_LINE;
+var init_hints = __esm({
+  "src/render/hints.ts"() {
+    "use strict";
+    MAX_STATIC_LINE = 58;
+  }
+});
+
+// src/render/header.ts
+function formatDuration(ms) {
+  const min = Math.floor(ms / 6e4);
+  return min < 1 ? "<1 min" : min < 60 ? `${min} min` : `${Math.floor(min / 60)}h ${min % 60}m`;
+}
+function formatHeader({ project, git, otherSessions, turns, elapsedMs, columns: terminalColumns }, sep2 = "\xB7") {
+  const columns = Math.min(terminalColumns, MAX_STATIC_LINE);
+  const optional = [];
+  const branch = [];
+  if (git?.kind === "ok") {
+    branch.push({ text: git.branch });
+    if (git.dirty > 0) branch.push({ text: `${sep2 === "\xB7" ? "\xB1" : "+-"}${git.dirty}`, role: "needsYou" });
+  } else if (git?.kind === "unknown") {
+    branch.push({ text: "git ?", role: "needsYou" });
+  }
+  if (otherSessions !== void 0 && otherSessions > 0) optional.push({ text: `+${otherSessions} other session${otherSessions === 1 ? "" : "s"}`, role: "secondary" });
+  optional.push({ text: `${turns} turn${turns === 1 ? "" : "s"}`, role: "secondary" });
+  optional.push({ text: formatDuration(elapsedMs), role: "secondary" });
+  const base = [{ text: "spacecode", bold: true }, { text: project }];
+  const all = [...base, ...branch, ...optional];
+  const width = (segs) => segs.reduce((n, s, i) => n + s.text.length + (i > 0 ? sep2.length + 2 : 0), 0);
+  const kept = [...all];
+  while (kept.length > base.length && width(kept) > columns) kept.pop();
+  return kept;
+}
+var init_header = __esm({
+  "src/render/header.ts"() {
+    "use strict";
+    init_hints();
+  }
+});
+
+// src/render/rail.ts
+function unicodeAvailable(env3, stdoutIsTTY) {
+  if (!stdoutIsTTY) return false;
+  const locale = env3.LC_ALL || env3.LC_CTYPE || env3.LANG || "";
+  return /utf-?8/i.test(locale);
+}
+function railGlyphs(unicode) {
+  return unicode ? UNICODE : ASCII;
+}
+function truncatePath(target, max, ellipsis = "\u2026") {
+  if (max <= 0) return "";
+  const e = ellipsis.length;
+  if (target.length <= max) return target;
+  const parts = target.split("/");
+  const file = parts[parts.length - 1];
+  if (parts.length > 1 && file.length + e + 1 <= max) {
+    let tail = file;
+    for (let i = parts.length - 2; i >= 0; i--) {
+      const next = `${parts[i]}/${tail}`;
+      if (next.length + e + 1 > max) break;
+      tail = next;
+    }
+    return `${ellipsis}/${tail}`;
+  }
+  return max <= e ? ellipsis.slice(0, max) : `${target.slice(0, max - e)}${ellipsis}`;
+}
+function fitStepLine({ verb, target, meta, columns, indent = 4, ellipsis = "\u2026", sep: sep2 = "\xB7" }) {
+  const room = Math.max(10, columns - indent);
+  const metaText = meta ? ` ${sep2} ${meta}` : "";
+  const fixed = verb.length + 1;
+  if (fixed + target.length + metaText.length <= room) return { verb, target, meta };
+  const targetRoom = room - fixed - metaText.length;
+  const fileName = target.split("/").pop() ?? target;
+  if (meta && targetRoom >= Math.min(fileName.length, 12) + 2) {
+    return { verb, target: truncatePath(target, targetRoom, ellipsis), meta };
+  }
+  return { verb, target: truncatePath(target, Math.max(1, room - fixed), ellipsis) };
+}
+function plainOutput() {
+  return unicodeOverride === void 0 && !process.stdout.isTTY;
+}
+function activeGlyphs() {
+  return railGlyphs(unicodeOverride ?? unicodeAvailable(process.env, Boolean(process.stdout.isTTY)));
+}
+var UNICODE, ASCII, unicodeOverride;
+var init_rail = __esm({
+  "src/render/rail.ts"() {
+    "use strict";
+    UNICODE = { rail: "\u2502", result: "\u23BF", ellipsis: "\u2026", sep: "\xB7", marker: { running: "\u25D0", waiting: "\u25C7", ok: "\u25CF", failed: "\u2717" } };
+    ASCII = { rail: "|", result: ">", ellipsis: "...", sep: "-", marker: { running: "o", waiting: "?", ok: "*", failed: "x" } };
+  }
+});
+
+// src/components/Header.tsx
+function Header(props) {
+  const sep2 = activeGlyphs().sep;
+  const segments2 = formatHeader(props, sep2);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Box_default, { children: segments2.map((seg, i) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react22.default.Fragment, { children: [
+    i > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Text, { ...paint("secondary"), children: ` ${sep2} ` }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Text, { bold: seg.bold, ...seg.role ? paint(seg.role) : {}, children: seg.text })
+  ] }, i)) });
+}
+var import_react22, import_jsx_runtime2;
+var init_Header = __esm({
+  async "src/components/Header.tsx"() {
+    "use strict";
+    import_react22 = __toESM(require_react(), 1);
+    await init_build2();
+    init_header();
+    init_rail();
+    init_theme();
+    import_jsx_runtime2 = __toESM(require_jsx_runtime(), 1);
+  }
+});
+
+// src/components/ErrorBlock.tsx
+function ErrorBlock({ view }) {
+  const glyphs = activeGlyphs();
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Box_default, { flexDirection: "column", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text, { ...paint("delete"), bold: true, children: `${glyphs.marker.failed} ${view.title}` }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text, { children: `  ${view.cause}` }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text, { ...paint("secondary"), children: `  ${view.action}` })
+  ] });
+}
+var import_jsx_runtime3;
+var init_ErrorBlock = __esm({
+  async "src/components/ErrorBlock.tsx"() {
+    "use strict";
+    await init_build2();
+    init_rail();
+    init_theme();
+    import_jsx_runtime3 = __toESM(require_jsx_runtime(), 1);
+  }
+});
+
+// src/render/git-status.ts
+function parseGitStatus(output) {
+  const lines2 = output.split("\n").filter((l) => l !== "");
+  const head = lines2.find((l) => l.startsWith("## "));
+  const dirty = lines2.filter((l) => !l.startsWith("## ")).length;
+  if (!head) throw new Error("git status output has no branch line");
+  const rest = head.slice(3);
+  let branch;
+  if (rest.startsWith("No commits yet on ")) branch = rest.slice("No commits yet on ".length);
+  else if (rest.startsWith("HEAD (no branch)")) branch = "detached HEAD";
+  else if (rest.startsWith("Initial commit on ")) branch = rest.slice("Initial commit on ".length);
+  else branch = rest.split("...")[0].split(" ")[0];
+  return { branch, dirty };
+}
+async function readGitState(run) {
+  try {
+    const { branch, dirty } = parseGitStatus(await run(["status", "--porcelain=v1", "-b"]));
+    return { kind: "ok", branch, dirty };
+  } catch (err) {
+    const text = `${err instanceof Error ? err.message : String(err)} ${err?.stderr ?? ""}`;
+    return /not a git repository/i.test(text) ? { kind: "none" } : { kind: "unknown" };
+  }
+}
+var init_git_status = __esm({
+  "src/render/git-status.ts"() {
+    "use strict";
+  }
+});
+
+// src/render/node-git.ts
+import { execFile } from "node:child_process";
+function createNodeGitRunner(cwd2, timeoutMs = 1e3) {
+  return (args) => new Promise((resolve2, reject) => {
+    execFile("git", args, { cwd: cwd2, timeout: timeoutMs, maxBuffer: 1024 * 1024, env: { ...process.env, LC_ALL: "C", GIT_OPTIONAL_LOCKS: "0" } }, (err, stdout, stderr) => {
+      if (err) reject(Object.assign(err, { stderr }));
+      else resolve2(stdout);
+    });
+  });
+}
+var init_node_git = __esm({
+  "src/render/node-git.ts"() {
+    "use strict";
+  }
+});
+
+// src/render/mode-line.ts
+function modeGlyph(mode, unicode = true) {
+  return unicode ? GLYPHS[mode].unicode : GLYPHS[mode].ascii;
+}
+function promptGlyph(mode, unicode = true) {
+  return mode === "plan" || mode === "yolo" ? modeGlyph(mode, unicode) : ">";
+}
+function modeLine(mode, unicode = true) {
+  const label = unicode ? LABELS[mode] : LABELS[mode].replace(" \xB7 ", " - ");
+  const role = mode === "accept-edits" ? "add" : mode === "plan" ? "action" : mode === "yolo" ? "delete" : void 0;
+  return { text: `${modeGlyph(mode, unicode)} ${label}`, role };
+}
+var GLYPHS, LABELS;
+var init_mode_line = __esm({
+  "src/render/mode-line.ts"() {
+    "use strict";
+    GLYPHS = {
+      default: { unicode: "\u25C7", ascii: "-" },
+      "accept-edits": { unicode: "\u25C8", ascii: "+" },
+      plan: { unicode: "\u25A2", ascii: "#" },
+      yolo: { unicode: "!", ascii: "!" }
+    };
+    LABELS = {
+      default: "default",
+      "accept-edits": "accept edits",
+      plan: "plan \xB7 read-only",
+      yolo: "yolo"
+    };
   }
 });
 
@@ -34764,13 +35017,13 @@ function processEvents(events) {
   return { renderOrder, statusMessage };
 }
 function useEventAccumulator(events) {
-  return (0, import_react22.useMemo)(() => processEvents(events), [events]);
+  return (0, import_react23.useMemo)(() => processEvents(events), [events]);
 }
-var import_react22, MAX_OUTPUT_LINES, MAX_RESULT_OUTPUT;
+var import_react23, MAX_OUTPUT_LINES, MAX_RESULT_OUTPUT;
 var init_useEventAccumulator = __esm({
   "src/components/useEventAccumulator.ts"() {
     "use strict";
-    import_react22 = __toESM(require_react(), 1);
+    import_react23 = __toESM(require_react(), 1);
     MAX_OUTPUT_LINES = 3;
     MAX_RESULT_OUTPUT = 500;
   }
@@ -38638,7 +38891,7 @@ var require_core = __commonJS({
         }
         return highlighted[0].event === "start" ? original : highlighted;
       }
-      function open2(node) {
+      function open3(node) {
         function attributeString(attr) {
           return " " + attr.nodeName + '="' + escapeHTML(attr.value) + '"';
         }
@@ -38648,7 +38901,7 @@ var require_core = __commonJS({
         result += "</" + tag(node) + ">";
       }
       function render3(event) {
-        (event.event === "start" ? open2 : close)(event.node);
+        (event.event === "start" ? open3 : close)(event.node);
       }
       while (original.length || highlighted.length) {
         let stream = selectStream();
@@ -38660,7 +38913,7 @@ var require_core = __commonJS({
             render3(stream.splice(0, 1)[0]);
             stream = selectStream();
           } while (stream === original && stream.length && stream[0].offset === processed);
-          nodeStack.reverse().forEach(open2);
+          nodeStack.reverse().forEach(open3);
         } else {
           if (stream[0].event === "start") {
             nodeStack.push(stream[0].node);
@@ -61906,11 +62159,11 @@ var require_perl = __commonJS({
         /#/
         // valid but infrequent and weird
       ];
-      const PAIRED_DOUBLE_RE = (prefix, open2, close = "\\1") => {
-        const middle = close === "\\1" ? close : concat(close, open2);
+      const PAIRED_DOUBLE_RE = (prefix, open3, close = "\\1") => {
+        const middle = close === "\\1" ? close : concat(close, open3);
         return concat(
           concat("(?:", prefix, ")"),
-          open2,
+          open3,
           /(?:\\.|[^\\\/])*?/,
           middle,
           /(?:\\.|[^\\\/])*?/,
@@ -61918,10 +62171,10 @@ var require_perl = __commonJS({
           REGEX_MODIFIERS
         );
       };
-      const PAIRED_RE = (prefix, open2, close) => {
+      const PAIRED_RE = (prefix, open3, close) => {
         return concat(
           concat("(?:", prefix, ")"),
-          open2,
+          open3,
           /(?:\\.|[^\\\/])*?/,
           close,
           REGEX_MODIFIERS
@@ -80629,15 +80882,15 @@ var require_route = __commonJS({
       };
     }
     function wrapConversion(toModel, graph) {
-      const path10 = [graph[toModel].parent, toModel];
+      const path11 = [graph[toModel].parent, toModel];
       let fn = conversions[graph[toModel].parent][toModel];
       let cur = graph[toModel].parent;
       while (graph[cur].parent) {
-        path10.unshift(graph[cur].parent);
+        path11.unshift(graph[cur].parent);
         fn = link2(conversions[graph[cur].parent][cur], fn);
         cur = graph[cur].parent;
       }
-      fn.conversion = path10;
+      fn.conversion = path11;
       return fn;
     }
     module.exports = function(fromModel) {
@@ -81226,18 +81479,18 @@ var require_source = __commonJS({
         }
       }
     });
-    var createStyler2 = (open2, close, parent) => {
+    var createStyler2 = (open3, close, parent) => {
       let openAll;
       let closeAll;
       if (parent === void 0) {
-        openAll = open2;
+        openAll = open3;
         closeAll = close;
       } else {
-        openAll = parent.openAll + open2;
+        openAll = parent.openAll + open3;
         closeAll = close + parent.closeAll;
       }
       return {
-        open: open2,
+        open: open3,
         close,
         openAll,
         closeAll,
@@ -94055,8 +94308,8 @@ var init_markdown = __esm({
 // src/useTerminalSize.ts
 function useTerminalSize(fallback = { columns: 80, rows: 24 }) {
   const { stdout } = use_stdout_default();
-  const [size, setSize] = (0, import_react23.useState)({ columns: stdout?.columns || fallback.columns, rows: stdout?.rows || fallback.rows });
-  (0, import_react23.useEffect)(() => {
+  const [size, setSize] = (0, import_react24.useState)({ columns: stdout?.columns || fallback.columns, rows: stdout?.rows || fallback.rows });
+  (0, import_react24.useEffect)(() => {
     if (!stdout) return;
     const update = () => setSize({ columns: stdout.columns || fallback.columns, rows: stdout.rows || fallback.rows });
     update();
@@ -94067,11 +94320,11 @@ function useTerminalSize(fallback = { columns: 80, rows: 24 }) {
   }, [stdout, fallback.columns, fallback.rows]);
   return size;
 }
-var import_react23;
+var import_react24;
 var init_useTerminalSize = __esm({
   async "src/useTerminalSize.ts"() {
     "use strict";
-    import_react23 = __toESM(require_react(), 1);
+    import_react24 = __toESM(require_react(), 1);
     await init_build2();
   }
 });
@@ -94085,22 +94338,22 @@ function tailLines(text, maxLines) {
 }
 function MarkdownBlock({ content, maxLines }) {
   const { columns } = useTerminalSize();
-  const rendered = (0, import_react24.useMemo)(() => {
+  const rendered = (0, import_react25.useMemo)(() => {
     const out = renderMarkdown(content, { columns });
     return (maxLines && maxLines >= 2 ? tailLines(out, maxLines) : out) || null;
   }, [content, columns, maxLines]);
   if (rendered === null) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Text, { children: rendered });
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Text, { children: rendered });
 }
-var import_react24, import_jsx_runtime2;
+var import_react25, import_jsx_runtime4;
 var init_MarkdownBlock = __esm({
   async "src/components/MarkdownBlock.tsx"() {
     "use strict";
-    import_react24 = __toESM(require_react(), 1);
+    import_react25 = __toESM(require_react(), 1);
     await init_build2();
     init_markdown();
     await init_useTerminalSize();
-    import_jsx_runtime2 = __toESM(require_jsx_runtime(), 1);
+    import_jsx_runtime4 = __toESM(require_jsx_runtime(), 1);
   }
 });
 
@@ -95751,9 +96004,9 @@ var require_cli_spinners = __commonJS({
 
 // ../../node_modules/ink-spinner/build/index.js
 function Spinner({ type = "dots" }) {
-  const [frame, setFrame] = (0, import_react25.useState)(0);
+  const [frame, setFrame] = (0, import_react26.useState)(0);
   const spinner = import_cli_spinners.default[type];
-  (0, import_react25.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     const timer = setInterval(() => {
       setFrame((previousFrame) => {
         const isLastFrame = previousFrame === spinner.frames.length - 1;
@@ -95764,12 +96017,12 @@ function Spinner({ type = "dots" }) {
       clearInterval(timer);
     };
   }, [spinner]);
-  return import_react25.default.createElement(Text, null, spinner.frames[frame]);
+  return import_react26.default.createElement(Text, null, spinner.frames[frame]);
 }
-var import_react25, import_cli_spinners, build_default;
+var import_react26, import_cli_spinners, build_default;
 var init_build3 = __esm({
   async "../../node_modules/ink-spinner/build/index.js"() {
-    import_react25 = __toESM(require_react(), 1);
+    import_react26 = __toESM(require_react(), 1);
     await init_build2();
     import_cli_spinners = __toESM(require_cli_spinners(), 1);
     build_default = Spinner;
@@ -95777,48 +96030,238 @@ var init_build3 = __esm({
 });
 
 // src/render/tool-header.ts
-function toolHeader(tool, input) {
+function stepParts(tool, input) {
   if (tool === "todo_write") {
     const n = Array.isArray(input.todos) ? input.todos.length : 0;
-    return `Todos(${n} item${n === 1 ? "" : "s"})`;
-  }
-  const LABELS = {
-    read_file: { label: "Read", field: "path" },
-    write_file: { label: "Write", field: "path" },
-    edit_file: { label: "Update", field: "path" },
-    list_directory: { label: "List", field: "path" },
-    search: { label: "Search", field: "query" },
-    bash: { label: "Bash", field: "command" }
-  };
-  const mapping = LABELS[tool];
-  if (mapping) {
-    const rawValue = input[mapping.field];
-    let value2 = "";
-    if (typeof rawValue === "string") {
-      if (tool === "bash") {
-        const firstLine = rawValue.split("\n")[0];
-        value2 = firstLine.length > 60 ? firstLine.slice(0, 60) + "\u2026" : firstLine;
-      } else {
-        value2 = rawValue;
-      }
-    }
-    return `${mapping.label}(${value2})`;
+    return { verb: "Todos", target: `${n} item${n === 1 ? "" : "s"}` };
   }
-  let value = "";
-  for (const [, v2] of Object.entries(input)) {
-    if (typeof v2 === "string") {
-      value = v2;
-      break;
-    }
-  }
-  if (value.length > 40) {
-    value = value.slice(0, 40);
-  }
-  return `${tool}(${value})`;
+  const field = { read_file: "path", write_file: "path", edit_file: "path", list_directory: "path", search: "query", bash: "command" }[tool];
+  const raw = field ? input[field] : Object.values(input).find((v2) => typeof v2 === "string");
+  let target = typeof raw === "string" ? raw : "";
+  if (tool === "bash") target = target.split("\n")[0];
+  return { verb: STEP_VERBS[tool] ?? tool, target };
 }
+var STEP_VERBS;
 var init_tool_header = __esm({
   "src/render/tool-header.ts"() {
     "use strict";
+    STEP_VERBS = {
+      read_file: "Read",
+      write_file: "Write",
+      edit_file: "Edit",
+      list_directory: "List",
+      search: "Search",
+      bash: "Run",
+      todo_write: "Todos"
+    };
+  }
+});
+
+// src/editor/credential-filter.ts
+function containsCredential(entry) {
+  return PATTERNS.some((re3) => re3.test(entry));
+}
+var PATTERNS;
+var init_credential_filter = __esm({
+  "src/editor/credential-filter.ts"() {
+    "use strict";
+    PATTERNS = [
+      /\bsk[_-][A-Za-z0-9_-]{16,}/,
+      /\bgh[pos]_[A-Za-z0-9]{20,}/,
+      /\bgithub_pat_[A-Za-z0-9_]{20,}/,
+      /\bAKIA[0-9A-Z]{16}\b/,
+      /\bBearer\s+[A-Za-z0-9._~+/=-]{20,}/,
+      /-----BEGIN [A-Z ]*PRIVATE KEY-----/,
+      /\bxox[abp]-[A-Za-z0-9-]{10,}/,
+      /\bnpm_[A-Za-z0-9]{30,}/,
+      /\b[A-Za-z0-9_]*(?:KEY|TOKEN|SECRET|PASSWORD)[A-Za-z0-9_]*=\S{8,}/i
+    ];
+  }
+});
+
+// src/session/session-store.ts
+import { chmod, mkdir, open, readdir, readFile, rename, rm, stat, writeFile } from "node:fs/promises";
+import { randomBytes } from "node:crypto";
+import path from "node:path";
+function redactCredentials(value) {
+  if (typeof value === "string") return containsCredential(value) ? REDACTED : value;
+  if (Array.isArray(value)) return value.map(redactCredentials);
+  if (value && typeof value === "object") {
+    return Object.fromEntries(Object.entries(value).map(([k2, v2]) => [k2, redactCredentials(v2)]));
+  }
+  return value;
+}
+function parseSession(file, text) {
+  const lines2 = text.split("\n").filter((l) => l.length > 0);
+  if (lines2.length === 0) throw new SessionError(file, "Session file is empty");
+  let parsed;
+  try {
+    parsed = lines2.map((l) => JSON.parse(l));
+  } catch (err) {
+    throw new SessionError(file, `Corrupt session file: ${err instanceof Error ? err.message : String(err)}`, { cause: err });
+  }
+  const meta = parsed[0];
+  if (meta.v !== 1 || typeof meta.id !== "string" || typeof meta.projectRoot !== "string" || typeof meta.updatedAt !== "string") {
+    throw new SessionError(file, "Unrecognized session header (expected v1 with id, projectRoot, updatedAt)");
+  }
+  const warnings = [];
+  if (meta.todos !== void 0 && !(Array.isArray(meta.todos) && meta.todos.every((t) => t && typeof t.content === "string" && ["pending", "in_progress", "completed"].includes(t.status)))) {
+    delete meta.todos;
+    warnings.push(`The saved checklist in ${file} was not understood (saved by a different version?) and was left out.`);
+  }
+  const messages = parsed.slice(1);
+  if (!messages.every((m2) => m2 && (m2.role === "user" || m2.role === "assistant"))) {
+    throw new SessionError(file, "Corrupt session file: a message has no valid role");
+  }
+  return warnings.length > 0 ? { meta, messages, warnings } : { meta, messages };
+}
+function formatAge(fromIso, now) {
+  const secs = Math.max(0, Math.floor((now.getTime() - new Date(fromIso).getTime()) / 1e3));
+  if (secs < 60) return `${secs}s ago`;
+  if (secs < 3600) return `${Math.floor(secs / 60)}m ago`;
+  if (secs < 86400) return `${Math.floor(secs / 3600)}h ago`;
+  return `${Math.floor(secs / 86400)}d ago`;
+}
+function titleFromMessages(messages) {
+  const first = messages.find((m2) => m2.role === "user");
+  const text = !first ? "" : typeof first.content === "string" ? first.content : first.content.map((b2) => b2.text ?? "").join(" ");
+  const oneLine = text.replace(/\s+/g, " ").trim();
+  return oneLine.length > 60 ? `${oneLine.slice(0, 59)}\u2026` : oneLine || "(untitled)";
+}
+function countTurns(messages) {
+  return messages.filter((m2) => m2.role === "user" && (typeof m2.content === "string" || m2.content.some((b2) => b2.type === "text"))).length;
+}
+var MAX_SESSION_BYTES, PREVIEW_TAIL_BYTES, REDACTED, SessionError, ID, SessionStore;
+var init_session_store = __esm({
+  "src/session/session-store.ts"() {
+    "use strict";
+    init_credential_filter();
+    MAX_SESSION_BYTES = 5 * 1024 * 1024;
+    PREVIEW_TAIL_BYTES = 256 * 1024;
+    REDACTED = "[redacted: credential-shaped content]";
+    SessionError = class extends Error {
+      constructor(file, message, options) {
+        super(`${message} (${file})`, options);
+        this.file = file;
+        this.name = "SessionError";
+      }
+    };
+    ID = /^[A-Za-z0-9_-]{8,64}$/;
+    SessionStore = class {
+      constructor(dir, now = () => /* @__PURE__ */ new Date()) {
+        this.dir = dir;
+        this.now = now;
+      }
+      newId() {
+        return `${this.now().toISOString().replace(/[-:.TZ]/g, "").slice(0, 14)}-${randomBytes(4).toString("hex")}`;
+      }
+      fileFor(id) {
+        if (!ID.test(id)) throw new SessionError(this.dir, `Invalid session id ${JSON.stringify(id)}`);
+        return path.join(this.dir, `${id}.jsonl`);
+      }
+      async save(session) {
+        const file = this.fileFor(session.meta.id);
+        const meta = { ...session.meta, updatedAt: this.now().toISOString() };
+        const body = [meta, ...session.messages].map((entry) => JSON.stringify(redactCredentials(entry))).join("\n") + "\n";
+        const bytes = Buffer.byteLength(body);
+        if (bytes > MAX_SESSION_BYTES) {
+          throw new SessionError(file, `Session is ${bytes} bytes, over the ${MAX_SESSION_BYTES}-byte cap; use /compact or /clear`);
+        }
+        const tmp = `${file}.${process.pid}.tmp`;
+        try {
+          await mkdir(this.dir, { recursive: true, mode: 448 });
+          await chmod(this.dir, 448);
+          await writeFile(tmp, body, { mode: 384 });
+          await chmod(tmp, 384);
+          await rename(tmp, file);
+        } catch (err) {
+          throw new SessionError(file, `Could not save session: ${err instanceof Error ? err.message : String(err)}`, { cause: err });
+        }
+      }
+      async load(id) {
+        const file = this.fileFor(id);
+        let text;
+        try {
+          const { size } = await stat(file);
+          if (size > MAX_SESSION_BYTES) {
+            throw new SessionError(file, `Session is ${size} bytes, over the ${MAX_SESSION_BYTES}-byte cap; not loaded`);
+          }
+          text = await readFile(file, "utf8");
+        } catch (err) {
+          if (err instanceof SessionError) throw err;
+          throw new SessionError(file, `Could not read session: ${err instanceof Error ? err.message : String(err)}`, { cause: err });
+        }
+        const session = parseSession(file, text);
+        if (session.meta.id !== id) throw new SessionError(file, `Session header id "${session.meta.id}" does not match the file name`);
+        return session;
+      }
+      /** Newest first. Unreadable files are reported, not skipped silently. */
+      async list() {
+        let names;
+        try {
+          names = await readdir(this.dir);
+        } catch (err) {
+          if (err.code === "ENOENT") return { sessions: [], errors: [] };
+          throw new SessionError(this.dir, `Could not list sessions: ${err instanceof Error ? err.message : String(err)}`, { cause: err });
+        }
+        const sessions = [];
+        const errors = [];
+        for (const name of names.filter((n) => n.endsWith(".jsonl"))) {
+          try {
+            sessions.push((await this.load(name.slice(0, -".jsonl".length))).meta);
+          } catch (err) {
+            errors.push(err instanceof SessionError ? err : new SessionError(path.join(this.dir, name), String(err), { cause: err }));
+          }
+        }
+        sessions.sort((a, b2) => b2.updatedAt.localeCompare(a.updatedAt));
+        return { sessions, errors };
+      }
+      /**
+       * The last assistant text of a session (first 120 chars, credential-redacted), read from the end of the file so a
+       * large session is not loaded whole. null when none is found in the tail.
+       */
+      async preview(id) {
+        const file = this.fileFor(id);
+        try {
+          const { size } = await stat(file);
+          const length = Math.min(size, PREVIEW_TAIL_BYTES);
+          const handle = await open(file, "r");
+          let tail;
+          try {
+            const buf = Buffer.alloc(length);
+            await handle.read(buf, 0, length, size - length);
+            tail = buf.toString("utf8");
+          } finally {
+            await handle.close();
+          }
+          const lines2 = tail.split("\n").filter((l) => l.length > 0);
+          if (length < size) lines2.shift();
+          for (let i = lines2.length - 1; i >= 0; i--) {
+            let msg;
+            try {
+              msg = JSON.parse(lines2[i]);
+            } catch {
+              continue;
+            }
+            if (msg.role !== "assistant") continue;
+            const text = typeof msg.content === "string" ? msg.content : msg.content.map((b2) => b2.text ?? "").join(" ");
+            const oneLine = redactCredentials(text.replace(/\s+/g, " ").trim());
+            if (oneLine) return oneLine.length > 120 ? `${oneLine.slice(0, 119)}\u2026` : oneLine;
+          }
+          return null;
+        } catch (err) {
+          throw new SessionError(file, `Could not read session preview: ${err instanceof Error ? err.message : String(err)}`, { cause: err });
+        }
+      }
+      async delete(id) {
+        const file = this.fileFor(id);
+        try {
+          await rm(file);
+        } catch (err) {
+          throw new SessionError(file, `Could not delete session: ${err instanceof Error ? err.message : String(err)}`, { cause: err });
+        }
+      }
+    };
   }
 });
 
@@ -95865,6 +96308,287 @@ var init_diff_rows = __esm({
   }
 });
 
+// src/render/step-record.ts
+function cutToBytes(text, max) {
+  let out = text;
+  while (byteLength(out) > max) out = out.slice(0, Math.max(0, Math.floor(out.length * (max / byteLength(out)) * 0.98) - 1));
+  const last = out.charCodeAt(out.length - 1);
+  if (last >= 55296 && last <= 56319) out = out.slice(0, -1);
+  return out;
+}
+function redactLines(raw) {
+  let inKey = false;
+  return raw.split("\n").map((line) => {
+    if (inKey) {
+      if (PEM_END.test(line)) inKey = false;
+      return REDACTED;
+    }
+    if (PEM_BEGIN.test(line)) {
+      inKey = !PEM_END.test(line);
+      return REDACTED;
+    }
+    return containsCredential(line) ? REDACTED : line;
+  });
+}
+function capDetail(raw) {
+  const lines2 = redactLines(raw);
+  const kept = lines2.slice(0, MAX_DETAIL_LINES);
+  let text = kept.join("\n");
+  const notes = [];
+  if (lines2.length > kept.length) notes.push(`${lines2.length - kept.length} more line${lines2.length - kept.length === 1 ? "" : "s"} not kept`);
+  if (byteLength(text) > MAX_DETAIL_BYTES) {
+    text = cutToBytes(text, MAX_DETAIL_BYTES);
+    notes.push(`truncated to ${MAX_DETAIL_BYTES / 1024} KB`);
+  }
+  return notes.length > 0 ? `${text}
+\u2026 ${notes.join("; ")}` : text;
+}
+function detailOf(state) {
+  const { tool, input, result, outputLines } = state;
+  if (tool === "edit_file" && typeof input.old_string === "string" && typeof input.new_string === "string") {
+    const { rows, hidden } = diffRows(input.old_string, input.new_string, MAX_DETAIL_LINES);
+    const body = rows.map((r) => `${String(r.n).padStart(4)} ${r.kind === "add" ? "+" : "-"} ${r.text}`).join("\n");
+    return hidden > 0 ? `${body}
+\u2026 ${hidden} more line${hidden === 1 ? "" : "s"} not kept` : body;
+  }
+  if (tool === "write_file" && typeof input.content === "string") return input.content;
+  if (result) return result.output;
+  return outputLines.length > 0 ? outputLines.join("\n") : null;
+}
+function metaOf(state) {
+  const { result } = state;
+  const parts = [];
+  if (state.status === "error") parts.push("failed");
+  if (result?.duration_ms != null) parts.push(`${(result.duration_ms / 1e3).toFixed(1)}s`);
+  return parts.join(" \xB7 ");
+}
+function toStepRecord(state) {
+  const { verb, target } = stepParts(state.tool, state.input);
+  const raw = detailOf(state);
+  return {
+    id: state.id,
+    tool: state.tool,
+    verb,
+    target,
+    state: state.status === "running" ? "running" : state.status === "error" ? "failed" : "ok",
+    meta: metaOf(state),
+    durationMs: state.result?.duration_ms,
+    detail: raw === null ? null : capDetail(raw)
+  };
+}
+var MAX_DETAIL_LINES, MAX_DETAIL_BYTES, MAX_SESSION_BYTES2, NOT_KEPT, encoder, byteLength, PEM_BEGIN, PEM_END, StepStore;
+var init_step_record = __esm({
+  "src/render/step-record.ts"() {
+    "use strict";
+    init_session_store();
+    init_credential_filter();
+    init_diff_rows();
+    init_tool_header();
+    MAX_DETAIL_LINES = 200;
+    MAX_DETAIL_BYTES = 20 * 1024;
+    MAX_SESSION_BYTES2 = 5 * 1024 * 1024;
+    NOT_KEPT = "output not kept";
+    encoder = new TextEncoder();
+    byteLength = (s) => encoder.encode(s).length;
+    PEM_BEGIN = /-----BEGIN [A-Z ]*PRIVATE KEY-----/;
+    PEM_END = /-----END [A-Z ]*PRIVATE KEY-----/;
+    StepStore = class {
+      constructor(maxBytes = MAX_SESSION_BYTES2) {
+        this.maxBytes = maxBytes;
+      }
+      records = [];
+      bytes = 0;
+      /** Insert or replace by id (a running step is updated as it finishes). */
+      upsert(record) {
+        const at = this.records.findIndex((r) => r.id === record.id);
+        if (at >= 0) {
+          this.bytes -= byteLength(this.records[at].detail ?? "");
+          this.records[at] = record;
+        } else {
+          this.records.push(record);
+        }
+        this.bytes += byteLength(record.detail ?? "");
+        for (let i = 0; i < this.records.length && this.bytes > this.maxBytes; i++) {
+          const old = this.records[i];
+          if (old.id === record.id || old.detail === null) continue;
+          this.bytes -= byteLength(old.detail);
+          this.records[i] = { ...old, detail: null };
+        }
+      }
+      get(id) {
+        return this.records.find((r) => r.id === id);
+      }
+      all() {
+        return this.records;
+      }
+      get detailBytes() {
+        return this.bytes;
+      }
+    };
+  }
+});
+
+// src/render/describe-error.ts
+function sanitizeCause(raw) {
+  const lines2 = raw.split("\n").map((l) => l.trim()).filter(Boolean).filter((l) => !/^\s*at\s+\S+\s+\(.*:\d+:\d+\)\s*$|^\s*at\s+\S+:\d+:\d+\s*$/.test(l)).slice(0, MAX_CAUSE_LINES);
+  const safe = lines2.map((l) => containsCredential(l) ? "[redacted: credential-shaped content]" : l).join(" ");
+  return safe.length > MAX_CAUSE_CHARS ? `${safe.slice(0, MAX_CAUSE_CHARS - 1)}\u2026` : safe || "No details were reported.";
+}
+function classifyError(message) {
+  const api = /^API error (\d{3})\b/.exec(message);
+  if (api) {
+    const status = Number(api[1]);
+    if (status === 401 || status === 403) return { kind: "auth", status };
+    if (status === 402) return { kind: "payment", status };
+    if (status === 429) return { kind: "rate-limit", status };
+    if (status >= 500) return { kind: "gateway", status };
+    return { kind: "unknown", status };
+  }
+  if (/^No API key found/.test(message)) return { kind: "missing-key" };
+  if (/^Not approved\b/.test(message)) return { kind: "policy" };
+  if (NETWORK.test(message)) return { kind: "network" };
+  return { kind: "unknown" };
+}
+function bodyMessage(cause) {
+  const json = cause.slice(cause.indexOf(":") + 1).trim();
+  try {
+    const parsed = JSON.parse(json);
+    const m2 = parsed.error?.message ?? parsed.message;
+    return typeof m2 === "string" && m2.trim() ? m2.trim() : null;
+  } catch {
+    return null;
+  }
+}
+function defaultHost() {
+  try {
+    return new URL(process.env.API_PROXY_URL || "https://api.spacecode.app").host;
+  } catch {
+    return "the gateway";
+  }
+}
+function describeError(kind, cause, ctx = {}) {
+  const retained = ctx.retained === true;
+  const shown = sanitizeCause(cause);
+  const status = ctx.status;
+  switch (kind) {
+    case "gateway":
+      return {
+        title: `Gateway didn't answer${status ? ` (${status})` : ""}`,
+        cause: `${ctx.host ?? defaultHost()} is unavailable.${retained ? " Your prompt is saved." : ""}`,
+        action: retained ? "Press enter to retry, or run /status to check the gateway." : "Run /status to check the gateway, then send your prompt again."
+      };
+    case "rate-limit":
+      return {
+        title: `Rate limited${status ? ` (${status})` : ""}`,
+        cause: `The gateway is getting too many requests; it already retried a few times.${retained ? " Your prompt is saved." : ""}`,
+        action: retained ? "Wait a moment, then press enter to retry." : "Wait a moment, then send your prompt again."
+      };
+    case "auth":
+      return {
+        title: `Sign-in rejected${status ? ` (${status})` : ""}`,
+        cause: "The gateway did not accept your key.",
+        action: retained ? "Run `spacecode login` in another terminal, then press enter to retry." : "Run `spacecode login`, then send your prompt again."
+      };
+    case "missing-key":
+      return {
+        title: "No API key",
+        cause: "The REPL needs a key to call the gateway.",
+        action: retained ? "Run `spacecode login` in another terminal or set SPACECODE_API_KEY, then press enter to retry." : "Run `spacecode login` or set SPACECODE_API_KEY, then send your prompt again."
+      };
+    case "payment":
+      return {
+        title: `Payment required${status ? ` (${status})` : ""}`,
+        cause: sanitizeCause(bodyMessage(cause) ?? "Your plan does not include this."),
+        action: `Open ${BILLING_URL} to choose a plan.`
+      };
+    case "network":
+      return {
+        title: "Can't reach the gateway",
+        cause: `${shown}${retained ? " Your prompt is saved." : ""}`,
+        action: retained ? "Check your connection, then press enter to retry." : "Check your connection, then send your prompt again."
+      };
+    case "session-save":
+      return {
+        title: "Session not saved",
+        cause: shown,
+        action: "Your conversation continues. Free some space or run /compact; the next turn tries to save again."
+      };
+    case "policy":
+      return {
+        title: "Not approved",
+        cause: shown.replace(/^Not approved\s*\(([^)]*)\):\s*(.*)$/, "$2 ($1)").replace(/^Not approved\s*/, ""),
+        action: "Press shift+tab to change the permission mode, or ask the agent to take another approach."
+      };
+    case "unknown":
+      return { title: "Something went wrong", cause: shown, action: "Run /status for the session state, or send your prompt again." };
+  }
+}
+function describeEventError(message, ctx = {}) {
+  const { kind, status } = classifyError(message);
+  return describeError(kind, message, { ...ctx, status: ctx.status ?? status });
+}
+function isRetryable(message) {
+  const { kind } = classifyError(message);
+  return kind === "gateway" || kind === "rate-limit" || kind === "network" || kind === "missing-key" || kind === "auth";
+}
+var BILLING_URL, MAX_CAUSE_LINES, MAX_CAUSE_CHARS, NETWORK;
+var init_describe_error = __esm({
+  "src/render/describe-error.ts"() {
+    "use strict";
+    init_credential_filter();
+    BILLING_URL = "https://spacecode.g-a-l-a-c-t-i-c.com";
+    MAX_CAUSE_LINES = 3;
+    MAX_CAUSE_CHARS = 300;
+    NETWORK = /fetch failed|ENOTFOUND|ECONNREFUSED|ECONNRESET|ETIMEDOUT|EAI_AGAIN|network (error|request failed|is unreachable)|socket hang up/i;
+  }
+});
+
+// src/render/step-view.ts
+function stepsOfEvents(events) {
+  return processEvents(events).renderOrder.flatMap((item) => item.type === "tool" ? [toStepRecord(item.state)] : []);
+}
+function stepsOfTurns(turns, maxBytes) {
+  const store = new StepStore(maxBytes);
+  for (const turn of turns) for (const record of stepsOfEvents(turn.events)) store.upsert({ ...record, id: `${turn.id}:${record.id}` });
+  const byTurn = /* @__PURE__ */ new Map();
+  for (const record of store.all()) {
+    const turnId = Number(record.id.slice(0, record.id.indexOf(":")));
+    const list2 = byTurn.get(turnId) ?? [];
+    list2.push({ ...record, id: record.id.slice(record.id.indexOf(":") + 1) });
+    byTurn.set(turnId, list2);
+  }
+  return byTurn;
+}
+function detailWindow(detail, maxLines, width, offset = 0) {
+  if (detail === null) return { lines: [NOT_KEPT], above: 0, below: 0 };
+  const rows = [];
+  for (const line of detail.split("\n")) {
+    if (line.length <= width) rows.push(line);
+    else for (let i = 0; i < line.length; i += width) rows.push(line.slice(i, i + width));
+  }
+  const room = Math.max(1, maxLines);
+  const start = Math.min(Math.max(0, offset), Math.max(0, rows.length - room));
+  return { lines: rows.slice(start, start + room), above: start, below: Math.max(0, rows.length - start - room) };
+}
+function findBlockedStep(steps, req) {
+  const tools = TOOLS_FOR_KIND[req.kind];
+  if (!tools) return void 0;
+  const subject = req.kind === "exec" ? req.subject.split("\n")[0] : req.subject;
+  return steps.find((r) => {
+    if (r.state !== "running" || !tools.includes(r.tool)) return false;
+    return r.target === subject;
+  });
+}
+var TOOLS_FOR_KIND;
+var init_step_view = __esm({
+  "src/render/step-view.ts"() {
+    "use strict";
+    init_useEventAccumulator();
+    init_step_record();
+    TOOLS_FOR_KIND = { exec: ["bash"], edit_file: ["edit_file"], write_file: ["write_file"] };
+  }
+});
+
 // src/render/highlight.ts
 function languageFor(filePath) {
   if (!filePath) return null;
@@ -95916,111 +96640,156 @@ var init_highlight = __esm({
 });
 
 // src/components/ToolCallBlock.tsx
-function formatDuration(ms) {
+function formatDuration2(ms) {
   return (ms / 1e3).toFixed(1) + "s";
 }
-function summarize(output) {
+function summarize(output, ellipsis = "\u2026") {
   const lines2 = output.split("\n").filter((l) => l.trim().length > 0);
   if (lines2.length === 0) return "(no output)";
-  const first = lines2[0].length > MAX_SUMMARY_CHARS ? lines2[0].slice(0, MAX_SUMMARY_CHARS) + "\u2026" : lines2[0];
+  const first = lines2[0].length > MAX_SUMMARY_CHARS ? lines2[0].slice(0, MAX_SUMMARY_CHARS) + ellipsis : lines2[0];
   return lines2.length > 1 ? `${first} (+${lines2.length - 1} lines)` : first;
 }
 function DiffBlock({ oldStr, newStr, filePath }) {
   const { rows, hidden } = diffRows(oldStr, newStr);
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Box_default, { flexDirection: "column", children: [
+  const ellipsis = activeGlyphs().ellipsis;
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Box_default, { flexDirection: "column", children: [
     rows.map((row, i) => {
       const isAdd = row.kind === "add";
-      const color = isAdd ? "green" : "red";
-      return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Text, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Text, { color, children: [
+      const role = isAdd ? "add" : "delete";
+      return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { ...paint(role), children: [
           "    ",
           String(row.n).padStart(4),
           " ",
           isAdd ? "+" : "-",
           " "
         ] }),
-        isAdd ? highlightLine(row.text, filePath) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text, { color, children: row.text })
+        isAdd ? highlightLine(row.text, filePath) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { ...paint(role), children: row.text })
       ] }, i);
     }),
-    hidden > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Text, { color: "gray", children: [
-      "    \u2026 +",
+    hidden > 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { ...paint("secondary"), children: [
+      `    ${ellipsis} +`,
       hidden,
       " lines"
     ] })
   ] });
 }
-function ToolCallBlock({ state }) {
+function ToolCallBlock({ state, focused = false, open: open3 = false, detailRows = 12, waiting = false }) {
   const { tool, input, status, outputLines, result } = state;
-  const header = toolHeader(tool, input);
+  const { columns } = useTerminalSize();
+  const glyphs = activeGlyphs();
+  const plain = plainOutput();
+  const unicode = glyphs.rail === "\u2502";
+  const ellipsis = glyphs.ellipsis;
+  const parts = stepParts(tool, input);
+  const twist = open3 ? unicode ? "\u25BE" : "v" : unicode ? "\u25B8" : ">";
+  if (status === "running" && waiting) {
+    const line2 = fitStepLine({ ...parts, meta: "waiting for you", columns, indent: plain ? 0 : 4, ellipsis, sep: glyphs.sep });
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Box_default, { children: [
+      !plain && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { ...paint("needsYou"), children: [
+        glyphs.marker.waiting,
+        " "
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { ...paint("action"), children: line2.verb }),
+        " ",
+        line2.target
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { ...paint("needsYou"), children: ` ${glyphs.sep} waiting for you` })
+    ] });
+  }
   if (status === "running") {
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Box_default, { flexDirection: "column", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Box_default, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Text, { color: "cyan", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(build_default, { type: "dots" }),
+    return /* @__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.jsxs)(Text, { ...paint("action"), children: [
+          plain ? null : unicode ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(build_default, { type: "dots" }) : glyphs.marker.running,
+          focused ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { bold: true, children: twist }) : plain ? "" : " ",
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { bold: true, inverse: focused, children: parts.verb }),
           " ",
-          header
+          fitStepLine({ ...parts, meta: "running", columns, indent: plain ? 0 : 4, ellipsis, sep: glyphs.sep }).target
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text, { color: "gray", children: " \u2014 running..." })
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { ...paint("secondary"), children: ` ${glyphs.sep} running` })
       ] }),
-      outputLines.map((line, i) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Text, { color: "gray", children: [
+      open3 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(StepDetail, { state, rows: detailRows, columns }),
+      !open3 && outputLines.map((line2, i) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { ...paint("secondary"), children: [
         "  ",
-        "\u2502",
+        glyphs.rail,
         " ",
-        line.length > MAX_RUNNING_LINE_CHARS ? `${line.slice(0, MAX_RUNNING_LINE_CHARS)}\u2026 (+${line.length - MAX_RUNNING_LINE_CHARS} chars)` : line
+        line2.length > MAX_RUNNING_LINE_CHARS ? `${line2.slice(0, MAX_RUNNING_LINE_CHARS)}${ellipsis} (+${line2.length - MAX_RUNNING_LINE_CHARS} chars)` : line2
       ] }, i))
     ] });
   }
   const isError = status === "error";
-  const durationStr = result?.duration_ms != null ? ` (${formatDuration(result.duration_ms)})` : "";
+  const metaText = [isError ? "failed" : "", result?.duration_ms != null ? formatDuration2(result.duration_ms) : ""].filter(Boolean).join(` ${glyphs.sep} `);
+  const line = fitStepLine({ ...parts, meta: metaText || void 0, columns, indent: plain ? 0 : 4, ellipsis, sep: glyphs.sep });
   const output = result?.output ?? "";
   let body = null;
   if (isError && output) {
     const lines2 = output.split("\n");
+    const policyRefusal = /^Not approved\b/.test(output);
     const shown = lines2.slice(0, MAX_ERROR_LINES);
     const more = lines2.length - shown.length;
-    body = /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Box_default, { flexDirection: "column", children: [
-      shown.map((l, i) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Text, { color: "red", children: [
-        "  \u23BF ",
+    body = /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Box_default, { flexDirection: "column", children: [
+      shown.map((l, i) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { ...paint("delete"), children: [
+        `  ${glyphs.result} `,
         l
       ] }, i)),
-      more > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Text, { color: "gray", children: [
-        "  \u2026 ",
+      more > 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { ...paint("secondary"), children: [
+        `  ${ellipsis} `,
         more,
         " more"
-      ] })
+      ] }),
+      policyRefusal && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { ...paint("secondary"), children: `  ${glyphs.result} ${describeError("policy", output).action}` })
     ] });
   } else if (tool === "edit_file" && typeof input.old_string === "string" && typeof input.new_string === "string") {
-    body = /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(DiffBlock, { oldStr: input.old_string, newStr: input.new_string, filePath: typeof input.path === "string" ? input.path : void 0 });
+    body = /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(DiffBlock, { oldStr: input.old_string, newStr: input.new_string, filePath: typeof input.path === "string" ? input.path : void 0 });
   } else if (tool === "write_file" && typeof input.content === "string") {
-    body = /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(DiffBlock, { oldStr: "", newStr: input.content, filePath: typeof input.path === "string" ? input.path : void 0 });
+    body = /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(DiffBlock, { oldStr: "", newStr: input.content, filePath: typeof input.path === "string" ? input.path : void 0 });
   } else if (output) {
-    body = /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Text, { color: "gray", children: [
-      "  \u23BF ",
-      summarize(output)
+    body = /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { ...paint("secondary"), children: [
+      `  ${glyphs.result} `,
+      summarize(output, ellipsis)
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Box_default, { flexDirection: "column", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Box_default, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text, { color: isError ? "red" : "green", children: "\u25CF" }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Text, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Box_default, { flexDirection: "column", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Box_default, { children: [
+      !plain && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { ...paint(isError ? "delete" : "add"), children: isError ? glyphs.marker.failed : glyphs.marker.ok }),
+      !plain && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { bold: focused, children: focused ? twist : " " }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { inverse: focused, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { ...paint("action"), children: line.verb }),
         " ",
-        header
+        line.target
       ] }),
-      durationStr && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text, { color: "gray", children: durationStr })
+      line.meta && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { ...paint("secondary"), children: ` ${glyphs.sep} ${line.meta}` })
     ] }),
-    body
+    open3 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(StepDetail, { state, rows: detailRows, columns }) : body
+  ] });
+}
+function StepDetail({ state, rows, columns }) {
+  const record = toStepRecord(state);
+  const detail = record.detail ?? (state.status === "running" ? "no output yet" : null);
+  const win = detailWindow(detail, rows, Math.max(20, columns - 8));
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Box_default, { flexDirection: "column", marginLeft: 3, children: [
+    win.lines.map((l, i) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { ...paint("secondary"), children: l }, i)),
+    win.below > 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { ...paint("secondary"), children: `${activeGlyphs().ellipsis} ${win.below} more line${win.below === 1 ? "" : "s"}` })
   ] });
 }
-var import_jsx_runtime3, MAX_ERROR_LINES, MAX_RUNNING_LINE_CHARS, MAX_SUMMARY_CHARS;
+var import_jsx_runtime5, MAX_ERROR_LINES, MAX_RUNNING_LINE_CHARS, MAX_SUMMARY_CHARS;
 var init_ToolCallBlock = __esm({
   async "src/components/ToolCallBlock.tsx"() {
     "use strict";
     await init_build2();
     await init_build3();
     init_tool_header();
+    init_rail();
+    await init_useTerminalSize();
+    init_step_record();
+    init_describe_error();
+    init_step_view();
     init_diff_rows();
     init_highlight();
-    import_jsx_runtime3 = __toESM(require_jsx_runtime(), 1);
+    init_theme();
+    import_jsx_runtime5 = __toESM(require_jsx_runtime(), 1);
     MAX_ERROR_LINES = 8;
     MAX_RUNNING_LINE_CHARS = 200;
     MAX_SUMMARY_CHARS = 100;
@@ -96028,54 +96797,114 @@ var init_ToolCallBlock = __esm({
 });
 
 // src/components/EventRenderer.tsx
-function EventRenderer({ events, liveMaxLines }) {
+function EventRenderer({ events, liveMaxLines, focusId = null, openId = null, detailRows, waitingId = null, prompt, promptSaved = false, deferErrors = false }) {
   const { renderOrder, statusMessage } = useEventAccumulator(events);
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(Box_default, { flexDirection: "column", children: [
-    renderOrder.map((item) => {
+  const glyphs = activeGlyphs();
+  const railStyle = { topLeft: "", top: "", topRight: "", right: "", bottomRight: "", bottom: "", bottomLeft: "", left: glyphs.rail };
+  const groups = [];
+  for (const item of renderOrder) {
+    const last = groups[groups.length - 1];
+    if (item.type === "tool" && Array.isArray(last)) last.push(item);
+    else groups.push(item.type === "tool" ? [item] : item);
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Box_default, { flexDirection: "column", children: [
+    groups.map((group) => {
+      if (Array.isArray(group) && plainOutput()) {
+        return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Box_default, { flexDirection: "column", children: group.map((item2) => item2.type === "tool" && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_react27.default.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ToolCallBlock, { state: item2.state, focused: item2.id === focusId, open: item2.id === openId, detailRows, waiting: item2.id === waitingId }),
+          item2.id === waitingId && prompt
+        ] }, item2.id)) }, group[0].id);
+      }
+      if (Array.isArray(group)) {
+        return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          Box_default,
+          {
+            flexDirection: "column",
+            borderStyle: railStyle,
+            borderTop: false,
+            borderBottom: false,
+            borderRight: false,
+            borderColor: paint("secondary").color,
+            paddingLeft: 1,
+            children: group.map((item2) => item2.type === "tool" && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_react27.default.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ToolCallBlock, { state: item2.state, focused: item2.id === focusId, open: item2.id === openId, detailRows, waiting: item2.id === waitingId }),
+              item2.id === waitingId && prompt
+            ] }, item2.id))
+          },
+          group[0].id
+        );
+      }
+      const item = group;
       switch (item.type) {
         case "text":
-          return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(MarkdownBlock, { content: item.content, maxLines: liveMaxLines }) }, item.id);
+          return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(MarkdownBlock, { content: item.content, maxLines: liveMaxLines }) }, item.id);
         case "tool":
-          return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ToolCallBlock, { state: item.state }) }, item.id);
+          return null;
+        // grouped onto the rail above
         case "error":
-          return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(Text, { color: "red", children: [
-            "Error: ",
-            item.message
-          ] }) }, item.id);
+          if (deferErrors) return null;
+          return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ErrorBlock, { view: describeEventError(item.message, { retained: promptSaved }) }) }, item.id);
         default: {
           const _exhaustive = item;
           return _exhaustive;
         }
       }
     }),
-    statusMessage && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(Text, { color: "yellow", children: [
-      "\u2022 ",
+    statusMessage && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Text, { ...paint("needsYou"), children: [
+      `${glyphs.rail === "\u2502" ? "\u2022" : "*"} `,
       statusMessage
     ] })
   ] });
 }
-var import_jsx_runtime4;
+var import_react27, import_jsx_runtime6;
 var init_EventRenderer = __esm({
   async "src/components/EventRenderer.tsx"() {
     "use strict";
+    import_react27 = __toESM(require_react(), 1);
     await init_build2();
     init_useEventAccumulator();
     await init_MarkdownBlock();
     await init_ToolCallBlock();
-    import_jsx_runtime4 = __toESM(require_jsx_runtime(), 1);
+    init_theme();
+    init_rail();
+    await init_ErrorBlock();
+    init_describe_error();
+    import_jsx_runtime6 = __toESM(require_jsx_runtime(), 1);
+  }
+});
+
+// src/render/describe-approval.ts
+function describeApproval(req) {
+  const reason = req.reason.trim();
+  const sentence = reason === "" ? "" : `${reason[0].toUpperCase()}${reason.slice(1)}${/[.!?]$/.test(reason) ? "" : "."}`;
+  switch (req.kind) {
+    case "exec":
+      return sentence !== "" ? `Runs a shell command. ${sentence}` : "Runs a shell command.";
+    case "edit_file":
+      return sentence !== "" ? `Edits a file in your project. ${sentence}` : "Edits a file in your project.";
+    case "write_file":
+      return sentence !== "" ? `Writes a file in your project. ${sentence}` : "Writes a file in your project.";
+    default:
+      return sentence !== "" ? sentence : "Needs your approval.";
+  }
+}
+var init_describe_approval = __esm({
+  "src/render/describe-approval.ts"() {
+    "use strict";
   }
 });
 
 // src/components/PermissionPrompt.tsx
 function permissionOptions(req) {
-  const second = req.kind === "exec" ? `Yes, and don't ask again for this exact command` : "Yes, and allow all edits this session";
+  const second = req.kind === "exec" ? `Yes, and don't ask again for this exact command this session` : "Yes, and allow all edits this session";
   return ["Yes", second, "No, tell the agent what to do instead"];
 }
 function PermissionPrompt({ req, onDecide }) {
-  const [selected, setSelected] = (0, import_react26.useState)(0);
-  const [typing, setTyping] = (0, import_react26.useState)(false);
-  const [feedback, setFeedback] = (0, import_react26.useState)("");
+  const [selected, setSelected] = (0, import_react28.useState)(0);
+  const [typing, setTyping] = (0, import_react28.useState)(false);
+  const [feedback, setFeedback] = (0, import_react28.useState)("");
   const options = permissionOptions(req);
+  const unicode = activeGlyphs().rail === "\u2502";
   const { isRawModeSupported } = use_stdin_default();
   const choose = (index) => {
     if (index === 0) onDecide({ approved: true });
@@ -96107,39 +96936,42 @@ function PermissionPrompt({ req, onDecide }) {
     }
   }, { isActive: Boolean(isRawModeSupported) });
   const title = req.kind === "exec" ? "Run command?" : req.kind === "edit_file" ? "Edit file?" : "Write file?";
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Box_default, { flexDirection: "column", borderStyle: "round", borderColor: "yellow", paddingX: 1, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { bold: true, color: "yellow", children: title }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { children: req.subject }),
-    req.preview && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(DiffBlock, { oldStr: req.preview.oldText, newStr: req.preview.newText, filePath: req.subject }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { dimColor: true, children: [
-      req.reason,
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(Box_default, { flexDirection: "column", borderStyle: unicode ? "round" : "classic", borderColor: paint("needsYou").color, paddingX: 1, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Text, { bold: true, ...paint("needsYou"), children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Text, { children: req.subject }),
+    req.preview && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(DiffBlock, { oldStr: req.preview.oldText, newStr: req.preview.newText, filePath: req.subject }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(Text, { ...paint("secondary"), children: [
+      describeApproval(req),
       " (",
       req.rule,
       ")"
     ] }),
-    options.map((label, i) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { color: i === selected ? "cyan" : void 0, children: [
-      i === selected ? "\u276F " : "  ",
+    options.map((label, i) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(Text, { ...i === selected ? paint("action") : {}, children: [
+      i === selected ? unicode ? "\u276F " : "> " : "  ",
       i + 1,
       ". ",
       label
     ] }, label)),
-    typing ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { children: [
+    typing ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(Text, { children: [
       "Tell the agent what to do instead: ",
       feedback,
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { inverse: true, children: " " }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Text, { inverse: true, children: " " }),
       "  ",
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { dimColor: true, children: "(Enter to send, Esc to go back)" })
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { dimColor: true, children: "\u2191/\u2193 Enter or 1-3 to choose \xB7 Esc to refuse" })
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Text, { ...paint("secondary"), children: "(Enter to send, Esc to go back)" })
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Text, { ...paint("secondary"), children: unicode ? "\u2191/\u2193 Enter or 1-3 to choose \xB7 Esc to refuse" : "up/down Enter or 1-3 to choose - Esc to refuse" })
   ] });
 }
-var import_react26, import_jsx_runtime5;
+var import_react28, import_jsx_runtime7;
 var init_PermissionPrompt = __esm({
   async "src/components/PermissionPrompt.tsx"() {
     "use strict";
-    import_react26 = __toESM(require_react(), 1);
+    import_react28 = __toESM(require_react(), 1);
     await init_build2();
     await init_ToolCallBlock();
-    import_jsx_runtime5 = __toESM(require_jsx_runtime(), 1);
+    init_describe_approval();
+    init_rail();
+    init_theme();
+    import_jsx_runtime7 = __toESM(require_jsx_runtime(), 1);
   }
 });
 
@@ -96147,10 +96979,10 @@ var init_PermissionPrompt = __esm({
 function TodoChecklist({ todos }) {
   if (todos.length === 0) return null;
   const done = todos.filter((t) => t.status === "completed").length;
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Box_default, { flexDirection: "column", marginTop: 1, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Text, { bold: true, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(Box_default, { flexDirection: "column", marginTop: 1, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(Text, { bold: true, children: [
       "Tasks ",
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Text, { dimColor: true, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(Text, { ...paint("secondary"), children: [
         "(",
         done,
         "/",
@@ -96158,11 +96990,10 @@ function TodoChecklist({ todos }) {
         ")"
       ] })
     ] }),
-    todos.map((t, i) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+    todos.map((t, i) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
       Text,
       {
-        color: t.status === "in_progress" ? "cyan" : void 0,
-        dimColor: t.status === "completed",
+        ...t.status === "in_progress" ? paint("action") : t.status === "completed" ? paint("secondary") : {},
         bold: t.status === "in_progress",
         strikethrough: t.status === "completed",
         children: [
@@ -96176,35 +97007,17 @@ function TodoChecklist({ todos }) {
     ))
   ] });
 }
-var import_jsx_runtime6, TODO_MARKS;
+var import_jsx_runtime8, TODO_MARKS;
 var init_TodoChecklist = __esm({
   async "src/components/TodoChecklist.tsx"() {
     "use strict";
     await init_build2();
-    import_jsx_runtime6 = __toESM(require_jsx_runtime(), 1);
+    init_theme();
+    import_jsx_runtime8 = __toESM(require_jsx_runtime(), 1);
     TODO_MARKS = { pending: "\u2610", in_progress: "\u25D0", completed: "\u2611" };
   }
 });
 
-// src/render/mode-line.ts
-function modeLine(mode) {
-  switch (mode) {
-    case "default":
-      return { text: "? default mode (shift+tab to cycle)" };
-    case "accept-edits":
-      return { text: "\u23F5\u23F5 accept edits on (shift+tab to cycle)", color: "green" };
-    case "plan":
-      return { text: "\u23F8 plan mode, read-only (shift+tab to cycle)", color: "blue" };
-    case "yolo":
-      return { text: "\u26A0 yolo, no prompts (shift+tab to cycle)", color: "red" };
-  }
-}
-var init_mode_line = __esm({
-  "src/render/mode-line.ts"() {
-    "use strict";
-  }
-});
-
 // src/render/footer.ts
 function estimateCostUsd(inputTokens, outputTokens) {
   return (inputTokens * ESTIMATED_USD_PER_MTOK.input + outputTokens * ESTIMATED_USD_PER_MTOK.output) / 1e6;
@@ -96222,31 +97035,45 @@ function contextPercent(usedTokens, maxTokens) {
 function contextLevel(pct) {
   return pct >= CONTEXT_CRITICAL_PCT ? "critical" : pct >= CONTEXT_WARN_PCT ? "warn" : "ok";
 }
+function contextBar(pct, unicode = true) {
+  const filled = Math.max(0, Math.min(BAR_CELLS, Math.round(pct / 100 * BAR_CELLS)));
+  return unicode ? "\u25B0".repeat(filled) + "\u25B1".repeat(BAR_CELLS - filled) : `[${"#".repeat(filled)}${"-".repeat(BAR_CELLS - filled)}]`;
+}
+function formatModel(model) {
+  return model === void 0 ? MODEL_PLACEHOLDER : `${model} (selected)`;
+}
 function formatFooter({ mode, contextPct, costUsd, model, columns }) {
   const level = contextLevel(contextPct);
-  const ctx = `ctx ${contextPct}%${level === "critical" ? " !!" : level === "warn" ? " !" : ""}`;
-  const fields = [modeLine(mode).text, ctx, formatCost(costUsd), model ?? MODEL_PLACEHOLDER];
+  const unicode = activeGlyphs().rail === "\u2502";
+  const mark = level === "critical" ? " !!" : level === "warn" ? " !" : "";
+  const ctx = columns >= BAR_MIN_COLUMNS ? `ctx ${contextBar(contextPct, unicode)} ${contextPct}%${mark}` : `ctx ${contextPct}%${mark}`;
+  const fields = [modeLine(mode, unicode).text, ctx, formatCost(costUsd), formatModel(model)];
   while (fields.length > 1 && fields.join("   ").length > columns) fields.pop();
   return { text: fields.join("   "), level };
 }
-function formatTurnSummary({ toolCount, elapsedMs, inputTokens, outputTokens, interrupted, failed }) {
+function formatTurnSummary({ toolCount, elapsedMs, inputTokens, outputTokens, interrupted, failed }, unicode = true) {
   const tools = `${toolCount} tool${toolCount === 1 ? "" : "s"}`;
   const secs = (elapsedMs / 1e3).toFixed(1);
-  const head = interrupted ? `\u2717 Interrupted (${tools}, ${secs}s)` : failed ? `\u2717 Failed (${tools}, ${secs}s)` : `\u2713 Done (${tools}, ${secs}s)`;
-  return `${head} \u2502 ${formatTokens(inputTokens)} \u2192 ${formatTokens(outputTokens)} \u2502 ${formatCost(estimateCostUsd(inputTokens, outputTokens))}`;
+  const [ok, bad, bar, arrow] = unicode ? ["\u2713", "\u2717", "\u2502", "\u2192"] : ["+", "x", "|", "->"];
+  const head = interrupted ? `${bad} Interrupted (${tools}, ${secs}s)` : failed ? `${bad} Failed (${tools}, ${secs}s)` : `${ok} Done (${tools}, ${secs}s)`;
+  return `${head} ${bar} ${formatTokens(inputTokens)} ${arrow} ${formatTokens(outputTokens)} ${bar} ${formatCost(estimateCostUsd(inputTokens, outputTokens))}`;
 }
-function formatThinking(elapsedMs, approxTokens) {
-  return `\u273B Thinking\u2026 (${Math.floor(elapsedMs / 1e3)}s \xB7 ~${formatTokens(approxTokens)} tokens \xB7 esc to interrupt)`;
+function formatThinking(elapsedMs, approxTokens, unicode = true) {
+  const [mark, dots, sep2] = unicode ? ["\u273B", "\u2026", "\xB7"] : ["*", "...", "-"];
+  return `${mark} Thinking${dots} (${Math.floor(elapsedMs / 1e3)}s ${sep2} ~${formatTokens(approxTokens)} tokens ${sep2} esc to interrupt)`;
 }
-var ESTIMATED_USD_PER_MTOK, MODEL_PLACEHOLDER, CONTEXT_WARN_PCT, CONTEXT_CRITICAL_PCT;
+var ESTIMATED_USD_PER_MTOK, MODEL_PLACEHOLDER, CONTEXT_WARN_PCT, CONTEXT_CRITICAL_PCT, BAR_CELLS, BAR_MIN_COLUMNS;
 var init_footer = __esm({
   "src/render/footer.ts"() {
     "use strict";
     init_mode_line();
+    init_rail();
     ESTIMATED_USD_PER_MTOK = { input: 0.5, output: 1.5 };
     MODEL_PLACEHOLDER = "gateway default";
     CONTEXT_WARN_PCT = 80;
     CONTEXT_CRITICAL_PCT = 95;
+    BAR_CELLS = 8;
+    BAR_MIN_COLUMNS = 60;
   }
 });
 
@@ -96449,17 +97276,17 @@ function isSubsequence(needle, hay) {
   for (let j2 = 0; j2 < hay.length && i < needle.length; j2++) if (hay[j2] === needle[i]) i++;
   return i === needle.length;
 }
-function tier(path10, q2) {
-  const base = path10.slice(path10.lastIndexOf("/") + 1);
+function tier(path11, q2) {
+  const base = path11.slice(path11.lastIndexOf("/") + 1);
   if (base.startsWith(q2)) return 0;
   if (base.includes(q2)) return 1;
-  if (path10.includes(q2)) return 2;
+  if (path11.includes(q2)) return 2;
   return 3;
 }
 function rankPaths(paths, query, limit = 8) {
   if (query === "") return paths.slice(0, limit);
   const q2 = query.toLowerCase();
-  return paths.map((path10) => ({ path: path10, lower: path10.toLowerCase() })).filter(({ lower }) => isSubsequence(q2, lower)).map(({ path: path10, lower }) => ({ path: path10, rank: tier(lower, q2) })).sort((a, b2) => a.rank - b2.rank || a.path.length - b2.path.length || (a.path < b2.path ? -1 : a.path > b2.path ? 1 : 0)).slice(0, limit).map((m2) => m2.path);
+  return paths.map((path11) => ({ path: path11, lower: path11.toLowerCase() })).filter(({ lower }) => isSubsequence(q2, lower)).map(({ path: path11, lower }) => ({ path: path11, rank: tier(lower, q2) })).sort((a, b2) => a.rank - b2.rank || a.path.length - b2.path.length || (a.path < b2.path ? -1 : a.path > b2.path ? 1 : 0)).slice(0, limit).map((m2) => m2.path);
 }
 var init_mention_rank = __esm({
   "src/editor/mention-rank.ts"() {
@@ -96476,9 +97303,9 @@ function activeMention(text, cursor) {
   const explicit = token[1] === "!";
   return { start, query: token.slice(explicit ? 2 : 1), explicit };
 }
-function insertMention(text, cursor, mention, path10) {
-  if (/\s/.test(path10)) return { text, cursor };
-  const inserted = `@${mention.explicit ? "!" : ""}${path10}`;
+function insertMention(text, cursor, mention, path11) {
+  if (/\s/.test(path11)) return { text, cursor };
+  const inserted = `@${mention.explicit ? "!" : ""}${path11}`;
   const head = text.slice(0, mention.start) + inserted;
   const next = text[cursor];
   if (next !== void 0 && /\s/.test(next)) return { text: head + text.slice(cursor), cursor: head.length + 1 };
@@ -96524,7 +97351,16 @@ function isKnownSlashCommand(name) {
 function formatHelp() {
   const width = Math.max(...SLASH_COMMANDS.map((c) => c.name.length));
   const lines2 = SLASH_COMMANDS.map((c) => `  /${c.name.padEnd(width)}  ${c.description}`);
-  return ["Commands:", ...lines2, "", "  @path   attach a file to your message (@!path overrides the secret/.gitignore filters)", "  !       on an empty prompt: shell mode, runs a command on this machine (not sent to the model)", "", "Press Esc while the agent is running to cancel the turn."].join("\n");
+  return [
+    "Commands:",
+    ...lines2,
+    "",
+    "  tab     (no menu open) focus a step of the running turn: \u2191\u2193 move, enter opens its output, esc leaves; ctrl+o or /turns browses finished turns",
+    "  @path   attach a file to your message (@!path overrides the secret/.gitignore filters)",
+    "  !       on an empty prompt: shell mode, runs a command on this machine (not sent to the model)",
+    "",
+    "Press Esc while the agent is running to cancel the turn."
+  ].join("\n");
 }
 var SLASH_COMMANDS;
 var init_slash_commands = __esm({
@@ -96539,6 +97375,7 @@ var init_slash_commands = __esm({
       { name: "status", description: "Show project, session, mode, context and cost" },
       { name: "compact", description: "Summarize the conversation to free up context" },
       { name: "model", description: "List gateway models; /model <n|id> switches for this session" },
+      { name: "turns", description: "Browse earlier turns and open their steps (shortcut: ctrl+o)" },
       { name: "tools", description: "List the tools available to the agent" },
       { name: "exit", description: "Quit the REPL (alias: /quit)" },
       { name: "quit", description: "Quit the REPL" }
@@ -96555,41 +97392,42 @@ function validateSubmission(text) {
 function withCursor(row, col) {
   return `${row.slice(0, col)}\x1B[7m${row[col] ?? " "}\x1B[27m${row.slice(col + 1)}`;
 }
-function PromptEditor({ onSubmit, disabled, history, listFiles: listFiles2 }) {
+function PromptEditor({ onSubmit, disabled, history, listFiles: listFiles2, onTab, locked = false, promptGlyph: promptGlyph2 = ">", onEmptyEnter, unicode = true }) {
   const { exit } = use_app_default();
+  const { columns } = useTerminalSize();
   const { isRawModeSupported } = use_stdin_default();
-  const [buf, setBuf] = (0, import_react27.useState)(() => createBuffer());
-  const [hint, setHint] = (0, import_react27.useState)(null);
-  const bufRef = (0, import_react27.useRef)(buf);
-  const queue = (0, import_react27.useRef)([]);
-  const [files, setFiles] = (0, import_react27.useState)(null);
-  const filesRef = (0, import_react27.useRef)(null);
-  const loadingFiles = (0, import_react27.useRef)(false);
-  const [sel, setSel] = (0, import_react27.useState)(0);
-  const selRef = (0, import_react27.useRef)(0);
-  const [shell, setShellState] = (0, import_react27.useState)(false);
-  const shellRef = (0, import_react27.useRef)(false);
+  const [buf, setBuf] = (0, import_react29.useState)(() => createBuffer());
+  const [hint, setHint] = (0, import_react29.useState)(null);
+  const bufRef = (0, import_react29.useRef)(buf);
+  const queue = (0, import_react29.useRef)([]);
+  const [files, setFiles] = (0, import_react29.useState)(null);
+  const filesRef = (0, import_react29.useRef)(null);
+  const loadingFiles = (0, import_react29.useRef)(false);
+  const [sel, setSel] = (0, import_react29.useState)(0);
+  const selRef = (0, import_react29.useRef)(0);
+  const [shell, setShellState] = (0, import_react29.useState)(false);
+  const shellRef = (0, import_react29.useRef)(false);
   const setShell = (on) => {
     shellRef.current = on;
     setShellState(on);
   };
   bufRef.current = buf;
-  const fail = (0, import_react27.useCallback)((what, err) => {
+  const fail = (0, import_react29.useCallback)((what, err) => {
     setHint(`${what}: ${err instanceof Error ? err.message : String(err)}`);
   }, []);
-  (0, import_react27.useEffect)(() => {
+  (0, import_react29.useEffect)(() => {
     history?.load().catch((err) => fail("Could not load prompt history", err));
   }, [history, fail]);
-  const dispatch = (0, import_react27.useCallback)((text) => {
+  const dispatch = (0, import_react29.useCallback)((text) => {
     const result = onSubmit(text);
     if (result instanceof Promise) result.catch((err) => fail("Submit failed", err));
   }, [onSubmit, fail]);
-  (0, import_react27.useEffect)(() => {
+  (0, import_react29.useEffect)(() => {
     if (!disabled && queue.current.length > 0) dispatch(queue.current.shift());
   }, [disabled, dispatch]);
   const mention = shell ? null : activeMention(buf.text, buf.cursor);
   const mentionOpen = mention !== null;
-  (0, import_react27.useEffect)(() => {
+  (0, import_react29.useEffect)(() => {
     if (!mentionOpen || !listFiles2 || filesRef.current !== null || loadingFiles.current) return;
     loadingFiles.current = true;
     listFiles2().then((f) => {
@@ -96659,6 +97497,7 @@ function PromptEditor({ onSubmit, disabled, history, listFiles: listFiles2 }) {
       case "tab": {
         const completed = completeSlash(cur.text, slashMatches(cur.text, SLASH_COMMANDS));
         if (completed) update(createBuffer(completed));
+        else onTab?.();
         return;
       }
       case "historyPrev":
@@ -96685,6 +97524,7 @@ function PromptEditor({ onSubmit, disabled, history, listFiles: listFiles2 }) {
         const typed = cur.text.trim();
         if (typed === "") {
           if (inShell) setHint("Type a command after !  (Backspace on an empty prompt leaves shell mode)");
+          else onEmptyEnter?.();
           return;
         }
         const text = inShell ? `!${typed}` : typed;
@@ -96702,36 +97542,39 @@ function PromptEditor({ onSubmit, disabled, history, listFiles: listFiles2 }) {
         else dispatch(text);
       }
     }
-  }, { isActive: Boolean(isRawModeSupported) });
+  }, { isActive: Boolean(isRawModeSupported) && !locked });
   if (!isRawModeSupported) {
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Text, { color: "red", children: 'Interactive input needs a TTY (stdin is not a terminal). Use `spacecode -p "<prompt>"` for headless runs.' });
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { ...paint("delete"), children: 'Interactive input needs a TTY (stdin is not a terminal). Use `spacecode -p "<prompt>"` for headless runs.' });
   }
-  if (disabled && buf.text === "") return null;
   const rows = lines(buf);
   const { line, col } = lineCol(buf);
   const matches = shell ? [] : slashMatches(buf.text, SLASH_COMMANDS);
   const picks = mention && files ? rankPaths(files, mention.query, PICKER_ROWS) : [];
   const pickAt = Math.min(sel, Math.max(picks.length - 1, 0));
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(Box_default, { flexDirection: "column", children: [
-    rows.map((row, i) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(Box_default, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Text, { color: shell ? "magenta" : "green", bold: true, dimColor: disabled, children: i === 0 ? shell ? "! " : "> " : "  " }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Text, { dimColor: disabled, children: i === line && !disabled ? withCursor(row, col) : row })
-    ] }, i)),
-    matches.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(Text, { dimColor: true, children: [
-      matches.map((c) => `/${c.name} \u2014 ${c.description}`).join("   "),
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Box_default, { flexDirection: "column", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Box_default, { flexDirection: "column", borderStyle: unicode ? "round" : "classic", borderColor: paint("secondary").color, borderDimColor: disabled, paddingX: 1, width: Math.min(columns, MAX_STATIC_LINE), children: rows.map((row, i) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Box_default, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { ...paint(shell ? "action" : "agent"), bold: true, dimColor: disabled, children: i === 0 ? shell ? "! " : `${promptGlyph2} ` : "  " }),
+      disabled && !locked && buf.text === "" ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { ...paint("secondary"), children: "turn running - type to queue your next prompt" }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { dimColor: disabled, children: i === line && !disabled ? withCursor(row, col) : row })
+    ] }, i)) }),
+    matches.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Text, { ...paint("secondary"), children: [
+      matches.map((c) => `/${c.name} ${unicode ? "\u2014" : "-"} ${c.description}`).join("   "),
       "  (Tab to complete)"
     ] }),
-    shell && buf.text === "" && !disabled && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Text, { dimColor: true, children: "shell mode: runs on your machine, not sent to the model (Backspace exits)" }),
-    picks.map((p, i) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Text, { color: i === pickAt ? "cyan" : void 0, dimColor: i !== pickAt, children: `${i === pickAt ? "\u203A" : " "} ${p}` }, p)),
-    picks.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Text, { dimColor: true, children: "(\u2191/\u2193 select, Tab or Enter to insert)" }),
-    hint && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Text, { color: "red", children: hint })
+    shell && buf.text === "" && !disabled && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { ...paint("secondary"), children: "shell mode: runs on your machine, not sent to the model (Backspace exits)" }),
+    picks.map((p, i) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { ...i === pickAt ? paint("action") : paint("secondary"), children: `${i === pickAt ? unicode ? "\u203A" : ">" : " "} ${p}` }, p)),
+    picks.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Text, { ...paint("secondary"), children: [
+      "(",
+      unicode ? "\u2191/\u2193" : "up/down",
+      " select, Tab or Enter to insert)"
+    ] }),
+    hint && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { ...paint("delete"), children: hint })
   ] });
 }
-var import_react27, import_jsx_runtime7, PICKER_ROWS;
+var import_react29, import_jsx_runtime9, PICKER_ROWS;
 var init_PromptEditor = __esm({
   async "src/components/PromptEditor.tsx"() {
     "use strict";
-    import_react27 = __toESM(require_react(), 1);
+    import_react29 = __toESM(require_react(), 1);
     await init_build2();
     init_edit_buffer();
     init_editor_keys();
@@ -96739,33 +97582,14 @@ var init_PromptEditor = __esm({
     init_mention_token();
     init_slash_menu();
     init_slash_commands();
-    import_jsx_runtime7 = __toESM(require_jsx_runtime(), 1);
+    init_theme();
+    init_hints();
+    await init_useTerminalSize();
+    import_jsx_runtime9 = __toESM(require_jsx_runtime(), 1);
     PICKER_ROWS = 6;
   }
 });
 
-// src/editor/credential-filter.ts
-function containsCredential(entry) {
-  return PATTERNS.some((re3) => re3.test(entry));
-}
-var PATTERNS;
-var init_credential_filter = __esm({
-  "src/editor/credential-filter.ts"() {
-    "use strict";
-    PATTERNS = [
-      /\bsk[_-][A-Za-z0-9_-]{16,}/,
-      /\bgh[pos]_[A-Za-z0-9]{20,}/,
-      /\bgithub_pat_[A-Za-z0-9_]{20,}/,
-      /\bAKIA[0-9A-Z]{16}\b/,
-      /\bBearer\s+[A-Za-z0-9._~+/=-]{20,}/,
-      /-----BEGIN [A-Z ]*PRIVATE KEY-----/,
-      /\bxox[abp]-[A-Za-z0-9-]{10,}/,
-      /\bnpm_[A-Za-z0-9]{30,}/,
-      /\b[A-Za-z0-9_]*(?:KEY|TOKEN|SECRET|PASSWORD)[A-Za-z0-9_]*=\S{8,}/i
-    ];
-  }
-});
-
 // src/editor/history-store.ts
 var PromptHistory;
 var init_history_store = __esm({
@@ -96847,24 +97671,24 @@ var init_history_store = __esm({
 });
 
 // src/editor/history-file-io.ts
-import { chmod, mkdir, readFile, rename, writeFile } from "node:fs/promises";
-import path from "node:path";
+import { chmod as chmod2, mkdir as mkdir2, readFile as readFile2, rename as rename2, writeFile as writeFile2 } from "node:fs/promises";
+import path2 from "node:path";
 function createFileHistoryIO(file) {
   return {
     async read() {
       try {
-        return await readFile(file, "utf8");
+        return await readFile2(file, "utf8");
       } catch (err) {
         if (err.code === "ENOENT") return null;
         throw err;
       }
     },
     async write(content) {
-      await mkdir(path.dirname(file), { recursive: true, mode: 448 });
+      await mkdir2(path2.dirname(file), { recursive: true, mode: 448 });
       const tmp = `${file}.${process.pid}.tmp`;
-      await writeFile(tmp, content, { mode: 384 });
-      await chmod(tmp, 384);
-      await rename(tmp, file);
+      await writeFile2(tmp, content, { mode: 384 });
+      await chmod2(tmp, 384);
+      await rename2(tmp, file);
     }
   };
 }
@@ -97310,6 +98134,7 @@ async function runAgentLoop(prompt, config, executor, emit, signal, existingMess
     }
     lastToolCount = toolUseBlocks.length;
     if (data.stop_reason !== "tool_use") {
+      if (data.content.length > 0) messages.push({ role: "assistant", content: data.content });
       emitDone(emit, {
         type: "done",
         success: true,
@@ -97336,8 +98161,8 @@ async function runAgentLoop(prompt, config, executor, emit, signal, existingMess
         const toolInput = block.input ?? {};
         const startTime = Date.now();
         let result;
-        const onOutput = (id, stream, text) => {
-          emitToolOutput(emit, { type: "tool_output", id, stream, text });
+        const onOutput = (_reportedId, stream, text) => {
+          emitToolOutput(emit, { type: "tool_output", id: toolId, stream, text });
         };
         try {
           result = await executor.execute(toolName, toolInput, onOutput);
@@ -97539,9 +98364,9 @@ function createFileTools(store) {
     readCache.clear();
     listCache.clear();
   }
-  function invalidatePath(path10) {
-    readCache.delete(path10);
-    const parent = path10.includes("/") ? path10.slice(0, path10.lastIndexOf("/") + 1) : "";
+  function invalidatePath(path11) {
+    readCache.delete(path11);
+    const parent = path11.includes("/") ? path11.slice(0, path11.lastIndexOf("/") + 1) : "";
     listCache.delete(parent);
     listCache.delete("");
     listCache.delete(".");
@@ -97549,36 +98374,36 @@ function createFileTools(store) {
   }
   const handlers = {
     read_file: async (input) => {
-      const path10 = input.path;
-      const cached = readCache.get(path10);
+      const path11 = input.path;
+      const cached = readCache.get(path11);
       if (cached !== void 0) {
         return { output: cached };
       }
-      const content = await store.readFile(path10);
+      const content = await store.readFile(path11);
       if (content === null) {
-        return { output: `File not found: ${path10}`, is_error: true };
+        return { output: `File not found: ${path11}`, is_error: true };
       }
-      readCache.set(path10, content);
+      readCache.set(path11, content);
       return { output: content };
     },
     write_file: async (input) => {
-      const path10 = input.path;
+      const path11 = input.path;
       const content = input.content;
-      await store.writeFile(path10, content);
-      invalidatePath(path10);
-      readCache.set(path10, content);
-      return { output: `Written: ${path10}` };
+      await store.writeFile(path11, content);
+      invalidatePath(path11);
+      readCache.set(path11, content);
+      return { output: `Written: ${path11}` };
     },
     edit_file: async (input) => {
-      const path10 = input.path;
+      const path11 = input.path;
       const oldStr = input.old_string;
       const newStr = input.new_string;
-      let content = readCache.get(path10);
+      let content = readCache.get(path11);
       if (content === void 0) {
-        const stored = await store.readFile(path10);
+        const stored = await store.readFile(path11);
         if (stored === null) {
           return {
-            output: `File not found: ${path10}. Did you read the file first?`,
+            output: `File not found: ${path11}. Did you read the file first?`,
             is_error: true
           };
         }
@@ -97588,41 +98413,41 @@ function createFileTools(store) {
       if (lineNumbers.length === 0) {
         const lineCount = content.split("\n").length;
         return {
-          output: `old_string not found in ${path10}. The file has ${lineCount} lines. Did you read the file first?`,
+          output: `old_string not found in ${path11}. The file has ${lineCount} lines. Did you read the file first?`,
           is_error: true
         };
       }
       if (lineNumbers.length > 1) {
         const locations = lineNumbers.map((ln) => `  - line ${ln}`).join("\n");
         return {
-          output: `old_string matches ${lineNumbers.length} locations in ${path10}:
+          output: `old_string matches ${lineNumbers.length} locations in ${path11}:
 ${locations}
 Include more surrounding context to make old_string unique.`,
           is_error: true
         };
       }
-      const result = await store.editFile(path10, oldStr, newStr);
+      const result = await store.editFile(path11, oldStr, newStr);
       if (!result.success) {
         return { output: result.error, is_error: true };
       }
-      invalidatePath(path10);
-      const updated = await store.readFile(path10);
-      if (updated !== null) readCache.set(path10, updated);
-      return { output: `Edited: ${path10}` };
+      invalidatePath(path11);
+      const updated = await store.readFile(path11);
+      if (updated !== null) readCache.set(path11, updated);
+      return { output: `Edited: ${path11}` };
     },
     list_directory: async (input) => {
-      const path10 = input.path;
-      const cached = listCache.get(path10);
+      const path11 = input.path;
+      const cached = listCache.get(path11);
       if (cached !== void 0) {
         if (cached.length === 0) {
-          return { output: `Empty or not found: ${path10}` };
+          return { output: `Empty or not found: ${path11}` };
         }
         return { output: cached.join("\n") };
       }
-      const entries = await store.listDirectory(path10);
-      listCache.set(path10, entries);
+      const entries = await store.listDirectory(path11);
+      listCache.set(path11, entries);
       if (entries.length === 0) {
-        return { output: `Empty or not found: ${path10}` };
+        return { output: `Empty or not found: ${path11}` };
       }
       return { output: entries.join("\n") };
     }
@@ -97858,8 +98683,8 @@ function parseTodos(input) {
     if (typeof e.status !== "string" || !STATUSES.includes(e.status)) throw new Error(`Item ${i + 1}: "status" must be one of ${STATUSES.join(", ")}`);
     return { content: e.content.trim(), status: e.status };
   });
-  const active = items.filter((t) => t.status === "in_progress").length;
-  if (active > 1) throw new Error(`Only one item may be "in_progress" at a time (found ${active})`);
+  const active2 = items.filter((t) => t.status === "in_progress").length;
+  if (active2 > 1) throw new Error(`Only one item may be "in_progress" at a time (found ${active2})`);
   return items;
 }
 function createTodoTool(onUpdate) {
@@ -97958,9 +98783,9 @@ var init_host = __esm({
 });
 
 // ../agent/src/host/local-host.ts
-import { execFile } from "node:child_process";
+import { execFile as execFile2 } from "node:child_process";
 import { promises as fs2 } from "node:fs";
-import * as path2 from "node:path";
+import * as path3 from "node:path";
 var LocalHost;
 var init_local_host = __esm({
   "../agent/src/host/local-host.ts"() {
@@ -97970,7 +98795,7 @@ var init_local_host = __esm({
       files;
       root;
       constructor(rootDir) {
-        this.root = path2.resolve(rootDir);
+        this.root = path3.resolve(rootDir);
         this.files = {
           readFile: (p) => this.readFile(p),
           writeFile: (p, c) => this.writeFile(p, c),
@@ -97979,12 +98804,12 @@ var init_local_host = __esm({
         };
       }
       static inside(root, abs) {
-        const rel = path2.relative(root, abs);
-        return !(rel === ".." || rel.startsWith(".." + path2.sep) || path2.isAbsolute(rel));
+        const rel = path3.relative(root, abs);
+        return !(rel === ".." || rel.startsWith(".." + path3.sep) || path3.isAbsolute(rel));
       }
       /** Lexical confinement plus a symlink-aware check of the deepest existing ancestor. */
       async resolve(p) {
-        const abs = path2.resolve(this.root, p);
+        const abs = path3.resolve(this.root, p);
         if (!_LocalHost.inside(this.root, abs)) throw new Error(`Path escapes workspace root: ${p}`);
         const realRoot = await fs2.realpath(this.root);
         let probe = abs;
@@ -98002,7 +98827,7 @@ var init_local_host = __esm({
               throw e;
             });
             if (st?.isSymbolicLink()) throw new Error(`Path is a dangling symlink: ${p}`);
-            const parent = path2.dirname(probe);
+            const parent = path3.dirname(probe);
             if (parent === probe) break;
             probe = parent;
           }
@@ -98019,7 +98844,7 @@ var init_local_host = __esm({
       }
       async writeFile(p, content) {
         const abs = await this.resolve(p);
-        await fs2.mkdir(path2.dirname(abs), { recursive: true });
+        await fs2.mkdir(path3.dirname(abs), { recursive: true });
         await fs2.writeFile(abs, content, "utf8");
       }
       async editFile(p, oldStr, newStr) {
@@ -98049,7 +98874,7 @@ var init_local_host = __esm({
        */
       exec(command, onOutput) {
         return new Promise((resolve2, reject) => {
-          const child = execFile(
+          const child = execFile2(
             "/bin/sh",
             ["-c", command],
             { cwd: this.root, maxBuffer: 10 * 1024 * 1024 },
@@ -98311,7 +99136,7 @@ var init_policy = __esm({
 
 // ../agent/src/host/audit-log.ts
 import { promises as fs3 } from "node:fs";
-import * as path3 from "node:path";
+import * as path4 from "node:path";
 function truncate(e) {
   return e.subject.length > MAX_SUBJECT ? { ...e, subject: e.subject.slice(0, MAX_SUBJECT) + "...[truncated]" } : e;
 }
@@ -98325,7 +99150,7 @@ var init_audit_log = __esm({
         this.file = file;
       }
       async record(entry) {
-        await fs3.mkdir(path3.dirname(this.file), { recursive: true });
+        await fs3.mkdir(path4.dirname(this.file), { recursive: true });
         await fs3.appendFile(this.file, JSON.stringify(truncate(entry)) + "\n", { mode: 384 });
       }
     };
@@ -98570,136 +99395,39 @@ var init_src2 = __esm({
   }
 });
 
-// src/session/session-store.ts
-import { chmod as chmod2, mkdir as mkdir2, readdir, readFile as readFile2, rename as rename2, rm, writeFile as writeFile2 } from "node:fs/promises";
-import { randomBytes } from "node:crypto";
-import path4 from "node:path";
-function redactCredentials(value) {
-  if (typeof value === "string") return containsCredential(value) ? REDACTED : value;
-  if (Array.isArray(value)) return value.map(redactCredentials);
-  if (value && typeof value === "object") {
-    return Object.fromEntries(Object.entries(value).map(([k2, v2]) => [k2, redactCredentials(v2)]));
-  }
-  return value;
-}
-function parseSession(file, text) {
-  const lines2 = text.split("\n").filter((l) => l.length > 0);
-  if (lines2.length === 0) throw new SessionError(file, "Session file is empty");
-  let parsed;
-  try {
-    parsed = lines2.map((l) => JSON.parse(l));
-  } catch (err) {
-    throw new SessionError(file, `Corrupt session file: ${err instanceof Error ? err.message : String(err)}`, { cause: err });
-  }
-  const meta = parsed[0];
-  if (meta.v !== 1 || typeof meta.id !== "string" || typeof meta.projectRoot !== "string" || typeof meta.updatedAt !== "string") {
-    throw new SessionError(file, "Unrecognized session header (expected v1 with id, projectRoot, updatedAt)");
-  }
-  const messages = parsed.slice(1);
-  if (!messages.every((m2) => m2 && (m2.role === "user" || m2.role === "assistant"))) {
-    throw new SessionError(file, "Corrupt session file: a message has no valid role");
-  }
-  return { meta, messages };
-}
-function formatAge(fromIso, now) {
-  const secs = Math.max(0, Math.floor((now.getTime() - new Date(fromIso).getTime()) / 1e3));
-  if (secs < 60) return `${secs}s ago`;
-  if (secs < 3600) return `${Math.floor(secs / 60)}m ago`;
-  if (secs < 86400) return `${Math.floor(secs / 3600)}h ago`;
-  return `${Math.floor(secs / 86400)}d ago`;
-}
-function titleFromMessages(messages) {
-  const first = messages.find((m2) => m2.role === "user");
-  const text = !first ? "" : typeof first.content === "string" ? first.content : first.content.map((b2) => b2.text ?? "").join(" ");
-  const oneLine = text.replace(/\s+/g, " ").trim();
-  return oneLine.length > 60 ? `${oneLine.slice(0, 59)}\u2026` : oneLine || "(untitled)";
-}
-var MAX_SESSION_BYTES, REDACTED, SessionError, ID, SessionStore;
-var init_session_store = __esm({
-  "src/session/session-store.ts"() {
-    "use strict";
-    init_credential_filter();
-    MAX_SESSION_BYTES = 5 * 1024 * 1024;
-    REDACTED = "[redacted: credential-shaped content]";
-    SessionError = class extends Error {
-      constructor(file, message, options) {
-        super(`${message} (${file})`, options);
-        this.file = file;
-        this.name = "SessionError";
-      }
-    };
-    ID = /^[A-Za-z0-9_-]{8,64}$/;
-    SessionStore = class {
-      constructor(dir, now = () => /* @__PURE__ */ new Date()) {
-        this.dir = dir;
-        this.now = now;
-      }
-      newId() {
-        return `${this.now().toISOString().replace(/[-:.TZ]/g, "").slice(0, 14)}-${randomBytes(4).toString("hex")}`;
-      }
-      fileFor(id) {
-        if (!ID.test(id)) throw new SessionError(this.dir, `Invalid session id ${JSON.stringify(id)}`);
-        return path4.join(this.dir, `${id}.jsonl`);
-      }
-      async save(session) {
-        const file = this.fileFor(session.meta.id);
-        const meta = { ...session.meta, updatedAt: this.now().toISOString() };
-        const body = [meta, ...session.messages].map((entry) => JSON.stringify(redactCredentials(entry))).join("\n") + "\n";
-        const bytes = Buffer.byteLength(body);
-        if (bytes > MAX_SESSION_BYTES) {
-          throw new SessionError(file, `Session is ${bytes} bytes, over the ${MAX_SESSION_BYTES}-byte cap; use /compact or /clear`);
-        }
-        const tmp = `${file}.${process.pid}.tmp`;
-        try {
-          await mkdir2(this.dir, { recursive: true, mode: 448 });
-          await chmod2(this.dir, 448);
-          await writeFile2(tmp, body, { mode: 384 });
-          await chmod2(tmp, 384);
-          await rename2(tmp, file);
-        } catch (err) {
-          throw new SessionError(file, `Could not save session: ${err instanceof Error ? err.message : String(err)}`, { cause: err });
-        }
-      }
-      async load(id) {
-        const file = this.fileFor(id);
-        let text;
-        try {
-          text = await readFile2(file, "utf8");
-        } catch (err) {
-          throw new SessionError(file, `Could not read session: ${err instanceof Error ? err.message : String(err)}`, { cause: err });
-        }
-        return parseSession(file, text);
+// src/session/replay.ts
+function replayTurns(messages) {
+  const turns = [];
+  let current = null;
+  let seq = 0;
+  const push = (event) => current?.events.push({ ...event, seq: ++seq });
+  for (const message of messages) {
+    const blocks = typeof message.content === "string" ? [{ type: "text", text: message.content }] : message.content;
+    if (message.role === "user") {
+      const text = blocks.filter((b2) => b2.type === "text").map((b2) => b2.text ?? "").join("\n");
+      if (text !== "" || !current) {
+        current = { id: -(turns.length + 1), prompt: text || "(no prompt text)", events: [], interrupted: false };
+        turns.push(current);
       }
-      /** Newest first. Unreadable files are reported, not skipped silently. */
-      async list() {
-        let names;
-        try {
-          names = await readdir(this.dir);
-        } catch (err) {
-          if (err.code === "ENOENT") return { sessions: [], errors: [] };
-          throw new SessionError(this.dir, `Could not list sessions: ${err instanceof Error ? err.message : String(err)}`, { cause: err });
+      for (const b2 of blocks) {
+        if (b2.type === "tool_result" && b2.tool_use_id) {
+          push({ type: "tool_result", id: b2.tool_use_id, output: contentText(b2.content), is_error: b2.is_error ?? false });
         }
-        const sessions = [];
-        const errors = [];
-        for (const name of names.filter((n) => n.endsWith(".jsonl"))) {
-          try {
-            sessions.push((await this.load(name.slice(0, -".jsonl".length))).meta);
-          } catch (err) {
-            errors.push(err instanceof SessionError ? err : new SessionError(path4.join(this.dir, name), String(err), { cause: err }));
-          }
-        }
-        sessions.sort((a, b2) => b2.updatedAt.localeCompare(a.updatedAt));
-        return { sessions, errors };
       }
-      async delete(id) {
-        const file = this.fileFor(id);
-        try {
-          await rm(file);
-        } catch (err) {
-          throw new SessionError(file, `Could not delete session: ${err instanceof Error ? err.message : String(err)}`, { cause: err });
-        }
+    } else if (current) {
+      for (const b2 of blocks) {
+        if (b2.type === "text" && b2.text) push({ type: "text", content: b2.text });
+        else if (b2.type === "tool_use" && b2.id && b2.name) push({ type: "tool_call", id: b2.id, tool: b2.name, input: b2.input ?? {} });
       }
-    };
+    }
+  }
+  return turns;
+}
+var contentText;
+var init_replay = __esm({
+  "src/session/replay.ts"() {
+    "use strict";
+    contentText = (content) => typeof content === "string" ? content : Array.isArray(content) ? content.map((b2) => b2 && typeof b2 === "object" && "text" in b2 ? String(b2.text ?? "") : "").join("") : "";
   }
 });
 
@@ -99090,7 +99818,7 @@ var init_mention_resolver = __esm({
 });
 
 // src/editor/node-mention-fs.ts
-import { open, realpath, stat } from "node:fs/promises";
+import { open as open2, realpath, stat as stat2 } from "node:fs/promises";
 import path6 from "node:path";
 function isInside(root, target) {
   return target === root || target.startsWith(root.endsWith(path6.sep) ? root : root + path6.sep);
@@ -99113,13 +99841,13 @@ function createNodeMentionFS(cwd2) {
       const real = await confined(abs);
       if (real === null) return null;
       if (real === "") return { size: 0, isFile: false };
-      const st = await stat(real);
+      const st = await stat2(real);
       return { size: st.size, isFile: st.isFile() };
     },
     async readFile(abs, maxBytes) {
       const real = await confined(abs);
       if (!real) throw new Error(`refusing to read outside cwd: ${abs}`);
-      const fh = await open(real, "r");
+      const fh = await open2(real, "r");
       try {
         const buf = Buffer.alloc(maxBytes);
         const { bytesRead } = await fh.read(buf, 0, maxBytes, 0);
@@ -99226,109 +99954,144 @@ var init_api_key = __esm({
 // src/useReplController.ts
 import { readFile as readFile4 } from "node:fs/promises";
 import { homedir as homedir2 } from "node:os";
-function useReplController({ repoName: repoName2, yolo: yolo2, mentions: mentionsOpt, sessions, resumeLatest: resumeLatest2 }) {
+function useReplController({ repoName: repoName2, yolo: yolo2, mentions: mentionsOpt, sessions, resumeLatest: resumeLatest2, onViewTurns, onViewResume, isEscOwned }) {
   const { exit } = use_app_default();
-  const mentions = (0, import_react28.useMemo)(() => mentionsOpt ?? createNodeMentions(process.cwd()), [mentionsOpt]);
-  const [events, setEvents] = (0, import_react28.useState)([]);
-  const [turns, setTurns] = (0, import_react28.useState)([]);
-  const turnIdRef = (0, import_react28.useRef)(0);
-  const [isRunning, setIsRunning] = (0, import_react28.useState)(false);
-  const [history, setHistory] = (0, import_react28.useState)([]);
-  const [turnTokens, setTurnTokens] = (0, import_react28.useState)(null);
-  const [sessionTokens, setSessionTokens] = (0, import_react28.useState)({ input: 0, output: 0 });
-  const [turnStartedAt, setTurnStartedAt] = (0, import_react28.useState)(null);
-  const [now, setNow] = (0, import_react28.useState)(() => Date.now());
-  (0, import_react28.useEffect)(() => {
+  const mentions = (0, import_react30.useMemo)(() => mentionsOpt ?? createNodeMentions(process.cwd()), [mentionsOpt]);
+  const [events, setEvents] = (0, import_react30.useState)([]);
+  const [turns, setTurns] = (0, import_react30.useState)([]);
+  const turnIdRef = (0, import_react30.useRef)(0);
+  const [isRunning, setIsRunning] = (0, import_react30.useState)(false);
+  const [livePrompt, setLivePrompt] = (0, import_react30.useState)(null);
+  const [history, setHistory] = (0, import_react30.useState)([]);
+  const [turnTokens, setTurnTokens] = (0, import_react30.useState)(null);
+  const [sessionTokens, setSessionTokens] = (0, import_react30.useState)({ input: 0, output: 0 });
+  const [turnStartedAt, setTurnStartedAt] = (0, import_react30.useState)(null);
+  const [now, setNow] = (0, import_react30.useState)(() => Date.now());
+  (0, import_react30.useEffect)(() => {
     if (turnStartedAt === null) return;
     setNow(Date.now());
     const timer = setInterval(() => setNow(Date.now()), 1e3);
     return () => clearInterval(timer);
   }, [turnStartedAt]);
-  const projectRoot = (0, import_react28.useMemo)(() => process.cwd(), []);
-  const sessionIdRef = (0, import_react28.useRef)(null);
-  const sessionCreatedAtRef = (0, import_react28.useRef)(null);
-  const sessionTokensRef = (0, import_react28.useRef)({ input: 0, output: 0 });
-  const resumeListRef = (0, import_react28.useRef)([]);
-  const [model, setModel] = (0, import_react28.useState)(null);
-  const [todos, setTodos] = (0, import_react28.useState)([]);
-  const [notices, setNotices] = (0, import_react28.useState)([]);
-  const [pending, setPending] = (0, import_react28.useState)(null);
-  const abortRef = (0, import_react28.useRef)(null);
-  const pendingRef = (0, import_react28.useRef)(null);
-  const toolsetRef = (0, import_react28.useRef)(null);
-  (0, import_react28.useEffect)(() => {
+  const projectRoot = (0, import_react30.useMemo)(() => process.cwd(), []);
+  const sessionIdRef = (0, import_react30.useRef)(null);
+  const sessionCreatedAtRef = (0, import_react30.useRef)(null);
+  const sessionTokensRef = (0, import_react30.useRef)({ input: 0, output: 0 });
+  const resumeListRef = (0, import_react30.useRef)([]);
+  const [model, setModel] = (0, import_react30.useState)(null);
+  const [todos, setTodosState] = (0, import_react30.useState)([]);
+  const todosRef = (0, import_react30.useRef)([]);
+  const setTodos = (0, import_react30.useCallback)((t) => {
+    todosRef.current = t;
+    setTodosState(t);
+  }, []);
+  const [replayed, setReplayed] = (0, import_react30.useState)([]);
+  const [notices, setNotices] = (0, import_react30.useState)([]);
+  const retryRef = (0, import_react30.useRef)(null);
+  const [pending, setPending] = (0, import_react30.useState)(null);
+  const abortRef = (0, import_react30.useRef)(null);
+  const pendingRef = (0, import_react30.useRef)(null);
+  const toolsetRef = (0, import_react30.useRef)(null);
+  (0, import_react30.useEffect)(() => {
     sessionTokensRef.current = sessionTokens;
   }, [sessionTokens]);
-  const [permissions] = (0, import_react28.useState)(() => new PermissionState(yolo2 ? "yolo" : "default"));
-  const [mode, setMode] = (0, import_react28.useState)(permissions.mode);
-  (0, import_react28.useEffect)(() => permissions.onChange(setMode), [permissions]);
-  const answeredThisKeypressRef = (0, import_react28.useRef)(false);
-  const setPendingConfirm = (0, import_react28.useCallback)((p) => {
-    pendingRef.current = p;
-    setPending(p);
+  const [permissions] = (0, import_react30.useState)(() => new PermissionState(yolo2 ? "yolo" : "default"));
+  const [mode, setMode] = (0, import_react30.useState)(permissions.mode);
+  (0, import_react30.useEffect)(() => permissions.onChange(setMode), [permissions]);
+  const answeredThisKeypressRef = (0, import_react30.useRef)(false);
+  const confirmQueueRef = (0, import_react30.useRef)([]);
+  const confirmIdRef = (0, import_react30.useRef)(0);
+  const showNextConfirm = (0, import_react30.useCallback)(() => {
+    const head = confirmQueueRef.current[0] ?? null;
+    pendingRef.current = head;
+    setPending(head);
+  }, []);
+  const enqueueConfirm = (0, import_react30.useCallback)((p) => {
+    confirmQueueRef.current.push(p);
+    if (confirmQueueRef.current.length === 1) showNextConfirm();
+  }, [showNextConfirm]);
+  const dequeueConfirm = (0, import_react30.useCallback)((p) => {
+    confirmQueueRef.current = confirmQueueRef.current.filter((q2) => q2 !== p);
+    showNextConfirm();
+  }, [showNextConfirm]);
+  const refuseAllConfirms = (0, import_react30.useCallback)(() => {
+    const all = confirmQueueRef.current;
+    confirmQueueRef.current = [];
+    for (const p of all) p.resolve(false);
+    pendingRef.current = null;
+    setPending(null);
   }, []);
-  const commitTurn = (0, import_react28.useCallback)((prompt, turnEvents, interrupted, summary) => {
-    setTurns((prev) => [...prev, { id: turnIdRef.current++, prompt, events: turnEvents, interrupted, summary }]);
+  const commitTurn = (0, import_react30.useCallback)((prompt, turnEvents, interrupted, summary, retained) => {
+    setTurns((prev) => [...prev, { id: turnIdRef.current++, prompt, events: turnEvents, interrupted, summary, retained }]);
   }, []);
-  const notice = (0, import_react28.useCallback)((message) => {
+  const notice = (0, import_react30.useCallback)((message) => {
     setNotices((prev) => [...prev, message]);
   }, []);
+  const noticeError = (0, import_react30.useCallback)((view) => {
+    setNotices((prev) => [...prev, { error: view }]);
+  }, []);
   const { isRawModeSupported } = use_stdin_default();
   use_input_default((_input, key) => {
     if (key.shift && key.tab) {
       permissions.cycle();
       return;
     }
-    if (pendingRef.current || answeredThisKeypressRef.current) return;
+    if (pendingRef.current || answeredThisKeypressRef.current || isEscOwned?.()) return;
     if (key.escape && abortRef.current) abortRef.current.abort();
   }, { isActive: Boolean(isRawModeSupported) });
-  const createToolset = (0, import_react28.useCallback)(
+  const createToolset = (0, import_react30.useCallback)(
     () => createLocalToolset({
       cwd: process.cwd(),
       permissions,
       onTodos: setTodos,
-      confirm: (req) => new Promise(
-        (resolve2) => setPendingConfirm({
+      confirm: (req) => new Promise((resolve2) => {
+        const item = {
+          id: confirmIdRef.current++,
           req,
           resolve: (decision) => {
             answeredThisKeypressRef.current = true;
             setTimeout(() => {
               answeredThisKeypressRef.current = false;
             }, 0);
-            setPendingConfirm(null);
+            dequeueConfirm(item);
             resolve2(decision);
           }
-        })
-      )
+        };
+        enqueueConfirm(item);
+      })
     }),
-    [permissions, setPendingConfirm]
+    [permissions, enqueueConfirm, dequeueConfirm]
   );
-  const persist = (0, import_react28.useCallback)(
+  const persist = (0, import_react30.useCallback)(
     async (messages, tokens) => {
       if (!sessions) return;
       try {
         const id = sessionIdRef.current ??= sessions.newId();
         const createdAt = sessionCreatedAtRef.current ??= (/* @__PURE__ */ new Date()).toISOString();
-        await sessions.save({ meta: { v: 1, id, projectRoot, createdAt, updatedAt: createdAt, tokens, title: titleFromMessages(messages) }, messages });
+        await sessions.save({ meta: { v: 1, id, projectRoot, createdAt, updatedAt: createdAt, tokens, title: titleFromMessages(messages), turns: countTurns(messages), todos: todosRef.current }, messages });
       } catch (err) {
-        notice(`Session not saved: ${err instanceof Error ? err.message : String(err)}`);
+        noticeError(describeError("session-save", err instanceof Error ? err.message : String(err)));
       }
     },
-    [sessions, projectRoot, notice]
+    [sessions, projectRoot, noticeError]
   );
-  const applySession = (0, import_react28.useCallback)(
+  const applySession = (0, import_react30.useCallback)(
     (loaded) => {
+      retryRef.current = null;
+      for (const w2 of loaded.warnings ?? []) notice(w2);
       sessionIdRef.current = loaded.meta.id;
       sessionCreatedAtRef.current = loaded.meta.createdAt;
       setHistory(loaded.messages);
       setSessionTokens(loaded.meta.tokens);
       setTurns([]);
       setEvents([]);
-      notice(`Resumed "${loaded.meta.title}" (${loaded.messages.length} messages, saved ${formatAge(loaded.meta.updatedAt, /* @__PURE__ */ new Date())}). Earlier output is not replayed.`);
+      setReplayed(replayTurns(loaded.messages));
+      setTodos(loaded.meta.todos ?? []);
+      notice(`Resumed "${loaded.meta.title}" (${loaded.messages.length} messages, saved ${formatAge(loaded.meta.updatedAt, /* @__PURE__ */ new Date())}). Earlier turns are in /turns (ctrl+o).`);
     },
-    [notice]
+    [notice, setTodos]
   );
-  (0, import_react28.useEffect)(() => {
+  (0, import_react30.useEffect)(() => {
     if (!resumeLatest2) return;
     if (!sessions) {
       notice("Cannot continue: session storage is not available.");
@@ -99349,7 +100112,7 @@ function useReplController({ repoName: repoName2, yolo: yolo2, mentions: mention
       }
     })();
   }, [resumeLatest2, sessions, projectRoot, notice, applySession]);
-  const submit = (0, import_react28.useCallback)(async (prompt) => {
+  const submit = (0, import_react30.useCallback)(async (prompt) => {
     const shellCommand = shellCommandOf(prompt);
     if (shellCommand !== null) {
       if (shellCommand === "") {
@@ -99379,8 +100142,7 @@ function useReplController({ repoName: repoName2, yolo: yolo2, mentions: mention
       } finally {
         commitTurn(prompt, shellEvents, false);
         setEvents([]);
-        pendingRef.current?.resolve(false);
-        setPendingConfirm(null);
+        refuseAllConfirms();
         setIsRunning(false);
       }
       return;
@@ -99400,6 +100162,8 @@ function useReplController({ repoName: repoName2, yolo: yolo2, mentions: mention
           setSessionTokens({ input: 0, output: 0 });
           setTurnTokens(null);
           setTodos([]);
+          setReplayed([]);
+          retryRef.current = null;
           sessionIdRef.current = null;
           sessionCreatedAtRef.current = null;
           return;
@@ -99437,6 +100201,10 @@ function useReplController({ repoName: repoName2, yolo: yolo2, mentions: mention
             if (parsed.kind === "list") {
               const { sessions: all, errors } = await sessions.list();
               resumeListRef.current = all;
+              if (onViewResume) {
+                onViewResume({ sessions: all, errors: errors.map((e) => e.message) });
+                return;
+              }
               for (const e of errors) notice(e.message);
               notice(formatSessionList(all, projectRoot, /* @__PURE__ */ new Date()));
               return;
@@ -99517,6 +100285,10 @@ function useReplController({ repoName: repoName2, yolo: yolo2, mentions: mention
           }
           return;
         }
+        case "turns":
+          if (onViewTurns) onViewTurns();
+          else notice("The turn viewer is not available here.");
+          return;
         case "tools": {
           const tools = toolsetRef.current?.tools ?? createLocalToolset({ cwd: process.cwd(), permissions, onTodos: setTodos }).tools;
           notice(`Tools:
@@ -99529,6 +100301,7 @@ ${tools.map((t) => `  ${t.name}`).join("\n")}`);
       return;
     }
     let apiKey;
+    retryRef.current = null;
     try {
       apiKey = await resolveApiKey({
         env: process.env,
@@ -99544,14 +100317,16 @@ ${tools.map((t) => `  ${t.name}`).join("\n")}`);
       return;
     }
     if (!apiKey) {
+      retryRef.current = prompt;
       commitTurn(prompt, [{
         type: "error",
         seq: 1,
         message: MISSING_KEY_MESSAGE
-      }], false);
+      }], false, void 0, true);
       return;
     }
     setIsRunning(true);
+    setLivePrompt(prompt);
     setNotices([]);
     setEvents([]);
     setTurnTokens(null);
@@ -99562,6 +100337,7 @@ ${tools.map((t) => `  ${t.name}`).join("\n")}`);
     setTurnStartedAt(startedAt);
     let usage = { input: 0, output: 0 };
     let failed = false;
+    let keepForRetry = false;
     try {
       const toolset = createToolset();
       toolsetRef.current = toolset;
@@ -99585,13 +100361,17 @@ ${tools.map((t) => `  ${t.name}`).join("\n")}`);
       const attached = await mentions.attach(prompt);
       if (attached.notices.length > 0) setNotices(attached.notices);
       const result = await runAgentLoop(attached.prompt, config, toolset.executor, emit, controller.signal, history);
-      setHistory(result.messages);
+      const failure = [...turnEvents].reverse().find((e) => e.type === "error");
+      const noProgress = result.messages.length === history.length + 1;
+      keepForRetry = !controller.signal.aborted && failure !== void 0 && isRetryable(failure.message) && noProgress;
+      const savedMessages = keepForRetry ? history : result.messages;
+      setHistory(savedMessages);
       usage = { input: result.totalInputTokens, output: result.totalOutputTokens };
       failed = !result.success;
       setTurnTokens(usage);
       const totals = { input: sessionTokensRef.current.input + usage.input, output: sessionTokensRef.current.output + usage.output };
       setSessionTokens(totals);
-      await persist(result.messages, totals);
+      if (savedMessages.length > 0) await persist(savedMessages, totals);
     } catch (err) {
       failed = true;
       console.error("[agent-ui] Agent loop failed:", err);
@@ -99603,21 +100383,24 @@ ${tools.map((t) => `  ${t.name}`).join("\n")}`);
     } finally {
       const toolCount = turnEvents.filter((e) => e.type === "tool_call").length;
       const committedEvents = turnEvents.filter((e) => e.type !== "status");
+      const retained = keepForRetry;
+      retryRef.current = retained ? prompt : null;
       commitTurn(
         prompt,
         committedEvents,
         controller.signal.aborted,
-        formatTurnSummary({ toolCount, elapsedMs: Date.now() - startedAt, inputTokens: usage.input, outputTokens: usage.output, interrupted: controller.signal.aborted, failed })
+        formatTurnSummary({ toolCount, elapsedMs: Date.now() - startedAt, inputTokens: usage.input, outputTokens: usage.output, interrupted: controller.signal.aborted, failed }, activeGlyphs().rail === "\u2502"),
+        retained
       );
       setTurnStartedAt(null);
+      setLivePrompt(null);
       setEvents([]);
-      pendingRef.current?.resolve(false);
-      setPendingConfirm(null);
+      refuseAllConfirms();
       abortRef.current = null;
       setIsRunning(false);
     }
-  }, [repoName2, history, exit, permissions, notice, setPendingConfirm, commitTurn, mentions, createToolset, sessions, projectRoot, persist, applySession, model]);
-  const approxTokens = (0, import_react28.useMemo)(
+  }, [repoName2, history, exit, permissions, notice, refuseAllConfirms, commitTurn, mentions, createToolset, sessions, projectRoot, persist, applySession, model, onViewTurns, onViewResume, setTodos]);
+  const approxTokens = (0, import_react30.useMemo)(
     () => events.reduce((n, e) => n + (e.type === "text" ? estimateTokens(e.content) : e.type === "text_delta" ? estimateTokens(e.text) : 0), 0),
     [events]
   );
@@ -99628,17 +100411,47 @@ ${tools.map((t) => `  ${t.name}`).join("\n")}`);
     approxTokens,
     ...model ? { model } : {}
   };
-  return { turns, events, isRunning, turnTokens, notices, pending, mode, todos, stats, submit, mentions };
+  const retry = (0, import_react30.useCallback)(() => {
+    const kept = retryRef.current;
+    if (kept !== null) void submit(kept);
+  }, [submit]);
+  const resume = (0, import_react30.useMemo)(
+    () => ({
+      available: Boolean(sessions),
+      load: async (meta) => {
+        if (!sessions) throw new Error("Session storage is not available.");
+        applySession(await sessions.load(meta.id));
+      },
+      remove: async (meta) => {
+        if (!sessions) throw new Error("Session storage is not available.");
+        await sessions.delete(meta.id);
+        resumeListRef.current = resumeListRef.current.filter((m2) => m2.id !== meta.id);
+        if (sessionIdRef.current === meta.id) {
+          sessionIdRef.current = null;
+          sessionCreatedAtRef.current = null;
+        }
+      },
+      preview: async (meta) => {
+        if (!sessions) return null;
+        return sessions.preview(meta.id);
+      }
+    }),
+    [sessions, applySession]
+  );
+  return { turns, events, isRunning, livePrompt, turnTokens, notices, pending, mode, todos, stats, submit, retry, mentions, replayed, resume };
 }
-var import_react28, apiUrl;
+var import_react30, apiUrl;
 var init_useReplController = __esm({
   async "src/useReplController.ts"() {
     "use strict";
-    import_react28 = __toESM(require_react(), 1);
+    import_react30 = __toESM(require_react(), 1);
     await init_build2();
     init_src2();
     init_footer();
     init_session_store();
+    init_replay();
+    init_rail();
+    init_describe_error();
     init_compact();
     init_models();
     init_session_commands();
@@ -99651,48 +100464,377 @@ var init_useReplController = __esm({
   }
 });
 
+// src/components/TurnViewer.tsx
+function TurnViewer({ turns, steps, rows, columns, onClose, onEscape }) {
+  const { isRawModeSupported } = use_stdin_default();
+  const glyphs = activeGlyphs();
+  const [turnIdx, setTurnIdx] = (0, import_react31.useState)(null);
+  const [cursorRaw, setCursor] = (0, import_react31.useState)(turns.length - 1);
+  const cursor = clamp(cursorRaw, 0, Math.max(0, turns.length - 1));
+  const [stepCursor, setStepCursor] = (0, import_react31.useState)(0);
+  const [openId, setOpenId] = (0, import_react31.useState)(null);
+  const [scroll, setScroll] = (0, import_react31.useState)(0);
+  const turn = turnIdx === null ? null : turns[turnIdx] ?? null;
+  const turnSteps = turn ? steps.get(turn.id) ?? [] : [];
+  const detailRows = Math.max(3, rows - 6 - turnSteps.length);
+  use_input_default((_input, key) => {
+    if (key.escape) onEscape?.();
+    if (turn === null) {
+      if (key.escape) onClose();
+      else if (key.upArrow) setCursor((c) => clamp(clamp(c, 0, turns.length - 1) - 1, 0, turns.length - 1));
+      else if (key.downArrow) setCursor((c) => clamp(clamp(c, 0, turns.length - 1) + 1, 0, turns.length - 1));
+      else if (key.return && turns.length > 0) {
+        setTurnIdx(cursor);
+        setStepCursor(0);
+        setOpenId(null);
+        setScroll(0);
+      }
+      return;
+    }
+    if (key.escape) {
+      if (openId !== null) {
+        setOpenId(null);
+        setScroll(0);
+      } else setTurnIdx(null);
+    } else if (key.upArrow) {
+      setStepCursor((c) => clamp(c - 1, 0, turnSteps.length - 1));
+      setOpenId(null);
+      setScroll(0);
+    } else if (key.downArrow) {
+      setStepCursor((c) => clamp(c + 1, 0, turnSteps.length - 1));
+      setOpenId(null);
+      setScroll(0);
+    } else if (key.return && turnSteps.length > 0) {
+      const id = turnSteps[stepCursor].id;
+      setOpenId((cur) => cur === id ? null : id);
+      setScroll(0);
+    } else if (key.pageDown) setScroll((s) => s + detailRows);
+    else if (key.pageUp) setScroll((s) => Math.max(0, s - detailRows));
+  }, { isActive: Boolean(isRawModeSupported) });
+  const listRows = Math.max(3, rows - 4);
+  const listStart = clamp(cursor - listRows + 1, 0, Math.max(0, turns.length - listRows));
+  if (turn === null) {
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Box_default, { flexDirection: "column", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Text, { bold: true, children: [
+        "Earlier turns ",
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Text, { ...paint("secondary"), children: "(\u2191\u2193 choose \xB7 enter open \xB7 esc close)" })
+      ] }),
+      turns.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Text, { ...paint("secondary"), children: "No finished turns yet." }),
+      turns.slice(listStart, listStart + listRows).map((t, k2) => {
+        const idx = listStart + k2;
+        const n = steps.get(t.id)?.length ?? 0;
+        const prompt = t.prompt.split("\n")[0].slice(0, Math.max(10, columns - 24));
+        return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Text, { inverse: idx === cursor, children: [
+          idx === cursor ? "> " : "  ",
+          idx + 1,
+          ". ",
+          prompt,
+          " ",
+          glyphs.sep,
+          " ",
+          n,
+          " step",
+          n === 1 ? "" : "s"
+        ] }, t.id);
+      })
+    ] });
+  }
+  const open3 = turnSteps.find((r) => r.id === openId);
+  const win = open3 ? detailWindow(open3.detail, detailRows, Math.max(20, columns - 8), scroll) : null;
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Box_default, { flexDirection: "column", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Text, { bold: true, children: `${turnIdx + 1}. ${turn.prompt.split("\n")[0].slice(0, Math.max(10, columns - 8))}` }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Text, { ...paint("secondary"), children: turnSteps.length === 0 ? "No steps in this turn. (esc back)" : "\u2191\u2193 choose \xB7 enter open/close \xB7 pgup/pgdn scroll \xB7 esc back" }),
+    turnSteps.map((r, i) => {
+      const line = fitStepLine({ verb: r.verb, target: r.target, meta: r.meta || void 0, columns, indent: 6, ellipsis: glyphs.ellipsis, sep: glyphs.sep });
+      const marker = glyphs.marker[r.state];
+      return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Box_default, { flexDirection: "column", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Text, { inverse: i === stepCursor, children: [
+          i === stepCursor ? "> " : "  ",
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Text, { ...paint(r.state === "failed" ? "delete" : "add"), children: marker }),
+          " ",
+          line.verb,
+          " ",
+          line.target,
+          line.meta ? ` ${glyphs.sep} ${line.meta}` : ""
+        ] }),
+        r.id === openId && win && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Box_default, { flexDirection: "column", marginLeft: 4, children: [
+          win.above > 0 && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Text, { ...paint("secondary"), children: `${glyphs.ellipsis} ${win.above} line${win.above === 1 ? "" : "s"} above` }),
+          win.lines.map((l, k2) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Text, { ...paint("secondary"), children: l }, k2)),
+          win.below > 0 && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Text, { ...paint("secondary"), children: `${glyphs.ellipsis} ${win.below} more line${win.below === 1 ? "" : "s"}` })
+        ] })
+      ] }, r.id);
+    })
+  ] });
+}
+var import_react31, import_jsx_runtime10, clamp;
+var init_TurnViewer = __esm({
+  async "src/components/TurnViewer.tsx"() {
+    "use strict";
+    import_react31 = __toESM(require_react(), 1);
+    await init_build2();
+    init_step_view();
+    init_rail();
+    init_theme();
+    import_jsx_runtime10 = __toESM(require_jsx_runtime(), 1);
+    clamp = (n, lo, hi) => Math.max(lo, Math.min(hi, n));
+  }
+});
+
+// src/render/resume-rows.ts
+import path9 from "node:path";
+function orderSessions(sessions, projectRoot) {
+  return [...sessions.filter((s) => s.projectRoot === projectRoot), ...sessions.filter((s) => s.projectRoot !== projectRoot)];
+}
+function formatResumeRow(meta, now, columns, sep2 = "\xB7", ellipsis = "\u2026") {
+  const project = path9.basename(meta.projectRoot) || meta.projectRoot;
+  const tail = [meta.turns !== void 0 ? `${meta.turns} turn${meta.turns === 1 ? "" : "s"}` : null, formatCost(estimateCostUsd(meta.tokens.input, meta.tokens.output))].filter(Boolean).join(` ${sep2} `);
+  const head = `${formatAge(meta.updatedAt, now)} ${sep2} ${project} ${sep2} `;
+  const fixed = head.length + 2 + ` ${sep2} ${tail}`.length;
+  const room = Math.max(8, columns - fixed);
+  const title = meta.title.length > room ? `${meta.title.slice(0, Math.max(1, room - ellipsis.length))}${ellipsis}` : meta.title;
+  return `${head}"${title}" ${sep2} ${tail}`;
+}
+var init_resume_rows = __esm({
+  "src/render/resume-rows.ts"() {
+    "use strict";
+    init_footer();
+    init_session_store();
+  }
+});
+
+// src/components/ResumePicker.tsx
+function ResumePicker({ sessions, errors, projectRoot, now, rows, columns, preview, onResume, onDelete, onClose, onEscape }) {
+  const { isRawModeSupported } = use_stdin_default();
+  const glyphs = activeGlyphs();
+  const [items, setItems] = (0, import_react32.useState)(() => orderSessions(sessions, projectRoot));
+  const [cursor, setCursor] = (0, import_react32.useState)(0);
+  const [stage, setStage] = (0, import_react32.useState)("browse");
+  const [message, setMessage] = (0, import_react32.useState)(null);
+  const [previews, setPreviews] = (0, import_react32.useState)({});
+  const at = clamp2(cursor, 0, Math.max(0, items.length - 1));
+  const current = items[at];
+  (0, import_react32.useEffect)(() => {
+    if (!current || current.id in previews) return;
+    let live = true;
+    preview(current).then((p) => live && setPreviews((m2) => ({ ...m2, [current.id]: p }))).catch((err) => live && setPreviews((m2) => ({ ...m2, [current.id]: err instanceof Error ? err : new Error(String(err)) })));
+    return () => {
+      live = false;
+    };
+  }, [current, preview, previews]);
+  use_input_default((input, key) => {
+    if (key.escape) {
+      onEscape?.();
+      if (stage !== "browse") {
+        setStage("browse");
+        setMessage(null);
+      } else onClose();
+      return;
+    }
+    if (stage === "confirm-delete") {
+      if (input === "y" && current) {
+        onDelete(current).then(() => {
+          setItems((list2) => list2.filter((m2) => m2.id !== current.id));
+          setMessage(`Deleted "${current.title}".`);
+        }).catch((err) => setMessage(`Could not delete: ${err instanceof Error ? err.message : String(err)}`));
+        setStage("browse");
+      } else if (input === "n") {
+        setStage("browse");
+        setMessage(null);
+      }
+      return;
+    }
+    if (key.upArrow) {
+      setCursor((c) => clamp2(c - 1, 0, items.length - 1));
+      setStage("browse");
+      setMessage(null);
+    } else if (key.downArrow) {
+      setCursor((c) => clamp2(c + 1, 0, items.length - 1));
+      setStage("browse");
+      setMessage(null);
+    } else if (input === "d" && current) {
+      setStage("confirm-delete");
+      setMessage(`Delete "${current.title}"? y/n`);
+    } else if (key.return && current) {
+      if (current.projectRoot !== projectRoot && stage !== "confirm-foreign") {
+        setStage("confirm-foreign");
+        setMessage(`That session belongs to ${current.projectRoot}, not ${projectRoot}. Enter again to load it anyway, Esc to go back.`);
+        return;
+      }
+      onResume(current).then(onClose).catch((err) => setMessage(`Could not resume: ${err instanceof Error ? err.message : String(err)}`));
+    }
+  }, { isActive: Boolean(isRawModeSupported) });
+  const listRows = Math.max(3, rows - 8);
+  const start = clamp2(at - listRows + 1, 0, Math.max(0, items.length - listRows));
+  const shown = (0, import_react32.useMemo)(() => items.slice(start, start + listRows), [items, start, listRows]);
+  const pv = current ? previews[current.id] : void 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Box_default, { flexDirection: "column", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Text, { bold: true, children: [
+      "Resume a session ",
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { ...paint("secondary"), children: `(up/down choose ${glyphs.sep} enter resume ${glyphs.sep} d delete ${glyphs.sep} esc back)` })
+    ] }),
+    errors.map((e, i) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { ...paint("needsYou"), children: e }, i)),
+    items.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { ...paint("secondary"), children: "No saved sessions yet." }),
+    shown.map((m2, k2) => {
+      const selected = start + k2 === at;
+      const foreign = m2.projectRoot !== projectRoot;
+      return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Text, { inverse: selected, ...foreign && !selected ? paint("secondary") : {}, children: [
+        selected ? "> " : "  ",
+        formatResumeRow(m2, now, columns - 4, glyphs.sep, glyphs.ellipsis),
+        foreign ? ` [${m2.projectRoot}]` : ""
+      ] }, m2.id);
+    }),
+    current && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { ...paint("secondary"), children: pv === void 0 ? "Last message: ..." : pv instanceof Error ? `Preview unavailable: ${pv.message}` : pv === null ? "No assistant reply saved in this session." : `Last message: "${pv}"` }),
+    message && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { ...paint("needsYou"), children: message })
+  ] });
+}
+var import_react32, import_jsx_runtime11, clamp2;
+var init_ResumePicker = __esm({
+  async "src/components/ResumePicker.tsx"() {
+    "use strict";
+    import_react32 = __toESM(require_react(), 1);
+    await init_build2();
+    init_resume_rows();
+    init_rail();
+    init_theme();
+    import_jsx_runtime11 = __toESM(require_jsx_runtime(), 1);
+    clamp2 = (n, lo, hi) => Math.max(lo, Math.min(hi, n));
+  }
+});
+
 // src/App.tsx
 var App_exports = {};
 __export(App_exports, {
   App: () => App2
 });
 import os4 from "node:os";
-import path9 from "node:path";
-function App2({ repoName: repoName2, onboardingMode: onboardingMode2, launchCount: launchCount2, yolo: yolo2, history, sessions, resumeLatest: resumeLatest2 }) {
-  const promptHistory = (0, import_react29.useMemo)(
-    () => history ?? new PromptHistory(createFileHistoryIO(path9.join(os4.homedir(), ".spacecode", "history"))),
+import path10 from "node:path";
+function App2({ repoName: repoName2, onboardingMode: onboardingMode2, launchCount: launchCount2, yolo: yolo2, history, sessions, resumeLatest: resumeLatest2, git: gitRunner, interactivePicker = true }) {
+  const promptHistory = (0, import_react33.useMemo)(
+    () => history ?? new PromptHistory(createFileHistoryIO(path10.join(os4.homedir(), ".spacecode", "history"))),
     [history]
   );
-  const sessionStore = (0, import_react29.useMemo)(() => sessions ?? new SessionStore(path9.join(os4.homedir(), ".spacecode", "sessions")), [sessions]);
-  const { turns, events, isRunning, notices, pending, mode, todos, stats, submit, mentions } = useReplController({ repoName: repoName2, yolo: yolo2, sessions: sessionStore, resumeLatest: resumeLatest2 });
+  const sessionStore = (0, import_react33.useMemo)(() => sessions ?? new SessionStore(path10.join(os4.homedir(), ".spacecode", "sessions")), [sessions]);
+  const runGit = (0, import_react33.useMemo)(() => gitRunner ?? createNodeGitRunner(process.cwd()), [gitRunner]);
+  const startedAtRef = (0, import_react33.useRef)(Date.now());
+  const [viewingRaw, setViewing] = (0, import_react33.useState)(false);
+  const escViewRef = (0, import_react33.useRef)(false);
+  const escSwallowRef = (0, import_react33.useRef)(false);
+  const swallowEsc = (0, import_react33.useCallback)(() => {
+    escSwallowRef.current = true;
+    setTimeout(() => {
+      escSwallowRef.current = false;
+    }, 0);
+  }, []);
+  const isEscOwned = (0, import_react33.useCallback)(() => escViewRef.current || escSwallowRef.current, []);
+  const openViewer = (0, import_react33.useCallback)(() => setViewing(true), []);
+  const { isRawModeSupported } = use_stdin_default();
+  const [resumeFound, setResumeFound] = (0, import_react33.useState)(null);
+  const openResume = (0, import_react33.useCallback)((found) => setResumeFound(found), []);
+  const { turns, events, isRunning, livePrompt, notices, pending, mode, todos, stats, submit, retry, mentions, replayed, resume } = useReplController({ repoName: repoName2, yolo: yolo2, sessions: sessionStore, resumeLatest: resumeLatest2, onViewTurns: openViewer, onViewResume: isRawModeSupported && interactivePicker ? openResume : void 0, isEscOwned });
   const { columns, rows } = useTerminalSize();
+  const viewing = viewingRaw && !pending;
+  const picking = resumeFound !== null && !pending;
+  const liveSteps = (0, import_react33.useMemo)(() => stepsOfEvents(events), [events]);
+  const [focusId, setFocusId] = (0, import_react33.useState)(null);
+  const [openId, setOpenId] = (0, import_react33.useState)(null);
+  const focusIdx = focusId === null ? -1 : liveSteps.findIndex((r) => r.id === focusId);
+  const focusing = focusIdx >= 0 && !viewing && !picking && !pending;
+  escViewRef.current = focusing || viewing || picking;
+  const enterFocus = (0, import_react33.useCallback)(() => {
+    if (liveSteps.length > 0) setFocusId(liveSteps[liveSteps.length - 1].id);
+  }, [liveSteps]);
+  use_input_default((input, key) => {
+    if (key.escape) {
+      swallowEsc();
+      setFocusId(null);
+      setOpenId(null);
+    } else if (key.tab && !key.shift || key.downArrow) {
+      setFocusId(liveSteps[(focusIdx + 1) % liveSteps.length].id);
+      setOpenId(null);
+    } else if (key.upArrow) {
+      setFocusId(liveSteps[(focusIdx + liveSteps.length - 1) % liveSteps.length].id);
+      setOpenId(null);
+    } else if (key.return || input === " ") {
+      setOpenId((cur) => cur === focusId ? null : focusId);
+    }
+  }, { isActive: Boolean(isRawModeSupported) && focusing });
+  use_input_default((input, key) => {
+    if (key.ctrl && input === "o") setViewing(true);
+  }, { isActive: Boolean(isRawModeSupported) && !viewing && !picking && !pending });
+  const waitingStep = pending ? findBlockedStep(liveSteps, pending.req) : void 0;
+  const promptNode = pending ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(PermissionPrompt, { req: pending.req, onDecide: pending.resolve }, pending.id) : null;
+  const viewerTurns = (0, import_react33.useMemo)(() => [...replayed, ...turns], [replayed, turns]);
+  const turnSteps = (0, import_react33.useMemo)(() => viewing ? stepsOfTurns(viewerTurns) : /* @__PURE__ */ new Map(), [viewing, viewerTurns]);
+  const [gitState, setGitState] = (0, import_react33.useState)(null);
+  (0, import_react33.useEffect)(() => {
+    let live = true;
+    void readGitState(runGit).then((g2) => {
+      if (live) setGitState(g2);
+    });
+    return () => {
+      live = false;
+    };
+  }, [runGit, turns.length]);
   const footer = formatFooter({ mode, contextPct: stats.contextPct, costUsd: stats.costUsd, model: stats.model, columns });
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(Box_default, { flexDirection: "column", children: [
-    notices.map((n, i) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Text, { color: "cyan", children: n }, i)),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Static, { items: [BANNER, ...turns], children: (turn) => typeof turn === "symbol" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(WelcomeBanner, { repoName: repoName2, onboardingMode: onboardingMode2, launchCount: launchCount2 }, "banner") : /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(Box_default, { flexDirection: "column", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(Text, { color: "gray", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Box_default, { flexDirection: "column", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Header, { project: repoName2 ?? path10.basename(process.cwd()), git: gitState, turns: turns.length, elapsedMs: Date.now() - startedAtRef.current, columns }),
+    notices.map((n, i) => typeof n === "string" ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Text, { ...paint("action"), children: n }, i) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ErrorBlock, { view: n.error }, i)),
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Static, { items: [BANNER, ...turns], children: (turn) => typeof turn === "symbol" ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(WelcomeBanner, { repoName: repoName2, onboardingMode: onboardingMode2, launchCount: launchCount2 }, "banner") : /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Box_default, { flexDirection: "column", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Text, { ...paint("secondary"), children: [
         "> ",
         turn.prompt
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(EventRenderer, { events: turn.events }),
-      turn.interrupted && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Text, { color: "yellow", children: "Interrupted" }),
-      turn.summary && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Text, { dimColor: true, children: turn.summary })
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(EventRenderer, { events: turn.events, promptSaved: turn.retained }),
+      turn.interrupted && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Text, { ...paint("needsYou"), children: "Interrupted" }),
+      turn.summary && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Text, { ...paint("secondary"), children: turn.summary })
     ] }, turn.id) }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(EventRenderer, { events, liveMaxLines: Math.max(6, rows - 12) }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(TodoChecklist, { todos }),
-    pending && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(PermissionPrompt, { req: pending.req, onDecide: pending.resolve }),
-    isRunning && !pending && stats.elapsedMs !== null && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Text, { dimColor: true, children: formatThinking(stats.elapsedMs, stats.approxTokens) }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(PromptEditor, { onSubmit: submit, disabled: isRunning, history: promptHistory, listFiles: mentions.list }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Text, { color: footer.level === "critical" ? "red" : footer.level === "warn" ? "yellow" : void 0, dimColor: footer.level === "ok", children: footer.text })
+    viewing && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(TurnViewer, { turns: viewerTurns, steps: turnSteps, rows, columns, onClose: () => setViewing(false), onEscape: swallowEsc }),
+    picking && resumeFound && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      ResumePicker,
+      {
+        sessions: resumeFound.sessions,
+        errors: resumeFound.errors,
+        projectRoot: process.cwd(),
+        now: /* @__PURE__ */ new Date(),
+        rows,
+        columns,
+        preview: resume.preview,
+        onResume: resume.load,
+        onDelete: resume.remove,
+        onClose: () => setResumeFound(null),
+        onEscape: swallowEsc
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Box_default, { flexDirection: "column", display: viewing || picking ? "none" : "flex", children: [
+      livePrompt !== null && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Text, { ...paint("secondary"), children: [
+        "> ",
+        livePrompt
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(EventRenderer, { deferErrors: true, events, liveMaxLines: Math.max(6, rows - 15), focusId: focusing ? focusId : null, openId: focusing ? openId : null, detailRows: Math.max(4, rows - 14), waitingId: waitingStep?.id ?? null, prompt: promptNode }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(TodoChecklist, { todos }),
+      pending && !waitingStep && promptNode,
+      isRunning && !pending && stats.elapsedMs !== null && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Text, { ...paint("secondary"), children: formatThinking(stats.elapsedMs, stats.approxTokens, activeGlyphs().rail === "\u2502") }),
+      focusing && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Text, { ...paint("secondary"), children: activeGlyphs().rail === "\u2502" ? "step focus: \u2191\u2193 or tab move \xB7 enter open/close \xB7 esc back to the prompt" : "step focus: up/down or tab move - enter open/close - esc back to the prompt" }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(PromptEditor, { onEmptyEnter: isRunning ? void 0 : retry, promptGlyph: promptGlyph(mode, activeGlyphs().rail === "\u2502"), unicode: activeGlyphs().rail === "\u2502", onSubmit: submit, disabled: isRunning, history: promptHistory, listFiles: mentions.list, onTab: enterFocus, locked: focusing || viewing || picking || Boolean(pending) }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Text, { ...footer.level === "critical" ? paint("delete") : footer.level === "warn" ? paint("needsYou") : paint("secondary"), children: footer.text }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Text, { ...paint("secondary"), children: formatHints({ running: isRunning, asking: Boolean(pending), columns }, activeGlyphs().sep) })
+    ] })
   ] });
 }
-var import_react29, import_jsx_runtime8, BANNER;
+var import_react33, import_jsx_runtime12, BANNER;
 var init_App2 = __esm({
   async "src/App.tsx"() {
     "use strict";
-    import_react29 = __toESM(require_react(), 1);
+    import_react33 = __toESM(require_react(), 1);
     await init_build2();
     await init_WelcomeBanner();
+    await init_Header();
+    await init_ErrorBlock();
+    init_git_status();
+    init_node_git();
+    init_hints();
+    init_mode_line();
+    init_rail();
     await init_EventRenderer();
     await init_PermissionPrompt();
     await init_TodoChecklist();
@@ -99703,7 +100845,11 @@ var init_App2 = __esm({
     await init_useReplController();
     await init_useTerminalSize();
     init_session_store();
-    import_jsx_runtime8 = __toESM(require_jsx_runtime(), 1);
+    init_theme();
+    await init_TurnViewer();
+    await init_ResumePicker();
+    init_step_view();
+    import_jsx_runtime12 = __toESM(require_jsx_runtime(), 1);
     BANNER = /* @__PURE__ */ Symbol("welcome-banner");
   }
 });
@@ -99724,7 +100870,7 @@ function hideCiVariables(env3, stdoutIsTTY) {
 }
 
 // src/index.tsx
-var import_jsx_runtime9 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime13 = __toESM(require_jsx_runtime(), 1);
 var repoName = process.env.REPO_NAME || process.cwd().split("/").pop() || void 0;
 var validModes = ["guest", "new_project", "existing_repo"];
 var rawMode = process.env.ONBOARDING_MODE;
@@ -99741,7 +100887,7 @@ try {
 } finally {
   restoreCiVariables();
 }
-render2(/* @__PURE__ */ (0, import_jsx_runtime9.jsx)(App3, { repoName, onboardingMode, launchCount, yolo, resumeLatest }));
+render2(/* @__PURE__ */ (0, import_jsx_runtime13.jsx)(App3, { repoName, onboardingMode, launchCount, yolo, resumeLatest, interactivePicker: Boolean(process.stdout.isTTY) }));
 /*! Bundled license information:
 
 react/cjs/react.production.min.js: