@sealant/mend 0.9.0 → 0.10.0

package/dist/review.js

@@ -2,12 +2,13 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@opentui/reac
 import { createHash, randomUUID } from "node:crypto";
 import { RGBA, SyntaxStyle, } from "@opentui/core";
 import { useKeyboard, useTerminalDimensions } from "@opentui/react";
-import { useQuery, useQueryClient } from "@tanstack/react-query";
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import { useEffect, useMemo, useRef, useState } from "react";
 import { assembleReviewInstruction, buildReviewFiles, visibleWhitespace, } from "./review-model.js";
 import { commentRange, deliverReview } from "./review-workflow.js";
+import { isPendingId, pendingId } from "./shared.js";
 import { openUrl } from "./terminal.js";
-import { ADD_WASH, AMBER, BG, COBALT, DELETE_WASH, FAINT, GREEN, INK, INK_2, MUTED, PANEL, RED, RULE, SYNTAX_FUNCTION, SYNTAX_KEYWORD, SYNTAX_NUMBER, SYNTAX_STRING, WASH, } from "./tui-theme.js";
+import { ADD_WASH, COBALT, DELETE_WASH, FAINT, GREEN, INK, INK_2, MUTED, RED, RULE, SYNTAX_FUNCTION, SYNTAX_KEYWORD, SYNTAX_NUMBER, SYNTAX_STRING, WASH, } from "./tui-theme.js";
 const REVIEW_KEY = (changeId) => ["review", changeId];
 const EDITOR_KEY_BINDINGS = [{ name: "return", ctrl: true, action: "submit" }];
 const syntaxStyle = SyntaxStyle.fromStyles({
@@ -66,44 +67,43 @@ const orderedComments = (comments) => comments.toSorted((a, b) => {
     const byState = commentPriority(a) - commentPriority(b);
     return byState === 0 ? b.createdAt.localeCompare(a.createdAt) : byState;
 });
-const stateColor = (state) => state === "draft" || state === "open" ? AMBER : state === "addressed" ? INK_2 : FAINT;
-const stateGlyph = (state) => (state === "open" ? "●" : "○");
+const stateColor = (state) => state === "draft" || state === "open" ? INK : state === "addressed" ? INK_2 : FAINT;
 const anchorOf = (comment) => comment.file === null
     ? "change"
     : `${comment.file}${comment.line === null ? "" : `:${comment.line}${comment.endLine === null || comment.endLine === comment.line ? "" : `-${comment.endLine}`}`}`;
 const passFact = (pass) => {
     const label = pass.kind === "suggest" ? "suggestions" : pass.kind;
     if (pass.status === "running")
-        return { text: `● ${label} running`, color: COBALT };
+        return { text: `${label} running`, color: INK_2 };
     if (pass.status === "failed")
-        return { text: `● ${label} failed`, color: RED };
+        return { text: `${label} failed`, color: RED };
     return {
-        text: `● ${label} observed · ${pass.findings ?? 0} ${pass.kind === "tour" ? "stops" : "drafts"}`,
-        color: GREEN,
+        text: `${label} observed · ${pass.findings ?? 0} ${pass.kind === "tour" ? "stops" : "drafts"}`,
+        color: MUTED,
     };
 };
-const FileRow = ({ file, selected }) => (_jsxs("box", { height: 2, flexShrink: 0, backgroundColor: selected ? WASH : "transparent", children: [_jsxs("text", { height: 1, bg: "transparent", children: [_jsx("span", { fg: selected ? COBALT : FAINT, children: selected ? "▌ " : "  " }), _jsx("span", { fg: INK, children: file.path }), file.binary ? _jsx("span", { fg: AMBER, children: " \u00B7 binary" }) : null, file.likelyGenerated ? _jsx("span", { fg: FAINT, children: " \u00B7 inferred \u00B7 likely generated" }) : null] }), _jsxs("text", { height: 1, bg: "transparent", children: [_jsx("span", { children: "    " }), _jsxs("span", { fg: GREEN, children: ["+", file.additions] }), _jsx("span", { fg: FAINT, children: " " }), _jsxs("span", { fg: RED, children: ["\u2212", file.deletions] }), _jsxs("span", { fg: FAINT, children: [" ", "\u00B7 ", file.status, " \u00B7 ", file.hunks.length, " hunks"] })] })] }));
-const CommentRow = ({ comment, selected, }) => (_jsxs("box", { height: 2, flexShrink: 0, backgroundColor: selected ? WASH : "transparent", children: [_jsxs("text", { height: 1, bg: "transparent", children: [_jsx("span", { fg: selected ? COBALT : FAINT, children: selected ? "▌ " : "  " }), _jsxs("span", { fg: stateColor(comment.state), children: [stateGlyph(comment.state), " ", comment.state] }), _jsxs("span", { fg: FAINT, children: [" \u00B7 ", anchorOf(comment)] })] }), _jsxs("text", { height: 1, bg: "transparent", children: [_jsx("span", { children: "    " }), _jsx("span", { fg: comment.authorKind === "mend" ? COBALT : MUTED, children: comment.authorKind === "mend" ? "Mend · " : "You · " }), _jsx("span", { fg: INK, children: truncate(comment.body, 27) })] })] }));
+const FileRow = ({ file, selected }) => (_jsxs("box", { height: 2, flexShrink: 0, backgroundColor: selected ? WASH : "transparent", children: [_jsxs("text", { height: 1, bg: "transparent", children: [_jsx("span", { fg: selected ? COBALT : FAINT, children: selected ? "▌ " : "  " }), _jsx("span", { fg: INK, children: file.path }), file.binary ? _jsx("span", { fg: MUTED, children: " \u00B7 binary" }) : null, file.likelyGenerated ? _jsx("span", { fg: FAINT, children: " \u00B7 inferred \u00B7 likely generated" }) : null] }), _jsxs("text", { height: 1, bg: "transparent", children: [_jsx("span", { children: "    " }), _jsxs("span", { fg: GREEN, children: ["+", file.additions] }), _jsx("span", { fg: FAINT, children: " " }), _jsxs("span", { fg: RED, children: ["\u2212", file.deletions] }), _jsxs("span", { fg: FAINT, children: [" ", "\u00B7 ", file.status, " \u00B7 ", file.hunks.length, " hunks"] })] })] }));
+const CommentRow = ({ comment, selected, }) => (_jsxs("box", { height: 2, flexShrink: 0, backgroundColor: selected ? WASH : "transparent", children: [_jsxs("text", { height: 1, bg: "transparent", children: [_jsx("span", { fg: selected ? COBALT : FAINT, children: selected ? "▌ " : "  " }), _jsx("span", { fg: stateColor(comment.state), children: comment.state }), _jsxs("span", { fg: FAINT, children: [" \u00B7 ", anchorOf(comment)] })] }), _jsxs("text", { height: 1, bg: "transparent", children: [_jsx("span", { children: "    " }), _jsx("span", { fg: MUTED, children: comment.authorKind === "mend" ? "Mend · " : "You · " }), _jsx("span", { fg: INK, children: truncate(comment.body, 27) })] })] }));
 const 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 (_jsxs("box", { height: height, border: true, borderStyle: "rounded", borderColor: stale ? AMBER : data.tour === null ? RULE : COBALT, title: " change description ", titleAlignment: "left", backgroundColor: PANEL, flexShrink: 0, flexDirection: "column", paddingX: 1, children: [_jsx("text", { height: 1, bg: "transparent", children: data.tour === null ? (_jsx("span", { fg: INK, children: "No description yet \u2014 t composes one from the diff and session record." })) : (_jsxs(_Fragment, { children: [_jsx("span", { fg: COBALT, children: "Mend uses inference \u00B7 " }), stale ? _jsx("span", { fg: AMBER, children: "diff changed since \u00B7 " }) : null, _jsx("span", { fg: INK, children: truncate(data.tour.summary, Math.max(20, width - 50)) })] })) }), height >= 5 && data.tour !== null ? (_jsx("text", { height: 1, bg: "transparent", children: tourStop === null ? (_jsxs("span", { fg: FAINT, children: ["inferred approach \u00B7 ", truncate(data.tour.approach ?? "No tour stops yet.", width - 24)] })) : (_jsxs(_Fragment, { children: [_jsxs("span", { fg: COBALT, children: ["stop ", tourIndex + 1, "/", data.tour.stops.length, " \u00B7 ", tourStop.title] }), _jsxs("span", { fg: FAINT, children: [tourStop.file === null
+    return (_jsxs("box", { height: height, border: true, borderStyle: "rounded", borderColor: RULE, title: " change description ", titleAlignment: "left", backgroundColor: "transparent", flexShrink: 0, flexDirection: "column", paddingX: 1, children: [_jsx("text", { height: 1, bg: "transparent", children: data.tour === null ? (_jsx("span", { fg: INK, children: "No description yet \u2014 t composes one from the diff and session record." })) : (_jsxs(_Fragment, { children: [_jsx("span", { fg: MUTED, children: "Mend uses inference \u00B7 " }), stale ? _jsx("span", { fg: MUTED, children: "diff changed since \u00B7 " }) : null, _jsx("span", { fg: INK, children: truncate(data.tour.summary, Math.max(20, width - 50)) })] })) }), height >= 5 && data.tour !== null ? (_jsx("text", { height: 1, bg: "transparent", children: tourStop === null ? (_jsxs("span", { fg: FAINT, children: ["inferred approach \u00B7 ", truncate(data.tour.approach ?? "No tour stops yet.", width - 24)] })) : (_jsxs(_Fragment, { children: [_jsxs("span", { fg: INK_2, children: ["stop ", tourIndex + 1, "/", data.tour.stops.length, " \u00B7 ", tourStop.title] }), _jsxs("span", { fg: FAINT, children: [tourStop.file === null
                                     ? " · change"
-                                    : ` · ${tourStop.file}${tourStop.line === null ? "" : `:${tourStop.line}`}`, tourStop.grounded ? " · direct record" : " · inferred reading"] })] })) })) : null, height >= 6 && tourStop !== null ? (_jsxs("text", { height: 1, bg: "transparent", children: [_jsx("span", { fg: COBALT, children: tourStop.grounded ? "record-grounded narration · " : "inferred narration · " }), _jsx("span", { fg: MUTED, children: truncate(tourStop.narration, Math.max(20, width - 24)) })] })) : null, height >= 7 && tourStop !== null ? (_jsxs("text", { height: 1, bg: "transparent", children: [_jsx("span", { fg: stopEvidence === null ? AMBER : COBALT, children: stopEvidence === null
+                                    : ` · ${tourStop.file}${tourStop.line === null ? "" : `:${tourStop.line}`}`, tourStop.grounded ? " · direct record" : " · inferred reading"] })] })) })) : null, height >= 6 && tourStop !== null ? (_jsxs("text", { height: 1, bg: "transparent", children: [_jsx("span", { fg: MUTED, children: tourStop.grounded ? "record-grounded narration · " : "inferred narration · " }), _jsx("span", { fg: MUTED, children: truncate(tourStop.narration, Math.max(20, width - 24)) })] })) : null, height >= 7 && tourStop !== null ? (_jsxs("text", { height: 1, bg: "transparent", children: [_jsx("span", { fg: MUTED, children: stopEvidence === null
                             ? "no direct evidence · "
-                            : `evidence seq ${stopEvidence.sequence} · ` }), _jsx("span", { fg: MUTED, children: truncate(stopEvidence?.excerpt ?? "this stop is labeled inferred", Math.max(20, width - 26)) })] })) : null, _jsxs("text", { height: 1, bg: "transparent", children: [passFacts.length === 0 ? (_jsx("span", { fg: FAINT, children: "Mend has not read this change." })) : (passFacts.map((fact, index) => (_jsxs("span", { children: [index > 0 ? _jsx("span", { fg: FAINT, children: " \u00B7 " }) : null, _jsx("span", { fg: fact.color, children: fact.text })] }, `${fact.text}-${index}`)))), data.followUp?.status === "pending" ? _jsx("span", { fg: AMBER, children: " \u00B7 follow-up pending" }) : null] })] }));
+                            : `evidence seq ${stopEvidence.sequence} · ` }), _jsx("span", { fg: MUTED, children: truncate(stopEvidence?.excerpt ?? "this stop is labeled inferred", Math.max(20, width - 26)) })] })) : null, _jsxs("text", { height: 1, bg: "transparent", children: [passFacts.length === 0 ? (_jsx("span", { fg: FAINT, children: "Mend has not read this change." })) : (passFacts.map((fact, index) => (_jsxs("span", { children: [index > 0 ? _jsx("span", { fg: FAINT, children: " \u00B7 " }) : null, _jsx("span", { fg: fact.color, children: fact.text })] }, `${fact.text}-${index}`)))), data.followUp?.status === "pending" ? _jsx("span", { fg: INK_2, children: " \u00B7 follow-up pending" }) : null] })] }));
 };
 const CompactTourEvidence = ({ stop, index, total, width, }) => {
     const evidence = stop.evidence[0] ?? null;
-    return (_jsxs("box", { height: 5, border: true, borderStyle: "rounded", borderColor: stop.grounded ? COBALT : RULE, title: ` tour stop ${index + 1}/${total} · ${stop.grounded ? "direct record" : "inferred reading"} `, titleAlignment: "left", backgroundColor: PANEL, flexShrink: 0, flexDirection: "column", paddingX: 1, children: [_jsx("text", { height: 1, fg: INK, bg: "transparent", children: truncate(stop.narration, Math.max(12, width - 6)) }), _jsxs("text", { height: 1, bg: "transparent", children: [_jsx("span", { fg: evidence === null ? AMBER : COBALT, children: evidence === null ? "no direct record link · " : `seq ${evidence.sequence} · ` }), _jsx("span", { fg: MUTED, children: truncate(evidence?.excerpt ?? "the narration is an inferred reading", Math.max(12, width - 26)) })] }), _jsx("text", { height: 1, fg: FAINT, bg: "transparent", children: ", previous stop \u00B7 . next stop" })] }));
+    return (_jsxs("box", { height: 5, border: true, borderStyle: "rounded", borderColor: RULE, title: ` tour stop ${index + 1}/${total} · ${stop.grounded ? "direct record" : "inferred reading"} `, titleAlignment: "left", backgroundColor: "transparent", flexShrink: 0, flexDirection: "column", paddingX: 1, children: [_jsx("text", { height: 1, fg: INK, bg: "transparent", children: truncate(stop.narration, Math.max(12, width - 6)) }), _jsxs("text", { height: 1, bg: "transparent", children: [_jsx("span", { fg: MUTED, children: evidence === null ? "no direct record link · " : `seq ${evidence.sequence} · ` }), _jsx("span", { fg: MUTED, children: truncate(evidence?.excerpt ?? "the narration is an inferred reading", Math.max(12, width - 26)) })] }), _jsx("text", { height: 1, fg: FAINT, bg: "transparent", children: ", previous stop \u00B7 . next stop" })] }));
 };
-const EvidenceCard = ({ comment, width, }) => (_jsxs("box", { height: Math.min(6, 4 + Math.min(2, comment.evidence.length)), border: true, borderStyle: "rounded", borderColor: comment.state === "draft" ? AMBER : RULE, title: ` ${anchorOf(comment)} · ${comment.authorKind === "mend" ? "Mend" : "You"} `, titleAlignment: "left", backgroundColor: PANEL, flexShrink: 0, flexDirection: "column", paddingX: 1, children: [_jsx("text", { height: 1, fg: INK, bg: "transparent", children: truncate(comment.body, Math.max(12, width - 6)) }), comment.suggestion === null ? null : (_jsxs("text", { height: 1, bg: "transparent", children: [_jsx("span", { fg: COBALT, children: "proposed \u00B7 " }), _jsx("span", { fg: MUTED, children: truncate(comment.suggestion, Math.max(12, width - 17)) })] })), comment.evidence.slice(0, 2).map((evidence) => (_jsxs("text", { height: 1, bg: "transparent", children: [_jsxs("span", { fg: FAINT, children: ["seq ", evidence.sequence, " \u00B7 "] }), _jsx("span", { fg: MUTED, children: truncate(evidence.excerpt, Math.max(12, width - 18)) })] }, `${evidence.sequence}-${evidence.excerpt}`)))] }));
+const EvidenceCard = ({ comment, width, }) => (_jsxs("box", { height: Math.min(6, 4 + Math.min(2, comment.evidence.length)), border: true, borderStyle: "rounded", borderColor: RULE, title: ` ${anchorOf(comment)} · ${comment.authorKind === "mend" ? "Mend" : "You"} `, titleAlignment: "left", backgroundColor: "transparent", flexShrink: 0, flexDirection: "column", paddingX: 1, children: [_jsx("text", { height: 1, fg: INK, bg: "transparent", children: truncate(comment.body, Math.max(12, width - 6)) }), comment.suggestion === null ? null : (_jsxs("text", { height: 1, bg: "transparent", children: [_jsx("span", { fg: MUTED, children: "proposed \u00B7 " }), _jsx("span", { fg: MUTED, children: truncate(comment.suggestion, Math.max(12, width - 17)) })] })), comment.evidence.slice(0, 2).map((evidence) => (_jsxs("text", { height: 1, bg: "transparent", children: [_jsxs("span", { fg: FAINT, children: ["seq ", evidence.sequence, " \u00B7 "] }), _jsx("span", { fg: MUTED, children: truncate(evidence.excerpt, Math.max(12, width - 18)) })] }, `${evidence.sequence}-${evidence.excerpt}`)))] }));
 const EditorPanel = ({ editor, refValue, busy, onSubmit, }) => {
     const title = editor.kind === "send"
         ? " send review to session · edit before sending "
         : ` comment · ${editor.file === null ? "change" : `${editor.file}:${editor.line ?? ""}`} `;
-    return (_jsxs("box", { border: true, borderStyle: "rounded", borderColor: COBALT, title: title, titleAlignment: "left", backgroundColor: BG, height: editor.kind === "send" ? 16 : 8, flexShrink: 0, flexDirection: "column", children: [_jsx("textarea", { ref: refValue, focused: true, initialValue: editor.kind === "send" ? editor.instruction : "", placeholder: editor.kind === "send" ? "Review instruction…" : "What should change, and why?", backgroundColor: BG, focusedBackgroundColor: BG, textColor: INK, focusedTextColor: INK, placeholderColor: FAINT, cursorColor: INK, keyBindings: [...EDITOR_KEY_BINDINGS], flexGrow: 1, onSubmit: onSubmit }), _jsx("text", { height: 1, bg: "transparent", children: _jsxs("span", { fg: FAINT, children: [" ctrl+enter ", busy ? "working…" : "save", " \u00B7 esc cancel"] }) })] }));
+    return (_jsxs("box", { border: true, borderStyle: "rounded", borderColor: COBALT, title: title, titleAlignment: "left", backgroundColor: "transparent", height: editor.kind === "send" ? 16 : 8, flexShrink: 0, flexDirection: "column", children: [_jsx("textarea", { ref: refValue, focused: true, initialValue: editor.kind === "send" ? editor.instruction : (editor.initialBody ?? ""), placeholder: editor.kind === "send" ? "Review instruction…" : "What should change, and why?", backgroundColor: "transparent", focusedBackgroundColor: "transparent", textColor: INK, focusedTextColor: INK, placeholderColor: FAINT, cursorColor: INK, keyBindings: [...EDITOR_KEY_BINDINGS], flexGrow: 1, onSubmit: onSubmit }), _jsx("text", { height: 1, bg: "transparent", children: _jsxs("span", { fg: FAINT, children: [" ctrl+enter ", busy ? "working…" : "save", " \u00B7 esc cancel"] }) })] }));
 };
 const errorMessage = (error) => error instanceof Error ? error.message : error === null ? "" : String(error);
 export function ReviewScreen({ ctx, projectName, session, changeId, onBack, onQuit, }) {
@@ -167,6 +167,68 @@ export function ReviewScreen({ ctx, projectName, session, changeId, onBack, onQu
     const refresh = () => {
         void queryClient.invalidateQueries({ queryKey: REVIEW_KEY(changeId) });
     };
+    /** Converge on the server's truth once, after the LAST in-flight mutation. */
+    const settleRefresh = () => {
+        if (queryClient.isMutating() === 1)
+            refresh();
+    };
+    const patchReview = (f) => {
+        const current = queryClient.getQueryData(REVIEW_KEY(changeId));
+        if (current !== undefined)
+            queryClient.setQueryData(REVIEW_KEY(changeId), f(current));
+    };
+    // A state flip (accept, address, dismiss, reopen) lands in the list at the
+    // keystroke — triage never waits on a round trip. An error refetches the
+    // truth back; the settled refetch reconciles everything else.
+    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,
+    });
+    // A new comment appears in the list the moment ctrl+enter lands and the
+    // editor closes; a failed save reopens the editor with the text intact.
+    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]);
@@ -317,7 +379,9 @@ export function ReviewScreen({ ctx, projectName, session, changeId, onBack, onQu
     const openSendEditor = () => {
         if (data === undefined)
             return;
-        const sendable = data.comments.filter((comment) => comment.state === "open" && comment.sentToSessionId === null);
+        // A pending id is an optimistic row the server has not named yet — it
+        // cannot ride a follow-up until the settle refetch replaces it.
+        const sendable = data.comments.filter((comment) => comment.state === "open" && comment.sentToSessionId === null && !isPendingId(comment.id));
         if (sendable.length === 0) {
             setStatus("No unsent open comments — accept a draft or write a comment first");
             return;
@@ -337,58 +401,74 @@ export function ReviewScreen({ ctx, projectName, session, changeId, onBack, onQu
             setStatus("Write something before saving");
             return;
         }
+        if (data === undefined) {
+            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 === undefined || 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: new Date().toISOString(),
+                },
+            });
+            return;
+        }
+        // Delivery stays pessimistic: it starts a run against the session, and
+        // pretending it happened before the server agreed would fake a fact.
         setWorking(true);
         try {
-            if (editor.kind === "comment") {
-                if (data === undefined)
-                    throw new Error("The pinned Review is not available.");
-                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 === undefined || hunk === null)) {
-                    throw new Error("The selected line is outside the pinned Review anchor.");
-                }
-                await ctx.api("POST", `/changes/${changeId}/reviews/${data.sliceId}/comments`, {
-                    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,
-                        },
-                    body: value,
-                });
-                setStatus(editor.file === null ? "Change comment saved" : "Inline comment saved");
-            }
-            else {
-                if (data === undefined)
-                    throw new Error("The pinned Review is not available.");
-                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 · retry keeps the same run");
-            }
+            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 · retry keeps the same run");
             setEditor(null);
             refresh();
         }
