@adecore/agents-react 0.41.1 → 0.42.0

package/dist/chat/ui/rows/WorkRows.js

@@ -11,11 +11,12 @@ import { useChatHost } from '../../../host.js';
 import { useCommandNames } from '../../../host-hooks.js';
 import { lazyNamed } from '../../../lazy.js';
 import { useChatActions } from '../../actions.js';
+import { formatBytes } from '../../attachments.js';
 import { ChatScopeContext, useChatScope } from '../../../scope.js';
 import { useAwaitsApproval, useCurrentItem } from '../../../state/chats.js';
 import { useTimelineFlash } from '../../timeline-flash.js';
 import { formatClockDuration, formatElapsedShort } from '@adecore/ui/format';
-import { Icon, LazyBoundary, MiddleTruncate, Spinner, useTickingText } from '@adecore/ui';
+import { Button, Icon, LazyBoundary, MiddleTruncate, Spinner, useTickingText } from '@adecore/ui';
 import { ROW_GUTTER, toolIcon } from '../icons.js';
 import { AnsiOutput } from '../AnsiOutput.js';
 import { RowTime } from '../RowTime.js';
@@ -561,14 +562,257 @@ function ChangedFileLine(t0) {
   }
   return t8;
 }
+/* The whole of what the thread keeps only the beginning of, loaded once a person asks; a failure can be tried again. */
+function useWhole(fetch) {
+  const $ = _c(8);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = {
+      status: "idle"
+    };
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  const [state, setState] = useState(t0);
+  if (fetch === null) {
+    let t1;
+    if ($[1] !== state) {
+      t1 = {
+        state,
+        load: null
+      };
+      $[1] = state;
+      $[2] = t1;
+    } else {
+      t1 = $[2];
+    }
+    return t1;
+  }
+  let t1;
+  if ($[3] !== fetch) {
+    t1 = () => {
+      setState({
+        status: "loading"
+      });
+      fetch().then(value => setState({
+        status: "loaded",
+        value
+      }), () => setState({
+        status: "failed"
+      }));
+    };
+    $[3] = fetch;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  const load = t1;
+  let t2;
+  if ($[5] !== load || $[6] !== state) {
+    t2 = {
+      state,
+      load
+    };
+    $[5] = load;
+    $[6] = state;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  return t2;
+}
+/* The line under a beginning that offers the rest: its size when known, and a retry after a failure. */
+function WholeBar(t0) {
+  const $ = _c(22);
+  const {
+    whole,
+    label,
+    failedLabel,
+    bytes
+  } = t0;
+  const {
+    t
+  } = useTranslation("agent-chat");
+  const {
+    state,
+    load
+  } = whole;
+  if (load === null || state.status === "loaded") {
+    return null;
+  }
+  const failed = state.status === "failed";
+  const loading = state.status === "loading";
+  let t1;
+  if ($[0] !== failed || $[1] !== failedLabel) {
+    t1 = failed && /*#__PURE__*/_jsx("span", {
+      className: "text-status-error",
+      children: failedLabel
+    });
+    $[0] = failed;
+    $[1] = failedLabel;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  let t2;
+  if ($[3] !== bytes || $[4] !== failed || $[5] !== t) {
+    t2 = !failed && bytes !== undefined && /*#__PURE__*/_jsx("span", {
+      children: t("work.wholeSize", {
+        size: formatBytes(bytes)
+      })
+    });
+    $[3] = bytes;
+    $[4] = failed;
+    $[5] = t;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  let t3;
+  if ($[7] !== loading) {
+    t3 = loading && /*#__PURE__*/_jsx(Spinner, {
+      size: 12
+    });
+    $[7] = loading;
+    $[8] = t3;
+  } else {
+    t3 = $[8];
+  }
+  let t4;
+  if ($[9] !== failed || $[10] !== label || $[11] !== t) {
+    t4 = failed ? t("work.retry") : label;
+    $[9] = failed;
+    $[10] = label;
+    $[11] = t;
+    $[12] = t4;
+  } else {
+    t4 = $[12];
+  }
+  let t5;
+  if ($[13] !== load || $[14] !== loading || $[15] !== t3 || $[16] !== t4) {
+    t5 = /*#__PURE__*/_jsxs(Button, {
+      size: "xs",
+      variant: "secondary",
+      disabled: loading,
+      onClick: load,
+      children: [t3, t4]
+    });
+    $[13] = load;
+    $[14] = loading;
+    $[15] = t3;
+    $[16] = t4;
+    $[17] = t5;
+  } else {
+    t5 = $[17];
+  }
+  let t6;
+  if ($[18] !== t1 || $[19] !== t2 || $[20] !== t5) {
+    t6 = /*#__PURE__*/_jsxs("div", {
+      className: "flex items-center gap-2 py-1.5 font-sans text-xs text-text-faint",
+      children: [t1, t2, t5]
+    });
+    $[18] = t1;
+    $[19] = t2;
+    $[20] = t5;
+    $[21] = t6;
+  } else {
+    t6 = $[21];
+  }
+  return t6;
+}
+/* What a call answered as far as the thread shows it, and the whole once a person asks: from the host when the item carries only the beginning. */
+function useToolText(tool, chatId) {
+  const $ = _c(9);
+  const {
+    toolOutput
+  } = useChatActions();
+  const stored = tool.outputRef !== undefined;
+  let fetch = null;
+  if (stored && chatId !== undefined && toolOutput !== undefined) {
+    let t0;
+    if ($[0] !== chatId || $[1] !== tool.id || $[2] !== toolOutput) {
+      t0 = () => toolOutput(chatId, tool.id);
+      $[0] = chatId;
+      $[1] = tool.id;
+      $[2] = toolOutput;
+      $[3] = t0;
+    } else {
+      t0 = $[3];
+    }
+    fetch = t0;
+  } else {
+    if (!stored && (tool.output?.length ?? 0) > OUTPUT_LIMIT) {
+      let t0;
+      if ($[4] !== tool.output) {
+        t0 = () => Promise.resolve(tool.output);
+        $[4] = tool.output;
+        $[5] = t0;
+      } else {
+        t0 = $[5];
+      }
+      fetch = t0;
+    }
+  }
+  const whole = useWhole(fetch);
+  const t0 = whole.state.status === "loaded" ? whole.state.value : tool.output;
+  let t1;
+  if ($[6] !== t0 || $[7] !== whole) {
+    t1 = {
+      text: t0,
+      whole
+    };
+    $[6] = t0;
+    $[7] = whole;
+    $[8] = t1;
+  } else {
+    t1 = $[8];
+  }
+  return t1;
+}
+/* An output clipped while it is the beginning and whole once loaded. A beginning the host keeps the rest of counts no characters it cannot see. */
+function OutputText(t0) {
+  const $ = _c(4);
+  const {
+    text,
+    whole,
+    stored
+  } = t0;
+  const loaded = whole.state.status === "loaded";
+  const t1 = loaded ? undefined : OUTPUT_LIMIT;
+  const t2 = loaded || !stored;
+  let t3;
+  if ($[0] !== t1 || $[1] !== t2 || $[2] !== text) {
+    t3 = /*#__PURE__*/_jsx(AnsiOutput, {
+      text: text,
+      limit: t1,
+      marksOmitted: t2
+    });
+    $[0] = t1;
+    $[1] = t2;
+    $[2] = text;
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  return t3;
+}
 /* A diff keeps its card, with what the call answered under it. */
 function DiffBody(t0) {
-  const $ = _c(9);
+  const $ = _c(11);
   const {
     tool,
     entries,
-    patched
+    patched,
+    chatId
   } = t0;
+  const {
+    t
+  } = useTranslation("agent-chat");
+  const {
+    text,
+    whole
+  } = useToolText(tool, chatId);
   let t1;
   if ($[0] !== entries) {
     t1 = /*#__PURE__*/_jsx(DiffStack, {
@@ -580,111 +824,165 @@ function DiffBody(t0) {
     t1 = $[1];
   }
   let t2;
-  if ($[2] !== patched || $[3] !== tool.output || $[4] !== tool.state) {
-    t2 = hasOutput(tool.output) && !patched && /*#__PURE__*/_jsx("pre", {
-      "data-find-field": "output",
-      className: clsx("max-h-64 overflow-auto whitespace-pre-wrap border-t border-border px-3 py-2 font-mono text-code select-text", tool.state === "error" ? "text-chat-removed" : "text-chat-output"),
-      children: /*#__PURE__*/_jsx(AnsiOutput, {
-        text: tool.output,
-        limit: OUTPUT_LIMIT
-      })
+  if ($[2] !== patched || $[3] !== t || $[4] !== text || $[5] !== tool || $[6] !== whole) {
+    t2 = hasOutput(text) && !patched && /*#__PURE__*/_jsxs("div", {
+      className: "border-t border-border px-3 py-2",
+      children: [/*#__PURE__*/_jsx("pre", {
+        "data-find-field": "output",
+        className: clsx("max-h-64 overflow-auto whitespace-pre-wrap font-mono text-code select-text", tool.state === "error" ? "text-chat-removed" : "text-chat-output"),
+        children: /*#__PURE__*/_jsx(OutputText, {
+          text: text,
+          whole: whole,
+          stored: tool.outputRef !== undefined
+        })
+      }), /*#__PURE__*/_jsx(WholeBar, {
+        whole: whole,
+        label: t("work.showFullOutput"),
+        failedLabel: t("work.fullOutputFailed"),
+        bytes: tool.outputRef?.bytes
+      })]
     });
     $[2] = patched;
-    $[3] = tool.output;
-    $[4] = tool.state;
-    $[5] = t2;
+    $[3] = t;
+    $[4] = text;
+    $[5] = tool;
+    $[6] = whole;
+    $[7] = t2;
   } else {
-    t2 = $[5];
+    t2 = $[7];
   }
   let t3;
-  if ($[6] !== t1 || $[7] !== t2) {
+  if ($[8] !== t1 || $[9] !== t2) {
     t3 = /*#__PURE__*/_jsxs("div", {
       className: "mt-1.5 mb-2 ml-6 overflow-hidden rounded-md border border-border bg-surface-raised",
       children: [t1, t2]
     });
-    $[6] = t1;
-    $[7] = t2;
-    $[8] = t3;
+    $[8] = t1;
+    $[9] = t2;
+    $[10] = t3;
   } else {
-    t3 = $[8];
+    t3 = $[10];
   }
   return t3;
 }
 /* What a call answered, muted under the call; a failure in the error color, or its exit code when the tool names one. */
 function ToolOutput(t0) {
-  const $ = _c(10);
+  const $ = _c(22);
   const {
-    tool
+    tool,
+    chatId
   } = t0;
   const {
     t
   } = useTranslation("agent-chat");
-  if (!hasOutput(tool.output)) {
+  const {
+    text,
+    whole
+  } = useToolText(tool, chatId);
+  if (!hasOutput(text)) {
     return null;
   }
   const failed = tool.state === "error";
   let code;
   let t1;
-  if ($[0] !== failed || $[1] !== tool.output) {
+  if ($[0] !== failed || $[1] !== text || $[2] !== tool.outputRef || $[3] !== whole) {
     const {
       code: t2,
       rest
-    } = failed ? exitCodeOf(tool.output) : {
+    } = failed ? exitCodeOf(text) : {
       code: null,
-      rest: tool.output
+      rest: text
     };
     code = t2;
     t1 = hasOutput(rest) && /*#__PURE__*/_jsx("pre", {
       "data-find-field": "output",
       className: clsx("max-h-64 overflow-auto whitespace-pre-wrap", failed && code === null ? "text-status-error" : "text-text-muted"),
-      children: /*#__PURE__*/_jsx(AnsiOutput, {
+      children: /*#__PURE__*/_jsx(OutputText, {
         text: rest,
-        limit: OUTPUT_LIMIT
+        whole: whole,
+        stored: tool.outputRef !== undefined
       })
     });
     $[0] = failed;
-    $[1] = tool.output;
-    $[2] = code;
-    $[3] = t1;
+    $[1] = text;
+    $[2] = tool.outputRef;
+    $[3] = whole;
+    $[4] = code;
+    $[5] = t1;
   } else {
-    code = $[2];
-    t1 = $[3];
+    code = $[4];
+    t1 = $[5];
   }
   let t2;
-  if ($[4] !== code || $[5] !== t) {
-    t2 = code !== null && /*#__PURE__*/_jsx("div", {
+  if ($[6] !== t) {
+    t2 = t("work.showFullOutput");
+    $[6] = t;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  let t3;
+  if ($[8] !== t) {
+    t3 = t("work.fullOutputFailed");
+    $[8] = t;
+    $[9] = t3;
+  } else {
+    t3 = $[9];
+  }
+  const t4 = tool.outputRef?.bytes;
+  let t5;
+  if ($[10] !== t2 || $[11] !== t3 || $[12] !== t4 || $[13] !== whole) {
+    t5 = /*#__PURE__*/_jsx(WholeBar, {
+      whole: whole,
+      label: t2,
+      failedLabel: t3,
+      bytes: t4
+    });
+    $[10] = t2;
+    $[11] = t3;
+    $[12] = t4;
+    $[13] = whole;
+    $[14] = t5;
+  } else {
+    t5 = $[14];
+  }
+  let t6;
+  if ($[15] !== code || $[16] !== t) {
+    t6 = code !== null && /*#__PURE__*/_jsx("div", {
       className: "text-status-error",
       children: t("work.exitCode", {
         code: String(code)
       })
     });
-    $[4] = code;
-    $[5] = t;
-    $[6] = t2;
+    $[15] = code;
+    $[16] = t;
+    $[17] = t6;
   } else {
-    t2 = $[6];
+    t6 = $[17];
   }
-  let t3;
-  if ($[7] !== t1 || $[8] !== t2) {
-    t3 = /*#__PURE__*/_jsxs(_Fragment, {
-      children: [t1, t2]
+  let t7;
+  if ($[18] !== t1 || $[19] !== t5 || $[20] !== t6) {
+    t7 = /*#__PURE__*/_jsxs(_Fragment, {
+      children: [t1, t5, t6]
     });
-    $[7] = t1;
-    $[8] = t2;
-    $[9] = t3;
+    $[18] = t1;
+    $[19] = t5;
+    $[20] = t6;
+    $[21] = t7;
   } else {
-    t3 = $[9];
+    t7 = $[21];
   }
-  return t3;
+  return t7;
 }
-/* An opened call without a card: what it was asked in the foreground, what it answered muted below. */
+/* An opened call without a card: what it was asked in the foreground, what it answered muted below. With `chatId` it can ask for an output the thread keeps only the beginning of. */
 export function ToolBody(t0) {
-  const $ = _c(16);
+  const $ = _c(18);
   const {
-    tool
+    tool,
+    chatId
   } = t0;
   let t1;
-  if ($[0] !== tool) {
+  if ($[0] !== chatId || $[1] !== tool) {
     t1 = Symbol.for("react.early_return_sentinel");
     bb0: {
       const patches = unifiedChanges(tool);
@@ -693,15 +991,17 @@ export function ToolBody(t0) {
         t1 = /*#__PURE__*/_jsx(DiffBody, {
           tool: tool,
           entries: reviewEntries(patches, changes),
-          patched: patches.length > 0
+          patched: patches.length > 0,
+          chatId: chatId
         });
         break bb0;
       }
     }
-    $[0] = tool;
-    $[1] = t1;
+    $[0] = chatId;
+    $[1] = tool;
+    $[2] = t1;
   } else {
-    t1 = $[1];
+    t1 = $[2];
   }
   if (t1 !== Symbol.for("react.early_return_sentinel")) {
     return t1;
@@ -710,7 +1010,7 @@ export function ToolBody(t0) {
   let t3;
   let t4;
   let t5;
-  if ($[2] !== tool.input || $[3] !== tool.name) {
+  if ($[3] !== tool.input || $[4] !== tool.name) {
     const lines = toolCallLines(tool.name, tool.input);
     t2 = "mt-0.5 mb-2 ml-6 flex flex-col gap-1.5 font-mono text-code select-text";
     t3 = lines.command !== null && /*#__PURE__*/_jsxs("pre", {
@@ -727,42 +1027,44 @@ export function ToolBody(t0) {
       className: "max-h-64 overflow-auto whitespace-pre-wrap wrap-anywhere text-text",
       children: clip(lines.text)
     });
-    $[2] = tool.input;
-    $[3] = tool.name;
-    $[4] = t2;
-    $[5] = t3;
-    $[6] = t4;
-    $[7] = t5;
+    $[3] = tool.input;
+    $[4] = tool.name;
+    $[5] = t2;
+    $[6] = t3;
+    $[7] = t4;
+    $[8] = t5;
   } else {
-    t2 = $[4];
-    t3 = $[5];
-    t4 = $[6];
-    t5 = $[7];
+    t2 = $[5];
+    t3 = $[6];
+    t4 = $[7];
+    t5 = $[8];
   }
   let t6;
-  if ($[8] !== tool) {
+  if ($[9] !== chatId || $[10] !== tool) {
     t6 = /*#__PURE__*/_jsx(ToolOutput, {
-      tool: tool
+      tool: tool,
+      chatId: chatId
     });
-    $[8] = tool;
-    $[9] = t6;
+    $[9] = chatId;
+    $[10] = tool;
+    $[11] = t6;
   } else {
-    t6 = $[9];
+    t6 = $[11];
   }
   let t7;
-  if ($[10] !== t2 || $[11] !== t3 || $[12] !== t4 || $[13] !== t5 || $[14] !== t6) {
+  if ($[12] !== t2 || $[13] !== t3 || $[14] !== t4 || $[15] !== t5 || $[16] !== t6) {
     t7 = /*#__PURE__*/_jsxs("div", {
       className: t2,
       children: [t3, t4, t5, t6]
     });
-    $[10] = t2;
-    $[11] = t3;
-    $[12] = t4;
-    $[13] = t5;
-    $[14] = t6;
-    $[15] = t7;
+    $[12] = t2;
+    $[13] = t3;
+    $[14] = t4;
+    $[15] = t5;
+    $[16] = t6;
+    $[17] = t7;
   } else {
-    t7 = $[15];
+    t7 = $[17];
   }
   return t7;
 }
@@ -783,7 +1085,7 @@ function _temp(t0) {
   }, key);
 }
 export function WorkRow(t0) {
-  const $ = _c(56);
+  const $ = _c(57);
   const {
     tool,
     chatId,
@@ -938,32 +1240,34 @@ export function WorkRow(t0) {
     t16 = $[45];
   }
   let t17;
-  if ($[46] !== open || $[47] !== opens || $[48] !== tool) {
+  if ($[46] !== chatId || $[47] !== open || $[48] !== opens || $[49] !== tool) {
     t17 = open && opens && /*#__PURE__*/_jsx(ToolBody, {
-      tool: tool
+      tool: tool,
+      chatId: chatId
     });
-    $[46] = open;
-    $[47] = opens;
-    $[48] = tool;
-    $[49] = t17;
+    $[46] = chatId;
+    $[47] = open;
+    $[48] = opens;
+    $[49] = tool;
+    $[50] = t17;
   } else {
-    t17 = $[49];
+    t17 = $[50];
   }
   let t18;
-  if ($[50] !== t15 || $[51] !== t16 || $[52] !== t17 || $[53] !== t5 || $[54] !== tool.id) {
+  if ($[51] !== t15 || $[52] !== t16 || $[53] !== t17 || $[54] !== t5 || $[55] !== tool.id) {
     t18 = /*#__PURE__*/_jsxs("div", {
       "data-find-item": tool.id,
       className: t5,
       children: [t15, t16, t17]
     });
-    $[50] = t15;
-    $[51] = t16;
-    $[52] = t17;
-    $[53] = t5;
-    $[54] = tool.id;
-    $[55] = t18;
+    $[51] = t15;
+    $[52] = t16;
+    $[53] = t17;
+    $[54] = t5;
+    $[55] = tool.id;
+    $[56] = t18;
   } else {
-    t18 = $[55];
+    t18 = $[56];
   }
   return t18;
 }
@@ -1006,7 +1310,7 @@ export function RunningFor(t0) {
 }
 /* A call still running: its timer on the line, and for a provider that streams output, the last lines under it. */
 export function WorkLiveRow(t0) {
-  const $ = _c(49);
+  const $ = _c(50);
   const {
     chatId,
     tool: derived
@@ -1150,19 +1454,21 @@ export function WorkLiveRow(t0) {
     t14 = $[37];
   }
   let t15;
-  if ($[38] !== open || $[39] !== opens || $[40] !== tool) {
+  if ($[38] !== chatId || $[39] !== open || $[40] !== opens || $[41] !== tool) {
     t15 = open && opens && /*#__PURE__*/_jsx(ToolBody, {
-      tool: tool
+      tool: tool,
+      chatId: chatId
     });
-    $[38] = open;
-    $[39] = opens;
-    $[40] = tool;
-    $[41] = t15;
+    $[38] = chatId;
+    $[39] = open;
+    $[40] = opens;
+    $[41] = tool;
+    $[42] = t15;
   } else {
-    t15 = $[41];
+    t15 = $[42];
   }
   let t16;
-  if ($[42] !== open || $[43] !== tail) {
+  if ($[43] !== open || $[44] !== tail) {
     t16 = tail !== null && !open && /*#__PURE__*/_jsx("pre", {
       className: "mt-1.5 mb-2 ml-6 max-h-48 overflow-auto rounded-md border border-border bg-surface-raised px-3 py-2 font-mono text-code whitespace-pre-wrap text-chat-output select-text",
       children: /*#__PURE__*/_jsx(AnsiOutput, {
@@ -1170,23 +1476,23 @@ export function WorkLiveRow(t0) {
         tailLines: 12
       })
     });
-    $[42] = open;
-    $[43] = tail;
-    $[44] = t16;
+    $[43] = open;
+    $[44] = tail;
+    $[45] = t16;
   } else {
-    t16 = $[44];
+    t16 = $[45];
   }
   let t17;
-  if ($[45] !== t14 || $[46] !== t15 || $[47] !== t16) {
+  if ($[46] !== t14 || $[47] !== t15 || $[48] !== t16) {
     t17 = /*#__PURE__*/_jsxs("div", {
       children: [t14, t15, t16]
     });
-    $[45] = t14;
-    $[46] = t15;
-    $[47] = t16;
-    $[48] = t17;
+    $[46] = t14;
+    $[47] = t15;
+    $[48] = t16;
+    $[49] = t17;
   } else {
-    t17 = $[48];
+    t17 = $[49];
   }
   return t17;
 }
@@ -1401,12 +1707,16 @@ function _temp5(t0) {
 function omittedLabel(reason) {
   return reason === 'binary' ? i18next.t('agent-chat:work.omitted.binary') : i18next.t('agent-chat:work.omitted.tooLarge');
 }
-/* One file of a turn's checkpoint diff: its patch, or the reason there is none. */
+/* One file of a turn's checkpoint diff: its patch, the reason there is none, or the offer of the whole diff where the thread held this one back. */
 function CheckpointFileBody(t0) {
-  const $ = _c(6);
+  const $ = _c(14);
   const {
-    file
+    file,
+    whole
   } = t0;
+  const {
+    t
+  } = useTranslation("agent-chat");
   if (file.omitted) {
     let t1;
     if ($[0] !== file.omitted) {
@@ -1429,17 +1739,53 @@ function CheckpointFileBody(t0) {
     }
     return t2;
   }
+  if (whole !== null && file.diff === "") {
+    let t1;
+    if ($[4] !== t) {
+      t1 = t("work.showFullDiff");
+      $[4] = t;
+      $[5] = t1;
+    } else {
+      t1 = $[5];
+    }
+    let t2;
+    if ($[6] !== t) {
+      t2 = t("work.fullDiffFailed");
+      $[6] = t;
+      $[7] = t2;
+    } else {
+      t2 = $[7];
+    }
+    let t3;
+    if ($[8] !== t1 || $[9] !== t2 || $[10] !== whole) {
+      t3 = /*#__PURE__*/_jsx("div", {
+        className: "px-3",
+        children: /*#__PURE__*/_jsx(WholeBar, {
+          whole: whole,
+          label: t1,
+          failedLabel: t2
+        })
+      });
+      $[8] = t1;
+      $[9] = t2;
+      $[10] = whole;
+      $[11] = t3;
+    } else {
+      t3 = $[11];
+    }
+    return t3;
+  }
   let t1;
-  if ($[4] !== file) {
+  if ($[12] !== file) {
     t1 = /*#__PURE__*/_jsx(DiffSuspense, {
       children: /*#__PURE__*/_jsx(UnifiedDiff, {
         change: file
       })
     });
-    $[4] = file;
-    $[5] = t1;
+    $[12] = file;
+    $[13] = t1;
   } else {
-    t1 = $[5];
+    t1 = $[13];
   }
   return t1;
 }
@@ -1623,34 +1969,50 @@ function ChangedFilesCard(t0) {
  * checkpoint diff comes first (the working tree against the tree the turn started from), then the
  * unified diffs the CLI reported, then the before and after of its own edits. A turn that has a
  * checkpoint but no stored diff asks the host for one, which is also how a running turn gets it.
+ * A diff the thread keeps only the first files of (`heldBack`) asks for the whole when a person does.
  */
 function _temp6(value) {
   return !value;
 }
 export function ChangedFilesRow(t0) {
-  const $ = _c(34);
+  const $ = _c(45);
   const {
     tools,
     diff,
     checkpoint,
     baseMoved,
     chatId,
-    turnId
+    turnId,
+    heldBack: t1
   } = t0;
-  let t1;
+  const heldBack = t1 === undefined ? false : t1;
+  let t2;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t1 = {};
-    $[0] = t1;
+    t2 = {};
+    $[0] = t2;
   } else {
-    t1 = $[0];
+    t2 = $[0];
   }
-  const [open, setOpen] = useState(t1);
+  const [open, setOpen] = useState(t2);
   const [fetched, setFetched] = useState(null);
   const actions = useChatActions();
-  let t2;
   let t3;
-  if ($[1] !== actions || $[2] !== chatId || $[3] !== checkpoint || $[4] !== diff || $[5] !== turnId) {
-    t2 = () => {
+  if ($[1] !== actions || $[2] !== chatId || $[3] !== heldBack || $[4] !== turnId) {
+    t3 = heldBack ? () => actions.turnDiff(chatId, turnId) : null;
+    $[1] = actions;
+    $[2] = chatId;
+    $[3] = heldBack;
+    $[4] = turnId;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  const whole = useWhole(t3);
+  const loaded = whole.state.status === "loaded" ? whole.state.value : null;
+  let t4;
+  let t5;
+  if ($[6] !== actions || $[7] !== chatId || $[8] !== checkpoint || $[9] !== diff || $[10] !== turnId) {
+    t4 = () => {
       if (diff !== null || !checkpoint) {
         return;
       }
@@ -1664,61 +2026,61 @@ export function ChangedFilesRow(t0) {
         alive = false;
       };
     };
-    t3 = [actions, chatId, turnId, diff, checkpoint];
-    $[1] = actions;
-    $[2] = chatId;
-    $[3] = checkpoint;
-    $[4] = diff;
-    $[5] = turnId;
-    $[6] = t2;
-    $[7] = t3;
-  } else {
-    t2 = $[6];
-    t3 = $[7];
-  }
-  useEffect(t2, t3);
-  const checkpointDiff = diff ?? fetched;
+    t5 = [actions, chatId, turnId, diff, checkpoint];
+    $[6] = actions;
+    $[7] = chatId;
+    $[8] = checkpoint;
+    $[9] = diff;
+    $[10] = turnId;
+    $[11] = t4;
+    $[12] = t5;
+  } else {
+    t4 = $[11];
+    t5 = $[12];
+  }
+  useEffect(t4, t5);
+  const checkpointDiff = loaded ?? diff ?? fetched;
   const {
     keyOf
   } = useChatScope();
   const flash = useTimelineFlash(_temp8);
-  let t4;
-  if ($[8] !== chatId || $[9] !== flash || $[10] !== keyOf || $[11] !== turnId) {
-    t4 = flash !== null && flash.opens && flash.key === keyOf(chatId) && flash.rowId === `files-${turnId}` ? flash.nonce : 0;
-    $[8] = chatId;
-    $[9] = flash;
-    $[10] = keyOf;
-    $[11] = turnId;
-    $[12] = t4;
+  let t6;
+  if ($[13] !== chatId || $[14] !== flash || $[15] !== keyOf || $[16] !== turnId) {
+    t6 = flash !== null && flash.opens && flash.key === keyOf(chatId) && flash.rowId === `files-${turnId}` ? flash.nonce : 0;
+    $[13] = chatId;
+    $[14] = flash;
+    $[15] = keyOf;
+    $[16] = turnId;
+    $[17] = t6;
   } else {
-    t4 = $[12];
+    t6 = $[17];
   }
-  const revealNonce = t4;
+  const revealNonce = t6;
   if (checkpointDiff !== null && checkpointDiff.files.length > 0) {
     const files = checkpointDiff.files;
-    const t5 = files.length;
-    const t6 = checkpointDiff.truncated;
-    let t7;
-    if ($[13] !== files) {
-      t7 = files.reduce(_temp9, 0);
-      $[13] = files;
-      $[14] = t7;
+    const t7 = files.length;
+    const t8 = checkpointDiff.truncated;
+    let t9;
+    if ($[18] !== files) {
+      t9 = files.reduce(_temp9, 0);
+      $[18] = files;
+      $[19] = t9;
     } else {
-      t7 = $[14];
+      t9 = $[19];
     }
-    let t8;
-    if ($[15] !== files) {
-      t8 = files.reduce(_temp0, 0);
-      $[15] = files;
-      $[16] = t8;
+    let t10;
+    if ($[20] !== files) {
+      t10 = files.reduce(_temp0, 0);
+      $[20] = files;
+      $[21] = t10;
     } else {
-      t8 = $[16];
+      t10 = $[21];
     }
-    let t9;
-    if ($[17] !== files || $[18] !== open) {
-      let t10;
-      if ($[20] !== open) {
-        t10 = file_1 => /*#__PURE__*/_jsx(ChangedFileLine, {
+    let t11;
+    if ($[22] !== files || $[23] !== heldBack || $[24] !== loaded || $[25] !== open || $[26] !== whole) {
+      let t12;
+      if ($[28] !== heldBack || $[29] !== loaded || $[30] !== open || $[31] !== whole) {
+        t12 = file_1 => /*#__PURE__*/_jsx(ChangedFileLine, {
           path: file_1.path,
           open: open[file_1.path] === true,
           onToggle: () => setOpen(o => ({
@@ -1735,61 +2097,68 @@ export function ChangedFilesRow(t0) {
             })]
           }),
           children: /*#__PURE__*/_jsx(CheckpointFileBody, {
-            file: file_1
+            file: file_1,
+            whole: loaded === null && heldBack ? whole : null
           })
         }, file_1.path);
-        $[20] = open;
-        $[21] = t10;
+        $[28] = heldBack;
+        $[29] = loaded;
+        $[30] = open;
+        $[31] = whole;
+        $[32] = t12;
       } else {
-        t10 = $[21];
+        t12 = $[32];
       }
-      t9 = files.map(t10);
-      $[17] = files;
-      $[18] = open;
-      $[19] = t9;
+      t11 = files.map(t12);
+      $[22] = files;
+      $[23] = heldBack;
+      $[24] = loaded;
+      $[25] = open;
+      $[26] = whole;
+      $[27] = t11;
     } else {
-      t9 = $[19];
+      t11 = $[27];
     }
-    let t10;
-    if ($[22] !== baseMoved || $[23] !== checkpointDiff.truncated || $[24] !== files.length || $[25] !== revealNonce || $[26] !== t7 || $[27] !== t8 || $[28] !== t9) {
-      t10 = /*#__PURE__*/_jsx(ChangedFilesCard, {
+    let t12;
+    if ($[33] !== baseMoved || $[34] !== checkpointDiff.truncated || $[35] !== files.length || $[36] !== revealNonce || $[37] !== t10 || $[38] !== t11 || $[39] !== t9) {
+      t12 = /*#__PURE__*/_jsx(ChangedFilesCard, {
         revealNonce: revealNonce,
         baseMoved: baseMoved,
-        count: t5,
-        truncated: t6,
-        added: t7,
-        deleted: t8,
-        children: t9
+        count: t7,
+        truncated: t8,
+        added: t9,
+        deleted: t10,
+        children: t11
       });
-      $[22] = baseMoved;
-      $[23] = checkpointDiff.truncated;
-      $[24] = files.length;
-      $[25] = revealNonce;
-      $[26] = t7;
-      $[27] = t8;
-      $[28] = t9;
-      $[29] = t10;
+      $[33] = baseMoved;
+      $[34] = checkpointDiff.truncated;
+      $[35] = files.length;
+      $[36] = revealNonce;
+      $[37] = t10;
+      $[38] = t11;
+      $[39] = t9;
+      $[40] = t12;
     } else {
-      t10 = $[29];
+      t12 = $[40];
     }
-    return t10;
+    return t12;
   }
-  let t5;
-  if ($[30] !== open || $[31] !== revealNonce || $[32] !== tools) {
-    t5 = /*#__PURE__*/_jsx(ProviderChangedFiles, {
+  let t7;
+  if ($[41] !== open || $[42] !== revealNonce || $[43] !== tools) {
+    t7 = /*#__PURE__*/_jsx(ProviderChangedFiles, {
       tools: tools,
       open: open,
       setOpen: setOpen,
       revealNonce: revealNonce
     });
-    $[30] = open;
-    $[31] = revealNonce;
-    $[32] = tools;
-    $[33] = t5;
+    $[41] = open;
+    $[42] = revealNonce;
+    $[43] = tools;
+    $[44] = t7;
   } else {
-    t5 = $[33];
+    t7 = $[44];
   }
-  return t5;
+  return t7;
 }
 function _temp0(sum_0, file_0) {
   return sum_0 + file_0.deleted;