@sealant/mend 0.22.0 → 0.24.0

package/dist/dashboard-YEU7SDYB.js

@@ -0,0 +1,2951 @@
+import {
+  HARNESS_COMMANDS,
+  LIVE_STATUSES,
+  RepositoryCloneUrl,
+  cwdFacts,
+  isPendingId,
+  matchProjectByCwd,
+  normalizeProjectName,
+  pendingId,
+  repositoryCloneUrlIssue
+} from "./chunk-4MX7ZC34.js";
+
+// src/dashboard.tsx
+import { CliRenderEvents, createCliRenderer } from "@opentui/core";
+import { createRoot, useKeyboard as useKeyboard2, useRenderer, useTerminalDimensions as useTerminalDimensions2 } from "@opentui/react";
+import {
+  QueryClient,
+  QueryClientProvider,
+  useMutation as useMutation2,
+  useQuery as useQuery2,
+  useQueryClient as useQueryClient2
+} from "@tanstack/react-query";
+import { useEffect as useEffect2, useRef as useRef2, useState as useState2, useSyncExternalStore } from "react";
+
+// src/dashboard-adoption.ts
+var deriveAdoptOffer = (facts) => {
+  if (facts.repoRoot === null || facts.originUrl === null || repositoryCloneUrlIssue(facts.originUrl) !== null)
+    return null;
+  return {
+    source: RepositoryCloneUrl.make(facts.originUrl),
+    name: normalizeProjectName(facts.repoRoot.split("/").at(-1) ?? "project"),
+    modeIndex: 0
+  };
+};
+var submitDashboardAdoption = async (api, input) => {
+  const issue = repositoryCloneUrlIssue(input.source);
+  if (issue !== null) return { kind: "invalid-source", message: issue };
+  const project = await api("POST", "/projects", {
+    name: input.name,
+    source: RepositoryCloneUrl.make(input.source),
+    gitAuthMode: input.gitAuthMode
+  });
+  return { kind: "adopted", project };
+};
+
+// src/dashboard-model.ts
+var worktreeName = (branch) => branch.startsWith("mend/") ? branch.slice("mend/".length) : branch;
+var worktreeDisplayName = (session) => {
+  const name = worktreeName(session.branch);
+  if (!name.startsWith("session/")) return name;
+  return session.label ?? `session ${session.id.slice(0, 8)}`;
+};
+var WORKBENCH_KEY = ["workbench"];
+var fetchWorkbench = async (ctx) => {
+  const projects = await ctx.api("GET", "/projects");
+  const [fetched, services] = await Promise.all([
+    Promise.all(
+      projects.map((project) => ctx.api("GET", `/projects/${project.id}`))
+    ),
+    ctx.api("GET", "/services")
+  ]);
+  const servicesBySession = /* @__PURE__ */ new Map();
+  for (const service of services) {
+    const bucket = servicesBySession.get(service.sessionId) ?? [];
+    bucket.push(service);
+    servicesBySession.set(service.sessionId, bucket);
+  }
+  const liveSessions = fetched.flatMap(
+    (detail) => detail.sessions.filter((session) => LIVE_STATUSES.has(session.status))
+  );
+  const detailed = await Promise.all(
+    liveSessions.map(async (session) => {
+      try {
+        return await ctx.api("GET", `/sessions/${session.id}`);
+      } catch {
+        return null;
+      }
+    })
+  );
+  const processesBySession = /* @__PURE__ */ new Map();
+  for (const detail of detailed) {
+    if (detail === null) continue;
+    processesBySession.set(
+      detail.session.id,
+      detail.processes.filter((process2) => process2.exitedAt === null && process2.kind !== "service")
+    );
+  }
+  return {
+    projects,
+    details: new Map(fetched.map((detail) => [detail.project.id, detail])),
+    servicesBySession,
+    processesBySession
+  };
+};
+var mapWorkbenchSessions = (data, f) => ({
+  ...data,
+  details: new Map(
+    [...data.details].map(([id, detail]) => [id, { ...detail, sessions: detail.sessions.map(f) }])
+  )
+});
+var mapProjectSessions = (data, projectId, f) => {
+  const detail = data.details.get(projectId);
+  if (detail === void 0) return data;
+  const details = new Map(data.details);
+  details.set(projectId, { ...detail, sessions: f(detail.sessions) });
+  return { ...data, details };
+};
+var prependSession = (data, projectId, session) => mapProjectSessions(data, projectId, (sessions) => [session, ...sessions]);
+var replaceSession = (data, projectId, oldId, session) => mapProjectSessions(
+  data,
+  projectId,
+  (sessions) => sessions.map((candidate) => candidate.id === oldId ? session : candidate)
+);
+var removeSession = (data, projectId, sessionId) => mapProjectSessions(
+  data,
+  projectId,
+  (sessions) => sessions.filter((candidate) => candidate.id !== sessionId)
+);
+var deriveProjects = (data) => (data?.projects ?? []).map((project) => {
+  const detail = data?.details.get(project.id);
+  const sessions = detail?.sessions ?? [];
+  const live = sessions.filter((s) => LIVE_STATUSES.has(s.status)).length;
+  const open = (detail?.annotations ?? []).reduce((sum, a) => sum + a.openComments, 0);
+  return { project, total: sessions.length, live, open };
+});
+var bySessionRecency = (a, b) => {
+  const aLive = LIVE_STATUSES.has(a.status) ? 1 : 0;
+  const bLive = LIVE_STATUSES.has(b.status) ? 1 : 0;
+  if (aLive !== bLive) return bLive - aLive;
+  return b.createdAt.localeCompare(a.createdAt);
+};
+var toSessionItem = (data, detail) => (session) => ({
+  session,
+  annotation: detail.annotations.find((a) => a.sessionId === session.id),
+  services: data.servicesBySession.get(session.id) ?? [],
+  processes: data.processesBySession.get(session.id) ?? []
+});
+var isDeadEnd = (session) => !LIVE_STATUSES.has(session.status) && session.hasTranscript === false;
+var deriveWorktrees = (data, projectId) => {
+  if (data === void 0 || projectId === null) return [];
+  const detail = data.details.get(projectId);
+  if (detail === void 0) return [];
+  const item = toSessionItem(data, detail);
+  const sorted = detail.sessions.filter((session) => !isDeadEnd(session)).toSorted(bySessionRecency);
+  const groups = [];
+  if (detail.worktrees !== void 0) {
+    const claimed = /* @__PURE__ */ new Set();
+    for (const worktree of detail.worktrees) {
+      const members = sorted.filter((session) => session.worktreeId === worktree.id);
+      for (const member of members) claimed.add(member.id);
+      groups.push({
+        key: worktree.id,
+        id: worktree.id,
+        name: worktree.name.startsWith("wt-") ? members.find((m) => m.label !== null)?.label ?? (members[0] === void 0 ? worktree.name : `session ${members[0].id.slice(0, 8)}`) : worktree.name,
+        branch: worktree.branch,
+        baseRef: worktree.baseRef,
+        createdAt: worktree.createdAt,
+        sessions: members.map(item),
+        live: members.filter((session) => LIVE_STATUSES.has(session.status)).length,
+        annotation: detail.annotations.find((a) => members.some((m) => m.id === a.sessionId))
+      });
+    }
+    for (const session of sorted) {
+      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;
+    const aNewest = a.sessions[0]?.session.createdAt ?? a.createdAt;
+    const bNewest = b.sessions[0]?.session.createdAt ?? b.createdAt;
+    return bNewest.localeCompare(aNewest);
+  });
+};
+var pseudoGroup = (session, item) => ({
+  key: session.id,
+  id: null,
+  name: worktreeDisplayName(session),
+  branch: session.branch,
+  baseRef: session.baseRef,
+  createdAt: session.createdAt,
+  sessions: [item(session)],
+  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);
+    return [
+      {
+        harness: null,
+        label: resuming.harness,
+        hint: "same harness \u2014 native resume, conversation intact"
+      },
+      ...others.map(
+        (harness) => ({
+          harness,
+          label: harness,
+          hint: harness === "shell" ? "a bash in the worktree \u2014 resume either agent from inside" : "the conversation crosses as a distilled prompt"
+        })
+      )
+    ];
+  }
+  return Object.keys(HARNESS_COMMANDS).map(
+    (harness) => ({
+      harness,
+      label: harness,
+      hint: harness === "shell" ? "a plain bash session \u2014 new worktree, recorded" : `mend ${harness} \u2014 new worktree, recorded session`
+    })
+  );
+};
+var foldGroupStatus = (group) => {
+  const statuses = group.sessions.map((item) => item.session.status);
+  if (statuses.includes("waiting")) return "waiting";
+  if (statuses.includes("running") || statuses.includes("starting")) return "running";
+  if (statuses.includes("idle")) return "idle";
+  return statuses[0] ?? "idle";
+};
+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 markSessionStopped = (data, sessionId) => {
+  const processesBySession = new Map(data.processesBySession);
+  processesBySession.delete(sessionId);
+  const servicesBySession = new Map(data.servicesBySession);
+  servicesBySession.delete(sessionId);
+  return {
+    ...mapWorkbenchSessions(
+      data,
+      (session) => session.id === sessionId ? { ...session, status: "stopped" } : session
+    ),
+    processesBySession,
+    servicesBySession
+  };
+};
+var removeWorktreeGroup = (data, projectId, group) => {
+  const memberIds = new Set(group.sessions.map((item) => item.session.id));
+  const detail = data.details.get(projectId);
+  if (detail === void 0) return data;
+  const details = new Map(data.details);
+  details.set(projectId, {
+    ...detail,
+    sessions: detail.sessions.filter((session) => !memberIds.has(session.id)),
+    ...detail.worktrees === void 0 ? {} : { worktrees: detail.worktrees.filter((worktree) => worktree.id !== group.id) }
+  });
+  return { ...data, details };
+};
+var fuzzyScore = (query, candidate) => {
+  if (query === "") return 0;
+  const q = query.toLowerCase();
+  const c = candidate.toLowerCase();
+  let score = 0;
+  let last = -1;
+  for (const char of q) {
+    const at = c.indexOf(char, last + 1);
+    if (at === -1) return null;
+    if (at === last + 1) score += 3;
+    else if (at === 0 || "/-_.".includes(c[at - 1] ?? "")) score += 2;
+    else score += 1;
+    score -= (at - last - 1) * 0.01;
+    last = at;
+  }
+  return score;
+};
+var filterBranches = (branches, query) => {
+  const scored = branches.flatMap((branch) => {
+    const score = fuzzyScore(query, branch.name);
+    return score === null ? [] : [{ branch, score }];
+  });
+  return scored.toSorted((a, b) => {
+    if (query === "" && a.branch.isDefault !== b.branch.isDefault) {
+      return a.branch.isDefault ? -1 : 1;
+    }
+    if (a.score !== b.score) return b.score - a.score;
+    return b.branch.committedAt.localeCompare(a.branch.committedAt);
+  }).map((entry) => entry.branch);
+};
+var advanceFromBase = (current) => {
+  const chosen = filterBranches(current.branches ?? [], current.query)[current.baseIndex];
+  return {
+    ...current,
+    base: chosen === void 0 || chosen.isDefault ? null : chosen.name,
+    step: "harness"
+  };
+};
+
+// src/review-workflow.ts
+var reviewTargetForSession = (session, annotation, projectName) => annotation?.changeId === null || annotation?.changeId === void 0 ? null : { session, changeId: annotation.changeId, projectName };
+var commentRange = (start, current) => start === null ? { line: current, endLine: null } : { line: Math.min(start, current), endLine: Math.max(start, current) };
+var deliverReview = (api, sessionId, input) => api("POST", `/sessions/${sessionId}/follow-up/deliver`, input);
+
+// src/review.tsx
+import { createHash, randomUUID } from "node:crypto";
+import {
+  RGBA,
+  SyntaxStyle
+} from "@opentui/core";
+import { useKeyboard, useTerminalDimensions } from "@opentui/react";
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { useEffect, useMemo, useRef, useState } from "react";
+
+// src/review-model.ts
+import * as path from "node:path";
+var FILETYPE_BY_EXTENSION = {
+  c: "c",
+  cc: "cpp",
+  cpp: "cpp",
+  css: "css",
+  go: "go",
+  h: "c",
+  hpp: "cpp",
+  html: "html",
+  java: "java",
+  js: "javascript",
+  json: "json",
+  jsx: "javascript",
+  md: "markdown",
+  mjs: "javascript",
+  py: "python",
+  rb: "ruby",
+  rs: "rust",
+  sh: "bash",
+  sql: "sql",
+  swift: "swift",
+  toml: "toml",
+  ts: "typescript",
+  tsx: "tsx",
+  yaml: "yaml",
+  yml: "yaml",
+  zsh: "bash"
+};
+var filetypeOf = (name) => {
+  const extension = path.extname(name).slice(1).toLowerCase();
+  return extension === "" ? void 0 : FILETYPE_BY_EXTENSION[extension] ?? extension;
+};
+var statusOf = (patch) => {
+  if (/^new file mode /m.test(patch)) return "added";
+  if (/^deleted file mode /m.test(patch)) return "deleted";
+  if (/^rename (?:from|to) /m.test(patch)) return "renamed";
+  return "modified";
+};
+var isLikelyGenerated = (name) => /(^|\/)(?:dist|build|generated)(?:\/|$)/i.test(name) || /(?:\.generated\.|\.min\.(?:js|css)$|(?:^|\/)(?:pnpm-lock\.yaml|package-lock\.json|yarn\.lock)$)/i.test(
+  name
+);
+var visibleWhitespace = (patch) => patch.split("\n").map((line) => {
+  const hunkContent = line.startsWith("+") && !line.startsWith("+++") || line.startsWith("-") && !line.startsWith("---") || line.startsWith(" ");
+  if (!hunkContent) return line;
+  const prefix = line.slice(0, 1);
+  const content = line.slice(1).replaceAll("	", "\u2192\xB7\xB7\xB7\xB7").replaceAll(" ", "\xB7");
+  return `${prefix}${content}`;
+}).join("\n");
+var splitFilePatches = (diff) => {
+  const starts = [...diff.matchAll(/^diff --git /gm)].map((match) => match.index);
+  return starts.map((start, index) => {
+    const end = starts[index + 1] ?? diff.length;
+    const patch = diff.slice(start, end);
+    return patch.endsWith("\n") ? patch : `${patch}
+`;
+  });
+};
+var parseRows = (patch) => {
+  const patchLines = patch.split("\n");
+  const lines = [];
+  const hunks = [];
+  let unifiedRow = 0;
+  let splitRow = 0;
+  let hunkIndex = -1;
+  let oldLine = 0;
+  let newLine = 0;
+  for (let index = 0; index < patchLines.length; index += 1) {
+    const header = patchLines[index] ?? "";
+    const hunkMatch = /^@@ -(\d+)(?:,\d+)? \+(\d+)(?:,\d+)? @@/.exec(header);
+    if (hunkMatch === null) continue;
+    hunkIndex += 1;
+    oldLine = Number(hunkMatch[1]);
+    newLine = Number(hunkMatch[2]);
+    hunks.push({ index: hunkIndex, header, unifiedRow, splitRow });
+    const body = [];
+    let bodyIndex = index + 1;
+    while (bodyIndex < patchLines.length) {
+      const bodyLine = patchLines[bodyIndex] ?? "";
+      if (bodyLine.startsWith("@@ ")) break;
+      if (bodyLine.startsWith("+") && !bodyLine.startsWith("+++")) {
+        body.push({ kind: "addition" });
+      } else if (bodyLine.startsWith("-") && !bodyLine.startsWith("---")) {
+        body.push({ kind: "deletion" });
+      } else if (bodyLine.startsWith(" ")) {
+        body.push({ kind: "context" });
+      }
+      bodyIndex += 1;
+    }
+    let cursor = 0;
+    while (cursor < body.length) {
+      const current = body[cursor];
+      if (current?.kind === "context") {
+        lines.push({
+          kind: "context",
+          oldLine,
+          newLine,
+          unifiedRow,
+          splitRow,
+          hunk: hunkIndex,
+          commentable: true
+        });
+        oldLine += 1;
+        newLine += 1;
+        unifiedRow += 1;
+        splitRow += 1;
+        cursor += 1;
+        continue;
+      }
+      const groupStart = cursor;
+      while (cursor < body.length && body[cursor]?.kind !== "context") cursor += 1;
+      const group = body.slice(groupStart, cursor);
+      let deletionOffset = 0;
+      let additionOffset = 0;
+      for (const entry of group) {
+        if (entry.kind === "deletion") {
+          lines.push({
+            kind: entry.kind,
+            oldLine,
+            newLine: null,
+            unifiedRow,
+            splitRow: splitRow + deletionOffset,
+            hunk: hunkIndex,
+            // ReviewComment persists a line number but no old/new side. Like
+            // the web review, deletions therefore abstain instead of storing
+            // a confidently wrong new-file anchor.
+            commentable: false
+          });
+          oldLine += 1;
+          deletionOffset += 1;
+        } else {
+          lines.push({
+            kind: entry.kind,
+            oldLine: null,
+            newLine,
+            unifiedRow,
+            splitRow: splitRow + additionOffset,
+            hunk: hunkIndex,
+            commentable: true
+          });
+          newLine += 1;
+          additionOffset += 1;
+        }
+        unifiedRow += 1;
+      }
+      splitRow += Math.max(deletionOffset, additionOffset);
+    }
+    index = bodyIndex - 1;
+  }
+  return { lines, hunks, unifiedRows: unifiedRow, splitRows: splitRow };
+};
+var buildReviewFiles = (diff, stats) => {
+  const patches = splitFilePatches(diff);
+  return stats.map((stat, index) => {
+    const patch = patches[index] ?? "";
+    const rows = parseRows(patch);
+    return {
+      ...stat,
+      patch,
+      filetype: filetypeOf(stat.path),
+      status: statusOf(patch),
+      binary: /^Binary files |^GIT binary patch$/m.test(patch),
+      likelyGenerated: isLikelyGenerated(stat.path),
+      ...rows
+    };
+  });
+};
+var assembleReviewInstruction = (change, comments) => {
+  const points = comments.map((comment, index) => {
+    const anchor = comment.file === null ? "the change as a whole" : `${comment.file}${comment.line === null ? "" : `:${comment.line}${comment.endLine === null || comment.endLine === comment.line ? "" : `-${comment.endLine}`}`}`;
+    const proposal = comment.suggestion === null ? "" : `
+   Proposed replacement:
+${comment.suggestion.split("\n").map((line) => `   ${line}`).join("\n")}`;
+    return `${index + 1}. ${anchor} \u2014 ${comment.body}${proposal}`;
+  }).join("\n");
+  return `This is a follow-up on your earlier work in this worktree, responding to review feedback. The branch ${change.branch} is already checked out with your work on it: keep working there, and do not start a new branch or reset it.
+
+Review comments:
+${points}
+
+Address each point using your own judgment about how. Check your work with the repository's own build, tests, or typecheck; a check that still fails is something to report, not to force green. Report honestly what you changed and what you did not \u2014 if a point cannot or should not be done, say so plainly.`;
+};
+
+// src/terminal.ts
+import { spawn } from "node:child_process";
+var openUrl = (target) => {
+  const opener = process.platform === "darwin" ? "open" : "xdg-open";
+  const child = spawn(opener, [target], { detached: true, stdio: "ignore" });
+  child.on("error", () => void 0);
+  child.unref();
+};
+
+// 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";
+
+// src/review.tsx
+import { Fragment, jsx, jsxs } from "@opentui/react/jsx-runtime";
+var REVIEW_KEY = (changeId) => ["review", changeId];
+var EDITOR_KEY_BINDINGS = [{ name: "return", ctrl: true, action: "submit" }];
+var syntaxStyle = SyntaxStyle.fromStyles({
+  keyword: { fg: RGBA.fromHex(SYNTAX_KEYWORD) },
+  string: { fg: RGBA.fromHex(SYNTAX_STRING) },
+  comment: { fg: RGBA.fromHex(FAINT), italic: true },
+  number: { fg: RGBA.fromHex(SYNTAX_NUMBER) },
+  function: { fg: RGBA.fromHex(SYNTAX_FUNCTION) },
+  variable: { fg: RGBA.fromHex(INK) },
+  default: { fg: RGBA.fromHex(INK) }
+});
+var truncate = (text, width) => {
+  const oneLine = text.replaceAll(/\s+/g, " ").trim();
+  if (width <= 1) return "";
+  return oneLine.length <= width ? oneLine : `${oneLine.slice(0, width - 1)}\u2026`;
+};
+var fetchReview = async (ctx, changeId) => {
+  const opened = await ctx.api("POST", `/changes/${changeId}/reviews/open`, {
+    idempotencyKey: `cli-review:${changeId}`
+  });
+  const pinned = await ctx.api(
+    "GET",
+    `/changes/${changeId}/reviews/${opened.slice.id}/diff`
+  );
+  const wire = {
+    change: pinned.change,
+    diff: pinned.patch,
+    files: pinned.files.map((file) => ({
+      path: file.newPath ?? file.oldPath ?? "unknown path",
+      additions: file.additions,
+      deletions: file.deletions
+    }))
+  };
+  const [comments, tour, passes, followUp, sessionDetail] = await Promise.all([
+    ctx.api("GET", `/changes/${changeId}/comments`),
+    ctx.api("GET", `/changes/${changeId}/tour`),
+    ctx.api("GET", `/changes/${changeId}/passes`),
+    ctx.api("GET", `/sessions/${wire.change.sessionId}/follow-up`),
+    ctx.api("GET", `/sessions/${wire.change.sessionId}`)
+  ]);
+  return {
+    wire,
+    sliceId: pinned.slice.id,
+    checkpointAId: pinned.checkpointA.id,
+    checkpointBId: pinned.checkpointB.id,
+    diffDigest: pinned.slice.diffDigest,
+    anchorFiles: pinned.anchorFiles,
+    files: buildReviewFiles(wire.diff, wire.files),
+    comments,
+    tour,
+    passes,
+    followUp,
+    sessionStatus: sessionDetail.session.status
+  };
+};
+var commentPriority = (comment) => comment.state === "draft" ? 0 : comment.state === "open" ? 1 : 2;
+var orderedComments = (comments) => comments.toSorted((a, b) => {
+  const byState = commentPriority(a) - commentPriority(b);
+  return byState === 0 ? b.createdAt.localeCompare(a.createdAt) : byState;
+});
+var stateColor = (state) => state === "draft" || state === "open" ? INK : state === "addressed" ? INK_2 : FAINT;
+var anchorOf = (comment) => comment.file === null ? "change" : `${comment.file}${comment.line === null ? "" : `:${comment.line}${comment.endLine === null || comment.endLine === comment.line ? "" : `-${comment.endLine}`}`}`;
+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 };
+  return {
+    text: `${label} observed \xB7 ${pass.findings ?? 0} ${pass.kind === "tour" ? "stops" : "drafts"}`,
+    color: MUTED
+  };
+};
+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: 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
+  ] }),
+  /* @__PURE__ */ jsxs("text", { height: 1, bg: "transparent", children: [
+    /* @__PURE__ */ jsx("span", { children: "    " }),
+    /* @__PURE__ */ jsxs("span", { fg: GREEN, children: [
+      "+",
+      file.additions
+    ] }),
+    /* @__PURE__ */ jsx("span", { fg: FAINT, children: " " }),
+    /* @__PURE__ */ jsxs("span", { fg: RED, children: [
+      "\u2212",
+      file.deletions
+    ] }),
+    /* @__PURE__ */ jsxs("span", { fg: FAINT, children: [
+      " ",
+      "\xB7 ",
+      file.status,
+      " \xB7 ",
+      file.hunks.length,
+      " hunks"
+    ] })
+  ] })
+] });
+var CommentRow = ({
+  comment,
+  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: stateColor(comment.state), children: comment.state }),
+    /* @__PURE__ */ jsxs("span", { fg: FAINT, children: [
+      " \xB7 ",
+      anchorOf(comment)
+    ] })
+  ] }),
+  /* @__PURE__ */ jsxs("text", { height: 1, bg: "transparent", children: [
+    /* @__PURE__ */ jsx("span", { children: "    " }),
+    /* @__PURE__ */ jsx("span", { fg: MUTED, children: comment.authorKind === "mend" ? "Mend \xB7 " : "You \xB7 " }),
+    /* @__PURE__ */ jsx("span", { fg: INK, children: truncate(comment.body, 27) })
+  ] })
+] });
+var Description = ({
+  data,
+  tourIndex,
+  stale,
+  width,
+  height
+}) => {
+  const passFacts = data.passes.map(passFact);
+  const tourStop = data.tour?.stops[tourIndex] ?? null;
+  const stopEvidence = tourStop?.evidence[0] ?? null;
+  return /* @__PURE__ */ jsxs(
+    "box",
+    {
+      height,
+      border: true,
+      borderStyle: "rounded",
+      borderColor: RULE,
+      title: " change description ",
+      titleAlignment: "left",
+      backgroundColor: "transparent",
+      flexShrink: 0,
+      flexDirection: "column",
+      paddingX: 1,
+      children: [
+        /* @__PURE__ */ jsx("text", { height: 1, bg: "transparent", children: data.tour === null ? /* @__PURE__ */ jsx("span", { fg: INK, children: "No description yet \u2014 t composes one from the diff and session record." }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("span", { fg: MUTED, children: "Mend uses inference \xB7 " }),
+          stale ? /* @__PURE__ */ jsx("span", { fg: MUTED, children: "diff changed since \xB7 " }) : null,
+          /* @__PURE__ */ jsx("span", { fg: INK, children: truncate(data.tour.summary, Math.max(20, width - 50)) })
+        ] }) }),
+        height >= 5 && data.tour !== null ? /* @__PURE__ */ jsx("text", { height: 1, bg: "transparent", children: tourStop === null ? /* @__PURE__ */ jsxs("span", { fg: FAINT, children: [
+          "inferred approach \xB7 ",
+          truncate(data.tour.approach ?? "No tour stops yet.", width - 24)
+        ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs("span", { fg: INK_2, children: [
+            "stop ",
+            tourIndex + 1,
+            "/",
+            data.tour.stops.length,
+            " \xB7 ",
+            tourStop.title
+          ] }),
+          /* @__PURE__ */ jsxs("span", { fg: FAINT, children: [
+            tourStop.file === null ? " \xB7 change" : ` \xB7 ${tourStop.file}${tourStop.line === null ? "" : `:${tourStop.line}`}`,
+            tourStop.grounded ? " \xB7 direct record" : " \xB7 inferred reading"
+          ] })
+        ] }) }) : null,
+        height >= 6 && tourStop !== null ? /* @__PURE__ */ jsxs("text", { height: 1, bg: "transparent", children: [
+          /* @__PURE__ */ jsx("span", { fg: MUTED, children: tourStop.grounded ? "record-grounded narration \xB7 " : "inferred narration \xB7 " }),
+          /* @__PURE__ */ jsx("span", { fg: MUTED, children: truncate(tourStop.narration, Math.max(20, width - 24)) })
+        ] }) : null,
+        height >= 7 && tourStop !== null ? /* @__PURE__ */ jsxs("text", { height: 1, bg: "transparent", children: [
+          /* @__PURE__ */ jsx("span", { fg: MUTED, children: stopEvidence === null ? "no direct evidence \xB7 " : `evidence seq ${stopEvidence.sequence} \xB7 ` }),
+          /* @__PURE__ */ jsx("span", { fg: MUTED, children: truncate(
+            stopEvidence?.excerpt ?? "this stop is labeled inferred",
+            Math.max(20, width - 26)
+          ) })
+        ] }) : null,
+        /* @__PURE__ */ jsxs("text", { height: 1, bg: "transparent", children: [
+          passFacts.length === 0 ? /* @__PURE__ */ jsx("span", { fg: FAINT, children: "Mend has not read this change." }) : passFacts.map((fact, index) => /* @__PURE__ */ jsxs("span", { children: [
+            index > 0 ? /* @__PURE__ */ jsx("span", { fg: FAINT, children: " \xB7 " }) : null,
+            /* @__PURE__ */ jsx("span", { fg: fact.color, children: fact.text })
+          ] }, `${fact.text}-${index}`)),
+          data.followUp?.status === "pending" ? /* @__PURE__ */ jsx("span", { fg: INK_2, children: " \xB7 follow-up pending" }) : null
+        ] })
+      ]
+    }
+  );
+};
+var CompactTourEvidence = ({
+  stop,
+  index,
+  total,
+  width
+}) => {
+  const evidence = stop.evidence[0] ?? null;
+  return /* @__PURE__ */ jsxs(
+    "box",
+    {
+      height: 5,
+      border: true,
+      borderStyle: "rounded",
+      borderColor: RULE,
+      title: ` tour stop ${index + 1}/${total} \xB7 ${stop.grounded ? "direct record" : "inferred reading"} `,
+      titleAlignment: "left",
+      backgroundColor: "transparent",
+      flexShrink: 0,
+      flexDirection: "column",
+      paddingX: 1,
+      children: [
+        /* @__PURE__ */ jsx("text", { height: 1, fg: INK, bg: "transparent", children: truncate(stop.narration, Math.max(12, width - 6)) }),
+        /* @__PURE__ */ jsxs("text", { height: 1, bg: "transparent", children: [
+          /* @__PURE__ */ jsx("span", { fg: MUTED, children: evidence === null ? "no direct record link \xB7 " : `seq ${evidence.sequence} \xB7 ` }),
+          /* @__PURE__ */ jsx("span", { fg: MUTED, children: truncate(
+            evidence?.excerpt ?? "the narration is an inferred reading",
+            Math.max(12, width - 26)
+          ) })
+        ] }),
+        /* @__PURE__ */ jsx("text", { height: 1, fg: FAINT, bg: "transparent", children: ", previous stop \xB7 . next stop" })
+      ]
+    }
+  );
+};
+var EvidenceCard = ({
+  comment,
+  width
+}) => /* @__PURE__ */ jsxs(
+  "box",
+  {
+    height: Math.min(6, 4 + Math.min(2, comment.evidence.length)),
+    border: true,
+    borderStyle: "rounded",
+    borderColor: RULE,
+    title: ` ${anchorOf(comment)} \xB7 ${comment.authorKind === "mend" ? "Mend" : "You"} `,
+    titleAlignment: "left",
+    backgroundColor: "transparent",
+    flexShrink: 0,
+    flexDirection: "column",
+    paddingX: 1,
+    children: [
+      /* @__PURE__ */ jsx("text", { height: 1, fg: INK, bg: "transparent", children: truncate(comment.body, Math.max(12, width - 6)) }),
+      comment.suggestion === null ? null : /* @__PURE__ */ jsxs("text", { height: 1, bg: "transparent", children: [
+        /* @__PURE__ */ jsx("span", { fg: MUTED, children: "proposed \xB7 " }),
+        /* @__PURE__ */ jsx("span", { fg: MUTED, children: truncate(comment.suggestion, Math.max(12, width - 17)) })
+      ] }),
+      comment.evidence.slice(0, 2).map((evidence) => /* @__PURE__ */ jsxs("text", { height: 1, bg: "transparent", children: [
+        /* @__PURE__ */ jsxs("span", { fg: FAINT, children: [
+          "seq ",
+          evidence.sequence,
+          " \xB7 "
+        ] }),
+        /* @__PURE__ */ jsx("span", { fg: MUTED, children: truncate(evidence.excerpt, Math.max(12, width - 18)) })
+      ] }, `${evidence.sequence}-${evidence.excerpt}`))
+    ]
+  }
+);
+var EditorPanel = ({
+  editor,
+  refValue,
+  busy,
+  onSubmit
+}) => {
+  const title = editor.kind === "send" ? " send review to session \xB7 edit before sending " : ` comment \xB7 ${editor.file === null ? "change" : `${editor.file}:${editor.line ?? ""}`} `;
+  return /* @__PURE__ */ jsxs(
+    "box",
+    {
+      border: true,
+      borderStyle: "rounded",
+      borderColor: COBALT,
+      title,
+      titleAlignment: "left",
+      backgroundColor: "transparent",
+      height: editor.kind === "send" ? 16 : 8,
+      flexShrink: 0,
+      flexDirection: "column",
+      children: [
+        /* @__PURE__ */ jsx(
+          "textarea",
+          {
+            ref: refValue,
+            focused: true,
+            initialValue: editor.kind === "send" ? editor.instruction : editor.initialBody ?? "",
+            placeholder: editor.kind === "send" ? "Review instruction\u2026" : "What should change, and why?",
+            backgroundColor: "transparent",
+            focusedBackgroundColor: "transparent",
+            textColor: INK,
+            focusedTextColor: INK,
+            placeholderColor: FAINT,
+            cursorColor: INK,
+            keyBindings: [...EDITOR_KEY_BINDINGS],
+            flexGrow: 1,
+            onSubmit
+          }
+        ),
+        /* @__PURE__ */ jsx("text", { height: 1, bg: "transparent", children: /* @__PURE__ */ jsxs("span", { fg: FAINT, children: [
+          " ctrl+enter ",
+          busy ? "working\u2026" : "save",
+          " \xB7 esc cancel"
+        ] }) })
+      ]
+    }
+  );
+};
+var errorMessage = (error) => error instanceof Error ? error.message : error === null ? "" : String(error);
+function ReviewScreen({
+  ctx,
+  projectName,
+  session,
+  changeId,
+  onBack,
+  onQuit
+}) {
+  const queryClient = useQueryClient();
+  const { width, height } = useTerminalDimensions();
+  const wide = width >= 100;
+  const descriptionHeight = height >= 30 ? 7 : 5;
+  const { data, failureReason, isFetching } = useQuery({
+    queryKey: REVIEW_KEY(changeId),
+    queryFn: () => fetchReview(ctx, changeId),
+    retry: true,
+    retryDelay: 1e3
+  });
+  const [focus, setFocus] = useState("diff");
+  const [fileIndex, setFileIndex] = useState(0);
+  const [anchorIndex, setAnchorIndex] = useState(0);
+  const [commentIndex, setCommentIndex] = useState(0);
+  const [tourIndex, setTourIndex] = useState(0);
+  const [view, setView] = useState("unified");
+  const [wrap, setWrap] = useState(false);
+  const [showWhitespace, setShowWhitespace] = useState(false);
+  const [rangeStart, setRangeStart] = useState(null);
+  const [editor, setEditor] = useState(null);
+  const [busy, setBusy] = useState(false);
+  const [status, setStatus] = useState("");
+  const checkpointState = data === void 0 ? isFetching ? "recording" : "failed" : "recorded";
+  const lockRef = useRef(false);
+  const editorRef = useRef(null);
+  const diffRef = useRef(null);
+  const diffScrollRef = useRef(null);
+  const fileScrollRef = useRef(null);
+  const commentScrollRef = useRef(null);
+  const files = useMemo(() => {
+    const order = {
+      added: 0,
+      modified: 1,
+      renamed: 2,
+      deleted: 3
+    };
+    return (data?.files ?? []).toSorted(
+      (left, right) => order[left.status] - order[right.status] || left.path.localeCompare(right.path)
+    );
+  }, [data?.files]);
+  const selectedFile = files[Math.min(fileIndex, Math.max(0, files.length - 1))] ?? null;
+  const anchors = useMemo(
+    () => selectedFile?.lines.filter((line) => line.commentable) ?? [],
+    [selectedFile]
+  );
+  const selectedAnchor = anchors[Math.min(anchorIndex, Math.max(0, anchors.length - 1))] ?? null;
+  const comments = useMemo(() => orderedComments(data?.comments ?? []), [data?.comments]);
+  const selectedComment = comments[Math.min(commentIndex, Math.max(0, comments.length - 1))] ?? null;
+  const lineComment = selectedFile === null || selectedAnchor === null ? null : comments.find(
+    (comment) => comment.file === selectedFile.path && comment.line !== null && selectedAnchor.newLine !== null && comment.line <= selectedAnchor.newLine && (comment.endLine ?? comment.line) >= selectedAnchor.newLine
+  ) ?? null;
+  const detailComment = focus === "comments" ? selectedComment : lineComment;
+  const tourStops = data?.tour?.stops ?? [];
+  const activeTourIndex = Math.min(tourIndex, Math.max(0, tourStops.length - 1));
+  const activeTourStop = tourStops[activeTourIndex] ?? null;
+  const tourStale = useMemo(
+    () => data?.tour === null || data?.tour === void 0 ? false : createHash("sha256").update(data.wire.diff).digest("hex") !== data.tour.diffDigest,
+    [data?.tour, data?.wire.diff]
+  );
+  const refresh = () => {
+    void queryClient.invalidateQueries({ queryKey: REVIEW_KEY(changeId) });
+  };
+  const settleRefresh = () => {
+    if (queryClient.isMutating() === 1) refresh();
+  };
+  const patchReview = (f) => {
+    const current = queryClient.getQueryData(REVIEW_KEY(changeId));
+    if (current !== void 0) queryClient.setQueryData(REVIEW_KEY(changeId), f(current));
+  };
+  const commentStateMutation = useMutation({
+    mutationFn: (vars) => ctx.api("POST", `/changes/${changeId}/comments/${vars.commentId}/state`, {
+      state: vars.state
+    }),
+    onMutate: async (vars) => {
+      await queryClient.cancelQueries({ queryKey: REVIEW_KEY(changeId) });
+      patchReview((current) => ({
+        ...current,
+        comments: current.comments.map(
+          (comment) => comment.id === vars.commentId ? { ...comment, state: vars.state } : comment
+        )
+      }));
+    },
+    onError: (error) => {
+      setStatus(errorMessage(error));
+      refresh();
+    },
+    onSettled: settleRefresh
+  });
+  const commentCreateMutation = useMutation({
+    mutationFn: (vars) => ctx.api("POST", `/changes/${changeId}/reviews/${vars.sliceId}/comments`, {
+      target: vars.target,
+      body: vars.body
+    }),
+    onMutate: async (vars) => {
+      await queryClient.cancelQueries({ queryKey: REVIEW_KEY(changeId) });
+      patchReview((current) => ({
+        ...current,
+        comments: [vars.optimistic, ...current.comments]
+      }));
+      setEditor(null);
+      setStatus(vars.optimistic.file === null ? "Change comment added" : "Inline comment added");
+    },
+    onError: (error, vars) => {
+      patchReview((current) => ({
+        ...current,
+        comments: current.comments.filter((comment) => comment.id !== vars.optimistic.id)
+      }));
+      setEditor({
+        kind: "comment",
+        file: vars.optimistic.file,
+        line: vars.optimistic.line,
+        endLine: vars.optimistic.endLine,
+        initialBody: vars.body
+      });
+      setStatus(errorMessage(error));
+    },
+    onSettled: settleRefresh
+  });
+  useEffect(() => {
+    fileScrollRef.current?.scrollTo(Math.max(0, fileIndex * 2 - 2));
+  }, [fileIndex]);
+  useEffect(() => {
+    commentScrollRef.current?.scrollTo(Math.max(0, commentIndex * 2 - 2));
+  }, [commentIndex]);
+  useEffect(() => {
+    if (selectedAnchor === null) return;
+    const row = view === "unified" ? selectedAnchor.unifiedRow : selectedAnchor.splitRow;
+    diffScrollRef.current?.scrollTo(Math.max(0, row - 3));
+  }, [selectedAnchor, view]);
+  useEffect(() => {
+    if (view !== "unified" || selectedAnchor === null || diffRef.current === null) return;
+    const start = rangeStart === null ? selectedAnchor.newLine : rangeStart;
+    const selectedLine = selectedAnchor.newLine;
+    const highlighted = start === null || selectedLine === null ? [selectedAnchor] : anchors.filter(
+      (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 });
+    }
+    return () => {
+      if (diffRef.current === null) return;
+      for (const anchor of highlighted) {
+        const content = anchor.kind === "addition" ? ADD_WASH : anchor.kind === "deletion" ? DELETE_WASH : "transparent";
+        diffRef.current.setLineColor(anchor.unifiedRow, {
+          gutter: "transparent",
+          content
+        });
+      }
+    };
+  }, [anchors, rangeStart, selectedAnchor, view]);
+  const moveFile = (delta) => {
+    if (files.length === 0) return;
+    setFileIndex((current) => {
+      const next = Math.max(0, Math.min(files.length - 1, current + delta));
+      if (next !== current) {
+        setAnchorIndex(0);
+        setRangeStart(null);
+      }
+      return next;
+    });
+  };
+  const moveAnchor = (delta) => {
+    if (anchors.length === 0) return;
+    setAnchorIndex((current) => Math.max(0, Math.min(anchors.length - 1, current + delta)));
+  };
+  const navigateToAnchor = (file, line) => {
+    if (file === null) return;
+    const nextFileIndex = files.findIndex((candidate) => candidate.path === file);
+    if (nextFileIndex < 0) return;
+    const nextFile = files[nextFileIndex];
+    const nextAnchorIndex = line === null ? 0 : nextFile?.lines.findIndex(
+      (candidate) => candidate.newLine !== null && candidate.newLine >= line
+    ) ?? -1;
+    setFileIndex(nextFileIndex);
+    setAnchorIndex(Math.max(0, nextAnchorIndex));
+    setRangeStart(null);
+  };
+  const selectComment = (index) => {
+    const next = comments[index];
+    if (next === void 0) return;
+    setCommentIndex(index);
+    navigateToAnchor(next.file, next.line);
+  };
+  const moveComment = (delta) => {
+    if (comments.length === 0) return;
+    const current = Math.min(commentIndex, comments.length - 1);
+    selectComment(Math.max(0, Math.min(comments.length - 1, current + delta)));
+  };
+  const moveTour = (delta) => {
+    if (tourStops.length === 0) return;
+    const current = Math.min(tourIndex, tourStops.length - 1);
+    const nextIndex = Math.max(0, Math.min(tourStops.length - 1, current + delta));
+    const stop = tourStops[nextIndex];
+    setTourIndex(nextIndex);
+    if (stop !== void 0) navigateToAnchor(stop.file, stop.line);
+  };
+  const moveHunk = (delta) => {
+    if (selectedFile === null || selectedAnchor === null) return;
+    const target = Math.max(
+      0,
+      Math.min(selectedFile.hunks.length - 1, selectedAnchor.hunk + delta)
+    );
+    const next = anchors.findIndex((anchor) => anchor.hunk === target);
+    if (next >= 0) setAnchorIndex(next);
+  };
+  const setWorking = (value) => {
+    lockRef.current = value;
+    setBusy(value);
+  };
+  const runAction = async (label, action, completed = `${label} \xB7 requested`) => {
+    setWorking(true);
+    setStatus(`${label}\u2026`);
+    try {
+      await action();
+      setStatus(completed);
+      refresh();
+    } catch (error) {
+      setStatus(errorMessage(error));
+    } finally {
+      setWorking(false);
+    }
+  };
+  const openCommentEditor = (wholeChange) => {
+    if (wholeChange) {
+      setEditor({ kind: "comment", file: null, line: null, endLine: null });
+      return;
+    }
+    if (selectedFile?.status === "deleted" && selectedAnchor === null) {
+      setStatus("Deleted-side anchors are not persisted \xB7 use C for a change comment");
+      return;
+    }
+    if (selectedFile === null || selectedAnchor?.newLine === null || selectedAnchor === null) {
+      setStatus("No new-side line selected");
+      return;
+    }
+    const range = commentRange(rangeStart, selectedAnchor.newLine);
+    setEditor({
+      kind: "comment",
+      file: selectedFile.path,
+      line: range.line,
+      endLine: range.endLine === range.line ? null : range.endLine
+    });
+    setRangeStart(null);
+  };
+  const openSendEditor = () => {
+    if (data === void 0) return;
+    const sendable = data.comments.filter(
+      (comment) => comment.state === "open" && comment.sentToSessionId === null && !isPendingId(comment.id)
+    );
+    if (sendable.length === 0) {
+      setStatus("No unsent open comments \u2014 accept a draft or write a comment first");
+      return;
+    }
+    setEditor({
+      kind: "send",
+      instruction: assembleReviewInstruction(data.wire.change, sendable),
+      commentIds: sendable.map((comment) => comment.id),
+      idempotencyKey: `cli-follow-up:${data.sliceId}:${randomUUID()}`
+    });
+  };
+  const submitEditor = async () => {
+    if (editor === null || lockRef.current) return;
+    const value = editorRef.current?.plainText.trim() ?? "";
+    if (value === "") {
+      setStatus("Write something before saving");
+      return;
+    }
+    if (data === void 0) {
+      setStatus("The pinned Review is not available.");
+      return;
+    }
+    if (editor.kind === "comment") {
+      const anchorFile = data.anchorFiles.find(
+        (file) => (file.newPath ?? file.oldPath) === editor.file
+      );
+      const endLine = editor.endLine ?? editor.line;
+      const hunk = editor.line === null || endLine === null ? null : anchorFile?.hunks.find(
+        (candidate) => candidate.newLines > 0 && editor.line !== null && editor.line >= candidate.newStart && endLine <= candidate.newStart + candidate.newLines - 1
+      ) ?? null;
+      if (editor.file !== null && (anchorFile === void 0 || hunk === null)) {
+        setStatus("The selected line is outside the pinned Review anchor.");
+        return;
+      }
+      commentCreateMutation.mutate({
+        sliceId: data.sliceId,
+        body: value,
+        target: editor.file === null ? {
+          oldPath: null,
+          newPath: null,
+          side: null,
+          startLine: null,
+          endLine: null,
+          hunkContextHash: null
+        } : {
+          oldPath: anchorFile?.oldPath ?? null,
+          newPath: anchorFile?.newPath ?? null,
+          side: "new",
+          startLine: editor.line,
+          endLine,
+          hunkContextHash: hunk?.contextHash ?? null
+        },
+        optimistic: {
+          id: pendingId(),
+          file: editor.file,
+          line: editor.line,
+          endLine: editor.endLine,
+          authorKind: "reviewer",
+          authorName: "You",
+          body: value,
+          suggestion: null,
+          state: "open",
+          evidence: [],
+          sentToSessionId: null,
+          createdAt: (/* @__PURE__ */ new Date()).toISOString()
+        }
+      });
+      return;
+    }
+    setWorking(true);
+    try {
+      await deliverReview(ctx.api, session.id, {
+        reviewSliceId: data.sliceId,
+        checkpointAId: data.checkpointAId,
+        checkpointBId: data.checkpointBId,
+        diffDigest: data.diffDigest,
+        commentIds: editor.commentIds,
+        instruction: value,
+        idempotencyKey: editor.idempotencyKey
+      });
+      setStatus("Follow-up delivery requested \xB7 retry keeps the same run");
+      setEditor(null);
+      refresh();
+    } catch (error) {
+      setStatus(errorMessage(error));
+    } finally {
+      setWorking(false);
+    }
+  };
+  const updateComment = (state) => {
+    if (selectedComment === null) return;
+    if (isPendingId(selectedComment.id)) {
+      setStatus("That comment is still saving \u2014 one moment");
+      return;
+    }
+    setStatus(`${state} \xB7 ${anchorOf(selectedComment)}`);
+    commentStateMutation.mutate({ commentId: selectedComment.id, state });
+  };
+  const deliverAndRelaunch = () => {
+    const followUp = data?.followUp ?? null;
+    if (followUp === null || followUp.status === "delivered" || followUp.status === "superseded") {
+      setStatus("No retryable follow-up \u2014 s assembles the open Review comments first");
+      return;
+    }
+    if (followUp.reviewSliceId === null || followUp.checkpointAId === null || followUp.checkpointBId === null || followUp.diffDigest === null || followUp.idempotencyKey === null) {
+      setStatus("Legacy follow-up \xB7 recreate it from a pinned Review before delivery");
+      return;
+    }
+    const input = {
+      reviewSliceId: followUp.reviewSliceId,
+      checkpointAId: followUp.checkpointAId,
+      checkpointBId: followUp.checkpointBId,
+      diffDigest: followUp.diffDigest,
+      commentIds: followUp.commentIds,
+      instruction: followUp.instruction,
+      idempotencyKey: followUp.idempotencyKey
+    };
+    void runAction(
+      "Delivering the persisted Review bundle",
+      () => deliverReview(ctx.api, session.id, input),
+      "Delivery reconciled \xB7 the same idempotency key names one run"
+    );
+  };
+  const focusOrder = wide ? ["files", "diff", "comments"] : ["diff", "comments"];
+  const cycleFocus = (backwards) => {
+    const index = focusOrder.indexOf(focus);
+    const direction = backwards ? -1 : 1;
+    const next = (index + direction + focusOrder.length) % focusOrder.length;
+    const nextFocus = focusOrder[next] ?? "diff";
+    if (nextFocus === "comments" && selectedComment !== null) {
+      navigateToAnchor(selectedComment.file, selectedComment.line);
+    }
+    setFocus(nextFocus);
+  };
+  useKeyboard((key) => {
+    if (key.ctrl && key.name === "c") return onQuit();
+    if (editor !== null) {
+      if (key.name === "escape" && !lockRef.current) setEditor(null);
+      return;
+    }
+    if (lockRef.current) return;
+    if (key.name === "q") return onQuit();
+    if (key.name === "escape" || key.name === "backspace" || key.name === "h") return onBack();
+    if (key.name === "tab") return cycleFocus(key.shift);
+    if (key.name === "r") {
+      setStatus("Refreshing live change\u2026");
+      return refresh();
+    }
+    if (key.name === "o") {
+      openUrl(`${ctx.config.url}/changes/${changeId}`);
+      setStatus("Opened web review");
+      return;
+    }
+    if (key.name === "c" && key.shift) return openCommentEditor(true);
+    if (key.name === "s") return openSendEditor();
+    if (key.name === "y") return deliverAndRelaunch();
+    if (key.name === ",") return moveTour(-1);
+    if (key.name === ".") return moveTour(1);
+    if (key.name === "t") {
+      return void runAction(
+        data?.tour === null ? "Compose description and tour" : "Recompose tour",
+        () => ctx.api("POST", `/changes/${changeId}/tour`, {})
+      );
+    }
+    if (key.name === "m") {
+      return void runAction(
+        "Mend reads the change",
+        () => ctx.api("POST", `/changes/${changeId}/read`, {})
+      );
+    }
+    if (key.name === "g") {
+      return void runAction(
+        "Draft concrete suggestions",
+        () => ctx.api("POST", `/changes/${changeId}/suggest`, {})
+      );
+    }
+    if (focus === "files") {
+      if (key.name === "j" || key.name === "down") return moveFile(1);
+      if (key.name === "k" || key.name === "up") return moveFile(-1);
+      if (key.name === "return" || key.name === "linefeed" || key.name === "l") {
+        return setFocus("diff");
+      }
+      return;
+    }
+    if (focus === "comments") {
+      if (key.name === "j" || key.name === "down") return moveComment(1);
+      if (key.name === "k" || key.name === "up") return moveComment(-1);
+      if (key.name === "a" && selectedComment?.state === "draft") return updateComment("open");
+      if (key.name === "a" && selectedComment?.state === "open") {
+        return updateComment("addressed");
+      }
+      if (key.name === "x") return updateComment("dismissed");
+      if (key.name === "u" && selectedComment !== null) return updateComment("open");
+      if (key.name === "return" || key.name === "linefeed" || key.name === "l") {
+        if (selectedComment !== null) navigateToAnchor(selectedComment.file, selectedComment.line);
+        return setFocus("diff");
+      }
+      return;
+    }
+    if (key.name === "j" || key.name === "down") return moveAnchor(1);
+    if (key.name === "k" || key.name === "up") return moveAnchor(-1);
+    if (key.name === "n") return moveFile(1);
+    if (key.name === "p") return moveFile(-1);
+    if (key.name === "]") return moveHunk(1);
+    if (key.name === "[") return moveHunk(-1);
+    if (key.name === "c") return openCommentEditor(false);
+    if (key.name === "v") {
+      if (selectedAnchor?.newLine === null || selectedAnchor === null) {
+        setStatus("Select a new-side line before starting a range");
+        return;
+      }
+      setRangeStart((current) => current === null ? selectedAnchor.newLine : null);
+      setStatus(
+        rangeStart === null ? `Range starts at line ${selectedAnchor.newLine}` : "Range cleared"
+      );
+      return;
+    }
+    if (key.name === "d" && wide)
+      return setView((current) => current === "unified" ? "split" : "unified");
+    if (key.name === "w") return setWrap((current) => !current);
+    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` }) }) });
+  }
+  const additions = data.wire.files.reduce((sum, file) => sum + file.additions, 0);
+  const deletions = data.wire.files.reduce((sum, file) => sum + file.deletions, 0);
+  const openCount = data.comments.filter((comment) => comment.state === "open").length;
+  const draftCount = data.comments.filter((comment) => comment.state === "draft").length;
+  const displayRows = selectedFile === null ? 1 : view === "unified" ? Math.max(1, selectedFile.unifiedRows) : Math.max(1, selectedFile.splitRows);
+  const displayPatch = selectedFile === null || !showWhitespace ? selectedFile?.patch ?? "" : visibleWhitespace(selectedFile.patch);
+  const footer = editor === null ? focus === "files" ? " files \xB7 \u2191\u2193/jk move \xB7 enter review \xB7 tab pane \xB7 esc back \xB7 q quit" : focus === "comments" ? " comments \xB7 \u2191\u2193/jk move \xB7 enter anchor \xB7 a accept/address \xB7 x dismiss \xB7 u reopen \xB7 tab pane" : ` diff \xB7 \u2191\u2193/jk lines \xB7 n/p files \xB7 [/ ] hunks \xB7 v range${rangeStart === null ? "" : `:${rangeStart}`} \xB7 c inline \xB7 C change \xB7 d layout \xB7 w wrap \xB7 z whitespace` : " ctrl+enter save \xB7 esc cancel";
+  const sidebar = wide ? /* @__PURE__ */ jsxs("box", { width: 36, flexShrink: 0, flexDirection: "column", backgroundColor: "transparent", children: [
+    /* @__PURE__ */ jsx(
+      "box",
+      {
+        border: true,
+        borderStyle: "rounded",
+        borderColor: focus === "files" ? COBALT : RULE,
+        title: ` files \xB7 ${files.length} `,
+        titleAlignment: "left",
+        backgroundColor: "transparent",
+        flexGrow: 1,
+        minHeight: 6,
+        children: /* @__PURE__ */ jsx(
+          "scrollbox",
+          {
+            ref: fileScrollRef,
+            focused: focus === "files",
+            flexGrow: 1,
+            minHeight: 0,
+            style: {
+              rootOptions: { backgroundColor: "transparent", border: false },
+              wrapperOptions: { backgroundColor: "transparent" },
+              viewportOptions: { backgroundColor: "transparent" },
+              contentOptions: { backgroundColor: "transparent" }
+            },
+            children: files.map((file, index) => /* @__PURE__ */ jsxs("box", { flexShrink: 0, flexDirection: "column", children: [
+              index === 0 || files[index - 1]?.status !== file.status ? /* @__PURE__ */ jsx("text", { height: 1, fg: FAINT, bg: "transparent", children: `  ${file.status}` }) : null,
+              /* @__PURE__ */ jsx(FileRow, { file, selected: index === fileIndex })
+            ] }, file.path))
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "box",
+      {
+        border: true,
+        borderStyle: "rounded",
+        borderColor: focus === "comments" ? COBALT : RULE,
+        title: ` comments \xB7 ${openCount} open${draftCount > 0 ? ` \xB7 ${draftCount} draft` : ""} `,
+        titleAlignment: "left",
+        backgroundColor: "transparent",
+        flexGrow: 1,
+        minHeight: 6,
+        children: /* @__PURE__ */ jsx(
+          "scrollbox",
+          {
+            ref: commentScrollRef,
+            focused: focus === "comments",
+            flexGrow: 1,
+            minHeight: 0,
+            style: {
+              rootOptions: { backgroundColor: "transparent", border: false },
+              wrapperOptions: { backgroundColor: "transparent" },
+              viewportOptions: { backgroundColor: "transparent" },
+              contentOptions: { backgroundColor: "transparent" }
+            },
+            children: comments.length === 0 ? /* @__PURE__ */ jsx("text", { height: 1, fg: FAINT, bg: "transparent", children: "  no review comments yet" }) : comments.map((comment, index) => /* @__PURE__ */ jsx(CommentRow, { comment, selected: index === commentIndex }, comment.id))
+          }
+        )
+      }
+    )
+  ] }) : 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
+        ] }),
+        /* @__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",
+        {
+          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
+                      },
+                      `${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()
+      }
+    ),
+    /* @__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
+var createSseParser = () => {
+  let buffer = "";
+  return {
+    push: (chunk) => {
+      buffer += chunk;
+      const payloads = [];
+      for (; ; ) {
+        const boundary = buffer.indexOf("\n\n");
+        if (boundary === -1) break;
+        const frame = buffer.slice(0, boundary);
+        buffer = buffer.slice(boundary + 2);
+        const data = frame.split("\n").filter((line) => line.startsWith("data:")).map((line) => line.slice("data:".length).replace(/^ /, "")).join("\n");
+        if (data !== "") payloads.push(data);
+      }
+      return payloads;
+    }
+  };
+};
+var eventFamilies = (payload) => {
+  let parsed;
+  try {
+    parsed = JSON.parse(payload);
+  } catch {
+    return [];
+  }
+  if (typeof parsed !== "object" || parsed === null || !("type" in parsed)) return [];
+  switch (parsed.type) {
+    case "project":
+    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.
+    case "session":
+    case "agent-conversation":
+    // A comment moves the review AND the dashboard's open-comment counts.
+    case "session-change":
+    case "review-comment":
+      return ["workbench", "review"];
+    default:
+      return [];
+  }
+};
+
+// src/dashboard.tsx
+import { Fragment as Fragment2, jsx as jsx2, jsxs as jsxs2 } from "@opentui/react/jsx-runtime";
+var STATUS_COLOR = {
+  starting: INK_2,
+  running: INK,
+  waiting: INK_2,
+  idle: INK_2,
+  completed: FAINT,
+  failed: RED,
+  stopped: FAINT
+};
+var timeAgo = (iso) => {
+  const ms = Date.now() - new Date(iso).getTime();
+  if (!Number.isFinite(ms) || ms < 0) return "";
+  const minutes = Math.floor(ms / 6e4);
+  if (minutes < 1) return "just now";
+  if (minutes < 60) return `${minutes}m ago`;
+  const hours = Math.floor(minutes / 60);
+  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 Pane = ({
+  title,
+  focused,
+  children,
+  width,
+  height,
+  grow
+}) => /* @__PURE__ */ jsx2(
+  "box",
+  {
+    border: true,
+    borderStyle: "rounded",
+    borderColor: focused ? COBALT : RULE,
+    title: ` ${title} `,
+    titleAlignment: "left",
+    backgroundColor: "transparent",
+    ...width === void 0 ? {} : { width, flexShrink: 0, minHeight: 0 },
+    ...height === void 0 ? {} : { height, flexShrink: 0 },
+    ...grow === true ? { flexGrow: 1, flexShrink: 1, minHeight: 0, minWidth: 0 } : {},
+    flexDirection: "column",
+    children
+  }
+);
+var paneScrollStyle = {
+  rootOptions: { backgroundColor: "transparent", border: false },
+  wrapperOptions: { backgroundColor: "transparent" },
+  viewportOptions: { backgroundColor: "transparent" },
+  contentOptions: { backgroundColor: "transparent" }
+};
+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
+}) => {
+  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;
+  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
+  ] }) });
+};
+var SessionChildRow = ({
+  item,
+  selected
+}) => {
+  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: [
+      /* @__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(ProcessLines, { processes, services, indent: "       \u2514 " })
+  ] });
+};
+var HarnessRow = ({
+  item,
+  selected
+}) => /* @__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.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" });
+  }
+  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: [
+    /* @__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__ */ 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: [
+        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
+    ] }),
+    /* @__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,
+        " open comment",
+        annotation.openComments === 1 ? "" : "s"
+      ] }),
+      annotation?.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: [
+        /* @__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"}` })
+  ] });
+};
+var StatusLine = ({
+  busy,
+  busyStarted,
+  status
+}) => {
+  const [now, setNow] = useState2(() => Date.now());
+  useEffect2(() => {
+    if (busy !== null) {
+      const timer = setInterval(() => setNow(Date.now()), 1e3);
+      return () => clearInterval(timer);
+    }
+    if (status !== null) {
+      const timer = setTimeout(() => setNow(Date.now()), 5100);
+      return () => clearTimeout(timer);
+    }
+    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}` : "";
+  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);
+  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 noShare = () => "off";
+var App = ({ ctx, onQuit }) => {
+  const renderer = useRenderer();
+  const queryClient = useQueryClient2();
+  const { data, failureReason } = useQuery2({
+    queryKey: WORKBENCH_KEY,
+    queryFn: () => fetchWorkbench(ctx),
+    // A dev server mid-restart is normal: keep trying, once a second.
+    retry: true,
+    retryDelay: 1e3
+  });
+  const [focusState, setFocus] = useState2("sessions");
+  const [projectKey, setProjectKey] = useState2(null);
+  const [sessionKey, setSessionKey] = useState2(null);
+  const [picker, setPicker] = useState2(null);
+  const [pickerIndex, setPickerIndex] = useState2(0);
+  const [busy, setBusy] = useState2(null);
+  const [busyStarted, setBusyStarted] = useState2(0);
+  const [status, setStatus] = useState2(null);
+  const shareState = useSyncExternalStore(
+    (onChange) => ctx.agentShare?.subscribe(() => onChange()) ?? (() => {
+    }),
+    ctx.agentShare === null ? noShare : ctx.agentShare.snapshot
+  );
+  const [editing, setEditing] = useState2(null);
+  const [stopArmed, setStopArmed] = 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 { 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(
+    0,
+    homeProject === void 0 ? 0 : projectItems.findIndex((p) => p.project.id === homeProject.id)
+  );
+  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 pickerItems = picker === null ? [] : deriveHarnesses(picker.session);
+  const selectSession = (id) => setSessionKey(`s:${id}`);
+  const say = (text) => setStatus({ text, at: Date.now() });
+  const refetch = () => void queryClient.invalidateQueries({ queryKey: WORKBENCH_KEY });
+  useEffect2(() => {
+    const share = ctx.agentShare;
+    if (share === null) return;
+    return share.subscribe((event) => {
+      if (event === null) return;
+      if (event.kind === "sign-requested") {
+        say(`\u270E signature requested (${event.context}) \u2014 touch your key if it blinks`);
+      } else if (event.kind === "signed") say(`\u2713 signed (${event.seconds.toFixed(1)}s)`);
+      else if (event.kind === "not-signed") say(`\u2717 not signed \u2014 ${event.message}`);
+    });
+  }, [ctx.agentShare]);
+  useEffect2(() => {
+    if (data === void 0 || adoptOfferDecided.current) return;
+    if (homeProject !== void 0) return;
+    adoptOfferDecided.current = true;
+    setAdoptOffer(deriveAdoptOffer(cwdFacts(ctx.cwd)));
+  }, [data, homeProject]);
+  const projectScrollRef = useRef2(null);
+  const sessionScrollRef = useRef2(null);
+  useEffect2(() => {
+    keepRowVisible(projectScrollRef.current, projectIndex);
+  }, [projectIndex]);
+  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]);
+  const attachFlow = async (session) => {
+    const short = session.id.slice(0, 8);
+    lockRef.current = true;
+    renderer.suspend();
+    process.stdout.write(`
+attached \xB7 ${session.harness} \xB7 ${short} \xB7 detach: Ctrl+]
+
+`);
+    let outcome;
+    try {
+      outcome = await ctx.attachTty(session.id, session.harness);
+      if (outcome === "unavailable") {
+        const detail = await ctx.api(
+          "GET",
+          `/sessions/${session.id}`
+        );
+        const liveProtocol = liveProtocolOf(detail.processes);
+        const existing = liveShellOf(detail.processes);
+        if (liveProtocol !== null) {
+          process.stdout.write(`taking over from the protocol session \u2014 same conversation\u2026
+
+`);
+          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 {
+          const shell = await ctx.api(
+            "POST",
+            `/sessions/${session.id}/shell`
+          );
+          process.stdout.write(`no live terminal \u2014 opened a shell in the workspace
+
+`);
+          outcome = await ctx.attachTty(session.id, "shell", shell.id);
+        }
+      }
+    } catch (error) {
+      say(error instanceof Error ? error.message : String(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}`
+    );
+    refetch();
+  };
+  const settleRefetch = () => {
+    if (queryClient.isMutating() === 1) refetch();
+  };
+  const workbench = () => queryClient.getQueryData(WORKBENCH_KEY);
+  const patchWorkbench = (f) => {
+    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];
+      if (argv === void 0) throw new Error(`unknown harness "${vars.harness}"`);
+      const session = await ctx.api("POST", `/projects/${vars.projectId}/sessions`, {
+        harness: vars.harness,
+        label: null,
+        name: vars.name,
+        base: vars.base
+      });
+      await ctx.api("POST", `/sessions/${session.id}/launch`, { argv });
+      return session;
+    },
+    onMutate: async (vars) => {
+      await queryClient.cancelQueries({ queryKey: WORKBENCH_KEY });
+      patchWorkbench(
+        (current) => prependSession(current, vars.projectId, {
+          id: vars.pendingKey,
+          harness: vars.harness,
+          label: null,
+          branch: vars.name === null ? "provisioning\u2026" : `mend/${vars.name}`,
+          baseSha: "",
+          baseRef: vars.base,
+          status: "starting",
+          summary: null,
+          createdAt: (/* @__PURE__ */ new Date()).toISOString()
+        })
+      );
+      selectSession(vars.pendingKey);
+      setBusy(`provisioning ${vars.harness} workspace \u2014 a first launch builds the harness image \xB7`);
+      setBusyStarted(Date.now());
+    },
+    onError: (error, vars) => {
+      patchWorkbench((current) => removeSession(current, vars.projectId, vars.pendingKey));
+      setBusy(null);
+      say(errorText(error));
+    },
+    onSuccess: async (session, vars) => {
+      patchWorkbench(
+        (current) => replaceSession(current, vars.projectId, vars.pendingKey, session)
+      );
+      selectSession(session.id);
+      setBusy(null);
+      await attachIfIdle(session);
+    },
+    onSettled: settleRefetch
+  });
+  const resumeMutation = useMutation2({
+    mutationFn: (vars) => ctx.api("POST", `/sessions/${vars.session.id}/resume`, {
+      harness: vars.harness
+    }),
+    onMutate: async (vars) => {
+      await queryClient.cancelQueries({ queryKey: WORKBENCH_KEY });
+      patchWorkbench(
+        (current) => mapWorkbenchSessions(
+          current,
+          (session) => session.id === vars.session.id ? { ...session, status: "starting" } : session
+        )
+      );
+      selectSession(vars.session.id);
+      setBusy(
+        `resuming ${vars.session.id.slice(0, 8)} \u2014 a fresh workspace restores the saved state \xB7`
+      );
+      setBusyStarted(Date.now());
+    },
+    onError: (error) => {
+      setBusy(null);
+      say(errorText(error));
+      refetch();
+    },
+    onSuccess: async (resumed, vars) => {
+      patchWorkbench(
+        (current) => replaceSession(current, vars.projectId, vars.session.id, resumed)
+      );
+      selectSession(resumed.id);
+      setBusy(null);
+      await attachIfIdle(resumed);
+    },
+    onSettled: settleRefetch
+  });
+  const ADOPT_AUTH_MODES = [
+    {
+      mode: "ambient",
+      label: "ambient",
+      hint: "the server machine's own git/ssh setup"
+    },
+    {
+      mode: "mend-key",
+      label: "mend-key",
+      hint: "the machine's Mend deploy key \u2014 add its public half on the git host"
+    },
+    {
+      mode: "bridge",
+      label: "bridge",
+      hint: "your OWN ssh-agent, relayed while `mend keys share` runs here"
+    }
+  ];
+  const adoptMutation = useMutation2({
+    mutationFn: (offer) => submitDashboardAdoption(ctx.api, {
+      name: offer.name,
+      source: offer.source,
+      gitAuthMode: ADOPT_AUTH_MODES[offer.modeIndex]?.mode ?? "ambient"
+    }),
+    onMutate: (offer) => {
+      setAdoptOffer(null);
+      setBusy(`adopting ${offer.name} \u2014 cloning into the store \xB7`);
+      setBusyStarted(Date.now());
+    },
+    onError: (error) => {
+      setBusy(null);
+      say(errorText(error));
+    },
+    onSuccess: (result) => {
+      setBusy(null);
+      if (result.kind === "invalid-source") {
+        say(result.message);
+        return;
+      }
+      const project = result.project;
+      say(`adopted \xB7 ${project.name} \u2014 n starts a worktree`);
+      setProjectKey(project.id);
+      setSessionKey(null);
+    },
+    onSettled: settleRefetch
+  });
+  const renameMutation = useMutation2({
+    mutationFn: (vars) => ctx.api("POST", `/sessions/${vars.session.id}/label`, { label: vars.label }),
+    onMutate: async (vars) => {
+      await queryClient.cancelQueries({ queryKey: WORKBENCH_KEY });
+      patchWorkbench(
+        (current) => mapWorkbenchSessions(
+          current,
+          (session) => session.id === vars.session.id ? { ...session, label: vars.label } : session
+        )
+      );
+      say(
+        vars.label === null ? `label cleared \xB7 ${vars.session.id.slice(0, 8)}` : `labeled \xB7 ${vars.label}`
+      );
+    },
+    onError: (error) => {
+      say(errorText(error));
+      refetch();
+    },
+    onSettled: settleRefetch
+  });
+  const stopMutation = useMutation2({
+    mutationFn: (session) => ctx.api("POST", `/sessions/${session.id}/stop`),
+    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`);
+    },
+    onError: (error) => {
+      say(errorText(error));
+      refetch();
+    },
+    onSettled: settleRefetch
+  });
+  const launchInWorktreeMutation = useMutation2({
+    mutationFn: async (vars) => {
+      const argv = HARNESS_COMMANDS[vars.harness];
+      if (argv === void 0) throw new Error(`unknown harness "${vars.harness}"`);
+      const session = await ctx.api("POST", `/worktrees/${vars.worktreeId}/sessions`, {
+        harness: vars.harness,
+        label: null
+      });
+      await ctx.api("POST", `/sessions/${session.id}/launch`, { argv });
+      return session;
+    },
+    onMutate: async (vars) => {
+      await queryClient.cancelQueries({ queryKey: WORKBENCH_KEY });
+      patchWorkbench(
+        (current) => prependSession(current, vars.projectId, {
+          id: vars.pendingKey,
+          worktreeId: vars.worktreeId,
+          harness: vars.harness,
+          label: null,
+          branch: "joining\u2026",
+          baseSha: "",
+          baseRef: null,
+          status: "starting",
+          summary: null,
+          createdAt: (/* @__PURE__ */ new Date()).toISOString()
+        })
+      );
+      selectSession(vars.pendingKey);
+      setBusy(`starting ${vars.harness} in the worktree \xB7`);
+      setBusyStarted(Date.now());
+    },
+    onError: (error, vars) => {
+      patchWorkbench((current) => removeSession(current, vars.projectId, vars.pendingKey));
+      setBusy(null);
+      say(errorText(error));
+    },
+    onSuccess: async (session, vars) => {
+      patchWorkbench(
+        (current) => replaceSession(current, vars.projectId, vars.pendingKey, session)
+      );
+      selectSession(session.id);
+      setBusy(null);
+      await attachIfIdle(session);
+    },
+    onSettled: settleRefetch
+  });
+  const removeWorktreeMutation = useMutation2({
+    mutationFn: (group) => group.id !== null ? ctx.api("DELETE", `/worktrees/${group.id}`) : ctx.api("DELETE", `/sessions/${group.sessions[0]?.session.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));
+      }
+      say(`removing worktree \xB7 ${group.name}`);
+    },
+    onError: (error) => {
+      say(errorText(error));
+      refetch();
+    },
+    onSuccess: (_result, group) => {
+      say(`removed \xB7 ${group.name}`);
+      refetch();
+    },
+    onSettled: settleRefetch
+  });
+  const removeSessionMutation = useMutation2({
+    mutationFn: (session) => ctx.api("DELETE", `/sessions/${session.id}`),
+    onMutate: async (session) => {
+      await queryClient.cancelQueries({ queryKey: WORKBENCH_KEY });
+      const projectId = selectedProject?.project.id;
+      if (projectId !== void 0) {
+        patchWorkbench((current) => removeSession(current, projectId, session.id));
+      }
+      say(`removing session \xB7 ${worktreeDisplayName(session)}`);
+    },
+    onError: (error) => {
+      say(errorText(error));
+      refetch();
+    },
+    onSuccess: (_result, session) => {
+      say(`removed \xB7 ${worktreeDisplayName(session)} \u2014 the worktree remains`);
+      refetch();
+    },
+    onSettled: settleRefetch
+  });
+  const [removeArmed, setRemoveArmed] = useState2(null);
+  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)}`);
+        return;
+      }
+      if (removeArmed === session.id) {
+        setRemoveArmed(null);
+        removeSessionMutation.mutate(session);
+        return;
+      }
+      setRemoveArmed(session.id);
+      say(
+        `press again to remove session \xB7 ${worktreeDisplayName(session)} \u2014 its record goes, the worktree stays`
+      );
+      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}`
+      );
+      return;
+    }
+    if (removeArmed === group.key) {
+      setRemoveArmed(null);
+      removeWorktreeMutation.mutate(group);
+      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}`);
+  };
+  const armStop = () => {
+    if (selectedRow?.kind === "worktree") {
+      const group = selectedRow.group;
+      const live = group.sessions.filter((item2) => LIVE_STATUSES.has(item2.session.status));
+      if (live.length === 0) {
+        say("nothing to stop \u2014 the worktree is settled");
+        return;
+      }
+      if (stopArmed === `wt:${group.key}`) {
+        setStopArmed(null);
+        for (const item2 of live) stopMutation.mutate(item2.session);
+        return;
+      }
+      setStopArmed(`wt:${group.key}`);
+      say(
+        `press 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)) {
+      say("nothing to stop \u2014 the session is settled");
+      return;
+    }
+    if (stopArmed === item.session.id) {
+      setStopArmed(null);
+      stopMutation.mutate(item.session);
+      return;
+    }
+    setStopArmed(item.session.id);
+    say(`press again to stop \xB7 ${worktreeDisplayName(item.session)}`);
+  };
+  const openCreateModal = (projectId) => {
+    setCreating({
+      projectId,
+      step: "name",
+      name: "",
+      branches: null,
+      query: "",
+      baseIndex: 0,
+      base: null,
+      joins: false,
+      harnessIndex: 0
+    });
+    const prefill = projectId === homeProject?.id ? ctx.cwdBranch : null;
+    void ctx.api("GET", `/projects/${projectId}/branches`).then(
+      (branches) => setCreating((current) => {
+        if (current === null) 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)
+          )
+        };
+      }),
+      () => (
+        // 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: [] })
+      )
+    );
+  };
+  const advanceFromName = (current, raw) => {
+    const slug = normalizeProjectName(raw.trim());
+    const name = raw.trim() === "" ? "" : slug;
+    const joins = name !== "" && (workbench()?.details.get(current.projectId)?.worktrees ?? []).some(
+      (candidate) => candidate.name === name
+    );
+    return {
+      ...current,
+      name,
+      joins,
+      ...joins ? { base: null } : {},
+      step: joins ? "harness" : "base"
+    };
+  };
+  const submitCreateName = (value) => {
+    setCreating((current) => current === null ? current : advanceFromName(current, value));
+  };
+  const submitCreateBase = () => {
+    setCreating((current) => current === null ? current : advanceFromBase(current));
+  };
+  const submitCreateHarness = () => {
+    const current = creating;
+    if (current === null) return;
+    const choice = deriveHarnesses(null)[current.harnessIndex];
+    if (choice?.harness == null) return;
+    setCreating(null);
+    setFocus("sessions");
+    launchMutation.mutate({
+      projectId: current.projectId,
+      harness: choice.harness,
+      name: current.name === "" ? null : current.name,
+      base: current.base,
+      pendingKey: pendingId()
+    });
+  };
+  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();
+    renameMutation.mutate({ session, label });
+  };
+  const openPicker = (session, worktree) => {
+    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;
+    }
+    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;
+    }
+    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 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);
+      }
+      return;
+    }
+    if (focus === "projects") {
+      setFocus("sessions");
+      return;
+    }
+    if (selectedRow?.kind === "worktree") {
+      const live = selectedRow.group.sessions.find(
+        (item2) => LIVE_STATUSES.has(item2.session.status)
+      );
+      if (live !== void 0) {
+        void attachFlow(live.session);
+      } else if (selectedRow.group.id !== null) {
+        openPicker(null, selectedRow.group);
+      }
+      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");
+    } else if (LIVE_STATUSES.has(item.session.status)) {
+      void attachFlow(item.session);
+    } else {
+      openPicker(item.session);
+    }
+  };
+  useKeyboard2((key) => {
+    if (reviewing !== null) return;
+    if (lockRef.current) return;
+    if (key.ctrl && key.name === "c") return onQuit();
+    if (adoptOffer !== null) {
+      if (key.name === "return" || key.name === "linefeed" || key.name === "y") {
+        adoptMutation.mutate(adoptOffer);
+      } else if (key.name === "escape" || key.name === "q") {
+        setAdoptOffer(null);
+        say("not adopted \xB7 use mend adopt <url> any time");
+      } else if (key.name === "right" || key.name === "l" || key.name === "tab" || key.name === "left" || key.name === "h") {
+        const delta = key.name === "left" || key.name === "h" ? -1 : 1;
+        setAdoptOffer(
+          (current) => current === null ? current : {
+            ...current,
+            modeIndex: (current.modeIndex + delta + ADOPT_AUTH_MODES.length) % ADOPT_AUTH_MODES.length
+          }
+        );
+      }
+      return;
+    }
+    if (editing !== null) {
+      if (key.name === "escape") setEditing(null);
+      return;
+    }
+    if (creating !== null) {
+      if (key.name === "escape") {
+        setCreating((current) => {
+          if (current === null) return current;
+          if (current.step === "harness") {
+            return { ...current, step: current.joins ? "name" : "base" };
+          }
+          if (current.step === "base") return { ...current, step: "name" };
+          say("new worktree cancelled");
+          return null;
+        });
+        return;
+      }
+      if (key.name === "tab" || key.name === "backtab") {
+        const backward = key.name === "backtab" || key.shift === true;
+        setCreating((current) => {
+          if (current === null) return current;
+          if (backward) {
+            if (current.step === "harness") {
+              return { ...current, step: current.joins ? "name" : "base" };
+            }
+            if (current.step === "base") return { ...current, step: "name" };
+            return current;
+          }
+          if (current.step === "name") return advanceFromName(current, current.name);
+          if (current.step === "base") return advanceFromBase(current);
+          return { ...current, step: "name" };
+        });
+        return;
+      }
+      const delta = key.name === "down" || key.ctrl === true && key.name === "n" ? 1 : key.name === "up" || key.ctrl === true && key.name === "p" ? -1 : 0;
+      if (delta !== 0) {
+        setCreating((current) => {
+          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))
+            };
+          }
+          if (current.step === "harness") {
+            const count = deriveHarnesses(null).length;
+            return {
+              ...current,
+              harnessIndex: Math.max(0, Math.min(count - 1, current.harnessIndex + delta))
+            };
+          }
+          return current;
+        });
+        return;
+      }
+      if (creating.step === "harness" && (key.name === "return" || key.name === "linefeed" || key.name === "l")) {
+        submitCreateHarness();
+      }
+      return;
+    }
+    if (picker !== null) {
+      switch (key.name) {
+        case "down":
+        case "j":
+          return moveSelection(1);
+        case "up":
+        case "k":
+          return moveSelection(-1);
+        case "return":
+        case "linefeed":
+        case "l":
+          return activate();
+        case "escape":
+        case "q":
+        case "h":
+          return setPicker(null);
+        default:
+          return;
+      }
+    }
+    if (key.shift === true && key.name === "k") return armStop();
+    if (key.shift === true && key.name === "d") return armRemove();
+    switch (key.name) {
+      case "q":
+        return onQuit();
+      case "down":
+      case "j":
+        return moveSelection(1);
+      case "up":
+      case "k":
+        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":
+        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);
+        return;
+      }
+      case "e": {
+        const item = selectedSession;
+        if (item !== null && !isPendingId(item.session.id)) setEditing(item.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`);
+        }
+        return;
+      }
+      case "v": {
+        const item = selectedSession;
+        if (item === null) return;
+        if (isPendingId(item.session.id)) {
+          say("still provisioning \u2014 nothing to review yet");
+          return;
+        }
+        const target = reviewTargetForSession(
+          item.session,
+          selectedGroup?.annotation ?? item.annotation,
+          selectedProject?.project.name ?? "project"
+        );
+        if (target === null) {
+          say("this session has no reviewable change yet");
+          return;
+        }
+        setReviewing(target);
+        return;
+      }
+      case "r":
+        say("refreshing\u2026");
+        refetch();
+        return;
+      default:
+        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 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;
+  if (reviewing !== null) {
+    return /* @__PURE__ */ jsx2(
+      ReviewScreen,
+      {
+        ctx,
+        projectName: reviewing.projectName,
+        session: reviewing.session,
+        changeId: reviewing.changeId,
+        onBack: () => {
+          setReviewing(null);
+          refetch();
+        },
+        onQuit
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs2("box", { flexGrow: 1, flexDirection: "column", backgroundColor: "transparent", 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" }),
+        /* @__PURE__ */ jsxs2("span", { fg: MUTED, children: [
+          "  ",
+          projectItems.length,
+          " project",
+          projectItems.length === 1 ? "" : "s"
+        ] }),
+        /* @__PURE__ */ jsx2("span", { fg: FAINT, children: " \xB7 " }),
+        /* @__PURE__ */ jsxs2("span", { fg: liveTotal > 0 ? MUTED : FAINT, children: [
+          liveTotal,
+          " live"
+        ] }),
+        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" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx2("text", { height: 1, fg: FAINT, bg: "transparent", children: `${ctx.config.url}  ` })
+    ] }),
+    /* @__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",
+        {
+          ref: sessionScrollRef,
+          flexGrow: 1,
+          flexShrink: 1,
+          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
+          ]
+        }
+      ) })
+    ] }),
+    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(
+      "box",
+      {
+        border: true,
+        borderStyle: "rounded",
+        borderColor: COBALT,
+        title: ` label \u2014 ${editing.harness} ${editing.id.slice(0, 8)} `,
+        titleAlignment: "left",
+        backgroundColor: "transparent",
+        height: 3,
+        flexShrink: 0,
+        children: /* @__PURE__ */ jsx2(
+          "input",
+          {
+            focused: true,
+            value: editing.label ?? "",
+            placeholder: "a few words for what this session is doing (empty clears)",
+            backgroundColor: "transparent",
+            focusedBackgroundColor: "transparent",
+            textColor: INK,
+            focusedTextColor: INK,
+            placeholderColor: FAINT,
+            cursorColor: INK,
+            flexGrow: 1,
+            onSubmit: (value) => {
+              if (typeof value === "string") submitRename(editing, value);
+            }
+          }
+        )
+      }
+    ) : showDetail ? /* @__PURE__ */ jsx2(Pane, { title: detailTitle, focused: false, height: 6, children: /* @__PURE__ */ jsx2(SessionDetail, { item: selectedSession }) }) : null,
+    adoptOffer !== null ? /* @__PURE__ */ jsxs2(
+      "box",
+      {
+        position: "absolute",
+        zIndex: 11,
+        left: Math.max(1, Math.floor((terminalCols - Math.min(70, terminalCols - 4)) / 2)),
+        top: Math.max(1, Math.floor((terminalRows - 7) / 2)),
+        width: Math.min(70, terminalCols - 4),
+        height: 7,
+        border: true,
+        borderStyle: "rounded",
+        borderColor: COBALT,
+        title: " adopt this repository URL? ",
+        titleAlignment: "left",
+        backgroundColor: SURFACE,
+        flexDirection: "column",
+        children: [
+          /* @__PURE__ */ jsxs2("text", { height: 1, bg: SURFACE, children: [
+            /* @__PURE__ */ jsx2("span", { children: "  " }),
+            /* @__PURE__ */ jsx2("span", { fg: INK, children: adoptOffer.name }),
+            /* @__PURE__ */ jsx2("span", { fg: FAINT, children: " \xB7 not in the store yet" })
+          ] }),
+          /* @__PURE__ */ jsx2("text", { height: 1, bg: SURFACE, fg: MUTED, children: `  ${adoptOffer.source}` }),
+          /* @__PURE__ */ jsxs2("text", { height: 1, bg: SURFACE, children: [
+            /* @__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 })
+            ] }, 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(
+      "box",
+      {
+        position: "absolute",
+        zIndex: 10,
+        left: Math.max(1, Math.floor((terminalCols - Math.min(74, terminalCols - 4)) / 2)),
+        top: Math.max(1, Math.floor((terminalRows - creatingHeight) / 2)),
+        width: Math.min(74, terminalCols - 4),
+        height: creatingHeight,
+        border: true,
+        borderStyle: "rounded",
+        borderColor: COBALT,
+        title: ` new worktree \u2014 ${selectedProject?.project.name ?? "project"} `,
+        titleAlignment: "left",
+        backgroundColor: SURFACE,
+        flexDirection: "column",
+        children: [
+          /* @__PURE__ */ jsxs2("box", { height: 1, flexShrink: 0, flexDirection: "row", backgroundColor: SURFACE, children: [
+            /* @__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.joins ? /* @__PURE__ */ jsx2("span", { fg: FAINT, children: "  \xB7 joins the existing worktree" }) : null
+            ] }),
+            creating.step === "name" ? /* @__PURE__ */ jsx2(
+              "input",
+              {
+                focused: true,
+                value: creating.name,
+                placeholder: "e.g. fix-auth (empty = auto \xB7 an existing name joins it)",
+                backgroundColor: SURFACE,
+                focusedBackgroundColor: SURFACE,
+                textColor: INK,
+                focusedTextColor: INK,
+                placeholderColor: FAINT,
+                cursorColor: INK,
+                flexGrow: 1,
+                onInput: (value) => {
+                  const clean = value.replace(/\t/g, "");
+                  setCreating(
+                    (current) => current === null ? current : { ...current, name: clean }
+                  );
+                },
+                onSubmit: (value) => {
+                  if (typeof value === "string") submitCreateName(value);
+                }
+              }
+            ) : null
+          ] }),
+          /* @__PURE__ */ jsxs2("box", { height: 1, flexShrink: 0, flexDirection: "row", backgroundColor: SURFACE, children: [
+            /* @__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" ? creating.branches === null ? /* @__PURE__ */ jsx2("text", { height: 1, bg: SURFACE, fg: FAINT, children: "reading branches\u2026" }) : /* @__PURE__ */ jsx2(
+              "input",
+              {
+                focused: true,
+                value: "",
+                placeholder: "type to filter (enter = highlighted; empty = default)",
+                backgroundColor: SURFACE,
+                focusedBackgroundColor: SURFACE,
+                textColor: INK,
+                focusedTextColor: INK,
+                placeholderColor: FAINT,
+                cursorColor: INK,
+                flexGrow: 1,
+                onInput: (value) => {
+                  const clean = value.replace(/\t/g, "");
+                  setCreating(
+                    (current) => current === null ? current : { ...current, query: clean, baseIndex: 0 }
+                  );
+                },
+                onSubmit: () => submitCreateBase()
+              }
+            ) : null
+          ] }),
+          Array.from({ length: 6 }, (_, index) => {
+            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 highlighted = active && index === creating.baseIndex;
+            return /* @__PURE__ */ jsx2(
+              "box",
+              {
+                height: 1,
+                flexShrink: 0,
+                backgroundColor: highlighted ? WASH : SURFACE,
+                children: /* @__PURE__ */ jsxs2("text", { height: 1, bg: highlighted ? WASH : SURFACE, children: [
+                  /* @__PURE__ */ jsx2("span", { fg: FAINT, children: "   " }),
+                  /* @__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) }),
+                  branch.isDefault ? /* @__PURE__ */ jsx2("span", { fg: FAINT, children: "default" }) : null
+                ] })
+              },
+              branch.name
+            );
+          }),
+          /* @__PURE__ */ jsxs2("text", { height: 1, bg: SURFACE, children: [
+            /* @__PURE__ */ jsx2(Gutter, { selected: creating.step === "harness" }),
+            /* @__PURE__ */ jsx2("span", { fg: FAINT, children: "harness" })
+          ] }),
+          deriveHarnesses(null).map((item, index) => {
+            const active = creating.step === "harness";
+            const highlighted = active && index === creating.harnessIndex;
+            return /* @__PURE__ */ jsx2(
+              "box",
+              {
+                height: 1,
+                flexShrink: 0,
+                backgroundColor: highlighted ? WASH : SURFACE,
+                children: /* @__PURE__ */ jsxs2("text", { height: 1, bg: highlighted ? WASH : SURFACE, children: [
+                  /* @__PURE__ */ jsx2("span", { fg: FAINT, children: "   " }),
+                  /* @__PURE__ */ jsx2(Gutter, { selected: highlighted }),
+                  /* @__PURE__ */ jsx2("span", { fg: active ? INK : FAINT, children: item.label.padEnd(12) }),
+                  /* @__PURE__ */ jsx2("span", { fg: FAINT, children: active ? item.hint : "" })
+                ] })
+              },
+              String(item.harness)
+            );
+          })
+        ]
+      }
+    ) : null,
+    /* @__PURE__ */ jsx2(StatusLine, { busy, busyStarted, status }),
+    /* @__PURE__ */ jsx2("text", { height: 1, fg: FAINT, bg: "transparent", children: footerText })
+  ] });
+};
+var runDashboard = async (ctx) => {
+  const renderer = await createCliRenderer({ exitOnCtrlC: false });
+  const queryClient = new QueryClient();
+  const controller = new AbortController();
+  let eventTimer = null;
+  const quit = () => {
+    controller.abort();
+    if (eventTimer !== null) clearTimeout(eventTimer);
+    queryClient.clear();
+    process.nextTick(() => renderer.destroy());
+  };
+  const pendingFamilies = /* @__PURE__ */ new Set();
+  const flushInvalidations = () => {
+    eventTimer = null;
+    if (queryClient.isMutating() > 0) {
+      eventTimer = setTimeout(flushInvalidations, 250);
+      return;
+    }
+    const families = [...pendingFamilies];
+    pendingFamilies.clear();
+    for (const family of families) {
+      void queryClient.invalidateQueries({ queryKey: [family] });
+    }
+  };
+  const scheduleInvalidate = (families) => {
+    if (families.length === 0) return;
+    for (const family of families) pendingFamilies.add(family);
+    if (eventTimer === null) eventTimer = setTimeout(flushInvalidations, 250);
+  };
+  const watch = async () => {
+    while (!controller.signal.aborted) {
+      try {
+        const headers = {};
+        if (ctx.config.token !== null) headers["authorization"] = `Bearer ${ctx.config.token}`;
+        const response = await fetch(`${ctx.config.url}/api/events`, {
+          headers,
+          signal: controller.signal
+        });
+        if (!response.ok || response.body === null) throw new Error(String(response.status));
+        const reader = response.body.getReader();
+        const parser = createSseParser();
+        const decoder = new TextDecoder();
+        for (; ; ) {
+          const { done, value } = await reader.read();
+          if (done) break;
+          for (const payload of parser.push(decoder.decode(value, { stream: true }))) {
+            scheduleInvalidate(eventFamilies(payload));
+          }
+        }
+      } catch {
+        if (controller.signal.aborted) return;
+      }
+      pendingFamilies.add("workbench").add("review");
+      if (eventTimer === null && !controller.signal.aborted) {
+        eventTimer = setTimeout(flushInvalidations, 250);
+      }
+      await new Promise((resolve) => setTimeout(resolve, 2e3));
+    }
+  };
+  void watch();
+  createRoot(renderer).render(
+    /* @__PURE__ */ jsx2(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsx2(App, { ctx, onQuit: quit }) })
+  );
+  await new Promise((resolve) => {
+    renderer.once(CliRenderEvents.DESTROY, () => resolve());
+  });
+};
+export {
+  runDashboard
+};