@@ -402,7 +482,12 @@ export function ReviewScreen({ ctx, projectName, session, changeId, onBack, onQu
     const updateComment = (state) => {
         if (selectedComment === null)
             return;
-        void runAction(`${state} ${anchorOf(selectedComment)}`, () => ctx.api("POST", `/changes/${changeId}/comments/${selectedComment.id}/state`, { state }));
+        if (isPendingId(selectedComment.id)) {
+            setStatus("That comment is still saving — one moment");
+            return;
+        }
+        setStatus(`${state} · ${anchorOf(selectedComment)}`);
+        commentStateMutation.mutate({ commentId: selectedComment.id, state });
     };
     const deliverAndRelaunch = () => {
         const followUp = data?.followUp ?? null;
@@ -548,7 +633,7 @@ export function ReviewScreen({ ctx, projectName, session, changeId, onBack, onQu
             return setShowWhitespace((current) => !current);
     });
     if (data === undefined) {
-        return (_jsx("box", { flexGrow: 1, backgroundColor: BG, alignItems: "center", justifyContent: "center", children: _jsx("text", { bg: "transparent", children: _jsx("span", { fg: failureReason === null ? COBALT : AMBER, children: failureReason === null
+        return (_jsx("box", { flexGrow: 1, backgroundColor: "transparent", alignItems: "center", justifyContent: "center", children: _jsx("text", { bg: "transparent", children: _jsx("span", { fg: failureReason === null ? INK_2 : MUTED, children: failureReason === null
                         ? "Loading the live change…"
                         : `${errorMessage(failureReason)} · retrying` }) }) }));
     }
@@ -571,35 +656,35 @@ export function ReviewScreen({ ctx, projectName, session, changeId, onBack, onQu
                 ? " comments · ↑↓/jk move · enter anchor · a accept/address · x dismiss · u reopen · tab pane"
                 : ` diff · ↑↓/jk lines · n/p files · [/ ] hunks · v range${rangeStart === null ? "" : `:${rangeStart}`} · c inline · C change · d layout · w wrap · z whitespace`
         : " ctrl+enter save · esc cancel";
-    const sidebar = wide ? (_jsxs("box", { width: 36, flexShrink: 0, flexDirection: "column", backgroundColor: BG, children: [_jsx("box", { border: true, borderStyle: "rounded", borderColor: focus === "files" ? COBALT : RULE, title: ` files · ${files.length} `, titleAlignment: "left", backgroundColor: PANEL, flexGrow: 1, minHeight: 6, children: _jsx("scrollbox", { ref: fileScrollRef, focused: focus === "files", flexGrow: 1, minHeight: 0, style: {
-                        rootOptions: { backgroundColor: PANEL, border: false },
-                        wrapperOptions: { backgroundColor: PANEL },
-                        viewportOptions: { backgroundColor: PANEL },
-                        contentOptions: { backgroundColor: PANEL },
-                    }, children: files.map((file, index) => (_jsxs("box", { flexShrink: 0, flexDirection: "column", children: [index === 0 || files[index - 1]?.status !== file.status ? (_jsx("text", { height: 1, fg: FAINT, bg: "transparent", children: `  ${file.status}` })) : null, _jsx(FileRow, { file: file, selected: index === fileIndex })] }, file.path))) }) }), _jsx("box", { border: true, borderStyle: "rounded", borderColor: focus === "comments" ? COBALT : RULE, title: ` comments · ${openCount} open${draftCount > 0 ? ` · ${draftCount} draft` : ""} `, titleAlignment: "left", backgroundColor: PANEL, flexGrow: 1, minHeight: 6, children: _jsx("scrollbox", { ref: commentScrollRef, focused: focus === "comments", flexGrow: 1, minHeight: 0, style: {
-                        rootOptions: { backgroundColor: PANEL, border: false },
-                        wrapperOptions: { backgroundColor: PANEL },
-                        viewportOptions: { backgroundColor: PANEL },
-                        contentOptions: { backgroundColor: PANEL },
+    const sidebar = wide ? (_jsxs("box", { width: 36, flexShrink: 0, flexDirection: "column", backgroundColor: "transparent", children: [_jsx("box", { border: true, borderStyle: "rounded", borderColor: focus === "files" ? COBALT : RULE, title: ` files · ${files.length} `, titleAlignment: "left", backgroundColor: "transparent", flexGrow: 1, minHeight: 6, children: _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) => (_jsxs("box", { flexShrink: 0, flexDirection: "column", children: [index === 0 || files[index - 1]?.status !== file.status ? (_jsx("text", { height: 1, fg: FAINT, bg: "transparent", children: `  ${file.status}` })) : null, _jsx(FileRow, { file: file, selected: index === fileIndex })] }, file.path))) }) }), _jsx("box", { border: true, borderStyle: "rounded", borderColor: focus === "comments" ? COBALT : RULE, title: ` comments · ${openCount} open${draftCount > 0 ? ` · ${draftCount} draft` : ""} `, titleAlignment: "left", backgroundColor: "transparent", flexGrow: 1, minHeight: 6, children: _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 ? (_jsx("text", { height: 1, fg: FAINT, bg: "transparent", children: "  no review comments yet" })) : (comments.map((comment, index) => (_jsx(CommentRow, { comment: comment, selected: index === commentIndex }, comment.id)))) }) })] })) : null;
-    return (_jsxs("box", { flexGrow: 1, flexDirection: "column", backgroundColor: BG, children: [_jsxs("box", { height: 2, flexShrink: 0, flexDirection: "column", backgroundColor: BG, children: [_jsxs("text", { height: 1, bg: "transparent", children: [_jsx("span", { fg: INK, children: " mend" }), _jsx("span", { fg: FAINT, children: " / " }), _jsx("span", { fg: MUTED, children: projectName }), _jsx("span", { fg: FAINT, children: " / " }), _jsx("span", { fg: COBALT, children: "review" }), _jsxs("span", { fg: FAINT, children: [" ", "\u00B7 ", session.harness, " ", session.id.slice(0, 8)] }), isFetching ? _jsx("span", { fg: COBALT, children: " \u00B7 syncing" }) : null, _jsx("span", { fg: checkpointState === "failed" ? AMBER : FAINT, children: checkpointState === "recording"
+    return (_jsxs("box", { flexGrow: 1, flexDirection: "column", backgroundColor: "transparent", children: [_jsxs("box", { height: 2, flexShrink: 0, flexDirection: "column", backgroundColor: "transparent", children: [_jsxs("text", { height: 1, bg: "transparent", children: [_jsx("span", { fg: INK, children: " mend" }), _jsx("span", { fg: FAINT, children: " / " }), _jsx("span", { fg: MUTED, children: projectName }), _jsx("span", { fg: FAINT, children: " / " }), _jsx("span", { fg: INK, children: "review" }), _jsxs("span", { fg: FAINT, children: [" ", "\u00B7 ", session.harness, " ", session.id.slice(0, 8)] }), isFetching ? _jsx("span", { fg: FAINT, children: " \u00B7 syncing" }) : null, _jsx("span", { fg: checkpointState === "failed" ? MUTED : FAINT, children: checkpointState === "recording"
                                     ? " · checkpointing"
                                     : checkpointState === "failed"
                                         ? " · checkpoint incomplete"
-                                        : " · checkpoint recorded" })] }), _jsxs("text", { height: 1, bg: "transparent", children: [_jsxs("span", { fg: FAINT, children: [" ", data.wire.change.branch.replace(/^mend\/session\//, "session ")] }), _jsxs("span", { fg: FAINT, children: [" \u00B7 worktree vs ", data.wire.change.baseSha.slice(0, 12), " \u00B7 "] }), _jsxs("span", { fg: MUTED, children: [files.length, " files"] }), _jsxs("span", { fg: GREEN, children: [" +", additions] }), _jsxs("span", { fg: RED, children: [" \u2212", deletions] }), _jsxs("span", { fg: AMBER, children: [" \u00B7 ", openCount, " open"] })] })] }), _jsx(Description, { data: data, tourIndex: activeTourIndex, stale: tourStale, width: width, height: descriptionHeight }), _jsxs("box", { flexGrow: 1, minHeight: 0, flexDirection: "row", backgroundColor: BG, children: [sidebar, _jsxs("box", { flexGrow: 1, minWidth: 0, minHeight: 0, flexDirection: "column", backgroundColor: BG, children: [_jsx("box", { border: true, borderStyle: "rounded", borderColor: focus === "diff" ? COBALT : RULE, title: selectedFile === null
+                                        : " · checkpoint recorded" })] }), _jsxs("text", { height: 1, bg: "transparent", children: [_jsxs("span", { fg: FAINT, children: [" ", data.wire.change.branch.replace(/^mend\/session\//, "session ")] }), _jsxs("span", { fg: FAINT, children: [" \u00B7 worktree vs ", data.wire.change.baseSha.slice(0, 12), " \u00B7 "] }), _jsxs("span", { fg: MUTED, children: [files.length, " files"] }), _jsxs("span", { fg: GREEN, children: [" +", additions] }), _jsxs("span", { fg: RED, children: [" \u2212", deletions] }), _jsxs("span", { fg: MUTED, children: [" \u00B7 ", openCount, " open"] })] })] }), _jsx(Description, { data: data, tourIndex: activeTourIndex, stale: tourStale, width: width, height: descriptionHeight }), _jsxs("box", { flexGrow: 1, minHeight: 0, flexDirection: "row", backgroundColor: "transparent", children: [sidebar, _jsxs("box", { flexGrow: 1, minWidth: 0, minHeight: 0, flexDirection: "column", backgroundColor: "transparent", children: [_jsx("box", { border: true, borderStyle: "rounded", borderColor: focus === "diff" ? COBALT : RULE, title: selectedFile === null
                                     ? " diff "
-                                    : ` ${selectedFile.path} · ${view}${selectedFile.likelyGenerated ? " · inferred likely generated" : ""}${showWhitespace ? " · whitespace" : ""}${wrap ? " · wrapped" : ""} `, titleAlignment: "left", backgroundColor: PANEL, flexGrow: 1, minHeight: 0, children: selectedFile === null || selectedFile.patch === "" || selectedFile.binary ? (_jsx("box", { flexGrow: 1, alignItems: "center", justifyContent: "center", children: _jsx("text", { fg: FAINT, bg: "transparent", children: files.length === 0
+                                    : ` ${selectedFile.path} · ${view}${selectedFile.likelyGenerated ? " · inferred likely generated" : ""}${showWhitespace ? " · whitespace" : ""}${wrap ? " · wrapped" : ""} `, titleAlignment: "left", backgroundColor: "transparent", flexGrow: 1, minHeight: 0, children: selectedFile === null || selectedFile.patch === "" || selectedFile.binary ? (_jsx("box", { flexGrow: 1, alignItems: "center", justifyContent: "center", children: _jsx("text", { fg: FAINT, bg: "transparent", children: files.length === 0
                                             ? "The worktree matches its base — nothing to review yet."
                                             : selectedFile?.binary === true
                                                 ? "Binary change — text diff unavailable; statistics remain reviewable."
                                                 : "This file has no renderable text patch." }) })) : (_jsx("scrollbox", { ref: diffScrollRef, focused: focus === "diff", flexGrow: 1, minHeight: 0, scrollX: true, style: {
-                                        rootOptions: { backgroundColor: PANEL, border: false },
-                                        wrapperOptions: { backgroundColor: PANEL },
-                                        viewportOptions: { backgroundColor: PANEL },
-                                        contentOptions: { backgroundColor: PANEL },
+                                        rootOptions: { backgroundColor: "transparent", border: false },
+                                        wrapperOptions: { backgroundColor: "transparent" },
+                                        viewportOptions: { backgroundColor: "transparent" },
+                                        contentOptions: { backgroundColor: "transparent" },
                                     }, children: _jsx("diff", { ref: diffRef, diff: displayPatch, view: view, syncScroll: true, ...(selectedFile.filetype === undefined
                                             ? {}
-                                            : { filetype: selectedFile.filetype }), syntaxStyle: 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 ? (_jsx(EvidenceCard, { comment: detailComment, width: wide ? width - 38 : width })) : height < 30 && activeTourStop !== null ? (_jsx(CompactTourEvidence, { stop: activeTourStop, index: activeTourIndex, total: tourStops.length, width: width })) : detailComment === null ? null : (_jsx(EvidenceCard, { comment: detailComment, width: wide ? width - 38 : width }))] })] }), editor === null ? null : (_jsx(EditorPanel, { editor: editor, refValue: editorRef, busy: busy, onSubmit: () => void submitEditor() })), _jsx("text", { height: 1, fg: status === "" ? FAINT : AMBER, bg: "transparent", children: status === ""
+                                            : { filetype: selectedFile.filetype }), syntaxStyle: 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 ? (_jsx(EvidenceCard, { comment: detailComment, width: wide ? width - 38 : width })) : height < 30 && activeTourStop !== null ? (_jsx(CompactTourEvidence, { stop: activeTourStop, index: activeTourIndex, total: tourStops.length, width: width })) : detailComment === null ? null : (_jsx(EvidenceCard, { comment: detailComment, width: wide ? width - 38 : width }))] })] }), editor === null ? null : (_jsx(EditorPanel, { editor: editor, refValue: editorRef, busy: busy, onSubmit: () => void submitEditor() })), _jsx("text", { height: 1, fg: status === "" ? FAINT : INK_2, bg: "transparent", children: status === ""
                     ? ` m read · g suggest · t tour · ,/. tour stops · s draft review${data.followUp?.status === "pending" ? " · y deliver & relaunch" : ""} · o web · r refresh`
                     : ` ${status}` }), _jsx("text", { height: 1, fg: FAINT, bg: "transparent", children: footer })] }));
 }

package/dist/shared.js

@@ -20,6 +20,14 @@ export const CONTINUE_COMMANDS = {
 };
 /** Mirror of @mend/domain/workbench harness-launch.ts — the CLI ships dependency-free. */
 export const EFFORT_LEVELS = ["low", "medium", "high", "xhigh", "max"];
+/**
+ * Ids of optimistic cache rows the server has not named yet — a session still
+ * provisioning, a review comment still saving. Anything that would send such
+ * an id to the server checks here first and waits instead.
+ */
+export const PENDING_ID_PREFIX = "pending:";
+export const pendingId = () => `${PENDING_ID_PREFIX}${crypto.randomUUID()}`;
+export const isPendingId = (id) => id.startsWith(PENDING_ID_PREFIX);
 const LAUNCH_ERROR = {
     project: null,
     prompt: null,

package/dist/tui-theme.js

@@ -1,25 +1,36 @@
 /**
- * Evidence Review's canonical dark tokens, transcribed from
- * packages/ui/src/styles/globals.css because a terminal cannot consume CSS
- * custom properties. Component code imports semantic names from here; this
- * file is the CLI's single color authority.
+ * The TUI's theme: a drawn interface with NO painted background — the
+ * terminal's own ground shows through everything, and the borders alone
+ * draw the panes. The only fills left are the ones that state something:
+ * the selection row and the diff add/delete washes. Chrome is near-mono;
+ * color appears only where it is a fact. Component code imports semantic
+ * names from here; this file is the CLI's single color authority.
  */
-export const BG = "#1c1c1f";
-export const PANEL = "#232327";
-export const INK = "#eceae6";
-export const INK_2 = "#c2c0bd";
-export const MUTED = "#9a978f";
-export const FAINT = "#76746d";
-export const RULE = "#2e2c28";
-export const COBALT = "#5781ea";
-export const WASH = "#1a2238";
-export const AMBER = "#d9a93a";
-export const GREEN = "#5faf78";
-export const RED = "#e0726a";
-export const ADD_WASH = "#29312f";
-export const DELETE_WASH = "#342a2d";
+/** Primary text. */
+export const INK = "#eeece8";
+/** Secondary text. */
+export const INK_2 = "#c9c7c2";
+/** Tertiary text — labels, meta. */
+export const MUTED = "#a3a09a";
+/** The quietest legible step; anything darker reads as broken. */
+export const FAINT = "#807d76";
+/** Hairlines and panel borders — visible, not vanishing. */
+export const RULE = "#37374a";
+/**
+ * Interaction and selection — the ONE accent, and the only place chrome is
+ * allowed color: the focused pane border and the selection gutter bar.
+ */
+export const COBALT = "#6f96f5";
+/** The selection wash: a neutral lifted row — visible, not colorful. */
+export const WASH = "#2c2c35";
+export const AMBER = "#e2ab42";
+export const GREEN = "#69c189";
+export const RED = "#e87f76";
+/** Diff line washes — strong enough to scan, never louder than the ink. */
+export const ADD_WASH = "#20362a";
+export const DELETE_WASH = "#3c2b2e";
 /** Syntax colors are centralized too; they are subordinate to semantic UI color. */
-export const SYNTAX_KEYWORD = "#c8a0e8";
-export const SYNTAX_STRING = "#8fc49f";
-export const SYNTAX_NUMBER = "#dfbd78";
-export const SYNTAX_FUNCTION = "#8eb7ef";
+export const SYNTAX_KEYWORD = "#cda6f2";
+export const SYNTAX_STRING = "#98cfa8";
+export const SYNTAX_NUMBER = "#e6c37e";
+export const SYNTAX_FUNCTION = "#94bdf7";

package/dist/workbench-events.js

@@ -0,0 +1,71 @@
+/**
+ * The dashboard's side of `/api/events` (the same SSE stream the web app
+ * reads): parse frames out of the byte stream, drop the `: ping` heartbeats,
+ * and map each pointer event to the query families it can actually stale —
+ * mirroring apps/web/src/lib/workbench-events.ts, reduced to the TUI's two
+ * cache families. Pure functions; dashboard.tsx owns the socket and the
+ * QueryClient.
+ */
+/**
+ * An incremental SSE frame splitter: feed decoded text chunks, get back the
+ * `data:` payloads of every frame completed so far. Comment-only frames (the
+ * heartbeat) produce nothing.
+ */
+export const 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;
+        },
+    };
+};
+/**
+ * Which families one event payload stales. `session-progress` is deliberately
+ * nothing — it fires per record line while an agent works, and the dashboard
+ * renders no live lines; treating it as a pointer refetched the entire
+ * workbench on a 250ms loop for as long as a session was busy. Unknown types
+ * are also nothing, like the web: every state change the TUI renders emits
+ * one of the types below, and `r` remains the manual override.
+ */
+export const 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 "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 [];
+    }
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sealant/mend",
-  "version": "0.9.0",
+  "version": "0.10.0",
   "description": "The mend CLI: adopt a repository into Mend's store, launch your coding agent in a recorded session worktree, detach and reattach from any terminal",
   "keywords": [
     "claude-code",