@sealant/mend 0.27.4 → 0.28.0

package/dist/{dashboard-S56N7YOG.js → dashboard-4WQC5MZ4.js}

@@ -8,7 +8,7 @@ import {
   normalizeProjectName,
   pendingId,
   repositoryCloneUrlIssue
-} from "./chunk-BMMHU2SH.js";
+} from "./chunk-7JPOKREB.js";
 
 // src/dashboard.tsx
 import { CliRenderEvents, createCliRenderer } from "@opentui/core";
@@ -20,7 +20,7 @@ import {
   useQuery as useQuery2,
   useQueryClient as useQueryClient2
 } from "@tanstack/react-query";
-import { useEffect as useEffect2, useRef as useRef2, useState as useState2, useSyncExternalStore } from "react";
+import { useEffect as useEffect2, useMemo as useMemo2, useRef as useRef2, useState as useState2, useSyncExternalStore } from "react";
 
 // src/dashboard-adoption.ts
 var deriveAdoptOffer = (facts) => {
@@ -143,7 +143,9 @@ var deriveWorktrees = (data, projectId) => {
   const item = toSessionItem(data, detail);
   const sorted = detail.sessions.filter((session) => !isDeadEnd(session)).toSorted(bySessionRecency);
   const groups = [];
-  if (detail.worktrees !== void 0) {
+  if (detail.worktrees === void 0) {
+    for (const session of sorted) groups.push(pseudoGroup(session, item));
+  } else {
     const claimed = /* @__PURE__ */ new Set();
     for (const worktree of detail.worktrees) {
       const members = sorted.filter((session) => session.worktreeId === worktree.id);
@@ -164,8 +166,6 @@ var deriveWorktrees = (data, projectId) => {
       if (claimed.has(session.id)) continue;
       groups.push(pseudoGroup(session, item));
     }
-  } else {
-    for (const session of sorted) groups.push(pseudoGroup(session, item));
   }
   return groups.toSorted((a, b) => {
     if (a.live > 0 !== b.live > 0) return a.live > 0 ? -1 : 1;
@@ -185,13 +185,6 @@ var pseudoGroup = (session, item) => ({
   live: LIVE_STATUSES.has(session.status) ? 1 : 0,
   annotation: item(session).annotation
 });
-var deriveRows = (groups) => groups.flatMap(
-  (group) => [
-    { kind: "worktree", group },
-    ...group.sessions.map((item) => ({ kind: "session", group, item }))
-  ]
-);
-var rowKeyOf = (row) => row.kind === "worktree" ? `wt:${row.group.key}` : `s:${row.item.session.id}`;
 var deriveHarnesses = (resuming) => {
   if (resuming !== null) {
     const others = Object.keys(HARNESS_COMMANDS).filter((h) => h !== resuming.harness);
@@ -218,6 +211,20 @@ var deriveHarnesses = (resuming) => {
     })
   );
 };
+var sessionDisplayName = (session) => {
+  if (session.label !== null && session.label !== "") return session.label;
+  if (isPendingId(session.id)) return `${session.harness} \xB7 starting`;
+  return `${session.harness} ${session.id.slice(0, 8)}`;
+};
+var groupBaseLabel = (group) => {
+  if (group.baseRef !== null && group.baseRef !== "") return group.baseRef;
+  const sha = group.sessions[0]?.session.baseSha ?? "";
+  return sha === "" ? "base unknown" : sha.slice(0, 7);
+};
+var groupActivityAt = (group) => group.sessions.reduce(
+  (newest, item) => item.session.createdAt > newest ? item.session.createdAt : newest,
+  group.createdAt
+);
 var foldGroupStatus = (group) => {
   const statuses = group.sessions.map((item) => item.session.status);
   if (statuses.includes("waiting")) return "waiting";
@@ -227,12 +234,33 @@ var foldGroupStatus = (group) => {
 };
 var liveShellOf = (processes) => processes.findLast((process2) => process2.kind === "shell" && process2.exitedAt === null) ?? null;
 var liveProtocolOf = (processes) => processes.find((process2) => process2.kind === "agent-protocol" && process2.exitedAt === null) ?? null;
-var enterTargetOf = (sessions) => {
-  const live = sessions.filter((session) => LIVE_STATUSES.has(session.status));
-  const attachable = live.find((session) => session.status !== "starting");
-  if (attachable !== void 0) return { kind: "attach", session: attachable };
-  const starting = live[0];
-  return starting === void 0 ? { kind: "none" } : { kind: "wait", session: starting };
+var planAttach = (session) => {
+  if (session === null) return { kind: "none" };
+  if (isPendingId(session.id)) return { kind: "pending", session };
+  if (!LIVE_STATUSES.has(session.status)) return { kind: "settled", session };
+  if (session.status === "starting") return { kind: "starting", session };
+  return { kind: "attach", session };
+};
+var planResume = (session) => {
+  if (session === null) return { kind: "none" };
+  if (isPendingId(session.id)) return { kind: "pending", session };
+  if (LIVE_STATUSES.has(session.status)) return { kind: "live", session };
+  return { kind: "resume", session };
+};
+var createLaunchGate = () => {
+  const taken = /* @__PURE__ */ new Set();
+  return {
+    take: (key) => {
+      if (taken.has(key)) return false;
+      taken.add(key);
+      return true;
+    },
+    release: (key) => {
+      taken.delete(key);
+    },
+    held: (key) => taken.has(key),
+    count: () => taken.size
+  };
 };
 var markSessionStopped = (data, sessionId) => {
   const processesBySession = new Map(data.processesBySession);
@@ -290,6 +318,17 @@ var filterBranches = (branches, query) => {
     return b.branch.committedAt.localeCompare(a.branch.committedAt);
   }).map((entry) => entry.branch);
 };
+var baseStepNotice = (state) => {
+  if (state.branchError !== null) {
+    return `branches unreadable \u2014 ${state.branchError} \xB7 enter uses the default`;
+  }
+  if (state.branches === null) return "reading branches\u2026";
+  if (state.branches.length === 0) return "no branches read \u2014 enter uses the default branch";
+  if (filterBranches(state.branches, state.query).length === 0) {
+    return "no branch matches \u2014 enter uses the default branch";
+  }
+  return null;
+};
 var advanceFromBase = (current) => {
   const chosen = filterBranches(current.branches ?? [], current.query)[current.baseIndex];
   return {
@@ -298,6 +337,366 @@ var advanceFromBase = (current) => {
     step: "harness"
   };
 };
+var COLUMNS = ["projects", "worktrees", "sessions", "detail"];
+var NAV_SECTIONS = ["projects", "worktrees", "sessions"];
+var isNavSection = (column) => column !== "detail";
+var expandedSection = (focus, lastNav) => isNavSection(focus) ? focus : lastNav;
+var SIDEBAR_SHARE = 0.25;
+var MIN_SIDEBAR_WIDTH = 24;
+var MIN_DETAIL_WIDTH = 48;
+var SPLIT_MIN_WIDTH = MIN_SIDEBAR_WIDTH + MIN_DETAIL_WIDTH;
+var MIN_SECTION_HEIGHT = 3;
+var CHROME_ROWS = 3;
+var stackSections = (body, open) => {
+  const room = body - (NAV_SECTIONS.length - 1) * MIN_SECTION_HEIGHT;
+  if (room < MIN_SECTION_HEIGHT) {
+    const height = Math.max(MIN_SECTION_HEIGHT, body);
+    return [{ section: open, expanded: true, height, rows: height - 2 }];
+  }
+  return NAV_SECTIONS.map(
+    (section) => section === open ? { section, expanded: true, height: room, rows: room - 2 } : { section, expanded: false, height: MIN_SECTION_HEIGHT, rows: 1 }
+  );
+};
+var planLayout = (width, height, focus, lastNav) => {
+  const split = width >= SPLIT_MIN_WIDTH;
+  const navVisible = split || isNavSection(focus);
+  const sidebarOuter = split ? Math.max(
+    MIN_SIDEBAR_WIDTH,
+    Math.min(width - MIN_DETAIL_WIDTH, Math.round(width * SIDEBAR_SHARE))
+  ) : navVisible ? Math.max(4, width) : 0;
+  const detailOuter = split ? width - sidebarOuter : navVisible ? 0 : Math.max(4, width);
+  const build = (body2, breadcrumb) => {
+    const sections = navVisible ? stackSections(body2, expandedSection(focus, lastNav)) : [];
+    const shown = new Set(sections.map((section) => section.section));
+    if (detailOuter > 0) shown.add("detail");
+    return {
+      split,
+      sidebarWidth: navVisible ? sidebarOuter : 0,
+      sections,
+      detailWidth: detailOuter === 0 ? 0 : Math.max(1, detailOuter - 2),
+      detailRows: detailOuter === 0 ? 0 : Math.max(1, body2 - 2),
+      offscreen: COLUMNS.filter((column) => !shown.has(column)),
+      breadcrumb
+    };
+  };
+  const body = Math.max(MIN_SECTION_HEIGHT, height - CHROME_ROWS);
+  const full = build(body, false);
+  if (full.offscreen.length === 0) return full;
+  return body - 1 >= MIN_SECTION_HEIGHT ? build(body - 1, true) : full;
+};
+var stepColumn = (focus, delta) => {
+  const at = COLUMNS.indexOf(focus);
+  if (at === -1) return "sessions";
+  return COLUMNS[Math.max(0, Math.min(COLUMNS.length - 1, at + delta))] ?? focus;
+};
+var fitHints = (hints, width) => {
+  const kept = [];
+  for (const hint of hints) {
+    const candidate = [...kept, hint].join(" \xB7 ");
+    const wouldTruncate = kept.length + 1 < hints.length;
+    if (candidate.length + (wouldTruncate ? 2 : 0) > width) break;
+    kept.push(hint);
+  }
+  if (kept.length === hints.length) return kept.join(" \xB7 ");
+  return kept.length === 0 ? "\u2026" : `${kept.join(" \xB7 ")} \u2026`;
+};
+var clampIndex = (length, index) => length === 0 ? 0 : Math.max(0, Math.min(length - 1, index));
+var KEY_BINDINGS = [
+  {
+    verb: "moveUp",
+    keys: ["up", "k"],
+    shift: false,
+    hints: {
+      projects: "\u2191\u2193 move",
+      worktrees: "\u2191\u2193 move",
+      sessions: "\u2191\u2193 move",
+      detail: "\u2191\u2193 scroll"
+    }
+  },
+  { verb: "moveDown", keys: ["down", "j"], shift: false, hints: {} },
+  { verb: "pageUp", keys: ["pageup"], shift: false, hints: {} },
+  { verb: "pageDown", keys: ["pagedown"], shift: false, hints: {} },
+  {
+    verb: "columnRight",
+    keys: ["return", "linefeed", "l", "right", "tab"],
+    shift: false,
+    hints: { projects: "\u2192 worktrees", worktrees: "\u2190\u2192 panes", sessions: "\u2190\u2192 panes" }
+  },
+  {
+    verb: "columnLeft",
+    keys: ["left", "h", "-", "backspace"],
+    shift: false,
+    hints: { detail: "\u2190 sessions" }
+  },
+  { verb: "columnLeft", keys: ["backtab"], shift: "any", hints: {} },
+  { verb: "columnLeft", keys: ["tab"], shift: true, hints: {} },
+  {
+    verb: "attach",
+    keys: ["a"],
+    shift: false,
+    hints: { worktrees: "a attach", sessions: "a attach", detail: "a attach" }
+  },
+  {
+    verb: "resume",
+    keys: ["r"],
+    shift: false,
+    hints: { worktrees: "r resume", sessions: "r resume", detail: "r resume" }
+  },
+  {
+    verb: "newSession",
+    keys: ["n"],
+    shift: false,
+    hints: {
+      projects: "n/w new worktree",
+      worktrees: "n new session",
+      sessions: "n new session"
+    }
+  },
+  {
+    verb: "newWorktree",
+    keys: ["w"],
+    shift: false,
+    hints: { worktrees: "w new worktree", sessions: "w new worktree" }
+  },
+  {
+    verb: "stop",
+    keys: ["k"],
+    shift: true,
+    hints: { worktrees: "\u21E7K stop all", sessions: "\u21E7K stop" }
+  },
+  { verb: "stop", keys: ["x"], shift: false, hints: {} },
+  {
+    verb: "remove",
+    keys: ["d"],
+    shift: true,
+    hints: { worktrees: "\u21E7D remove worktree", sessions: "\u21E7D remove" }
+  },
+  {
+    verb: "review",
+    keys: ["v"],
+    shift: false,
+    hints: { worktrees: "v review", sessions: "v review", detail: "v review" }
+  },
+  {
+    verb: "rename",
+    keys: ["e"],
+    shift: false,
+    hints: { sessions: "e rename", detail: "e rename" }
+  },
+  { verb: "openWeb", keys: ["o"], shift: false, hints: { sessions: "o web", detail: "o web" } },
+  {
+    verb: "refresh",
+    keys: ["r"],
+    shift: true,
+    hints: { projects: "\u21E7R refresh", worktrees: "\u21E7R refresh", detail: "\u21E7R refresh" }
+  },
+  {
+    verb: "quit",
+    keys: ["q"],
+    shift: false,
+    hints: { projects: "q quit", worktrees: "q quit", sessions: "q quit", detail: "q quit" }
+  }
+];
+var verbForKey = (name, shift) => KEY_BINDINGS.find(
+  (binding) => binding.keys.includes(name) && (binding.shift === "any" || binding.shift === shift)
+)?.verb ?? null;
+var verbHints = (focus) => KEY_BINDINGS.flatMap((binding) => {
+  const hint = binding.hints[focus];
+  return hint === void 0 ? [] : [hint];
+});
+
+// src/dashboard-preview.ts
+import { stripVTControlCharacters } from "node:util";
+var BLOCK_LINES = {
+  user: 6,
+  assistant: 14,
+  reasoning: 4,
+  command: 3,
+  output: 5,
+  meta: 1,
+  blank: 1
+};
+var CONTROL_STRING = (
+  // eslint-disable-next-line no-control-regex -- matching control bytes is the point
+  /(?:\u001b[\]P^_X]|[\u0090\u0098\u009d\u009e\u009f])[\s\S]*?(?:\u0007|\u001b\\|\u009c|$)/g
+);
+var BELL = "\x07";
+var UNSAFE_CONTROLS = /[\u0000-\u0008\u000b-\u001f\u007f-\u009f]/g;
+var lastWrite = (line) => line.includes("\r") ? line.split("\r").filter((part) => part !== "").at(-1) ?? "" : line;
+var plainText = (text) => stripVTControlCharacters(text.replaceAll(CONTROL_STRING, "").replaceAll(BELL, "")).replaceAll("\r\n", "\n").split("\n").map(lastWrite).join("\n").replaceAll(UNSAFE_CONTROLS, "");
+var GRAPHEMES = new Intl.Segmenter("en", { granularity: "grapheme" });
+var NON_ASCII = /[^\u0020-\u007e\t]/;
+var ZERO_WIDTH = /^[\p{Mn}\p{Me}\p{Cf}]/u;
+var EMOJI_PRESENTATION = "\uFE0F";
+var WIDE_RANGES = [
+  [4352, 4447],
+  // Hangul Jamo
+  [11904, 12350],
+  // CJK radicals, Kangxi, CJK symbols and punctuation
+  [12353, 42191],
+  // Kana, Bopomofo, CJK unified ideographs, Yi
+  [43360, 43391],
+  // Hangul Jamo Extended-A
+  [44032, 55203],
+  // Hangul syllables
+  [63744, 64255],
+  // CJK compatibility ideographs
+  [65040, 65049],
+  // Vertical forms
+  [65072, 65135],
+  // CJK compatibility forms, small form variants
+  [65280, 65376],
+  // Fullwidth forms
+  [65504, 65510],
+  // Fullwidth signs
+  [94176, 94180],
+  // Tangut and Nushu marks
+  [94208, 101589],
+  // Tangut
+  [110592, 111359],
+  // Kana supplement and extensions
+  [127488, 127743],
+  // Enclosed ideographic supplement
+  [127744, 129791],
+  // Emoji planes
+  [131072, 262141]
+  // CJK unified ideographs, extension B onwards
+];
+var isWide = (code) => WIDE_RANGES.some(([low, high]) => code >= low && code <= high);
+var graphemeWidth = (cluster) => {
+  if (ZERO_WIDTH.test(cluster)) return 0;
+  if (cluster.includes(EMOJI_PRESENTATION)) return 2;
+  return isWide(cluster.codePointAt(0) ?? 0) ? 2 : 1;
+};
+var displayWidth = (text) => {
+  if (!NON_ASCII.test(text)) return text.length;
+  let width = 0;
+  for (const { segment } of GRAPHEMES.segment(text)) width += graphemeWidth(segment);
+  return width;
+};
+var cutToWidth = (text, limit) => {
+  if (!NON_ASCII.test(text)) return [text.slice(0, limit), text.slice(limit)];
+  let width = 0;
+  for (const { segment, index } of GRAPHEMES.segment(text)) {
+    const next = width + graphemeWidth(segment);
+    if (next > limit) {
+      const at = index === 0 ? segment.length : index;
+      return [text.slice(0, at), text.slice(at)];
+    }
+    width = next;
+  }
+  return [text, ""];
+};
+var wrapText = (text, width) => {
+  const limit = Math.max(8, width);
+  const out = [];
+  for (const paragraph of plainText(text).replaceAll("	", "  ").split("\n")) {
+    const trimmed = paragraph.trimEnd();
+    if (trimmed === "") {
+      out.push("");
+      continue;
+    }
+    let line = "";
+    let lineWidth = 0;
+    for (const word of trimmed.split(/ +/)) {
+      const wordWidth = displayWidth(word);
+      if (line === "") {
+        line = word;
+        lineWidth = wordWidth;
+      } else if (lineWidth + 1 + wordWidth <= limit) {
+        line = `${line} ${word}`;
+        lineWidth += 1 + wordWidth;
+      } else {
+        out.push(line);
+        line = word;
+        lineWidth = wordWidth;
+      }
+      while (lineWidth > limit) {
+        const [head, rest] = cutToWidth(line, limit);
+        out.push(head);
+        line = rest;
+        lineWidth = displayWidth(rest);
+      }
+    }
+    if (line !== "") out.push(line);
+  }
+  return out.length === 0 ? [""] : out;
+};
+var isBlank = (line) => line?.kind === "blank";
+var previewLines = (transcript, options) => {
+  const width = Math.max(8, options.width);
+  const lines = [];
+  const push = (kind, text) => {
+    const wrapped = wrapText(text, width);
+    const budget = BLOCK_LINES[kind];
+    for (const [index, line] of wrapped.slice(0, budget).entries()) {
+      lines.push({ kind, text: line, lead: index === 0 });
+    }
+    if (wrapped.length > budget) {
+      lines.push({ kind: "meta", text: `\u2026 ${wrapped.length - budget} more lines`, lead: false });
+    }
+  };
+  const separate = () => {
+    if (lines.length > 0 && !isBlank(lines.at(-1))) {
+      lines.push({ kind: "blank", text: "", lead: false });
+    }
+  };
+  for (const event of transcript.events) {
+    const text = plainText(event.text ?? "").trim();
+    switch (event.kind) {
+      case "user":
+        if (text === "") break;
+        separate();
+        push("user", text);
+        break;
+      case "assistant":
+        if (text === "") break;
+        separate();
+        push("assistant", text);
+        break;
+      case "reasoning":
+        if (text === "") break;
+        push("reasoning", text);
+        break;
+      case "tool": {
+        const command = plainText(event.command ?? "").trim();
+        push("command", command === "" ? event.name ?? "tool" : command);
+        const output = plainText(event.output ?? "").trimEnd();
+        if (output !== "") push("output", output);
+        break;
+      }
+      default:
+        break;
+    }
+  }
+  while (lines.length > 0 && isBlank(lines[0])) lines.shift();
+  while (lines.length > 0 && isBlank(lines.at(-1))) lines.pop();
+  const max = Math.max(1, options.maxLines);
+  if (lines.length <= max) return lines;
+  const kept = lines.slice(lines.length - (max - 1));
+  return [
+    { kind: "meta", text: `\u2026 ${lines.length - kept.length} earlier lines`, lead: true },
+    ...kept
+  ];
+};
+var previewWindow = (lines, rows, offset) => {
+  const height = Math.max(1, rows);
+  const furthest = Math.max(0, lines.length - height);
+  const clamped = Math.max(0, Math.min(furthest, Math.trunc(offset)));
+  const end = lines.length - clamped;
+  const start = Math.max(0, end - height);
+  return {
+    lines: lines.slice(start, end),
+    offset: clamped,
+    earlier: start,
+    later: lines.length - end
+  };
+};
+var TRANSCRIPT_KEY = (sessionId) => [
+  "transcript",
+  sessionId
+];
+var fetchTranscript = (api, sessionId) => api("GET", `/sessions/${sessionId}/transcript`);
 
 // src/review-workflow.ts
 var reviewTargetForSession = (session, annotation, projectName) => annotation?.changeId === null || annotation?.changeId === void 0 ? null : { session, changeId: annotation.changeId, projectName };
@@ -508,22 +907,25 @@ var openUrl = (target) => {
 };
 
 // src/tui-theme.ts
-var INK = "#eeece8";
-var INK_2 = "#c9c7c2";
-var MUTED = "#a3a09a";
-var FAINT = "#807d76";
-var RULE = "#37374a";
-var COBALT = "#6f96f5";
-var WASH = "#2c2c35";
-var SURFACE = "#17171d";
-var GREEN = "#69c189";
-var RED = "#e87f76";
-var ADD_WASH = "#20362a";
-var DELETE_WASH = "#3c2b2e";
-var SYNTAX_KEYWORD = "#cda6f2";
-var SYNTAX_STRING = "#98cfa8";
-var SYNTAX_NUMBER = "#e6c37e";
-var SYNTAX_FUNCTION = "#94bdf7";
+var CANVAS = "#1f2430";
+var PANEL = "#242936";
+var SURFACE = "#282e3b";
+var INK = "#e6e1cf";
+var INK_2 = "#d1d4dc";
+var MUTED = "#c2cad7";
+var FAINT = "#b0bbcc";
+var RULE = "#78859a";
+var ACCENT = "#ffcc66";
+var WASH = "#2d3445";
+var GREEN = "#87d96c";
+var RED = "#f27983";
+var ERROR = "#ff6666";
+var ADD_WASH = "#384c41";
+var DELETE_WASH = "#4d3945";
+var SYNTAX_KEYWORD = "#ffa659";
+var SYNTAX_STRING = "#d5ff80";
+var SYNTAX_NUMBER = "#dfbfff";
+var SYNTAX_FUNCTION = "#ffcd66";
 
 // src/review.tsx
 import { Fragment, jsx, jsxs } from "@opentui/react/jsx-runtime";
@@ -592,7 +994,7 @@ var anchorOf = (comment) => comment.file === null ? "change" : `${comment.file}$
 var passFact = (pass) => {
   const label = pass.kind === "suggest" ? "suggestions" : pass.kind;
   if (pass.status === "running") return { text: `${label} running`, color: INK_2 };
-  if (pass.status === "failed") return { text: `${label} failed`, color: RED };
+  if (pass.status === "failed") return { text: `${label} failed`, color: ERROR };
   return {
     text: `${label} observed \xB7 ${pass.findings ?? 0} ${pass.kind === "tour" ? "stops" : "drafts"}`,
     color: MUTED
@@ -600,7 +1002,7 @@ var passFact = (pass) => {
 };
 var FileRow = ({ file, selected }) => /* @__PURE__ */ jsxs("box", { height: 2, flexShrink: 0, backgroundColor: selected ? WASH : "transparent", children: [
   /* @__PURE__ */ jsxs("text", { height: 1, bg: "transparent", children: [
-    /* @__PURE__ */ jsx("span", { fg: selected ? COBALT : FAINT, children: selected ? "\u258C " : "  " }),
+    /* @__PURE__ */ jsx("span", { fg: selected ? ACCENT : FAINT, children: selected ? "\u258C " : "  " }),
     /* @__PURE__ */ jsx("span", { fg: INK, children: file.path }),
     file.binary ? /* @__PURE__ */ jsx("span", { fg: MUTED, children: " \xB7 binary" }) : null,
     file.likelyGenerated ? /* @__PURE__ */ jsx("span", { fg: FAINT, children: " \xB7 inferred \xB7 likely generated" }) : null
@@ -631,7 +1033,7 @@ var CommentRow = ({
   selected
 }) => /* @__PURE__ */ jsxs("box", { height: 2, flexShrink: 0, backgroundColor: selected ? WASH : "transparent", children: [
   /* @__PURE__ */ jsxs("text", { height: 1, bg: "transparent", children: [
-    /* @__PURE__ */ jsx("span", { fg: selected ? COBALT : FAINT, children: selected ? "\u258C " : "  " }),
+    /* @__PURE__ */ jsx("span", { fg: selected ? ACCENT : FAINT, children: selected ? "\u258C " : "  " }),
     /* @__PURE__ */ jsx("span", { fg: stateColor(comment.state), children: comment.state }),
     /* @__PURE__ */ jsxs("span", { fg: FAINT, children: [
       " \xB7 ",
@@ -661,6 +1063,7 @@ var Description = ({
       border: true,
       borderStyle: "rounded",
       borderColor: RULE,
+      titleColor: INK,
       title: " change description ",
       titleAlignment: "left",
       backgroundColor: "transparent",
@@ -726,6 +1129,7 @@ var CompactTourEvidence = ({
       border: true,
       borderStyle: "rounded",
       borderColor: RULE,
+      titleColor: INK,
       title: ` tour stop ${index + 1}/${total} \xB7 ${stop.grounded ? "direct record" : "inferred reading"} `,
       titleAlignment: "left",
       backgroundColor: "transparent",
@@ -756,6 +1160,7 @@ var EvidenceCard = ({
     border: true,
     borderStyle: "rounded",
     borderColor: RULE,
+    titleColor: INK,
     title: ` ${anchorOf(comment)} \xB7 ${comment.authorKind === "mend" ? "Mend" : "You"} `,
     titleAlignment: "left",
     backgroundColor: "transparent",
@@ -791,7 +1196,7 @@ var EditorPanel = ({
     {
       border: true,
       borderStyle: "rounded",
-      borderColor: COBALT,
+      borderColor: ACCENT,
       title,
       titleAlignment: "left",
       backgroundColor: "transparent",
@@ -972,7 +1377,7 @@ function ReviewScreen({
       (anchor) => anchor.newLine !== null && anchor.newLine >= Math.min(start, selectedLine) && anchor.newLine <= Math.max(start, selectedLine)
     );
     for (const anchor of highlighted) {
-      diffRef.current.setLineColor(anchor.unifiedRow, { gutter: COBALT, content: WASH });
+      diffRef.current.setLineColor(anchor.unifiedRow, { gutter: ACCENT, content: WASH });
     }
     return () => {
       if (diffRef.current === null) return;
@@ -1307,7 +1712,7 @@ function ReviewScreen({
     if (key.name === "z") return setShowWhitespace((current) => !current);
   });
   if (data === void 0) {
-    return /* @__PURE__ */ jsx("box", { flexGrow: 1, backgroundColor: "transparent", alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ jsx("text", { bg: "transparent", children: /* @__PURE__ */ jsx("span", { fg: failureReason === null ? INK_2 : MUTED, children: failureReason === null ? "Loading the live change\u2026" : `${errorMessage(failureReason)} \xB7 retrying` }) }) });
+    return /* @__PURE__ */ jsx("box", { flexGrow: 1, backgroundColor: CANVAS, alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ jsx("text", { bg: "transparent", children: /* @__PURE__ */ jsx("span", { fg: failureReason === null ? INK_2 : MUTED, children: failureReason === null ? "Loading the live change\u2026" : `${errorMessage(failureReason)} \xB7 retrying` }) }) });
   }
   const additions = data.wire.files.reduce((sum, file) => sum + file.additions, 0);
   const deletions = data.wire.files.reduce((sum, file) => sum + file.deletions, 0);
@@ -1322,7 +1727,8 @@ function ReviewScreen({
       {
         border: true,
         borderStyle: "rounded",
-        borderColor: focus === "files" ? COBALT : RULE,
+        borderColor: focus === "files" ? ACCENT : RULE,
+        titleColor: focus === "files" ? ACCENT : INK,
         title: ` files \xB7 ${files.length} `,
         titleAlignment: "left",
         backgroundColor: "transparent",
@@ -1354,7 +1760,8 @@ function ReviewScreen({
       {
         border: true,
         borderStyle: "rounded",
-        borderColor: focus === "comments" ? COBALT : RULE,
+        borderColor: focus === "comments" ? ACCENT : RULE,
+        titleColor: focus === "comments" ? ACCENT : INK,
         title: ` comments \xB7 ${openCount} open${draftCount > 0 ? ` \xB7 ${draftCount} draft` : ""} `,
         titleAlignment: "left",
         backgroundColor: "transparent",
@@ -1379,160 +1786,166 @@ function ReviewScreen({
       }
     )
   ] }) : null;
-  return /* @__PURE__ */ jsxs("box", { flexGrow: 1, flexDirection: "column", backgroundColor: "transparent", children: [
-    /* @__PURE__ */ jsxs("box", { height: 2, flexShrink: 0, flexDirection: "column", backgroundColor: "transparent", children: [
-      /* @__PURE__ */ jsxs("text", { height: 1, bg: "transparent", children: [
-        /* @__PURE__ */ jsx("span", { fg: INK, children: " mend" }),
-        /* @__PURE__ */ jsx("span", { fg: FAINT, children: " / " }),
-        /* @__PURE__ */ jsx("span", { fg: MUTED, children: projectName }),
-        /* @__PURE__ */ jsx("span", { fg: FAINT, children: " / " }),
-        /* @__PURE__ */ jsx("span", { fg: INK, children: "review" }),
-        /* @__PURE__ */ jsxs("span", { fg: FAINT, children: [
-          " ",
-          "\xB7 ",
-          session.harness,
-          " ",
-          session.id.slice(0, 8)
-        ] }),
-        isFetching ? /* @__PURE__ */ jsx("span", { fg: FAINT, children: " \xB7 syncing" }) : null,
-        /* @__PURE__ */ jsx("span", { fg: checkpointState === "failed" ? MUTED : FAINT, children: checkpointState === "recording" ? " \xB7 checkpointing" : checkpointState === "failed" ? " \xB7 checkpoint incomplete" : " \xB7 checkpoint recorded" })
-      ] }),
-      /* @__PURE__ */ jsxs("text", { height: 1, bg: "transparent", children: [
-        /* @__PURE__ */ jsxs("span", { fg: FAINT, children: [
-          " ",
-          data.wire.change.branch.replace(/^mend\/session\//, "session ")
-        ] }),
-        /* @__PURE__ */ jsxs("span", { fg: FAINT, children: [
-          " \xB7 worktree vs ",
-          data.wire.change.baseSha.slice(0, 12),
-          " \xB7 "
-        ] }),
-        /* @__PURE__ */ jsxs("span", { fg: MUTED, children: [
-          files.length,
-          " files"
-        ] }),
-        /* @__PURE__ */ jsxs("span", { fg: GREEN, children: [
-          " +",
-          additions
-        ] }),
-        /* @__PURE__ */ jsxs("span", { fg: RED, children: [
-          " \u2212",
-          deletions
+  return (
+    // The review screen replaces the dashboard root rather than nesting inside
+    // it, so it paints its own canvas; without this the terminal's own
+    // background shows through and the screen stops matching the dashboard.
+    /* @__PURE__ */ jsxs("box", { flexGrow: 1, flexDirection: "column", backgroundColor: CANVAS, children: [
+      /* @__PURE__ */ jsxs("box", { height: 2, flexShrink: 0, flexDirection: "column", backgroundColor: "transparent", children: [
+        /* @__PURE__ */ jsxs("text", { height: 1, bg: "transparent", children: [
+          /* @__PURE__ */ jsx("span", { fg: INK, children: " mend" }),
+          /* @__PURE__ */ jsx("span", { fg: FAINT, children: " / " }),
+          /* @__PURE__ */ jsx("span", { fg: MUTED, children: projectName }),
+          /* @__PURE__ */ jsx("span", { fg: FAINT, children: " / " }),
+          /* @__PURE__ */ jsx("span", { fg: INK, children: "review" }),
+          /* @__PURE__ */ jsxs("span", { fg: FAINT, children: [
+            " ",
+            "\xB7 ",
+            session.harness,
+            " ",
+            session.id.slice(0, 8)
+          ] }),
+          isFetching ? /* @__PURE__ */ jsx("span", { fg: FAINT, children: " \xB7 syncing" }) : null,
+          /* @__PURE__ */ jsx("span", { fg: checkpointState === "failed" ? MUTED : FAINT, children: checkpointState === "recording" ? " \xB7 checkpointing" : checkpointState === "failed" ? " \xB7 checkpoint incomplete" : " \xB7 checkpoint recorded" })
         ] }),
-        /* @__PURE__ */ jsxs("span", { fg: MUTED, children: [
-          " \xB7 ",
-          openCount,
-          " open"
+        /* @__PURE__ */ jsxs("text", { height: 1, bg: "transparent", children: [
+          /* @__PURE__ */ jsxs("span", { fg: FAINT, children: [
+            " ",
+            data.wire.change.branch.replace(/^mend\/session\//, "session ")
+          ] }),
+          /* @__PURE__ */ jsxs("span", { fg: FAINT, children: [
+            " \xB7 worktree vs ",
+            data.wire.change.baseSha.slice(0, 12),
+            " \xB7 "
+          ] }),
+          /* @__PURE__ */ jsxs("span", { fg: MUTED, children: [
+            files.length,
+            " files"
+          ] }),
+          /* @__PURE__ */ jsxs("span", { fg: GREEN, children: [
+            " +",
+            additions
+          ] }),
+          /* @__PURE__ */ jsxs("span", { fg: RED, children: [
+            " \u2212",
+            deletions
+          ] }),
+          /* @__PURE__ */ jsxs("span", { fg: MUTED, children: [
+            " \xB7 ",
+            openCount,
+            " open"
+          ] })
         ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx(
-      Description,
-      {
-        data,
-        tourIndex: activeTourIndex,
-        stale: tourStale,
-        width,
-        height: descriptionHeight
-      }
-    ),
-    /* @__PURE__ */ jsxs("box", { flexGrow: 1, minHeight: 0, flexDirection: "row", backgroundColor: "transparent", children: [
-      sidebar,
-      /* @__PURE__ */ jsxs(
-        "box",
+      ] }),
+      /* @__PURE__ */ jsx(
+        Description,
         {
-          flexGrow: 1,
-          minWidth: 0,
-          minHeight: 0,
-          flexDirection: "column",
-          backgroundColor: "transparent",
-          children: [
-            /* @__PURE__ */ jsx(
-              "box",
-              {
-                border: true,
-                borderStyle: "rounded",
-                borderColor: focus === "diff" ? COBALT : RULE,
-                title: selectedFile === null ? " diff " : ` ${selectedFile.path} \xB7 ${view}${selectedFile.likelyGenerated ? " \xB7 inferred likely generated" : ""}${showWhitespace ? " \xB7 whitespace" : ""}${wrap ? " \xB7 wrapped" : ""} `,
-                titleAlignment: "left",
-                backgroundColor: "transparent",
-                flexGrow: 1,
-                minHeight: 0,
-                children: selectedFile === null || selectedFile.patch === "" || selectedFile.binary ? /* @__PURE__ */ jsx("box", { flexGrow: 1, alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ jsx("text", { fg: FAINT, bg: "transparent", children: files.length === 0 ? "The worktree matches its base \u2014 nothing to review yet." : selectedFile?.binary === true ? "Binary change \u2014 text diff unavailable; statistics remain reviewable." : "This file has no renderable text patch." }) }) : /* @__PURE__ */ jsx(
-                  "scrollbox",
-                  {
-                    ref: diffScrollRef,
-                    focused: focus === "diff",
-                    flexGrow: 1,
-                    minHeight: 0,
-                    scrollX: true,
-                    style: {
-                      rootOptions: { backgroundColor: "transparent", border: false },
-                      wrapperOptions: { backgroundColor: "transparent" },
-                      viewportOptions: { backgroundColor: "transparent" },
-                      contentOptions: { backgroundColor: "transparent" }
-                    },
-                    children: /* @__PURE__ */ jsx(
-                      "diff",
-                      {
-                        ref: diffRef,
-                        diff: displayPatch,
-                        view,
-                        syncScroll: true,
-                        ...selectedFile.filetype === void 0 ? {} : { filetype: selectedFile.filetype },
-                        syntaxStyle,
-                        wrapMode: wrap ? "word" : "none",
-                        showLineNumbers: true,
-                        fg: INK,
-                        lineNumberFg: FAINT,
-                        lineNumberBg: "transparent",
-                        contextBg: "transparent",
-                        contextContentBg: "transparent",
-                        addedBg: ADD_WASH,
-                        addedContentBg: ADD_WASH,
-                        removedBg: DELETE_WASH,
-                        removedContentBg: DELETE_WASH,
-                        addedSignColor: GREEN,
-                        removedSignColor: RED,
-                        addedLineNumberBg: "transparent",
-                        removedLineNumberBg: "transparent",
-                        selectionBg: WASH,
-                        selectionFg: INK,
-                        width: "100%",
-                        height: displayRows,
-                        flexShrink: 0
+          data,
+          tourIndex: activeTourIndex,
+          stale: tourStale,
+          width,
+          height: descriptionHeight
+        }
+      ),
+      /* @__PURE__ */ jsxs("box", { flexGrow: 1, minHeight: 0, flexDirection: "row", backgroundColor: "transparent", children: [
+        sidebar,
+        /* @__PURE__ */ jsxs(
+          "box",
+          {
+            flexGrow: 1,
+            minWidth: 0,
+            minHeight: 0,
+            flexDirection: "column",
+            backgroundColor: "transparent",
+            children: [
+              /* @__PURE__ */ jsx(
+                "box",
+                {
+                  border: true,
+                  borderStyle: "rounded",
+                  borderColor: focus === "diff" ? ACCENT : RULE,
+                  titleColor: focus === "diff" ? ACCENT : INK,
+                  title: selectedFile === null ? " diff " : ` ${selectedFile.path} \xB7 ${view}${selectedFile.likelyGenerated ? " \xB7 inferred likely generated" : ""}${showWhitespace ? " \xB7 whitespace" : ""}${wrap ? " \xB7 wrapped" : ""} `,
+                  titleAlignment: "left",
+                  backgroundColor: "transparent",
+                  flexGrow: 1,
+                  minHeight: 0,
+                  children: selectedFile === null || selectedFile.patch === "" || selectedFile.binary ? /* @__PURE__ */ jsx("box", { flexGrow: 1, alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ jsx("text", { fg: FAINT, bg: "transparent", children: files.length === 0 ? "The worktree matches its base \u2014 nothing to review yet." : selectedFile?.binary === true ? "Binary change \u2014 text diff unavailable; statistics remain reviewable." : "This file has no renderable text patch." }) }) : /* @__PURE__ */ jsx(
+                    "scrollbox",
+                    {
+                      ref: diffScrollRef,
+                      focused: focus === "diff",
+                      flexGrow: 1,
+                      minHeight: 0,
+                      scrollX: true,
+                      style: {
+                        rootOptions: { backgroundColor: "transparent", border: false },
+                        wrapperOptions: { backgroundColor: "transparent" },
+                        viewportOptions: { backgroundColor: "transparent" },
+                        contentOptions: { backgroundColor: "transparent" }
                       },
-                      `${selectedFile.path}-${view}-${wrap}-${showWhitespace}`
-                    )
-                  }
-                )
-              }
-            ),
-            focus === "comments" && detailComment !== null ? /* @__PURE__ */ jsx(EvidenceCard, { comment: detailComment, width: wide ? width - 38 : width }) : height < 30 && activeTourStop !== null ? /* @__PURE__ */ jsx(
-              CompactTourEvidence,
-              {
-                stop: activeTourStop,
-                index: activeTourIndex,
-                total: tourStops.length,
-                width
-              }
-            ) : detailComment === null ? null : /* @__PURE__ */ jsx(EvidenceCard, { comment: detailComment, width: wide ? width - 38 : width })
-          ]
+                      children: /* @__PURE__ */ jsx(
+                        "diff",
+                        {
+                          ref: diffRef,
+                          diff: displayPatch,
+                          view,
+                          syncScroll: true,
+                          ...selectedFile.filetype === void 0 ? {} : { filetype: selectedFile.filetype },
+                          syntaxStyle,
+                          wrapMode: wrap ? "word" : "none",
+                          showLineNumbers: true,
+                          fg: INK,
+                          lineNumberFg: FAINT,
+                          lineNumberBg: "transparent",
+                          contextBg: "transparent",
+                          contextContentBg: "transparent",
+                          addedBg: ADD_WASH,
+                          addedContentBg: ADD_WASH,
+                          removedBg: DELETE_WASH,
+                          removedContentBg: DELETE_WASH,
+                          addedSignColor: GREEN,
+                          removedSignColor: RED,
+                          addedLineNumberBg: "transparent",
+                          removedLineNumberBg: "transparent",
+                          selectionBg: WASH,
+                          selectionFg: INK,
+                          width: "100%",
+                          height: displayRows,
+                          flexShrink: 0
+                        },
+                        `${selectedFile.path}-${view}-${wrap}-${showWhitespace}`
+                      )
+                    }
+                  )
+                }
+              ),
+              focus === "comments" && detailComment !== null ? /* @__PURE__ */ jsx(EvidenceCard, { comment: detailComment, width: wide ? width - 38 : width }) : height < 30 && activeTourStop !== null ? /* @__PURE__ */ jsx(
+                CompactTourEvidence,
+                {
+                  stop: activeTourStop,
+                  index: activeTourIndex,
+                  total: tourStops.length,
+                  width
+                }
+              ) : detailComment === null ? null : /* @__PURE__ */ jsx(EvidenceCard, { comment: detailComment, width: wide ? width - 38 : width })
+            ]
+          }
+        )
+      ] }),
+      editor === null ? null : /* @__PURE__ */ jsx(
+        EditorPanel,
+        {
+          editor,
+          refValue: editorRef,
+          busy,
+          onSubmit: () => void submitEditor()
         }
-      )
-    ] }),
-    editor === null ? null : /* @__PURE__ */ jsx(
-      EditorPanel,
-      {
-        editor,
-        refValue: editorRef,
-        busy,
-        onSubmit: () => void submitEditor()
-      }
-    ),
-    /* @__PURE__ */ jsx("text", { height: 1, fg: status === "" ? FAINT : INK_2, bg: "transparent", children: status === "" ? ` m read \xB7 g suggest \xB7 t tour \xB7 ,/. tour stops \xB7 s draft review${data.followUp?.status === "pending" ? " \xB7 y deliver & relaunch" : ""} \xB7 o web \xB7 r refresh` : ` ${status}` }),
-    /* @__PURE__ */ jsx("text", { height: 1, fg: FAINT, bg: "transparent", children: footer })
-  ] });
+      ),
+      /* @__PURE__ */ jsx("text", { height: 1, fg: status === "" ? FAINT : INK_2, bg: "transparent", children: status === "" ? ` m read \xB7 g suggest \xB7 t tour \xB7 ,/. tour stops \xB7 s draft review${data.followUp?.status === "pending" ? " \xB7 y deliver & relaunch" : ""} \xB7 o web \xB7 r refresh` : ` ${status}` }),
+      /* @__PURE__ */ jsx("text", { height: 1, fg: FAINT, bg: "transparent", children: footer })
+    ] })
+  );
 }
 
 // src/workbench-events.ts
@@ -1567,10 +1980,13 @@ var eventFamilies = (payload) => {
     case "worktree":
     case "session-process":
       return ["workbench"];
-    // Session facts feed both surfaces: rows and annotations on the
-    // dashboard; status and the follow-up banner inside a review.
+    // Settlement refreshes the final transcript immediately. Conversation
+    // items can arrive many times per second; the live preview's bounded
+    // polling reads those instead of repeatedly fetching the whole record.
     case "session":
+      return ["workbench", "review", "transcript"];
     case "agent-conversation":
+      return ["workbench", "review"];
     // A comment moves the review AND the dashboard's open-comment counts.
     case "session-change":
     case "review-comment":
@@ -1588,9 +2004,10 @@ var STATUS_COLOR = {
   waiting: INK_2,
   idle: INK_2,
   completed: FAINT,
-  failed: RED,
+  failed: ERROR,
   stopped: FAINT
 };
+var AGENT_LIVE_STATUSES = /* @__PURE__ */ new Set(["starting", "running", "waiting"]);
 var timeAgo = (iso) => {
   const ms = Date.now() - new Date(iso).getTime();
   if (!Number.isFinite(ms) || ms < 0) return "";
@@ -1601,8 +2018,17 @@ var timeAgo = (iso) => {
   if (hours < 24) return `${hours}h ago`;
   return `${Math.floor(hours / 24)}d ago`;
 };
-var AGENT_LIVE_STATUSES = /* @__PURE__ */ new Set(["starting", "running", "waiting"]);
-var Gutter = ({ selected }) => /* @__PURE__ */ jsx2("span", { fg: selected ? COBALT : FAINT, children: selected ? "\u258C " : "  " });
+var shortAge = (iso) => timeAgo(iso).replace(" ago", "");
+var fit = (text, width) => text.length <= width ? text : `${text.slice(0, Math.max(0, width - 1))}\u2026`;
+var COLUMN_TITLE = {
+  projects: "projects",
+  worktrees: "worktrees",
+  sessions: "sessions",
+  detail: "session"
+};
+var WORKTREE_ROW_HEIGHT = 2;
+var SESSION_ROW_HEIGHT = 2;
+var Gutter = ({ selected }) => /* @__PURE__ */ jsx2("span", { fg: selected ? ACCENT : FAINT, children: selected ? "\u258C " : "  " });
 var Pane = ({
   title,
   focused,
@@ -1615,10 +2041,12 @@ var Pane = ({
   {
     border: true,
     borderStyle: "rounded",
-    borderColor: focused ? COBALT : RULE,
+    borderColor: focused ? ACCENT : RULE,
+    titleColor: focused ? ACCENT : INK,
     title: ` ${title} `,
     titleAlignment: "left",
-    backgroundColor: "transparent",
+    backgroundColor: PANEL,
+    overflow: "hidden",
     ...width === void 0 ? {} : { width, flexShrink: 0, minHeight: 0 },
     ...height === void 0 ? {} : { height, flexShrink: 0 },
     ...grow === true ? { flexGrow: 1, flexShrink: 1, minHeight: 0, minWidth: 0 } : {},
@@ -1626,135 +2054,182 @@ var Pane = ({
     children
   }
 );
+var SummaryRow = ({
+  name,
+  fact,
+  width,
+  empty
+}) => {
+  const factWidth = fact === "" ? 0 : Math.min(fact.length, Math.max(0, width - 8));
+  const nameWidth = Math.max(4, width - factWidth - 3);
+  return /* @__PURE__ */ jsxs2("text", { height: 1, bg: "transparent", children: [
+    /* @__PURE__ */ jsx2("span", { fg: FAINT, children: "  " }),
+    /* @__PURE__ */ jsx2("span", { fg: empty ? FAINT : INK_2, children: fit(name, nameWidth - 1).padEnd(nameWidth) }),
+    factWidth === 0 ? null : /* @__PURE__ */ jsx2("span", { fg: FAINT, children: fit(fact, factWidth) })
+  ] });
+};
 var paneScrollStyle = {
   rootOptions: { backgroundColor: "transparent", border: false },
   wrapperOptions: { backgroundColor: "transparent" },
   viewportOptions: { backgroundColor: "transparent" },
   contentOptions: { backgroundColor: "transparent" }
 };
+var EmptyNote = ({ text }) => /* @__PURE__ */ jsx2("text", { height: 1, fg: FAINT, bg: "transparent", children: `  ${text}` });
 var ProjectRow = ({
   item,
   selected,
-  nameWidth
-}) => /* @__PURE__ */ jsx2("box", { height: 1, flexShrink: 0, backgroundColor: selected ? WASH : "transparent", children: /* @__PURE__ */ jsxs2("text", { height: 1, bg: "transparent", children: [
-  /* @__PURE__ */ jsx2(Gutter, { selected }),
-  /* @__PURE__ */ jsx2("span", { fg: INK, children: item.project.name.padEnd(nameWidth) }),
-  /* @__PURE__ */ jsx2("span", { fg: item.total === 0 ? FAINT : MUTED, children: `  ${item.total}` }),
-  item.live > 0 ? /* @__PURE__ */ jsx2("span", { fg: MUTED, children: ` \xB7 ${item.live} live` }) : null,
-  item.open > 0 ? /* @__PURE__ */ jsx2("span", { fg: MUTED, children: ` \xB7 ${item.open}` }) : null
-] }) });
-var ProcessLines = ({
-  processes,
-  services,
-  indent
-}) => /* @__PURE__ */ jsxs2(Fragment2, { children: [
-  processes.map((process2) => /* @__PURE__ */ jsx2("box", { height: 1, flexShrink: 0, backgroundColor: "transparent", children: /* @__PURE__ */ jsxs2("text", { height: 1, bg: "transparent", children: [
-    /* @__PURE__ */ jsx2("span", { fg: FAINT, children: indent }),
-    /* @__PURE__ */ jsx2("span", { fg: INK_2, children: process2.kind === "shell" ? process2.label ?? "shell" : process2.harness ?? process2.kind }),
-    /* @__PURE__ */ jsxs2("span", { fg: FAINT, children: [
-      process2.kind === "agent-protocol" ? " \xB7 protocol" : process2.kind === "agent-external" ? " \xB7 external" : "",
-      ` ${process2.status}`
-    ] })
-  ] }) }, process2.id)),
-  services.map((service) => /* @__PURE__ */ jsx2("box", { height: 1, flexShrink: 0, backgroundColor: "transparent", children: /* @__PURE__ */ jsxs2("text", { height: 1, bg: "transparent", children: [
-    /* @__PURE__ */ jsx2("span", { fg: FAINT, children: indent }),
-    /* @__PURE__ */ jsx2("span", { fg: service.status === "reachable" ? INK_2 : MUTED, children: `${service.label ?? service.id.slice(0, 6)} :${service.workspacePort ?? "?"}${service.protocol === "udp" ? "u" : ""}\u2192${service.hostPort ?? "?"}` }),
-    /* @__PURE__ */ jsx2("span", { fg: FAINT, children: ` ${service.status}` })
-  ] }) }, service.id))
-] });
-var WorktreeHeaderRow = ({
-  group,
-  selected
+  width
 }) => {
-  const folded = foldGroupStatus(group);
-  const color = group.live > 0 ? STATUS_COLOR[folded] ?? MUTED : FAINT;
-  const age = timeAgo(group.sessions.at(-1)?.session.createdAt ?? group.createdAt).replace(
-    " ago",
-    ""
-  );
-  const open = group.annotation?.openComments ?? 0;
+  const nameWidth = Math.max(6, width - 9);
   return /* @__PURE__ */ jsx2("box", { height: 1, flexShrink: 0, backgroundColor: selected ? WASH : "transparent", children: /* @__PURE__ */ jsxs2("text", { height: 1, bg: "transparent", children: [
     /* @__PURE__ */ jsx2(Gutter, { selected }),
-    /* @__PURE__ */ jsx2("span", { fg: INK, children: group.name.slice(0, 30).padEnd(31) }),
-    /* @__PURE__ */ jsx2("span", { fg: color, children: (group.live > 0 ? folded : "settled").padEnd(10) }),
-    /* @__PURE__ */ jsx2("span", { fg: FAINT, children: age.padEnd(9) }),
-    /* @__PURE__ */ jsx2("span", { fg: MUTED, children: `${group.sessions.length} session${group.sessions.length === 1 ? "" : "s"}` }),
-    open > 0 ? /* @__PURE__ */ jsx2("span", { fg: MUTED, children: ` \xB7 ${open} open` }) : null
+    /* @__PURE__ */ jsx2("span", { fg: INK, children: fit(item.project.name, nameWidth).padEnd(nameWidth + 1) }),
+    /* @__PURE__ */ jsx2("span", { fg: item.live > 0 ? MUTED : FAINT, children: item.live > 0 ? `${item.live}/${item.total}` : String(item.total) })
   ] }) });
 };
-var SessionChildRow = ({
+var WorktreeRow = ({
+  group,
+  selected,
+  width
+}) => {
+  const folded = foldGroupStatus(group);
+  const live = group.live > 0;
+  const status = live ? folded : "settled";
+  const color = live ? STATUS_COLOR[folded] ?? MUTED : FAINT;
+  const open = group.annotation?.openComments ?? 0;
+  const sessions = group.sessions.length;
+  const nameWidth = Math.max(6, width - 5 - status.length);
+  const factWidth = Math.max(8, width - 3);
+  const facts = fitHints(
+    [
+      fit(groupBaseLabel(group), factWidth),
+      shortAge(groupActivityAt(group)),
+      ...open > 0 ? [`${open} open`] : [],
+      ...sessions === 0 ? ["empty"] : sessions === 1 ? [] : [`${sessions} sessions`]
+    ],
+    factWidth
+  );
+  return /* @__PURE__ */ jsxs2("box", { flexShrink: 0, flexDirection: "column", backgroundColor: selected ? WASH : "transparent", children: [
+    /* @__PURE__ */ jsx2("box", { height: 1, flexShrink: 0, backgroundColor: "transparent", children: /* @__PURE__ */ jsxs2("text", { height: 1, bg: "transparent", children: [
+      /* @__PURE__ */ jsx2(Gutter, { selected }),
+      /* @__PURE__ */ jsx2("span", { fg: INK, children: fit(group.name, nameWidth - 1).padEnd(nameWidth) }),
+      /* @__PURE__ */ jsx2("span", { fg: color, children: status })
+    ] }) }),
+    /* @__PURE__ */ jsx2("box", { height: 1, flexShrink: 0, backgroundColor: "transparent", children: /* @__PURE__ */ jsx2("text", { height: 1, bg: "transparent", fg: FAINT, children: `  ${facts}` }) })
+  ] });
+};
+var SessionRow = ({
   item,
-  selected
+  selected,
+  width
 }) => {
-  const { session, services, processes } = item;
-  const color = STATUS_COLOR[session.status] ?? MUTED;
-  const age = timeAgo(session.createdAt).replace(" ago", "");
-  const name = session.label ?? `session ${session.id.slice(0, 8)}`;
-  return /* @__PURE__ */ jsxs2("box", { flexShrink: 0, flexDirection: "column", backgroundColor: "transparent", children: [
-    /* @__PURE__ */ jsx2("box", { height: 1, flexShrink: 0, backgroundColor: selected ? WASH : "transparent", children: /* @__PURE__ */ jsxs2("text", { height: 1, bg: "transparent", children: [
+  const { session, processes, services } = item;
+  const status = session.status;
+  const color = STATUS_COLOR[status] ?? MUTED;
+  const agents = processes.filter((process2) => process2.kind !== "shell").length;
+  const shells = processes.filter((process2) => process2.kind === "shell").length;
+  const nameWidth = Math.max(6, width - 5 - status.length);
+  const factWidth = Math.max(8, width - 3);
+  const facts = fitHints(
+    [
+      session.harness,
+      shortAge(session.createdAt),
+      ...shells > 0 ? [`${shells} shell`] : [],
+      ...agents > 0 ? [`${agents} agent`] : [],
+      ...services.length > 0 ? [`${services.length} service`] : []
+    ],
+    factWidth
+  );
+  return /* @__PURE__ */ jsxs2("box", { flexShrink: 0, flexDirection: "column", backgroundColor: selected ? WASH : "transparent", children: [
+    /* @__PURE__ */ jsx2("box", { height: 1, flexShrink: 0, backgroundColor: "transparent", children: /* @__PURE__ */ jsxs2("text", { height: 1, bg: "transparent", children: [
       /* @__PURE__ */ jsx2(Gutter, { selected }),
-      /* @__PURE__ */ jsx2("span", { fg: FAINT, children: "  \u2514 " }),
-      /* @__PURE__ */ jsx2("span", { fg: INK, children: name.slice(0, 26).padEnd(27) }),
-      /* @__PURE__ */ jsx2("span", { fg: color, children: session.status.padEnd(10) }),
-      /* @__PURE__ */ jsx2("span", { fg: FAINT, children: age.padEnd(9) }),
-      /* @__PURE__ */ jsx2("span", { fg: MUTED, children: session.harness.padEnd(10) })
+      /* @__PURE__ */ jsx2("span", { fg: INK, children: fit(sessionDisplayName(session), nameWidth - 1).padEnd(nameWidth) }),
+      /* @__PURE__ */ jsx2("span", { fg: color, children: status })
     ] }) }),
-    /* @__PURE__ */ jsx2(ProcessLines, { processes, services, indent: "       \u2514 " })
+    /* @__PURE__ */ jsx2("box", { height: 1, flexShrink: 0, backgroundColor: "transparent", children: /* @__PURE__ */ jsx2("text", { height: 1, bg: "transparent", fg: FAINT, children: `  ${facts}` }) })
   ] });
 };
 var HarnessRow = ({
   item,
-  selected
-}) => /* @__PURE__ */ jsx2("box", { height: 1, flexShrink: 0, backgroundColor: selected ? WASH : "transparent", children: /* @__PURE__ */ jsxs2("text", { height: 1, bg: "transparent", children: [
+  selected,
+  background
+}) => /* @__PURE__ */ jsx2("box", { height: 1, flexShrink: 0, backgroundColor: selected ? WASH : background, children: /* @__PURE__ */ jsxs2("text", { height: 1, bg: selected ? WASH : background, children: [
   /* @__PURE__ */ jsx2(Gutter, { selected }),
   /* @__PURE__ */ jsx2("span", { fg: INK, children: item.label.padEnd(12) }),
   /* @__PURE__ */ jsx2("span", { fg: FAINT, children: item.hint })
 ] }) });
-var SessionDetail = ({ item }) => {
-  if (item === null) {
-    return /* @__PURE__ */ jsx2("text", { height: 1, bg: "transparent", fg: FAINT, children: "  no session selected \u2014 n starts one" });
-  }
+var PREVIEW_GLYPH = {
+  user: "\u203A ",
+  assistant: "  ",
+  reasoning: "\xB7 ",
+  command: "$ ",
+  output: "  ",
+  meta: "  ",
+  blank: "  "
+};
+var PREVIEW_COLOR = {
+  user: INK,
+  assistant: INK_2,
+  reasoning: FAINT,
+  command: MUTED,
+  output: FAINT,
+  meta: FAINT,
+  blank: FAINT
+};
+var PreviewRow = ({ line }) => /* @__PURE__ */ jsx2("box", { height: 1, flexShrink: 0, backgroundColor: "transparent", children: /* @__PURE__ */ jsxs2("text", { height: 1, bg: "transparent", children: [
+  /* @__PURE__ */ jsx2("span", { fg: FAINT, children: line.lead ? PREVIEW_GLYPH[line.kind] : "  " }),
+  /* @__PURE__ */ jsx2("span", { fg: PREVIEW_COLOR[line.kind], children: line.text })
+] }) });
+var SessionFacts = ({
+  group,
+  item,
+  rows
+}) => {
   const { session, annotation, services } = item;
   const color = STATUS_COLOR[session.status] ?? MUTED;
   const summary = session.summary?.split("\n")[0] ?? null;
-  return /* @__PURE__ */ jsxs2(Fragment2, { children: [
+  const change = annotation ?? group?.annotation;
+  const lines = [
+    /* @__PURE__ */ jsxs2("text", { height: 1, bg: "transparent", children: [
+      /* @__PURE__ */ jsx2("span", { children: "  " }),
+      /* @__PURE__ */ jsx2("span", { fg: INK, children: sessionDisplayName(session) }),
+      /* @__PURE__ */ jsx2("span", { fg: FAINT, children: ` \xB7 ${session.harness}` })
+    ] }, "name"),
     /* @__PURE__ */ jsxs2("text", { height: 1, bg: "transparent", children: [
       /* @__PURE__ */ jsx2("span", { children: "  " }),
       /* @__PURE__ */ jsx2("span", { fg: color, children: session.status }),
       /* @__PURE__ */ jsx2("span", { fg: FAINT, children: " \xB7 " }),
       /* @__PURE__ */ jsx2("span", { fg: MUTED, children: session.branch }),
-      /* @__PURE__ */ jsxs2("span", { fg: FAINT, children: [
-        session.baseSha === "" ? "" : ` vs ${session.baseRef ?? session.baseSha.slice(0, 12)}`,
-        " \xB7 started ",
-        timeAgo(session.createdAt)
-      ] })
-    ] }),
+      /* @__PURE__ */ jsx2("span", { fg: FAINT, children: session.baseSha === "" ? "" : ` vs ${session.baseRef ?? session.baseSha.slice(0, 12)}` })
+    ] }, "status"),
+    /* @__PURE__ */ jsx2("text", { height: 1, bg: "transparent", fg: FAINT, children: `  started ${timeAgo(session.createdAt)} \xB7 ${isPendingId(session.id) ? "provisioning" : session.id.slice(0, 8)}` }, "started"),
     /* @__PURE__ */ jsxs2("text", { height: 1, bg: "transparent", children: [
       /* @__PURE__ */ jsx2("span", { children: "  " }),
-      services.length === 0 ? /* @__PURE__ */ jsx2("span", { fg: FAINT, children: "no services running" }) : services.slice(0, 3).map((service, index) => /* @__PURE__ */ jsxs2("span", { children: [
+      services.length === 0 ? /* @__PURE__ */ jsx2("span", { fg: FAINT, children: "no services running" }) : services.slice(0, 2).map((service, index) => /* @__PURE__ */ jsxs2("span", { children: [
         index > 0 ? /* @__PURE__ */ jsx2("span", { fg: FAINT, children: " \xB7 " }) : null,
         /* @__PURE__ */ jsx2("span", { fg: service.status === "reachable" ? INK_2 : MUTED, children: `${service.label ?? service.id.slice(0, 6)} :${service.workspacePort ?? "?"}${service.protocol === "udp" ? "u" : ""}\u2192${service.hostPort ?? "?"} ${service.status}` })
       ] }, service.id)),
-      services.length > 3 ? /* @__PURE__ */ jsx2("span", { fg: FAINT, children: ` \xB7 +${services.length - 3} more` }) : null
-    ] }),
+      services.length > 2 ? /* @__PURE__ */ jsx2("span", { fg: FAINT, children: ` \xB7 +${services.length - 2} more` }) : null
+    ] }, "services"),
     /* @__PURE__ */ jsxs2("text", { height: 1, bg: "transparent", children: [
       /* @__PURE__ */ jsx2("span", { children: "  " }),
-      annotation === void 0 || annotation.openComments === 0 ? /* @__PURE__ */ jsx2("span", { fg: FAINT, children: "no open review comments" }) : /* @__PURE__ */ jsxs2("span", { fg: INK_2, children: [
-        annotation.openComments,
+      change === void 0 || change.openComments === 0 ? /* @__PURE__ */ jsx2("span", { fg: FAINT, children: "no open review comments" }) : /* @__PURE__ */ jsxs2("span", { fg: INK_2, children: [
+        change.openComments,
         " open comment",
-        annotation.openComments === 1 ? "" : "s"
+        change.openComments === 1 ? "" : "s"
       ] }),
-      annotation?.pendingFollowUp === true ? /* @__PURE__ */ jsxs2(Fragment2, { children: [
+      change?.pendingFollowUp === true ? /* @__PURE__ */ jsxs2(Fragment2, { children: [
         /* @__PURE__ */ jsx2("span", { fg: FAINT, children: " \xB7 " }),
         /* @__PURE__ */ jsx2("span", { fg: INK_2, children: "follow-up pending" })
       ] }) : null,
-      annotation?.changeId != null ? /* @__PURE__ */ jsxs2(Fragment2, { children: [
+      change?.changeId == null ? null : /* @__PURE__ */ jsxs2(Fragment2, { children: [
         /* @__PURE__ */ jsx2("span", { fg: FAINT, children: " \xB7 " }),
         /* @__PURE__ */ jsx2("span", { fg: MUTED, children: "v reviews the change" })
-      ] }) : null
-    ] }),
-    /* @__PURE__ */ jsx2("text", { height: 1, bg: "transparent", fg: summary === null ? FAINT : MUTED, children: `  ${summary ?? "no summary yet"}` })
-  ] });
+      ] })
+    ] }, "comments"),
+    /* @__PURE__ */ jsx2("text", { height: 1, bg: "transparent", fg: summary === null ? FAINT : MUTED, children: `  ${fit(summary ?? "no summary yet", 200)}` }, "summary")
+  ];
+  return /* @__PURE__ */ jsx2("box", { flexShrink: 0, flexDirection: "column", backgroundColor: "transparent", children: lines.slice(0, Math.max(0, rows)) });
 };
 var StatusLine = ({
   busy,
@@ -1773,18 +2248,18 @@ var StatusLine = ({
     }
     return void 0;
   }, [busy, status]);
-  const text = busy !== null ? ` ${busy} ${Math.max(0, Math.round((now - busyStarted) / 1e3))}s` : status !== null && Date.now() - status.at < 5e3 ? ` ${status.text}` : "";
+  const text = busy === null ? status !== null && Date.now() - status.at < 5e3 ? ` ${status.text}` : "" : ` ${busy} ${Math.max(0, Math.round((now - busyStarted) / 1e3))}s`;
   return /* @__PURE__ */ jsx2("text", { height: 1, fg: INK_2, bg: "transparent", children: text });
 };
 var errorText = (error) => error instanceof Error ? error.message : String(error);
-var keepSpanVisible = (scroll, top, height) => {
-  if (scroll === null) return;
-  const viewH = Math.max(1, scroll.viewport.height);
-  if (top < scroll.scrollTop) scroll.scrollTo(top);
+var keepSpanVisible = (scroll, top, height, viewRows) => {
+  if (scroll === null || viewRows <= 0) return;
+  const viewH = Math.max(1, viewRows);
+  if (top < scroll.scrollTop || height > viewH) scroll.scrollTo(top);
   else if (top + height > scroll.scrollTop + viewH) scroll.scrollTo(top + height - viewH);
 };
-var keepRowVisible = (scroll, index) => keepSpanVisible(scroll, index, 1);
-var PROJECTS_PANE_WIDTH = 30;
+var PREVIEW_MAX_LINES = 300;
+var SESSION_FACT_ROWS = 6;
 var noShare = () => "off";
 var App = ({ ctx, onQuit }) => {
   const renderer = useRenderer();
@@ -1796,8 +2271,10 @@ var App = ({ ctx, onQuit }) => {
     retry: true,
     retryDelay: 1e3
   });
-  const [focusState, setFocus] = useState2("sessions");
+  const [focus, setFocusState] = useState2("sessions");
+  const [lastNav, setLastNav] = useState2("sessions");
   const [projectKey, setProjectKey] = useState2(null);
+  const [worktreeKey, setWorktreeKey] = useState2(null);
   const [sessionKey, setSessionKey] = useState2(null);
   const [picker, setPicker] = useState2(null);
   const [pickerIndex, setPickerIndex] = useState2(0);
@@ -1811,34 +2288,73 @@ var App = ({ ctx, onQuit }) => {
   );
   const [editing, setEditing] = useState2(null);
   const [stopArmed, setStopArmed] = useState2(null);
+  const [removeArmed, setRemoveArmed] = useState2(null);
   const [creating, setCreating] = useState2(null);
   const [adoptOffer, setAdoptOffer] = useState2(null);
   const adoptOfferDecided = useRef2(false);
   const [reviewing, setReviewing] = useState2(null);
   const lockRef = useRef2(false);
-  const modalRef = useRef2(false);
-  modalRef.current = editing !== null || reviewing !== null || picker !== null || creating !== null;
+  const [gate] = useState2(createLaunchGate);
+  const creatingRef = useRef2(creating);
+  creatingRef.current = creating;
+  const branchRequest = useRef2(0);
   const { width: terminalCols, height: terminalRows } = useTerminalDimensions2();
-  const showProjectsPane = terminalCols >= 72;
-  const showDetail = terminalRows >= 18;
-  const focus = showProjectsPane ? focusState : "sessions";
   const projectItems = deriveProjects(data);
   const homeProject = data === void 0 ? void 0 : matchProjectByCwd(data.projects, cwdFacts(ctx.cwd));
   const projectIndexRaw = projectKey === null ? -1 : projectItems.findIndex((p) => p.project.id === projectKey);
-  const projectIndex = projectIndexRaw !== -1 ? projectIndexRaw : Math.max(
+  const projectIndex = projectIndexRaw === -1 ? Math.max(
     0,
     homeProject === void 0 ? 0 : projectItems.findIndex((p) => p.project.id === homeProject.id)
-  );
+  ) : projectIndexRaw;
   const selectedProject = projectItems[projectIndex] ?? null;
   const worktreeGroups = deriveWorktrees(data, selectedProject?.project.id ?? null);
-  const rows = deriveRows(worktreeGroups);
-  const rowIndexRaw = sessionKey === null ? -1 : rows.findIndex((row) => rowKeyOf(row) === sessionKey);
-  const rowIndex = rowIndexRaw === -1 ? 0 : rowIndexRaw;
-  const selectedRow = rows[rowIndex] ?? null;
-  const selectedGroup = selectedRow?.group ?? null;
-  const selectedSession = selectedRow === null ? null : selectedRow.kind === "session" ? selectedRow.item : selectedRow.group.sessions.find((item) => LIVE_STATUSES.has(item.session.status)) ?? selectedRow.group.sessions[0] ?? null;
+  const worktreeIndexRaw = worktreeKey === null ? -1 : worktreeGroups.findIndex((group) => group.key === worktreeKey);
+  const sessionWorktreeIndex = worktreeGroups.findIndex(
+    (group) => group.sessions.some((item) => item.session.id === sessionKey)
+  );
+  const worktreeIndex = worktreeIndexRaw === -1 ? Math.max(0, sessionWorktreeIndex) : worktreeIndexRaw;
+  const selectedGroup = worktreeGroups[worktreeIndex] ?? null;
+  const sessionItems = selectedGroup?.sessions ?? [];
+  const sessionIndexRaw = sessionKey === null ? -1 : sessionItems.findIndex((item) => item.session.id === sessionKey);
+  const sessionIndex = sessionIndexRaw === -1 ? 0 : sessionIndexRaw;
+  const selectedItem = sessionItems[sessionIndex] ?? null;
+  const selectedSession = selectedItem?.session ?? null;
   const pickerItems = picker === null ? [] : deriveHarnesses(picker.session);
-  const selectSession = (id) => setSessionKey(`s:${id}`);
+  const layout = planLayout(terminalCols, terminalRows, focus, lastNav);
+  const detailWidth = layout.detailWidth;
+  const sectionRows = (section) => layout.sections.find((entry) => entry.section === section)?.rows ?? 0;
+  const previewSessionId = selectedSession !== null && !isPendingId(selectedSession.id) ? selectedSession.id : null;
+  const previewLive = selectedSession !== null && LIVE_STATUSES.has(selectedSession.status);
+  const transcript = useQuery2({
+    queryKey: TRANSCRIPT_KEY(previewSessionId ?? "none"),
+    queryFn: () => fetchTranscript(ctx.api, previewSessionId ?? ""),
+    enabled: previewSessionId !== null && selectedSession?.harness !== "shell" && detailWidth > 0,
+    staleTime: 3e3,
+    // A live agent writes while you watch; the record is a read, not an
+    // attach, so following it costs one GET while that session is selected.
+    refetchInterval: previewLive ? 8e3 : false,
+    retry: 1
+  });
+  const preview = useMemo2(
+    () => transcript.data === void 0 ? [] : previewLines(transcript.data, {
+      width: Math.max(16, detailWidth - 6),
+      maxLines: PREVIEW_MAX_LINES
+    }),
+    [transcript.data, detailWidth]
+  );
+  const [previewOffset, setPreviewOffset] = useState2(0);
+  const factRows = Math.max(0, Math.min(SESSION_FACT_ROWS, layout.detailRows - 2));
+  const showFactRule = factRows > 0 && layout.detailRows - factRows > 1;
+  const previewRows = Math.max(1, layout.detailRows - factRows - (showFactRule ? 1 : 0));
+  const previewView = previewWindow(preview, previewRows, previewOffset);
+  const setFocus = (column) => {
+    setFocusState(column);
+    if (isNavSection(column)) setLastNav(column);
+  };
+  const selectSession = (id) => {
+    setSessionKey(id);
+    setPreviewOffset(0);
+  };
   const say = (text) => setStatus({ text, at: Date.now() });
   const refetch = () => void queryClient.invalidateQueries({ queryKey: WORKBENCH_KEY });
   useEffect2(() => {
@@ -1859,19 +2375,30 @@ var App = ({ ctx, onQuit }) => {
     setAdoptOffer(deriveAdoptOffer(cwdFacts(ctx.cwd)));
   }, [data, homeProject]);
   const projectScrollRef = useRef2(null);
+  const worktreeScrollRef = useRef2(null);
   const sessionScrollRef = useRef2(null);
+  const projectRows = sectionRows("projects");
+  const worktreeRows = sectionRows("worktrees");
+  const sessionRows = sectionRows("sessions");
+  useEffect2(() => {
+    keepSpanVisible(projectScrollRef.current, projectIndex, 1, projectRows);
+  }, [projectIndex, projectRows]);
   useEffect2(() => {
-    keepRowVisible(projectScrollRef.current, projectIndex);
-  }, [projectIndex]);
+    keepSpanVisible(
+      worktreeScrollRef.current,
+      worktreeIndex * WORKTREE_ROW_HEIGHT,
+      WORKTREE_ROW_HEIGHT,
+      worktreeRows
+    );
+  }, [worktreeIndex, worktreeRows]);
   useEffect2(() => {
-    const rowHeight = (row) => row === void 0 || row.kind === "worktree" ? 1 : 1 + row.item.processes.length + row.item.services.length;
-    let top = 0;
-    for (const [index, row] of rows.entries()) {
-      if (index === rowIndex) break;
-      top += rowHeight(row);
-    }
-    keepSpanVisible(sessionScrollRef.current, top, rowHeight(rows[rowIndex]));
-  }, [rowIndex, rows]);
+    keepSpanVisible(
+      sessionScrollRef.current,
+      sessionIndex * SESSION_ROW_HEIGHT,
+      SESSION_ROW_HEIGHT,
+      sessionRows
+    );
+  }, [sessionIndex, sessionRows]);
   const attachFlow = async (session) => {
     const short = session.id.slice(0, 8);
     lockRef.current = true;
@@ -1896,12 +2423,7 @@ attached \xB7 ${session.harness} \xB7 ${short} \xB7 detach: Ctrl+]
 `);
           await ctx.api("POST", `/sessions/${session.id}/handoff`, { to: "pty" });
           outcome = await ctx.attachTty(session.id, session.harness);
-        } else if (existing !== null) {
-          process.stdout.write(`no live terminal \u2014 rejoining the open shell
-
-`);
-          outcome = await ctx.attachTty(session.id, "shell", existing.id);
-        } else {
+        } else if (existing === null) {
           const shell = await ctx.api(
             "POST",
             `/sessions/${session.id}/shell`
@@ -1910,17 +2432,22 @@ attached \xB7 ${session.harness} \xB7 ${short} \xB7 detach: Ctrl+]
 
 `);
           outcome = await ctx.attachTty(session.id, "shell", shell.id);
+        } else {
+          process.stdout.write(`no live terminal \u2014 rejoining the open shell
+
+`);
+          outcome = await ctx.attachTty(session.id, "shell", existing.id);
         }
       }
     } catch (error) {
-      say(error instanceof Error ? error.message : String(error));
+      say(errorText(error));
       return;
     } finally {
       renderer.resume();
       lockRef.current = false;
     }
     say(
-      outcome === "unavailable" ? "attach unavailable \u2014 could not connect" : outcome === "detached" || outcome === "interrupted" ? `detached \u2014 ${short} keeps running` : outcome === "dropped" ? `disconnected \u2014 ${short} keeps running` : `session settled \xB7 ${short}`
+      outcome === "unavailable" ? "attach unavailable \u2014 could not connect" : outcome === "detached" || outcome === "interrupted" ? `detached \u2014 ${short} keeps running` : outcome === "dropped" ? `disconnected \xB7 ${short} \u2014 refreshing session status` : `terminal ended \xB7 ${short} \u2014 refreshing session status`
     );
     refetch();
   };
@@ -1932,13 +2459,6 @@ attached \xB7 ${session.harness} \xB7 ${short} \xB7 detach: Ctrl+]
     const current = workbench();
     if (current !== void 0) queryClient.setQueryData(WORKBENCH_KEY, f(current));
   };
-  const attachIfIdle = async (session) => {
-    if (lockRef.current || modalRef.current) {
-      say(`session ready \xB7 ${session.id.slice(0, 8)} \u2014 enter attaches`);
-      return;
-    }
-    await attachFlow(session);
-  };
   const launchMutation = useMutation2({
     mutationFn: async (vars) => {
       const argv = HARNESS_COMMANDS[vars.harness];
@@ -1967,6 +2487,7 @@ attached \xB7 ${session.harness} \xB7 ${short} \xB7 detach: Ctrl+]
           createdAt: (/* @__PURE__ */ new Date()).toISOString()
         })
       );
+      setWorktreeKey(vars.pendingKey);
       selectSession(vars.pendingKey);
       setBusy(`provisioning ${vars.harness} workspace \u2014 a first launch builds the harness image \xB7`);
       setBusyStarted(Date.now());
@@ -1976,15 +2497,21 @@ attached \xB7 ${session.harness} \xB7 ${short} \xB7 detach: Ctrl+]
       setBusy(null);
       say(errorText(error));
     },
-    onSuccess: async (session, vars) => {
+    onSuccess: (session, vars) => {
       patchWorkbench(
         (current) => replaceSession(current, vars.projectId, vars.pendingKey, session)
       );
-      selectSession(session.id);
+      setWorktreeKey(
+        (current) => current === vars.pendingKey ? session.worktreeId ?? session.id : current
+      );
+      setSessionKey((current) => current === vars.pendingKey ? session.id : current);
       setBusy(null);
-      await attachIfIdle(session);
+      say(`started \xB7 ${sessionDisplayName(session)} \u2014 a attaches`);
     },
-    onSettled: settleRefetch
+    onSettled: (_data, _error, vars) => {
+      gate.release(vars.gateKey);
+      settleRefetch();
+    }
   });
   const resumeMutation = useMutation2({
     mutationFn: (vars) => ctx.api("POST", `/sessions/${vars.session.id}/resume`, {
@@ -2000,7 +2527,7 @@ attached \xB7 ${session.harness} \xB7 ${short} \xB7 detach: Ctrl+]
       );
       selectSession(vars.session.id);
       setBusy(
-        `resuming ${vars.session.id.slice(0, 8)} \u2014 a fresh workspace restores the saved state \xB7`
+        `resuming ${sessionDisplayName(vars.session)} \u2014 a fresh workspace restores the saved state \xB7`
       );
       setBusyStarted(Date.now());
     },
@@ -2009,15 +2536,17 @@ attached \xB7 ${session.harness} \xB7 ${short} \xB7 detach: Ctrl+]
       say(errorText(error));
       refetch();
     },
-    onSuccess: async (resumed, vars) => {
+    onSuccess: (resumed, vars) => {
       patchWorkbench(
         (current) => replaceSession(current, vars.projectId, vars.session.id, resumed)
       );
-      selectSession(resumed.id);
       setBusy(null);
-      await attachIfIdle(resumed);
+      say(`resumed \xB7 ${sessionDisplayName(resumed)} \u2014 a attaches`);
     },
-    onSettled: settleRefetch
+    onSettled: (_data, _error, vars) => {
+      gate.release(vars.gateKey);
+      settleRefetch();
+    }
   });
   const ADOPT_AUTH_MODES = [
     {
@@ -2058,8 +2587,9 @@ attached \xB7 ${session.harness} \xB7 ${short} \xB7 detach: Ctrl+]
         return;
       }
       const project = result.project;
-      say(`adopted \xB7 ${project.name} \u2014 n starts a worktree`);
+      say(`adopted \xB7 ${project.name} \u2014 w starts a worktree`);
       setProjectKey(project.id);
+      setWorktreeKey(null);
       setSessionKey(null);
     },
     onSettled: settleRefetch
@@ -2089,7 +2619,7 @@ attached \xB7 ${session.harness} \xB7 ${short} \xB7 detach: Ctrl+]
     onMutate: async (session) => {
       await queryClient.cancelQueries({ queryKey: WORKBENCH_KEY });
       patchWorkbench((current) => markSessionStopped(current, session.id));
-      say(`stopped \xB7 ${worktreeDisplayName(session)} \u2014 the record and review remain`);
+      say(`stopped \xB7 ${sessionDisplayName(session)} \u2014 the record and review remain`);
     },
     onError: (error) => {
       say(errorText(error));
@@ -2133,24 +2663,29 @@ attached \xB7 ${session.harness} \xB7 ${short} \xB7 detach: Ctrl+]
       setBusy(null);
       say(errorText(error));
     },
-    onSuccess: async (session, vars) => {
+    onSuccess: (session, vars) => {
       patchWorkbench(
         (current) => replaceSession(current, vars.projectId, vars.pendingKey, session)
       );
-      selectSession(session.id);
+      setSessionKey((current) => current === vars.pendingKey ? session.id : current);
       setBusy(null);
-      await attachIfIdle(session);
+      say(`started \xB7 ${sessionDisplayName(session)} \u2014 a attaches`);
     },
-    onSettled: settleRefetch
+    onSettled: (_data, _error, vars) => {
+      gate.release(vars.gateKey);
+      settleRefetch();
+    }
   });
   const removeWorktreeMutation = useMutation2({
-    mutationFn: (group) => group.id !== null ? ctx.api("DELETE", `/worktrees/${group.id}`) : ctx.api("DELETE", `/sessions/${group.sessions[0]?.session.id ?? ""}`),
+    mutationFn: (group) => group.id === null ? ctx.api("DELETE", `/sessions/${group.sessions[0]?.session.id ?? ""}`) : ctx.api("DELETE", `/worktrees/${group.id}`),
     onMutate: async (group) => {
       await queryClient.cancelQueries({ queryKey: WORKBENCH_KEY });
       const projectId = selectedProject?.project.id;
       if (projectId !== void 0) {
         patchWorkbench((current) => removeWorktreeGroup(current, projectId, group));
       }
+      setWorktreeKey(null);
+      setSessionKey(null);
       say(`removing worktree \xB7 ${group.name}`);
     },
     onError: (error) => {
@@ -2171,121 +2706,136 @@ attached \xB7 ${session.harness} \xB7 ${short} \xB7 detach: Ctrl+]
       if (projectId !== void 0) {
         patchWorkbench((current) => removeSession(current, projectId, session.id));
       }
-      say(`removing session \xB7 ${worktreeDisplayName(session)}`);
+      setSessionKey(null);
+      say(`removing session \xB7 ${sessionDisplayName(session)}`);
     },
     onError: (error) => {
       say(errorText(error));
       refetch();
     },
     onSuccess: (_result, session) => {
-      say(`removed \xB7 ${worktreeDisplayName(session)} \u2014 the worktree remains`);
+      say(`removed \xB7 ${sessionDisplayName(session)} \u2014 the worktree remains`);
       refetch();
     },
     onSettled: settleRefetch
   });
-  const [removeArmed, setRemoveArmed] = useState2(null);
+  const confirmationVisible = (prefix) => busy === null && status !== null && Date.now() - status.at < 5e3 && status.text.startsWith(prefix);
   const armRemove = () => {
-    if (selectedRow?.kind === "session") {
-      const session = selectedRow.item.session;
-      if (isPendingId(session.id)) return;
-      if (AGENT_LIVE_STATUSES.has(session.status)) {
-        say(`the agent is still working \u2014 kill it first (\u21E7K) \xB7 ${worktreeDisplayName(session)}`);
+    if (focus === "worktrees") {
+      const group = selectedGroup;
+      if (group === null || group.sessions.some((item) => isPendingId(item.session.id))) return;
+      if (group.live > 0) {
+        say(
+          `${group.live} session${group.live === 1 ? "" : "s"} live \u2014 stop them first (\u21E7K) \xB7 ${group.name}`
+        );
         return;
       }
-      if (removeArmed === session.id) {
+      if (removeArmed === `wt:${group.key}` && confirmationVisible("press \u21E7D again")) {
         setRemoveArmed(null);
-        removeSessionMutation.mutate(session);
+        removeWorktreeMutation.mutate(group);
         return;
       }
-      setRemoveArmed(session.id);
-      say(
-        `press again to remove session \xB7 ${worktreeDisplayName(session)} \u2014 its record goes, the worktree stays`
-      );
+      setRemoveArmed(`wt:${group.key}`);
+      const facts = group.sessions.length === 1 ? "its session and change go with it" : `${group.sessions.length} sessions and the change go with it`;
+      say(`press \u21E7D again to remove worktree \xB7 ${group.name} \u2014 ${facts}`);
       return;
     }
-    const group = selectedGroup;
-    if (group === null || group.sessions.some((item) => isPendingId(item.session.id))) return;
-    if (group.live > 0) {
-      say(
-        `${group.live} session${group.live === 1 ? "" : "s"} live \u2014 stop them first \xB7 ${group.name}`
-      );
+    const session = selectedSession;
+    if (session === null || isPendingId(session.id)) return;
+    if (AGENT_LIVE_STATUSES.has(session.status)) {
+      say(`the agent is still working \u2014 stop it first (\u21E7K) \xB7 ${sessionDisplayName(session)}`);
       return;
     }
-    if (removeArmed === group.key) {
+    if (removeArmed === session.id && confirmationVisible("press \u21E7D again")) {
       setRemoveArmed(null);
-      removeWorktreeMutation.mutate(group);
+      removeSessionMutation.mutate(session);
       return;
     }
-    setRemoveArmed(group.key);
-    const facts = group.sessions.length === 1 ? "its session and change go with it" : `${group.sessions.length} sessions and the change go with it`;
-    say(`press again to remove worktree \xB7 ${group.name} \u2014 ${facts}`);
+    setRemoveArmed(session.id);
+    say(
+      `press \u21E7D again to remove session \xB7 ${sessionDisplayName(session)} \u2014 its record goes, the worktree stays`
+    );
   };
   const armStop = () => {
-    if (selectedRow?.kind === "worktree") {
-      const group = selectedRow.group;
-      const live = group.sessions.filter((item2) => LIVE_STATUSES.has(item2.session.status));
+    if (focus === "worktrees") {
+      const group = selectedGroup;
+      if (group === null) return;
+      const live = group.sessions.filter((item) => LIVE_STATUSES.has(item.session.status));
       if (live.length === 0) {
         say("nothing to stop \u2014 the worktree is settled");
         return;
       }
-      if (stopArmed === `wt:${group.key}`) {
+      if (stopArmed === `wt:${group.key}` && confirmationVisible("press \u21E7K again")) {
         setStopArmed(null);
-        for (const item2 of live) stopMutation.mutate(item2.session);
+        for (const item of live) stopMutation.mutate(item.session);
         return;
       }
       setStopArmed(`wt:${group.key}`);
       say(
-        `press again to stop ${live.length} live session${live.length === 1 ? "" : "s"} \xB7 ${group.name}`
+        `press \u21E7K again to stop ${live.length} live session${live.length === 1 ? "" : "s"} \xB7 ${group.name}`
       );
       return;
     }
-    const item = selectedSession;
-    if (item === null || isPendingId(item.session.id)) return;
-    if (!LIVE_STATUSES.has(item.session.status)) {
+    const session = selectedSession;
+    if (session === null || isPendingId(session.id)) return;
+    if (!LIVE_STATUSES.has(session.status)) {
       say("nothing to stop \u2014 the session is settled");
       return;
     }
-    if (stopArmed === item.session.id) {
+    if (stopArmed === session.id && confirmationVisible("press \u21E7K again")) {
       setStopArmed(null);
-      stopMutation.mutate(item.session);
+      stopMutation.mutate(session);
       return;
     }
-    setStopArmed(item.session.id);
-    say(`press again to stop \xB7 ${worktreeDisplayName(item.session)}`);
+    setStopArmed(session.id);
+    say(`press \u21E7K again to stop \xB7 ${sessionDisplayName(session)}`);
   };
   const openCreateModal = (projectId) => {
-    setCreating({
+    const request = ++branchRequest.current;
+    const draft = {
       projectId,
       step: "name",
       name: "",
       branches: null,
+      branchError: null,
       query: "",
       baseIndex: 0,
       base: null,
       joins: false,
       harnessIndex: 0
-    });
+    };
+    creatingRef.current = draft;
+    setCreating(draft);
     const prefill = projectId === homeProject?.id ? ctx.cwdBranch : null;
     void ctx.api("GET", `/projects/${projectId}/branches`).then(
       (branches) => setCreating((current) => {
-        if (current === null) return current;
+        if (current?.projectId !== projectId || request !== branchRequest.current) return current;
         const match = prefill === null ? void 0 : branches.find((candidate) => candidate.name === prefill);
         const ordered = filterBranches(branches, "");
         return {
           ...current,
           branches,
-          base: match === void 0 || match.isDefault ? null : match.name,
-          baseIndex: match === void 0 ? 0 : Math.max(
-            0,
-            ordered.findIndex((candidate) => candidate.name === match.name)
-          )
+          branchError: null,
+          // A late response may populate the list, but not change a base
+          // the user has already selected or a filter they are navigating.
+          ...current.step === "name" || current.step === "base" && current.query === "" && current.baseIndex === 0 ? {
+            base: match === void 0 || match.isDefault ? null : match.name,
+            baseIndex: match === void 0 ? 0 : Math.max(
+              0,
+              ordered.findIndex((candidate) => candidate.name === match.name)
+            )
+          } : {}
         };
       }),
-      () => (
-        // An unreadable list falls back to the default base; the base step
-        // then shows only the default and enter moves on.
-        setCreating((current) => current === null ? current : { ...current, branches: [] })
-      )
+      (error) => {
+        if (creatingRef.current?.projectId !== projectId || request !== branchRequest.current)
+          return;
+        const message = errorText(error);
+        say(`could not read branches \u2014 ${message}`);
+        setCreating(
+          (current) => current?.projectId === projectId ? { ...current, branches: [], branchError: message } : current
+        );
+      }
     );
   };
   const advanceFromName = (current, raw) => {
@@ -2313,6 +2863,12 @@ attached \xB7 ${session.harness} \xB7 ${short} \xB7 detach: Ctrl+]
     if (current === null) return;
     const choice = deriveHarnesses(null)[current.harnessIndex];
     if (choice?.harness == null) return;
+    const gateKey = `launch:${current.projectId}:${current.name}`;
+    if (!gate.take(gateKey)) {
+      setCreating(null);
+      say("that worktree is already starting \u2014 wait for it to finish before starting another");
+      return;
+    }
     setCreating(null);
     setFocus("sessions");
     launchMutation.mutate({
@@ -2320,13 +2876,10 @@ attached \xB7 ${session.harness} \xB7 ${short} \xB7 detach: Ctrl+]
       harness: choice.harness,
       name: current.name === "" ? null : current.name,
       base: current.base,
-      pendingKey: pendingId()
+      pendingKey: pendingId(),
+      gateKey
     });
   };
-  const resumeSession = (projectId, session, harness) => {
-    setFocus("sessions");
-    resumeMutation.mutate({ projectId, session, harness });
-  };
   const submitRename = (session, value) => {
     setEditing(null);
     const label = value.trim() === "" ? null : value.trim();
@@ -2336,86 +2889,142 @@ attached \xB7 ${session.harness} \xB7 ${short} \xB7 detach: Ctrl+]
     setPicker(worktree === void 0 ? { session } : { session, worktree });
     setPickerIndex(0);
   };
-  const moveSelection = (delta) => {
-    if (picker !== null) {
-      setPickerIndex((current) => Math.max(0, Math.min(pickerItems.length - 1, current + delta)));
-      return;
+  const attachSelected = () => {
+    const plan = planAttach(selectedSession);
+    switch (plan.kind) {
+      case "attach":
+        void attachFlow(plan.session);
+        return;
+      case "starting":
+        say(
+          `still starting \xB7 ${sessionDisplayName(plan.session)} \u2014 a attaches once the row reads running`
+        );
+        return;
+      case "settled":
+        say(`settled \xB7 ${sessionDisplayName(plan.session)} \u2014 r resumes it, \u21E7D removes it`);
+        return;
+      case "pending":
+        say("still provisioning \u2014 the row fills in when the workspace answers");
+        return;
+      case "none":
+        say("no session selected \u2014 n starts one");
+        return;
     }
-    if (focus === "projects") {
-      if (projectItems.length === 0) return;
-      const next2 = Math.max(0, Math.min(projectItems.length - 1, projectIndex + delta));
-      const item = projectItems[next2];
-      if (item !== void 0) {
-        setProjectKey(item.project.id);
-        setSessionKey(null);
-      }
-      return;
+  };
+  const resumeSelected = () => {
+    const plan = planResume(selectedSession);
+    switch (plan.kind) {
+      case "resume":
+        if (gate.held(`resume:${plan.session.id}`)) {
+          say(`already resuming \xB7 ${sessionDisplayName(plan.session)}`);
+          return;
+        }
+        openPicker(plan.session);
+        return;
+      case "live":
+        say(`already live \xB7 ${sessionDisplayName(plan.session)} \u2014 a attaches`);
+        return;
+      case "pending":
+        say("still provisioning \u2014 nothing to resume yet");
+        return;
+      case "none":
+        say("no session selected \u2014 n starts one");
+        return;
     }
-    if (rows.length === 0) return;
-    const next = Math.max(0, Math.min(rows.length - 1, rowIndex + delta));
-    const row = rows[next];
-    if (row !== void 0) setSessionKey(rowKeyOf(row));
   };
-  const sayStillStarting = (session) => {
-    say(
-      busy !== null ? `still starting \xB7 ${worktreeDisplayName(session)} \u2014 attaches when the workspace answers` : `still starting \xB7 ${worktreeDisplayName(session)} \u2014 enter attaches once the row reads running`
-    );
+  const resumeSession = (projectId, session, harness) => {
+    const gateKey = `resume:${session.id}`;
+    if (!gate.take(gateKey)) {
+      say(`already resuming \xB7 ${sessionDisplayName(session)}`);
+      return;
+    }
+    setFocus("sessions");
+    resumeMutation.mutate({ projectId, session, harness, gateKey });
   };
-  const activate = () => {
-    if (picker !== null) {
-      const choice = pickerItems[pickerIndex];
-      const projectId = selectedProject?.project.id;
-      if (choice === void 0 || projectId === void 0) return;
-      setPicker(null);
-      if (picker.worktree !== void 0 && picker.worktree.id !== null) {
-        if (choice.harness !== null) {
-          setFocus("sessions");
-          launchInWorktreeMutation.mutate({
-            projectId,
-            worktreeId: picker.worktree.id,
-            harness: choice.harness,
-            pendingKey: pendingId()
-          });
-        }
-      } else if (picker.session !== null) {
-        resumeSession(projectId, picker.session, choice.harness);
-      }
+  const newSession = () => {
+    const projectId = selectedProject?.project.id;
+    if (projectId === void 0) {
+      say("no project selected");
       return;
     }
+    const group = selectedGroup;
     if (focus === "projects") {
-      setFocus("sessions");
+      openCreateModal(projectId);
       return;
     }
-    if (selectedRow?.kind === "worktree") {
-      const target2 = enterTargetOf(selectedRow.group.sessions.map((item2) => item2.session));
-      if (target2.kind === "attach") {
-        void attachFlow(target2.session);
-      } else if (target2.kind === "wait") {
-        sayStillStarting(target2.session);
-      } else if (selectedRow.group.id !== null) {
-        openPicker(null, selectedRow.group);
-      }
+    if (group === null || group.id === null) {
+      openCreateModal(projectId);
       return;
     }
-    const item = selectedSession;
-    if (item === null) return;
-    if (isPendingId(item.session.id)) {
-      say("still provisioning \u2014 the row fills in when the workspace answers");
+    if (gate.held(`worktree-session:${group.id}`)) {
+      say(`already starting a session in ${group.name}`);
       return;
     }
-    const target = enterTargetOf([item.session]);
-    if (target.kind === "attach") {
-      void attachFlow(target.session);
-    } else if (target.kind === "wait") {
-      sayStillStarting(target.session);
-    } else {
-      openPicker(item.session);
+    openPicker(null, group);
+  };
+  const launchInWorktree = (projectId, group, harness) => {
+    if (group.id === null) return;
+    const gateKey = `worktree-session:${group.id}`;
+    if (!gate.take(gateKey)) {
+      say(`already starting a session in ${group.name}`);
+      return;
     }
+    setFocus("sessions");
+    launchInWorktreeMutation.mutate({
+      projectId,
+      worktreeId: group.id,
+      harness,
+      pendingKey: pendingId(),
+      gateKey
+    });
   };
+  const moveSelection = (delta) => {
+    if (picker !== null) {
+      setPickerIndex((current) => clampIndex(pickerItems.length, current + delta));
+      return;
+    }
+    switch (focus) {
+      case "projects": {
+        const item = projectItems[clampIndex(projectItems.length, projectIndex + delta)];
+        if (item === void 0) return;
+        setProjectKey(item.project.id);
+        setWorktreeKey(null);
+        setSessionKey(null);
+        setPreviewOffset(0);
+        return;
+      }
+      case "worktrees": {
+        const group = worktreeGroups[clampIndex(worktreeGroups.length, worktreeIndex + delta)];
+        if (group === void 0) return;
+        setWorktreeKey(group.key);
+        setSessionKey(null);
+        setPreviewOffset(0);
+        return;
+      }
+      case "sessions": {
+        const item = sessionItems[clampIndex(sessionItems.length, sessionIndex + delta)];
+        if (item === void 0) return;
+        selectSession(item.session.id);
+        return;
+      }
+      case "detail":
+        setPreviewOffset(
+          Math.max(
+            0,
+            Math.min(Math.max(0, preview.length - previewRows), previewView.offset - delta)
+          )
+        );
+        return;
+    }
+  };
+  const moveColumn = (delta) => setFocus(stepColumn(focus, delta));
   useKeyboard2((key) => {
     if (reviewing !== null) return;
     if (lockRef.current) return;
     if (key.ctrl && key.name === "c") return onQuit();
+    const verb = verbForKey(key.name ?? "", key.shift === true);
+    if (verb !== "stop") setStopArmed(null);
+    if (verb !== "remove") setRemoveArmed(null);
     if (adoptOffer !== null) {
       if (key.name === "return" || key.name === "linefeed" || key.name === "y") {
         adoptMutation.mutate(adoptOffer);
@@ -2473,17 +3082,11 @@ attached \xB7 ${session.harness} \xB7 ${short} \xB7 detach: Ctrl+]
           if (current === null) return current;
           if (current.step === "base") {
             const matches = filterBranches(current.branches ?? [], current.query).length;
-            return {
-              ...current,
-              baseIndex: Math.max(0, Math.min(matches - 1, current.baseIndex + delta))
-            };
+            return { ...current, baseIndex: clampIndex(matches, current.baseIndex + delta) };
           }
           if (current.step === "harness") {
             const count = deriveHarnesses(null).length;
-            return {
-              ...current,
-              harnessIndex: Math.max(0, Math.min(count - 1, current.harnessIndex + delta))
-            };
+            return { ...current, harnessIndex: clampIndex(count, current.harnessIndex + delta) };
           }
           return current;
         });
@@ -2504,8 +3107,20 @@ attached \xB7 ${session.harness} \xB7 ${short} \xB7 detach: Ctrl+]
           return moveSelection(-1);
         case "return":
         case "linefeed":
-        case "l":
-          return activate();
+        case "l": {
+          const choice = pickerItems[pickerIndex];
+          const projectId = selectedProject?.project.id;
+          const target = picker;
+          if (choice === void 0 || projectId === void 0) return;
+          setPicker(null);
+          if (target.worktree !== void 0) {
+            if (choice.harness !== null)
+              launchInWorktree(projectId, target.worktree, choice.harness);
+          } else if (target.session !== null) {
+            resumeSession(projectId, target.session, choice.harness);
+          }
+          return;
+        }
         case "escape":
         case "q":
         case "h":
@@ -2514,71 +3129,67 @@ attached \xB7 ${session.harness} \xB7 ${short} \xB7 detach: Ctrl+]
           return;
       }
     }
-    if (key.shift === true && key.name === "k") return armStop();
-    if (key.shift === true && key.name === "d") return armRemove();
-    switch (key.name) {
-      case "q":
+    if (key.ctrl === true) return;
+    if (focus === "projects" && ["attach", "resume", "stop", "remove", "rename", "openWeb", "review"].includes(verb ?? "")) {
+      say("select a session first \u2014 \u2192 opens worktrees");
+      return;
+    }
+    switch (verb) {
+      case "quit":
         return onQuit();
-      case "down":
-      case "j":
+      case "moveDown":
         return moveSelection(1);
-      case "up":
-      case "k":
+      case "moveUp":
         return moveSelection(-1);
-      case "x":
-        return armStop();
-      case "return":
-      case "linefeed":
-        return activate();
-      case "l":
-      case "right":
-        if (focus === "projects") setFocus("sessions");
-        return;
-      case "h":
-      case "left":
-      case "-":
-      case "backspace":
-        if (showProjectsPane) setFocus("projects");
-        return;
-      case "tab":
-        if (showProjectsPane) setFocus(focus === "projects" ? "sessions" : "projects");
-        return;
-      case "n":
+      case "pageDown":
+        return moveSelection(10);
+      case "pageUp":
+        return moveSelection(-10);
+      case "columnRight":
+        return moveColumn(1);
+      case "columnLeft":
+        return moveColumn(-1);
+      case "attach":
+        return attachSelected();
+      case "resume":
+        return resumeSelected();
+      case "newSession":
+        return newSession();
+      case "newWorktree":
         if (selectedProject !== null) openCreateModal(selectedProject.project.id);
         return;
-      case "s": {
-        const group = selectedGroup;
-        if (group === null) return;
-        if (group.id === null) {
-          say("this server predates shared worktrees \u2014 n starts a new one");
-          return;
-        }
-        openPicker(null, group);
+      case "stop":
+        return armStop();
+      case "remove":
+        return armRemove();
+      case "refresh":
+        say("refreshing\u2026");
+        refetch();
+        void queryClient.invalidateQueries({ queryKey: ["transcript"] });
         return;
-      }
-      case "e": {
-        const item = selectedSession;
-        if (item !== null && !isPendingId(item.session.id)) setEditing(item.session);
+      case "rename": {
+        const session = selectedSession;
+        if (session !== null && !isPendingId(session.id)) setEditing(session);
         return;
       }
-      case "o": {
-        const item = selectedSession;
-        if (item !== null && !isPendingId(item.session.id)) {
-          openUrl(`${ctx.config.url}/sessions/${item.session.id}`);
-          say(`opened \xB7 ${ctx.config.url}/sessions/${item.session.id.slice(0, 8)}\u2026`);
+      case "openWeb": {
+        const session = selectedSession;
+        if (session !== null && !isPendingId(session.id)) {
+          openUrl(`${ctx.config.url}/sessions/${session.id}`);
+          say(`opened \xB7 ${ctx.config.url}/sessions/${session.id.slice(0, 8)}\u2026`);
         }
         return;
       }
-      case "v": {
-        const item = selectedSession;
-        if (item === null) return;
-        if (isPendingId(item.session.id)) {
+      case "review": {
+        const session = selectedSession;
+        if (session === null) return;
+        if (isPendingId(session.id)) {
           say("still provisioning \u2014 nothing to review yet");
           return;
         }
         const target = reviewTargetForSession(
-          item.session,
-          selectedGroup?.annotation ?? item.annotation,
+          session,
+          selectedItem?.annotation ?? selectedGroup?.annotation,
           selectedProject?.project.name ?? "project"
         );
         if (target === null) {
@@ -2588,22 +3199,28 @@ attached \xB7 ${session.harness} \xB7 ${short} \xB7 detach: Ctrl+]
         setReviewing(target);
         return;
       }
-      case "r":
-        say("refreshing\u2026");
-        refetch();
-        return;
-      default:
+      case null:
         return;
     }
   });
   const liveTotal = projectItems.reduce((sum, item) => sum + item.live, 0);
-  const nameWidth = Math.min(16, Math.max(...projectItems.map((p) => p.project.name.length), 4));
-  const sessionsTitle = selectedProject === null ? "sessions" : `sessions \u2014 ${selectedProject.project.name}${selectedProject.live > 0 ? ` \xB7 ${selectedProject.live} live` : ""}`;
-  const detailTitle = selectedSession === null || selectedGroup === null ? "session" : `worktree \u2014 ${selectedGroup.name} \xB7 ${selectedSession.session.harness} ${selectedSession.session.id.slice(0, 8)}`;
-  const pickerTitle = picker === null ? "" : picker.worktree !== void 0 ? `new session in ${picker.worktree.name} \u2014 pick a harness` : picker.session === null ? "new session \u2014 pick a harness" : `resume ${picker.session.id.slice(0, 8)} \u2014 pick a harness`;
+  const columnTitle = (column) => {
+    if (column === "worktrees") {
+      return selectedProject === null ? "worktrees" : `worktrees \xB7 ${worktreeGroups.length}${selectedProject.live > 0 ? ` \xB7 ${selectedProject.live} live` : ""}`;
+    }
+    if (column === "sessions") {
+      return selectedGroup === null ? "sessions" : `sessions \xB7 ${sessionItems.length}`;
+    }
+    if (column === "detail") {
+      if (selectedSession === null) return "session";
+      return previewView.offset === 0 ? "session \xB7 read-only" : `session \xB7 read-only \xB7 ${previewView.later} newer below`;
+    }
+    return COLUMN_TITLE[column];
+  };
+  const pickerTitle = picker === null ? "" : picker.worktree === void 0 ? picker.session === null ? "new session \u2014 pick a harness" : `resume ${sessionDisplayName(picker.session)} \u2014 pick a harness` : `new session in ${picker.worktree.name} \u2014 pick a harness`;
   const creatingHeight = 2 + 1 + 1 + 6 + 1 + deriveHarnesses(null).length;
-  const footerText = adoptOffer !== null ? " enter adopt \xB7 \u2190\u2192 auth mode \xB7 esc not now" : editing !== null ? " enter save \xB7 esc cancel" : creating !== null ? creating.step === "name" ? " enter continue \xB7 esc cancel" : creating.step === "base" ? " type to filter \xB7 \u2191\u2193 move \xB7 enter choose base \xB7 esc back" : " \u2191\u2193 move \xB7 enter launch \xB7 esc back" : picker !== null ? " \u2191\u2193 move \xB7 enter start \xB7 esc cancel" : focus === "projects" ? " \u2191\u2193 move \xB7 enter/l sessions \xB7 \u21E5 panes \xB7 r refresh \xB7 q quit" : " \u2191\u2193 move \xB7 enter attach/resume \xB7 n new worktree \xB7 s session here \xB7 \u21E7K kill \xB7 \u21E7D remove \xB7 v review \xB7 e rename \xB7 o web \xB7 q quit";
-  const loadFailure = data === void 0 && failureReason !== null ? failureReason instanceof Error ? failureReason.message : String(failureReason) : null;
+  const footerText = adoptOffer === null ? editing === null ? creating === null ? picker === null ? ` ${fitHints(verbHints(focus), Math.max(12, terminalCols - 2))}` : " \u2191\u2193 move \xB7 enter start \xB7 esc cancel" : creating.step === "name" ? " enter continue \xB7 esc cancel" : creating.step === "base" ? " type to filter \xB7 \u2191\u2193 move \xB7 enter choose base \xB7 esc back" : " \u2191\u2193 move \xB7 enter launch \xB7 esc back" : " enter save \xB7 esc cancel" : " enter adopt \xB7 \u2190\u2192 auth mode \xB7 esc not now";
+  const loadFailure = data === void 0 && failureReason !== null ? errorText(failureReason) : null;
   if (reviewing !== null) {
     return /* @__PURE__ */ jsx2(
       ReviewScreen,
@@ -2620,7 +3237,160 @@ attached \xB7 ${session.harness} \xB7 ${short} \xB7 detach: Ctrl+]
       }
     );
   }
-  return /* @__PURE__ */ jsxs2("box", { flexGrow: 1, flexDirection: "column", backgroundColor: "transparent", children: [
+  const breadcrumbValue = (column) => {
+    if (column === "projects") return selectedProject?.project.name ?? "no project";
+    if (column === "worktrees") return selectedGroup?.name ?? "no worktree";
+    return selectedSession === null ? "no session" : sessionDisplayName(selectedSession);
+  };
+  const sectionFact = (section) => {
+    if (section === "projects") {
+      if (selectedProject === null) return "";
+      return selectedProject.live > 0 ? `${selectedProject.live} live` : "settled";
+    }
+    if (section === "worktrees") {
+      if (selectedGroup === null) return "";
+      return selectedGroup.live > 0 ? foldGroupStatus(selectedGroup) : "settled";
+    }
+    return selectedSession?.status ?? "";
+  };
+  const sectionEmpty = (section) => section === "projects" ? selectedProject === null : section === "worktrees" ? selectedGroup === null : selectedSession === null;
+  const paneTitle = (column, width) => fit(columnTitle(column), Math.max(6, width - 6));
+  const renderSection = (entry) => {
+    const inner = Math.max(4, layout.sidebarWidth - 2);
+    if (!entry.expanded) {
+      return /* @__PURE__ */ jsx2(
+        Pane,
+        {
+          title: paneTitle(entry.section, layout.sidebarWidth),
+          focused: false,
+          height: entry.height,
+          children: /* @__PURE__ */ jsx2(
+            SummaryRow,
+            {
+              name: breadcrumbValue(entry.section),
+              fact: sectionFact(entry.section),
+              width: inner,
+              empty: sectionEmpty(entry.section)
+            }
+          )
+        },
+        entry.section
+      );
+    }
+    const focused = focus === entry.section;
+    switch (entry.section) {
+      case "projects":
+        return /* @__PURE__ */ jsx2(
+          Pane,
+          {
+            title: paneTitle("projects", layout.sidebarWidth),
+            focused,
+            grow: true,
+            children: /* @__PURE__ */ jsxs2(
+              "scrollbox",
+              {
+                ref: projectScrollRef,
+                flexGrow: 1,
+                flexShrink: 1,
+                minHeight: 0,
+                style: paneScrollStyle,
+                children: [
+                  projectItems.map((item, index) => /* @__PURE__ */ jsx2(
+                    ProjectRow,
+                    {
+                      item,
+                      selected: index === projectIndex,
+                      width: inner
+                    },
+                    item.project.id
+                  )),
+                  data !== void 0 && projectItems.length === 0 ? /* @__PURE__ */ jsx2(EmptyNote, { text: "none adopted yet" }) : null
+                ]
+              }
+            )
+          },
+          entry.section
+        );
+      case "worktrees":
+        return /* @__PURE__ */ jsx2(
+          Pane,
+          {
+            title: paneTitle("worktrees", layout.sidebarWidth),
+            focused,
+            grow: true,
+            children: /* @__PURE__ */ jsxs2(
+              "scrollbox",
+              {
+                ref: worktreeScrollRef,
+                flexGrow: 1,
+                flexShrink: 1,
+                minHeight: 0,
+                style: paneScrollStyle,
+                children: [
+                  worktreeGroups.map((group, index) => /* @__PURE__ */ jsx2(
+                    WorktreeRow,
+                    {
+                      group,
+                      selected: index === worktreeIndex,
+                      width: inner
+                    },
+                    group.key
+                  )),
+                  data !== void 0 && worktreeGroups.length === 0 ? /* @__PURE__ */ jsx2(EmptyNote, { text: "no worktrees \u2014 w starts one" }) : null
+                ]
+              }
+            )
+          },
+          entry.section
+        );
+      case "sessions":
+        return /* @__PURE__ */ jsx2(
+          Pane,
+          {
+            title: paneTitle("sessions", layout.sidebarWidth),
+            focused,
+            grow: true,
+            children: /* @__PURE__ */ jsxs2(
+              "scrollbox",
+              {
+                ref: sessionScrollRef,
+                flexGrow: 1,
+                flexShrink: 1,
+                minHeight: 0,
+                style: paneScrollStyle,
+                children: [
+                  sessionItems.map((item, index) => /* @__PURE__ */ jsx2(
+                    SessionRow,
+                    {
+                      item,
+                      selected: index === sessionIndex,
+                      width: inner
+                    },
+                    item.session.id
+                  )),
+                  data !== void 0 && sessionItems.length === 0 ? /* @__PURE__ */ jsx2(
+                    EmptyNote,
+                    {
+                      text: selectedGroup === null ? "no worktree selected" : "no sessions \u2014 n starts one"
+                    }
+                  ) : null,
+                  loadFailure === null ? null : /* @__PURE__ */ jsx2("text", { height: 1, fg: INK_2, bg: "transparent", children: `  ${loadFailure} \u2014 retrying` })
+                ]
+              }
+            )
+          },
+          entry.section
+        );
+    }
+  };
+  const renderDetail = () => /* @__PURE__ */ jsx2(Pane, { title: paneTitle("detail", detailWidth + 2), focused: focus === "detail", grow: true, children: selectedItem === null ? /* @__PURE__ */ jsx2(EmptyNote, { text: "no session selected \u2014 n starts one" }) : /* @__PURE__ */ jsxs2(Fragment2, { children: [
+    /* @__PURE__ */ jsx2(SessionFacts, { group: selectedGroup, item: selectedItem, rows: factRows }),
+    showFactRule ? /* @__PURE__ */ jsx2("text", { height: 1, bg: "transparent", fg: FAINT, children: `  ${"\u2500".repeat(Math.max(4, detailWidth - 4))}` }) : null,
+    /* @__PURE__ */ jsx2("box", { flexGrow: 1, flexShrink: 1, minHeight: 0, flexDirection: "column", children: previewSessionId === null ? /* @__PURE__ */ jsx2(EmptyNote, { text: "provisioning \u2014 no record yet" }) : selectedSession?.harness === "shell" ? /* @__PURE__ */ jsx2(EmptyNote, { text: "shell \u2014 no conversation record; a attaches if live" }) : transcript.isPending ? /* @__PURE__ */ jsx2(EmptyNote, { text: "reading the record\u2026" }) : transcript.error === null ? previewView.lines.length === 0 ? /* @__PURE__ */ jsx2(EmptyNote, { text: "no conversation recorded yet" }) : previewView.lines.map((line, index) => /* @__PURE__ */ jsx2(PreviewRow, { line }, `${index}-${line.kind}`)) : /* @__PURE__ */ jsx2("text", { height: 1, fg: INK_2, bg: "transparent", children: `  could not read the record \u2014 ${errorText(transcript.error)}` }) })
+  ] }) });
+  const offNav = layout.offscreen.filter(isNavSection);
+  const detailOffscreen = layout.offscreen.includes("detail");
+  return /* @__PURE__ */ jsxs2("box", { flexGrow: 1, flexDirection: "column", backgroundColor: CANVAS, children: [
     /* @__PURE__ */ jsxs2("box", { height: 1, flexDirection: "row", justifyContent: "space-between", children: [
       /* @__PURE__ */ jsxs2("text", { height: 1, bg: "transparent", children: [
         /* @__PURE__ */ jsx2("span", { fg: INK, children: " mend" }),
@@ -2635,6 +3405,13 @@ attached \xB7 ${session.harness} \xB7 ${short} \xB7 detach: Ctrl+]
           liveTotal,
           " live"
         ] }),
+        gate.count() > 0 ? /* @__PURE__ */ jsxs2(Fragment2, { children: [
+          /* @__PURE__ */ jsx2("span", { fg: FAINT, children: " \xB7 " }),
+          /* @__PURE__ */ jsxs2("span", { fg: INK_2, children: [
+            gate.count(),
+            " starting"
+          ] })
+        ] }) : null,
         shareState === "off" ? null : /* @__PURE__ */ jsxs2(Fragment2, { children: [
           /* @__PURE__ */ jsx2("span", { fg: FAINT, children: " \xB7 " }),
           /* @__PURE__ */ jsx2("span", { fg: shareState === "connected" ? MUTED : FAINT, children: shareState === "connected" ? "agent shared" : "agent share reconnecting" })
@@ -2642,70 +3419,69 @@ attached \xB7 ${session.harness} \xB7 ${short} \xB7 detach: Ctrl+]
       ] }),
       /* @__PURE__ */ jsx2("text", { height: 1, fg: FAINT, bg: "transparent", children: `${ctx.config.url}  ` })
     ] }),
+    !layout.breadcrumb ? null : /* @__PURE__ */ jsxs2("text", { height: 1, bg: "transparent", children: [
+      /* @__PURE__ */ jsx2("span", { fg: FAINT, children: "  " }),
+      offNav.map((column, index) => /* @__PURE__ */ jsxs2("span", { children: [
+        index > 0 ? /* @__PURE__ */ jsx2("span", { fg: FAINT, children: " \u25B8 " }) : null,
+        /* @__PURE__ */ jsx2("span", { fg: index === offNav.length - 1 ? INK_2 : MUTED, children: fit(breadcrumbValue(column), 28) })
+      ] }, column)),
+      /* @__PURE__ */ jsx2("span", { fg: FAINT, children: detailOffscreen ? `${offNav.length > 0 ? " \xB7 " : ""}record hidden \xB7 \u2192 opens it` : " \u25B8" })
+    ] }),
     /* @__PURE__ */ jsxs2("box", { flexGrow: 1, flexShrink: 1, minHeight: 0, flexDirection: "row", children: [
-      showProjectsPane ? /* @__PURE__ */ jsx2(Pane, { title: "projects", focused: focus === "projects", width: PROJECTS_PANE_WIDTH, children: /* @__PURE__ */ jsxs2(
-        "scrollbox",
-        {
-          ref: projectScrollRef,
-          flexGrow: 1,
-          flexShrink: 1,
-          minHeight: 0,
-          style: paneScrollStyle,
-          children: [
-            projectItems.map((item, index) => /* @__PURE__ */ jsx2(
-              ProjectRow,
-              {
-                item,
-                selected: index === projectIndex,
-                nameWidth
-              },
-              item.project.id
-            )),
-            data !== void 0 && projectItems.length === 0 ? /* @__PURE__ */ jsx2("text", { height: 1, fg: FAINT, bg: "transparent", children: "  none adopted yet" }) : null
-          ]
-        }
-      ) }) : null,
-      /* @__PURE__ */ jsx2(Pane, { title: sessionsTitle, focused: focus === "sessions", grow: true, children: /* @__PURE__ */ jsxs2(
-        "scrollbox",
+      layout.sidebarWidth === 0 ? null : /* @__PURE__ */ jsx2(
+        "box",
         {
-          ref: sessionScrollRef,
-          flexGrow: 1,
-          flexShrink: 1,
+          width: layout.sidebarWidth,
+          flexShrink: 0,
           minHeight: 0,
-          style: paneScrollStyle,
-          children: [
-            rows.map(
-              (row, index) => row.kind === "worktree" ? /* @__PURE__ */ jsx2(
-                WorktreeHeaderRow,
-                {
-                  group: row.group,
-                  selected: index === rowIndex
-                },
-                rowKeyOf(row)
-              ) : /* @__PURE__ */ jsx2(
-                SessionChildRow,
-                {
-                  item: row.item,
-                  selected: index === rowIndex
-                },
-                rowKeyOf(row)
-              )
-            ),
-            data !== void 0 && rows.length === 0 ? /* @__PURE__ */ jsx2("text", { height: 1, fg: FAINT, bg: "transparent", children: "  no sessions yet \u2014 n starts one" }) : null,
-            loadFailure !== null ? /* @__PURE__ */ jsx2("text", { height: 1, fg: INK_2, bg: "transparent", children: `  ${loadFailure} \u2014 retrying` }) : null
-          ]
+          flexDirection: "column",
+          backgroundColor: "transparent",
+          children: layout.sections.map(renderSection)
         }
-      ) })
+      ),
+      detailWidth === 0 ? null : renderDetail()
     ] }),
-    picker !== null ? /* @__PURE__ */ jsx2(Pane, { title: pickerTitle, focused: true, height: 2 + pickerItems.length, children: pickerItems.map((item, index) => /* @__PURE__ */ jsx2(HarnessRow, { item, selected: index === pickerIndex }, String(item.harness))) }) : editing !== null ? /* @__PURE__ */ jsx2(
+    picker === null ? null : /* @__PURE__ */ jsx2(
       "box",
       {
+        position: "absolute",
+        zIndex: 12,
+        left: Math.max(1, Math.floor((terminalCols - Math.min(74, terminalCols - 4)) / 2)),
+        top: Math.max(1, Math.floor((terminalRows - (2 + pickerItems.length)) / 2)),
+        width: Math.min(74, terminalCols - 4),
+        height: 2 + pickerItems.length,
         border: true,
         borderStyle: "rounded",
-        borderColor: COBALT,
+        borderColor: ACCENT,
+        title: ` ${pickerTitle} `,
+        titleAlignment: "left",
+        backgroundColor: SURFACE,
+        flexDirection: "column",
+        children: pickerItems.map((item, index) => /* @__PURE__ */ jsx2(
+          HarnessRow,
+          {
+            item,
+            selected: index === pickerIndex,
+            background: SURFACE
+          },
+          String(item.harness)
+        ))
+      }
+    ),
+    editing === null ? null : /* @__PURE__ */ jsx2(
+      "box",
+      {
+        position: "absolute",
+        zIndex: 12,
+        left: Math.max(1, Math.floor((terminalCols - Math.min(74, terminalCols - 4)) / 2)),
+        top: Math.max(1, Math.floor((terminalRows - 3) / 2)),
+        width: Math.min(74, terminalCols - 4),
+        border: true,
+        borderStyle: "rounded",
+        borderColor: ACCENT,
         title: ` label \u2014 ${editing.harness} ${editing.id.slice(0, 8)} `,
         titleAlignment: "left",
-        backgroundColor: "transparent",
+        backgroundColor: SURFACE,
         height: 3,
         flexShrink: 0,
         children: /* @__PURE__ */ jsx2(
@@ -2714,8 +3490,8 @@ attached \xB7 ${session.harness} \xB7 ${short} \xB7 detach: Ctrl+]
             focused: true,
             value: editing.label ?? "",
             placeholder: "a few words for what this session is doing (empty clears)",
-            backgroundColor: "transparent",
-            focusedBackgroundColor: "transparent",
+            backgroundColor: SURFACE,
+            focusedBackgroundColor: SURFACE,
             textColor: INK,
             focusedTextColor: INK,
             placeholderColor: FAINT,
@@ -2727,8 +3503,8 @@ attached \xB7 ${session.harness} \xB7 ${short} \xB7 detach: Ctrl+]
           }
         )
       }
-    ) : showDetail ? /* @__PURE__ */ jsx2(Pane, { title: detailTitle, focused: false, height: 6, children: /* @__PURE__ */ jsx2(SessionDetail, { item: selectedSession }) }) : null,
-    adoptOffer !== null ? /* @__PURE__ */ jsxs2(
+    ),
+    adoptOffer === null ? null : /* @__PURE__ */ jsxs2(
       "box",
       {
         position: "absolute",
@@ -2739,7 +3515,7 @@ attached \xB7 ${session.harness} \xB7 ${short} \xB7 detach: Ctrl+]
         height: 7,
         border: true,
         borderStyle: "rounded",
-        borderColor: COBALT,
+        borderColor: ACCENT,
         title: " adopt this repository URL? ",
         titleAlignment: "left",
         backgroundColor: SURFACE,
@@ -2755,15 +3531,15 @@ attached \xB7 ${session.harness} \xB7 ${short} \xB7 detach: Ctrl+]
             /* @__PURE__ */ jsx2("span", { fg: FAINT, children: "  auth  " }),
             ADOPT_AUTH_MODES.map((candidate, index) => /* @__PURE__ */ jsxs2("span", { children: [
               index > 0 ? /* @__PURE__ */ jsx2("span", { fg: FAINT, children: " \xB7 " }) : null,
-              /* @__PURE__ */ jsx2("span", { fg: index === adoptOffer.modeIndex ? COBALT : FAINT, children: index === adoptOffer.modeIndex ? `\u25B8 ${candidate.label}` : candidate.label })
+              /* @__PURE__ */ jsx2("span", { fg: index === adoptOffer.modeIndex ? ACCENT : FAINT, children: index === adoptOffer.modeIndex ? `\u25B8 ${candidate.label}` : candidate.label })
             ] }, candidate.mode))
           ] }),
           /* @__PURE__ */ jsx2("text", { height: 1, bg: SURFACE, fg: FAINT, children: `        ${ADOPT_AUTH_MODES[adoptOffer.modeIndex]?.hint ?? ""}` }),
           /* @__PURE__ */ jsx2("text", { height: 1, bg: SURFACE, fg: FAINT, children: "  enter adopt \xB7 \u2190\u2192 auth mode \xB7 esc not now" })
         ]
       }
-    ) : null,
-    creating !== null ? /* @__PURE__ */ jsxs2(
+    ),
+    creating === null ? null : /* @__PURE__ */ jsxs2(
       "box",
       {
         position: "absolute",
@@ -2774,7 +3550,7 @@ attached \xB7 ${session.harness} \xB7 ${short} \xB7 detach: Ctrl+]
         height: creatingHeight,
         border: true,
         borderStyle: "rounded",
-        borderColor: COBALT,
+        borderColor: ACCENT,
         title: ` new worktree \u2014 ${selectedProject?.project.name ?? "project"} `,
         titleAlignment: "left",
         backgroundColor: SURFACE,
@@ -2784,7 +3560,7 @@ attached \xB7 ${session.harness} \xB7 ${short} \xB7 detach: Ctrl+]
             /* @__PURE__ */ jsxs2("text", { height: 1, bg: SURFACE, children: [
               /* @__PURE__ */ jsx2(Gutter, { selected: creating.step === "name" }),
               /* @__PURE__ */ jsx2("span", { fg: FAINT, children: "name     " }),
-              creating.step !== "name" ? /* @__PURE__ */ jsx2("span", { fg: INK, children: creating.name === "" ? "auto" : creating.name }) : null,
+              creating.step === "name" ? null : /* @__PURE__ */ jsx2("span", { fg: INK, children: creating.name === "" ? "auto" : creating.name }),
               creating.joins ? /* @__PURE__ */ jsx2("span", { fg: FAINT, children: "  \xB7 joins the existing worktree" }) : null
             ] }),
             creating.step === "name" ? /* @__PURE__ */ jsx2(
@@ -2816,9 +3592,9 @@ attached \xB7 ${session.harness} \xB7 ${short} \xB7 detach: Ctrl+]
             /* @__PURE__ */ jsxs2("text", { height: 1, bg: SURFACE, children: [
               /* @__PURE__ */ jsx2(Gutter, { selected: creating.step === "base" }),
               /* @__PURE__ */ jsx2("span", { fg: FAINT, children: "base     " }),
-              creating.step !== "base" ? /* @__PURE__ */ jsx2("span", { fg: creating.step === "name" && !creating.joins ? FAINT : INK, children: creating.joins ? "fixed by the existing worktree" : creating.base ?? "default branch" }) : null
+              creating.step === "base" ? null : /* @__PURE__ */ jsx2("span", { fg: creating.step === "name" && !creating.joins ? FAINT : INK, children: creating.joins ? "fixed by the existing worktree" : creating.base ?? "default branch" })
             ] }),
-            creating.step === "base" ? creating.branches === null ? /* @__PURE__ */ jsx2("text", { height: 1, bg: SURFACE, fg: FAINT, children: "reading branches\u2026" }) : /* @__PURE__ */ jsx2(
+            creating.step === "base" && creating.branches !== null ? /* @__PURE__ */ jsx2(
               "input",
               {
                 focused: true,
@@ -2845,7 +3621,17 @@ attached \xB7 ${session.harness} \xB7 ${short} \xB7 detach: Ctrl+]
             const branch = creating.joins || creating.branches === null ? void 0 : filterBranches(creating.branches, creating.query)[index];
             const active = creating.step === "base";
             if (branch === void 0) {
-              return /* @__PURE__ */ jsx2("text", { height: 1, bg: SURFACE, fg: FAINT, children: index === 0 && active && creating.branches !== null ? "     no branch matches \u2014 enter uses the default" : " " }, `slot-${index}`);
+              const notice = creating.joins ? null : baseStepNotice(creating);
+              return /* @__PURE__ */ jsx2(
+                "text",
+                {
+                  height: 1,
+                  bg: SURFACE,
+                  fg: creating.branchError === null ? FAINT : ERROR,
+                  children: index === 0 && notice !== null ? `     ${fit(notice, 66)}` : " "
+                },
+                `slot-${index}`
+              );
             }
             const highlighted = active && index === creating.baseIndex;
             return /* @__PURE__ */ jsx2(
@@ -2859,7 +3645,7 @@ attached \xB7 ${session.harness} \xB7 ${short} \xB7 detach: Ctrl+]
                   /* @__PURE__ */ jsx2(Gutter, { selected: highlighted }),
                   /* @__PURE__ */ jsx2("span", { fg: active ? INK : FAINT, children: branch.name.slice(0, 40).padEnd(41) }),
                   /* @__PURE__ */ jsx2("span", { fg: FAINT, children: branch.sha.slice(0, 8).padEnd(10) }),
-                  /* @__PURE__ */ jsx2("span", { fg: active ? MUTED : FAINT, children: timeAgo(branch.committedAt).replace(" ago", "").padEnd(6) }),
+                  /* @__PURE__ */ jsx2("span", { fg: active ? MUTED : FAINT, children: shortAge(branch.committedAt).padEnd(6) }),
                   branch.isDefault ? /* @__PURE__ */ jsx2("span", { fg: FAINT, children: "default" }) : null
                 ] })
               },
@@ -2891,13 +3677,13 @@ attached \xB7 ${session.harness} \xB7 ${short} \xB7 detach: Ctrl+]
           })
         ]
       }
-    ) : null,
-    /* @__PURE__ */ jsx2(StatusLine, { busy, busyStarted, status }),
+    ),
+    loadFailure === null ? /* @__PURE__ */ jsx2(StatusLine, { busy, busyStarted, status }) : /* @__PURE__ */ jsx2("text", { height: 1, fg: ERROR, bg: "transparent", children: ` could not load workbench \u2014 ${loadFailure} \xB7 retrying` }),
     /* @__PURE__ */ jsx2("text", { height: 1, fg: FAINT, bg: "transparent", children: footerText })
   ] });
 };
 var runDashboard = async (ctx) => {
-  const renderer = await createCliRenderer({ exitOnCtrlC: false });
+  const renderer = await createCliRenderer({ exitOnCtrlC: false, backgroundColor: CANVAS });
   const queryClient = new QueryClient();
   const controller = new AbortController();
   let eventTimer = null;
@@ -2948,7 +3734,7 @@ var runDashboard = async (ctx) => {
       } catch {
         if (controller.signal.aborted) return;
       }
-      pendingFamilies.add("workbench").add("review");
+      pendingFamilies.add("workbench").add("review").add("transcript");
       if (eventTimer === null && !controller.signal.aborted) {
         eventTimer = setTimeout(flushInvalidations, 250);
       }