@adecore/agents-react 0.31.11 → 0.32.0

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

@@ -1,4 +1,4 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
 import { Fragment, useContext, useEffect, useState } from 'react';
 import clsx from 'clsx';
 import i18next from 'i18next';
@@ -8,10 +8,11 @@ import { matchCommandLook } from '../../logic/command-looks.js';
 import { exitCodeOf, fileChanges, hasOutput, hasToolBody, liveOutput, readImagePath, shellCommand, toolCallLines, toolStartedAt, toolSummary, toolSummaryIsPath, unifiedChanges } from '../../logic/tools.js';
 import { useOpenForFind } from '../find-reveal.js';
 import { useChatHost } from '../../../host.js';
+import { useCommandNames } from '../../../host-hooks.js';
 import { lazyNamed } from '../../../lazy.js';
 import { useChatActions } from '../../actions.js';
 import { ChatScopeContext, useChatScope } from '../../../scope.js';
-import { useCurrentItem } from '../../../state/chats.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';
@@ -23,167 +24,1599 @@ import { DiffStack, ReviewStackView } from '../diff/DiffStack.js';
 import { reviewEntries } from '../diff/review-plan.js';
 import { useReviewStack } from '../diff/use-review-stack.js';
 // A checkpoint opens its renderer only when a file is expanded.
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 const UnifiedDiff = lazyNamed(() => import('../UnifiedDiff.js'), 'default');
 const OUTPUT_LIMIT = 4000;
 /* The line that says how much of a text past the limit is left out; empty for a text within it. */
 function clipNotice(text) {
-    return text.length > OUTPUT_LIMIT ? `\n${i18next.t('agent-chat:work.moreCharacters', { count: text.length - OUTPUT_LIMIT })}` : '';
+  return text.length > OUTPUT_LIMIT ? `\n${i18next.t('agent-chat:work.moreCharacters', {
+    count: text.length - OUTPUT_LIMIT
+  })}` : '';
 }
 function clip(text) {
-    return text.slice(0, OUTPUT_LIMIT) + clipNotice(text);
+  return text.slice(0, OUTPUT_LIMIT) + clipNotice(text);
 }
 const BRAND = 'font-semibold';
 /* `text` with `brand` in semibold where it names it, as a sentence about a look does. */
 function withBrand(text, brands) {
-    for (const brand of brands) {
-        const at = brand === '' ? -1 : text.indexOf(brand);
-        if (at !== -1) {
-            return (_jsxs(_Fragment, { children: [text.slice(0, at), _jsx("span", { className: BRAND, children: brand }), text.slice(at + brand.length)] }));
-        }
+  for (const brand of brands) {
+    const at = brand === '' ? -1 : text.indexOf(brand);
+    if (at !== -1) {
+      return /*#__PURE__*/_jsxs(_Fragment, {
+        children: [text.slice(0, at), /*#__PURE__*/_jsx("span", {
+          className: BRAND,
+          children: brand
+        }), text.slice(at + brand.length)]
+      });
     }
-    return text;
+  }
+  return text;
+}
+function hasNames(look) {
+  return look.useNames !== undefined;
 }
 /* The detail of a look's run, with the words its host names drawn as those names. */
-function NamedLookDetail({ run, chatId, useNames }) {
-    const scope = useContext(ChatScopeContext);
-    const nameOf = useNames(scope?.id ?? '', chatId);
-    const names = run.words.flatMap((word) => {
+function NamedLookDetail(t0) {
+  const $ = _c(9);
+  const {
+    run,
+    chatId,
+    look
+  } = t0;
+  const scope = useContext(ChatScopeContext);
+  const nameOf = useCommandNames(look, scope?.id ?? "", chatId);
+  let t1;
+  if ($[0] !== nameOf || $[1] !== run.words) {
+    let t2;
+    if ($[3] !== nameOf) {
+      t2 = word => {
         const name = nameOf(word.text, word.option);
-        return name === null ? [] : [{ start: word.start, end: word.end, word: word.text, name }];
+        return name === null ? [] : [{
+          start: word.start,
+          end: word.end,
+          word: word.text,
+          name
+        }];
+      };
+      $[3] = nameOf;
+      $[4] = t2;
+    } else {
+      t2 = $[4];
+    }
+    t1 = run.words.flatMap(t2);
+    $[0] = nameOf;
+    $[1] = run.words;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const names = t1;
+  let t2;
+  if ($[5] !== names || $[6] !== run.code || $[7] !== run.detail) {
+    t2 = /*#__PURE__*/_jsx(ShellCommand, {
+      command: run.detail,
+      code: run.code,
+      names: names
     });
-    return _jsx(ShellCommand, { command: run.detail, code: run.code, names: names });
+    $[5] = names;
+    $[6] = run.code;
+    $[7] = run.detail;
+    $[8] = t2;
+  } else {
+    t2 = $[8];
+  }
+  return t2;
 }
-function LookDetail({ run, chatId }) {
-    const { useNames } = run.look;
-    if (useNames === undefined) {
-        return _jsx(ShellCommand, { command: run.detail, code: run.code });
+function LookDetail(t0) {
+  const $ = _c(7);
+  const {
+    run,
+    chatId
+  } = t0;
+  const {
+    look
+  } = run;
+  if (!hasNames(look)) {
+    let t1;
+    if ($[0] !== run.code || $[1] !== run.detail) {
+      t1 = /*#__PURE__*/_jsx(ShellCommand, {
+        command: run.detail,
+        code: run.code
+      });
+      $[0] = run.code;
+      $[1] = run.detail;
+      $[2] = t1;
+    } else {
+      t1 = $[2];
     }
-    // Keyed by the look, so a row whose command turns into another look's starts its hooks again.
-    return _jsx(NamedLookDetail, { run: run, chatId: chatId, useNames: useNames }, run.look.program);
+    return t1;
+  }
+  let t1;
+  if ($[3] !== chatId || $[4] !== look || $[5] !== run) {
+    t1 = /*#__PURE__*/_jsx(NamedLookDetail, {
+      run: run,
+      chatId: chatId,
+      look: look
+    }, look.program);
+    $[3] = chatId;
+    $[4] = look;
+    $[5] = run;
+    $[6] = t1;
+  } else {
+    t1 = $[6];
+  }
+  return t1;
 }
 const TAG = 'shrink-0 rounded bg-surface-hover px-1.5 text-text-faint';
 /* What else the line ran, in quiet tags: the other programs and a heredoc, and how many more runs of a look. */
-function LookTags({ run }) {
-    const { t } = useTranslation('agent-chat');
-    const also = run.heredoc ? [...run.others, t('work.heredoc')] : run.others;
-    return (_jsxs(_Fragment, { children: [also.length > 0 && _jsx("span", { className: TAG, children: t('work.alsoRan', { programs: also.join(', ') }) }), run.more > 0 && _jsx("span", { className: TAG, children: t('work.moreRuns', { count: run.more }) })] }));
+function LookTags(t0) {
+  const $ = _c(10);
+  const {
+    run
+  } = t0;
+  const {
+    t
+  } = useTranslation("agent-chat");
+  let t1;
+  if ($[0] !== run.heredoc || $[1] !== run.others || $[2] !== t) {
+    const also = run.heredoc ? [...run.others, t("work.heredoc")] : run.others;
+    t1 = also.length > 0 && /*#__PURE__*/_jsx("span", {
+      className: TAG,
+      children: t("work.alsoRan", {
+        programs: also.join(", ")
+      })
+    });
+    $[0] = run.heredoc;
+    $[1] = run.others;
+    $[2] = t;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  let t2;
+  if ($[4] !== run.more || $[5] !== t) {
+    t2 = run.more > 0 && /*#__PURE__*/_jsx("span", {
+      className: TAG,
+      children: t("work.moreRuns", {
+        count: run.more
+      })
+    });
+    $[4] = run.more;
+    $[5] = t;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  let t3;
+  if ($[7] !== t1 || $[8] !== t2) {
+    t3 = /*#__PURE__*/_jsxs(_Fragment, {
+      children: [t1, t2]
+    });
+    $[7] = t1;
+    $[8] = t2;
+    $[9] = t3;
+  } else {
+    t3 = $[9];
+  }
+  return t3;
 }
 /*
  * The line of a call, a subagent or a group. Without `onToggle` it has nothing to open: no chevron, and
  * not a button. `time` shows at the right edge while the line is hovered or focused.
  */
-export function ToggleLine({ icon, label, brand, detail, command, look, path, open = false, onToggle, failed, live, trailing, time, className }) {
-    const classes = clsx(
-    // Fix the width so long commands reach the truncation inside the negative margins.
-    'group/line -mx-1 mb-0.5 flex h-7 w-[calc(100%+8px)] items-center gap-2 rounded-md px-1 text-left text-xs text-text-muted', onToggle !== undefined && 'hover:bg-surface-hover', failed && 'text-status-error', className);
-    const content = (_jsxs(_Fragment, { children: [_jsx("span", { className: clsx(ROW_GUTTER, live && 'text-accent'), children: icon }), _jsxs("span", { className: "flex min-w-0 items-baseline gap-2", children: [_jsxs("span", { className: clsx('shrink-0', live && 'chat-live-text'), children: [brand !== undefined && _jsx("span", { className: BRAND, children: brand }), brand !== undefined && label !== '' && ' ', label] }), look !== undefined ? (_jsxs(_Fragment, { children: [look.run.detail !== '' && (_jsx("span", { "data-find-field": "summary", className: "min-w-0 truncate font-mono text-code text-text-faint", children: _jsx(LookDetail, { run: look.run, chatId: look.chatId }) })), _jsx(LookTags, { run: look.run })] })) : (detail && (_jsx("span", { "data-find-field": "summary", className: "min-w-0 truncate font-mono text-code text-text-faint", children: command ? _jsx(ShellCommand, { command: detail }) : path ? _jsx(MiddleTruncate, { text: detail }) : detail })))] }), _jsx("span", { className: "grow" }), trailing, time !== undefined && _jsx(RowTime, { at: time }), failed && _jsx(Icon, { icon: X, size: 12, className: "shrink-0" }), onToggle !== undefined && (_jsx(Icon, { icon: ChevronRight, size: 12, className: clsx('shrink-0 text-text-faint transition-transform', open && 'rotate-90') }))] }));
-    if (onToggle === undefined) {
-        return _jsx("div", { className: classes, children: content });
+export function ToggleLine(t0) {
+  const $ = _c(48);
+  const {
+    icon,
+    label,
+    brand,
+    detail,
+    command,
+    look,
+    path,
+    open: t1,
+    onToggle,
+    failed,
+    live,
+    trailing,
+    time,
+    className
+  } = t0;
+  const open = t1 === undefined ? false : t1;
+  const t2 = onToggle !== undefined && "hover:bg-surface-hover";
+  const t3 = failed && "text-status-error";
+  let t4;
+  if ($[0] !== className || $[1] !== t2 || $[2] !== t3) {
+    t4 = clsx("group/line -mx-1 mb-0.5 flex h-7 w-[calc(100%+8px)] items-center gap-2 rounded-md px-1 text-left text-xs text-text-muted", t2, t3, className);
+    $[0] = className;
+    $[1] = t2;
+    $[2] = t3;
+    $[3] = t4;
+  } else {
+    t4 = $[3];
+  }
+  const classes = t4;
+  const t5 = live && "text-accent";
+  let t6;
+  if ($[4] !== t5) {
+    t6 = clsx(ROW_GUTTER, t5);
+    $[4] = t5;
+    $[5] = t6;
+  } else {
+    t6 = $[5];
+  }
+  let t7;
+  if ($[6] !== icon || $[7] !== t6) {
+    t7 = /*#__PURE__*/_jsx("span", {
+      className: t6,
+      children: icon
+    });
+    $[6] = icon;
+    $[7] = t6;
+    $[8] = t7;
+  } else {
+    t7 = $[8];
+  }
+  const t8 = live && "chat-live-text";
+  let t9;
+  if ($[9] !== t8) {
+    t9 = clsx("shrink-0", t8);
+    $[9] = t8;
+    $[10] = t9;
+  } else {
+    t9 = $[10];
+  }
+  let t10;
+  if ($[11] !== brand) {
+    t10 = brand !== undefined && /*#__PURE__*/_jsx("span", {
+      className: BRAND,
+      children: brand
+    });
+    $[11] = brand;
+    $[12] = t10;
+  } else {
+    t10 = $[12];
+  }
+  const t11 = brand !== undefined && label !== "" && " ";
+  let t12;
+  if ($[13] !== label || $[14] !== t10 || $[15] !== t11 || $[16] !== t9) {
+    t12 = /*#__PURE__*/_jsxs("span", {
+      className: t9,
+      children: [t10, t11, label]
+    });
+    $[13] = label;
+    $[14] = t10;
+    $[15] = t11;
+    $[16] = t9;
+    $[17] = t12;
+  } else {
+    t12 = $[17];
+  }
+  let t13;
+  if ($[18] !== command || $[19] !== detail || $[20] !== look || $[21] !== path) {
+    t13 = look !== undefined ? /*#__PURE__*/_jsxs(_Fragment, {
+      children: [look.run.detail !== "" && /*#__PURE__*/_jsx("span", {
+        "data-find-field": "summary",
+        className: "min-w-0 truncate font-mono text-code text-text-faint",
+        children: /*#__PURE__*/_jsx(LookDetail, {
+          run: look.run,
+          chatId: look.chatId
+        })
+      }), /*#__PURE__*/_jsx(LookTags, {
+        run: look.run
+      })]
+    }) : detail && /*#__PURE__*/_jsx("span", {
+      "data-find-field": "summary",
+      className: "min-w-0 truncate font-mono text-code text-text-faint",
+      children: command ? /*#__PURE__*/_jsx(ShellCommand, {
+        command: detail
+      }) : path ? /*#__PURE__*/_jsx(MiddleTruncate, {
+        text: detail
+      }) : detail
+    });
+    $[18] = command;
+    $[19] = detail;
+    $[20] = look;
+    $[21] = path;
+    $[22] = t13;
+  } else {
+    t13 = $[22];
+  }
+  let t14;
+  if ($[23] !== t12 || $[24] !== t13) {
+    t14 = /*#__PURE__*/_jsxs("span", {
+      className: "flex min-w-0 items-baseline gap-2",
+      children: [t12, t13]
+    });
+    $[23] = t12;
+    $[24] = t13;
+    $[25] = t14;
+  } else {
+    t14 = $[25];
+  }
+  let t15;
+  if ($[26] === Symbol.for("react.memo_cache_sentinel")) {
+    t15 = /*#__PURE__*/_jsx("span", {
+      className: "grow"
+    });
+    $[26] = t15;
+  } else {
+    t15 = $[26];
+  }
+  let t16;
+  if ($[27] !== time) {
+    t16 = time !== undefined && /*#__PURE__*/_jsx(RowTime, {
+      at: time
+    });
+    $[27] = time;
+    $[28] = t16;
+  } else {
+    t16 = $[28];
+  }
+  let t17;
+  if ($[29] !== failed) {
+    t17 = failed && /*#__PURE__*/_jsx(Icon, {
+      icon: X,
+      size: 12,
+      className: "shrink-0"
+    });
+    $[29] = failed;
+    $[30] = t17;
+  } else {
+    t17 = $[30];
+  }
+  let t18;
+  if ($[31] !== onToggle || $[32] !== open) {
+    t18 = onToggle !== undefined && /*#__PURE__*/_jsx(Icon, {
+      icon: ChevronRight,
+      size: 12,
+      className: clsx("shrink-0 text-text-faint transition-transform", open && "rotate-90")
+    });
+    $[31] = onToggle;
+    $[32] = open;
+    $[33] = t18;
+  } else {
+    t18 = $[33];
+  }
+  let t19;
+  if ($[34] !== t14 || $[35] !== t16 || $[36] !== t17 || $[37] !== t18 || $[38] !== t7 || $[39] !== trailing) {
+    t19 = /*#__PURE__*/_jsxs(_Fragment, {
+      children: [t7, t14, t15, trailing, t16, t17, t18]
+    });
+    $[34] = t14;
+    $[35] = t16;
+    $[36] = t17;
+    $[37] = t18;
+    $[38] = t7;
+    $[39] = trailing;
+    $[40] = t19;
+  } else {
+    t19 = $[40];
+  }
+  const content = t19;
+  if (onToggle === undefined) {
+    let t20;
+    if ($[41] !== classes || $[42] !== content) {
+      t20 = /*#__PURE__*/_jsx("div", {
+        className: classes,
+        children: content
+      });
+      $[41] = classes;
+      $[42] = content;
+      $[43] = t20;
+    } else {
+      t20 = $[43];
     }
-    return (_jsx("button", { className: classes, onClick: onToggle, children: content }));
+    return t20;
+  }
+  let t20;
+  if ($[44] !== classes || $[45] !== content || $[46] !== onToggle) {
+    t20 = /*#__PURE__*/_jsx("button", {
+      className: classes,
+      onClick: onToggle,
+      children: content
+    });
+    $[44] = classes;
+    $[45] = content;
+    $[46] = onToggle;
+    $[47] = t20;
+  } else {
+    t20 = $[47];
+  }
+  return t20;
 }
 /* The diff renderers load lazily, so a diff waits on them under a line that says so. */
-function DiffSuspense({ children }) {
-    const { t } = useTranslation('agent-chat');
-    return _jsx(LazyBoundary, { fallback: _jsx("div", { className: "px-3 py-2 text-xs text-text-faint", children: t('work.loadingDiff') }), children: children });
+function DiffSuspense(t0) {
+  const $ = _c(7);
+  const {
+    children
+  } = t0;
+  const {
+    t
+  } = useTranslation("agent-chat");
+  let t1;
+  if ($[0] !== t) {
+    t1 = t("work.loadingDiff");
+    $[0] = t;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== t1) {
+    t2 = /*#__PURE__*/_jsx("div", {
+      className: "px-3 py-2 text-xs text-text-faint",
+      children: t1
+    });
+    $[2] = t1;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] !== children || $[5] !== t2) {
+    t3 = /*#__PURE__*/_jsx(LazyBoundary, {
+      fallback: t2,
+      children: children
+    });
+    $[4] = children;
+    $[5] = t2;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  return t3;
 }
 /* A file in a changed files card, which opens its diff under it. */
-function ChangedFileLine({ path, open, onToggle, trailing, children }) {
-    return (_jsxs("div", { className: "border-t border-border", children: [_jsxs("button", { className: "flex w-full items-center gap-2 px-3 py-1.5 text-left text-xs text-text-muted hover:bg-surface-hover", "data-file-path": path, onClick: onToggle, children: [_jsx(Icon, { icon: ChevronRight, size: 12, className: clsx('shrink-0 text-text-faint transition-transform', open && 'rotate-90') }), _jsx(MiddleTruncate, { text: path, className: "font-mono text-text" }), _jsx("span", { className: "grow" }), trailing] }), open && _jsx("div", { className: "border-t border-border", children: children })] }));
+function ChangedFileLine(t0) {
+  const $ = _c(19);
+  const {
+    path,
+    open,
+    onToggle,
+    trailing,
+    children
+  } = t0;
+  const t1 = open && "rotate-90";
+  let t2;
+  if ($[0] !== t1) {
+    t2 = clsx("shrink-0 text-text-faint transition-transform", t1);
+    $[0] = t1;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  let t3;
+  if ($[2] !== t2) {
+    t3 = /*#__PURE__*/_jsx(Icon, {
+      icon: ChevronRight,
+      size: 12,
+      className: t2
+    });
+    $[2] = t2;
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  let t4;
+  if ($[4] !== path) {
+    t4 = /*#__PURE__*/_jsx(MiddleTruncate, {
+      text: path,
+      className: "font-mono text-text"
+    });
+    $[4] = path;
+    $[5] = t4;
+  } else {
+    t4 = $[5];
+  }
+  let t5;
+  if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+    t5 = /*#__PURE__*/_jsx("span", {
+      className: "grow"
+    });
+    $[6] = t5;
+  } else {
+    t5 = $[6];
+  }
+  let t6;
+  if ($[7] !== onToggle || $[8] !== path || $[9] !== t3 || $[10] !== t4 || $[11] !== trailing) {
+    t6 = /*#__PURE__*/_jsxs("button", {
+      className: "flex w-full items-center gap-2 px-3 py-1.5 text-left text-xs text-text-muted hover:bg-surface-hover",
+      "data-file-path": path,
+      onClick: onToggle,
+      children: [t3, t4, t5, trailing]
+    });
+    $[7] = onToggle;
+    $[8] = path;
+    $[9] = t3;
+    $[10] = t4;
+    $[11] = trailing;
+    $[12] = t6;
+  } else {
+    t6 = $[12];
+  }
+  let t7;
+  if ($[13] !== children || $[14] !== open) {
+    t7 = open && /*#__PURE__*/_jsx("div", {
+      className: "border-t border-border",
+      children: children
+    });
+    $[13] = children;
+    $[14] = open;
+    $[15] = t7;
+  } else {
+    t7 = $[15];
+  }
+  let t8;
+  if ($[16] !== t6 || $[17] !== t7) {
+    t8 = /*#__PURE__*/_jsxs("div", {
+      className: "border-t border-border",
+      children: [t6, t7]
+    });
+    $[16] = t6;
+    $[17] = t7;
+    $[18] = t8;
+  } else {
+    t8 = $[18];
+  }
+  return t8;
 }
 /* A diff keeps its card, with what the call answered under it. */
-function DiffBody({ tool, entries, patched }) {
-    return (_jsxs("div", { className: "mt-1.5 mb-2 ml-6 overflow-hidden rounded-md border border-border bg-surface-raised", children: [_jsx(DiffStack, { entries: entries }), hasOutput(tool.output) && !patched && (_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: _jsx(AnsiOutput, { text: tool.output, limit: OUTPUT_LIMIT }) }))] }));
+function DiffBody(t0) {
+  const $ = _c(9);
+  const {
+    tool,
+    entries,
+    patched
+  } = t0;
+  let t1;
+  if ($[0] !== entries) {
+    t1 = /*#__PURE__*/_jsx(DiffStack, {
+      entries: entries
+    });
+    $[0] = entries;
+    $[1] = t1;
+  } else {
+    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
+      })
+    });
+    $[2] = patched;
+    $[3] = tool.output;
+    $[4] = tool.state;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  let t3;
+  if ($[6] !== t1 || $[7] !== 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;
+  } else {
+    t3 = $[8];
+  }
+  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({ tool }) {
-    const { t } = useTranslation('agent-chat');
-    if (!hasOutput(tool.output)) {
-        return null;
-    }
-    const failed = tool.state === 'error';
-    const { code, rest } = failed ? exitCodeOf(tool.output) : { code: null, rest: tool.output };
-    return (_jsxs(_Fragment, { children: [hasOutput(rest) && (_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: _jsx(AnsiOutput, { text: rest, limit: OUTPUT_LIMIT }) })), code !== null && _jsx("div", { className: "text-status-error", children: t('work.exitCode', { code: String(code) }) })] }));
+function ToolOutput(t0) {
+  const $ = _c(10);
+  const {
+    tool
+  } = t0;
+  const {
+    t
+  } = useTranslation("agent-chat");
+  if (!hasOutput(tool.output)) {
+    return null;
+  }
+  const failed = tool.state === "error";
+  let code;
+  let t1;
+  if ($[0] !== failed || $[1] !== tool.output) {
+    const {
+      code: t2,
+      rest
+    } = failed ? exitCodeOf(tool.output) : {
+      code: null,
+      rest: tool.output
+    };
+    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, {
+        text: rest,
+        limit: OUTPUT_LIMIT
+      })
+    });
+    $[0] = failed;
+    $[1] = tool.output;
+    $[2] = code;
+    $[3] = t1;
+  } else {
+    code = $[2];
+    t1 = $[3];
+  }
+  let t2;
+  if ($[4] !== code || $[5] !== t) {
+    t2 = code !== null && /*#__PURE__*/_jsx("div", {
+      className: "text-status-error",
+      children: t("work.exitCode", {
+        code: String(code)
+      })
+    });
+    $[4] = code;
+    $[5] = t;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  let t3;
+  if ($[7] !== t1 || $[8] !== t2) {
+    t3 = /*#__PURE__*/_jsxs(_Fragment, {
+      children: [t1, t2]
+    });
+    $[7] = t1;
+    $[8] = t2;
+    $[9] = t3;
+  } else {
+    t3 = $[9];
+  }
+  return t3;
 }
 /* An opened call without a card: what it was asked in the foreground, what it answered muted below. */
-function ToolBody({ tool }) {
-    const patches = unifiedChanges(tool);
-    const changes = patches.length > 0 ? [] : fileChanges(tool.name, tool.input);
-    if (patches.length + changes.length > 0) {
-        return _jsx(DiffBody, { tool: tool, entries: reviewEntries(patches, changes), patched: patches.length > 0 });
+function ToolBody(t0) {
+  const $ = _c(16);
+  const {
+    tool
+  } = t0;
+  let t1;
+  if ($[0] !== tool) {
+    t1 = Symbol.for("react.early_return_sentinel");
+    bb0: {
+      const patches = unifiedChanges(tool);
+      const changes = patches.length > 0 ? [] : fileChanges(tool.name, tool.input);
+      if (patches.length + changes.length > 0) {
+        t1 = /*#__PURE__*/_jsx(DiffBody, {
+          tool: tool,
+          entries: reviewEntries(patches, changes),
+          patched: patches.length > 0
+        });
+        break bb0;
+      }
     }
+    $[0] = tool;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  if (t1 !== Symbol.for("react.early_return_sentinel")) {
+    return t1;
+  }
+  let t2;
+  let t3;
+  let t4;
+  let t5;
+  if ($[2] !== tool.input || $[3] !== tool.name) {
     const lines = toolCallLines(tool.name, tool.input);
-    return (_jsxs("div", { className: "mt-0.5 mb-2 ml-6 flex flex-col gap-1.5 font-mono text-code select-text", children: [lines.command !== null && (_jsxs("pre", { className: "max-h-64 overflow-auto whitespace-pre-wrap wrap-anywhere text-text", children: [_jsx(ShellCommand, { command: lines.command.slice(0, OUTPUT_LIMIT) }), clipNotice(lines.command)] })), lines.args.length > 0 && (_jsx("dl", { className: "grid max-h-64 grid-cols-[auto_minmax(0,1fr)] gap-x-3 overflow-auto", children: lines.args.map(([key, value]) => (_jsxs(Fragment, { children: [_jsx("dt", { className: "text-text-faint", children: key }), _jsx("dd", { className: "whitespace-pre-wrap wrap-anywhere text-text", children: clip(value) })] }, key))) })), lines.text !== null && _jsx("pre", { className: "max-h-64 overflow-auto whitespace-pre-wrap wrap-anywhere text-text", children: clip(lines.text) }), _jsx(ToolOutput, { tool: tool })] }));
+    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", {
+      className: "max-h-64 overflow-auto whitespace-pre-wrap wrap-anywhere text-text",
+      children: [/*#__PURE__*/_jsx(ShellCommand, {
+        command: lines.command.slice(0, OUTPUT_LIMIT)
+      }), clipNotice(lines.command)]
+    });
+    t4 = lines.args.length > 0 && /*#__PURE__*/_jsx("dl", {
+      className: "grid max-h-64 grid-cols-[auto_minmax(0,1fr)] gap-x-3 overflow-auto",
+      children: lines.args.map(_temp)
+    });
+    t5 = lines.text !== null && /*#__PURE__*/_jsx("pre", {
+      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;
+  } else {
+    t2 = $[4];
+    t3 = $[5];
+    t4 = $[6];
+    t5 = $[7];
+  }
+  let t6;
+  if ($[8] !== tool) {
+    t6 = /*#__PURE__*/_jsx(ToolOutput, {
+      tool: tool
+    });
+    $[8] = tool;
+    $[9] = t6;
+  } else {
+    t6 = $[9];
+  }
+  let t7;
+  if ($[10] !== t2 || $[11] !== t3 || $[12] !== t4 || $[13] !== t5 || $[14] !== t6) {
+    t7 = /*#__PURE__*/_jsxs("div", {
+      className: t2,
+      children: [t3, t4, t5, t6]
+    });
+    $[10] = t2;
+    $[11] = t3;
+    $[12] = t4;
+    $[13] = t5;
+    $[14] = t6;
+    $[15] = t7;
+  } else {
+    t7 = $[15];
+  }
+  return t7;
 }
 /*
  * One settled tool call: a line, and what it was asked and answered behind it. An image the call
  * looked at is drawn under the line. `icon`, `label` and `failed` let a row that knows the call better name it.
  */
-export function WorkRow({ tool, chatId, nested, detail, icon, label, failed }) {
-    const host = useChatHost();
-    const [open, setOpen] = useState(false);
-    const image = tool.state === 'done' ? readImagePath(tool.name, tool.input) : null;
-    const { ReadImage } = host;
-    useOpenForFind(tool.id, 'output', setOpen);
-    const summary = detail ?? toolSummary(tool.name, tool.input);
-    const opens = hasToolBody(tool);
-    const shell = shellCommand(tool.name, tool.input);
-    const run = detail === undefined && icon === undefined && label === undefined && shell !== null ? matchCommandLook(shell, host.commandLooks) : null;
-    return (_jsxs("div", { "data-find-item": tool.id, className: nested ? 'ml-6' : undefined, children: [_jsx(ToggleLine, { icon: run === null ? (icon ?? toolIcon(tool.name)) : _jsx(run.look.Mark, { size: 12 }), label: run === null ? (label ?? tool.name) : run.match.label, brand: run?.look.brand, detail: summary, look: run === null ? undefined : { run, chatId: chatId ?? '' }, command: detail === undefined && summary === shell, path: detail === undefined && toolSummaryIsPath(tool.name, tool.input), open: open && opens, onToggle: opens ? () => setOpen((o) => !o) : undefined, failed: failed ?? tool.state === 'error', time: tool.createdAt }), image !== null && ReadImage !== null && _jsx(ReadImage, { path: image }), open && opens && _jsx(ToolBody, { tool: tool })] }));
+function _temp(t0) {
+  const [key, value] = t0;
+  return /*#__PURE__*/_jsxs(Fragment, {
+    children: [/*#__PURE__*/_jsx("dt", {
+      className: "text-text-faint",
+      children: key
+    }), /*#__PURE__*/_jsx("dd", {
+      className: "whitespace-pre-wrap wrap-anywhere text-text",
+      children: clip(value)
+    })]
+  }, key);
+}
+export function WorkRow(t0) {
+  const $ = _c(56);
+  const {
+    tool,
+    chatId,
+    nested,
+    detail,
+    icon,
+    label,
+    failed
+  } = t0;
+  const host = useChatHost();
+  const [open, setOpen] = useState(false);
+  let t1;
+  if ($[0] !== tool.input || $[1] !== tool.name || $[2] !== tool.state) {
+    t1 = tool.state === "done" ? readImagePath(tool.name, tool.input) : null;
+    $[0] = tool.input;
+    $[1] = tool.name;
+    $[2] = tool.state;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  const image = t1;
+  const {
+    ReadImage
+  } = host;
+  useOpenForFind(tool.id, "output", setOpen);
+  let t2;
+  if ($[4] !== detail || $[5] !== tool.input || $[6] !== tool.name) {
+    t2 = detail ?? toolSummary(tool.name, tool.input);
+    $[4] = detail;
+    $[5] = tool.input;
+    $[6] = tool.name;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  const summary = t2;
+  let t3;
+  if ($[8] !== tool) {
+    t3 = hasToolBody(tool);
+    $[8] = tool;
+    $[9] = t3;
+  } else {
+    t3 = $[9];
+  }
+  const opens = t3;
+  let shell;
+  let t4;
+  if ($[10] !== detail || $[11] !== host.commandLooks || $[12] !== icon || $[13] !== label || $[14] !== tool.input || $[15] !== tool.name) {
+    shell = shellCommand(tool.name, tool.input);
+    t4 = detail === undefined && icon === undefined && label === undefined && shell !== null ? matchCommandLook(shell, host.commandLooks) : null;
+    $[10] = detail;
+    $[11] = host.commandLooks;
+    $[12] = icon;
+    $[13] = label;
+    $[14] = tool.input;
+    $[15] = tool.name;
+    $[16] = shell;
+    $[17] = t4;
+  } else {
+    shell = $[16];
+    t4 = $[17];
+  }
+  const run = t4;
+  const t5 = nested ? "ml-6" : undefined;
+  let t6;
+  if ($[18] !== icon || $[19] !== run || $[20] !== tool.name) {
+    t6 = run === null ? icon ?? toolIcon(tool.name) : /*#__PURE__*/_jsx(run.look.Mark, {
+      size: 12
+    });
+    $[18] = icon;
+    $[19] = run;
+    $[20] = tool.name;
+    $[21] = t6;
+  } else {
+    t6 = $[21];
+  }
+  const t7 = run === null ? label ?? tool.name : run.match.label;
+  const t8 = run?.look.brand;
+  let t9;
+  if ($[22] !== chatId || $[23] !== run) {
+    t9 = run === null ? undefined : {
+      run,
+      chatId: chatId ?? ""
+    };
+    $[22] = chatId;
+    $[23] = run;
+    $[24] = t9;
+  } else {
+    t9 = $[24];
+  }
+  const t10 = detail === undefined && summary === shell;
+  let t11;
+  if ($[25] !== detail || $[26] !== tool.input || $[27] !== tool.name) {
+    t11 = detail === undefined && toolSummaryIsPath(tool.name, tool.input);
+    $[25] = detail;
+    $[26] = tool.input;
+    $[27] = tool.name;
+    $[28] = t11;
+  } else {
+    t11 = $[28];
+  }
+  const t12 = open && opens;
+  let t13;
+  if ($[29] !== opens) {
+    t13 = opens ? () => setOpen(_temp2) : undefined;
+    $[29] = opens;
+    $[30] = t13;
+  } else {
+    t13 = $[30];
+  }
+  const t14 = failed ?? tool.state === "error";
+  let t15;
+  if ($[31] !== summary || $[32] !== t10 || $[33] !== t11 || $[34] !== t12 || $[35] !== t13 || $[36] !== t14 || $[37] !== t6 || $[38] !== t7 || $[39] !== t8 || $[40] !== t9 || $[41] !== tool.createdAt) {
+    t15 = /*#__PURE__*/_jsx(ToggleLine, {
+      icon: t6,
+      label: t7,
+      brand: t8,
+      detail: summary,
+      look: t9,
+      command: t10,
+      path: t11,
+      open: t12,
+      onToggle: t13,
+      failed: t14,
+      time: tool.createdAt
+    });
+    $[31] = summary;
+    $[32] = t10;
+    $[33] = t11;
+    $[34] = t12;
+    $[35] = t13;
+    $[36] = t14;
+    $[37] = t6;
+    $[38] = t7;
+    $[39] = t8;
+    $[40] = t9;
+    $[41] = tool.createdAt;
+    $[42] = t15;
+  } else {
+    t15 = $[42];
+  }
+  let t16;
+  if ($[43] !== ReadImage || $[44] !== image) {
+    t16 = image !== null && ReadImage !== null && /*#__PURE__*/_jsx(ReadImage, {
+      path: image
+    });
+    $[43] = ReadImage;
+    $[44] = image;
+    $[45] = t16;
+  } else {
+    t16 = $[45];
+  }
+  let t17;
+  if ($[46] !== open || $[47] !== opens || $[48] !== tool) {
+    t17 = open && opens && /*#__PURE__*/_jsx(ToolBody, {
+      tool: tool
+    });
+    $[46] = open;
+    $[47] = opens;
+    $[48] = tool;
+    $[49] = t17;
+  } else {
+    t17 = $[49];
+  }
+  let t18;
+  if ($[50] !== t15 || $[51] !== t16 || $[52] !== t17 || $[53] !== t5 || $[54] !== 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;
+  } else {
+    t18 = $[55];
+  }
+  return t18;
 }
 /* "running for 12s" next to a live call. */
-export function RunningFor({ startedAt }) {
-    const { t } = useTranslation('agent-chat');
-    const ref = useTickingText(() => t('work.runningFor', { elapsed: formatElapsedShort(Date.now() - startedAt) }));
-    return _jsx("span", { ref: ref, className: "shrink-0 text-xs text-text-faint tabular-nums" });
+function _temp2(o) {
+  return !o;
+}
+export function RunningFor(t0) {
+  const $ = _c(5);
+  const {
+    startedAt
+  } = t0;
+  const {
+    t
+  } = useTranslation("agent-chat");
+  let t1;
+  if ($[0] !== startedAt || $[1] !== t) {
+    t1 = () => t("work.runningFor", {
+      elapsed: formatElapsedShort(Date.now() - startedAt)
+    });
+    $[0] = startedAt;
+    $[1] = t;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const ref = useTickingText(t1);
+  let t2;
+  if ($[3] !== ref) {
+    t2 = /*#__PURE__*/_jsx("span", {
+      ref: ref,
+      className: "shrink-0 text-xs text-text-faint tabular-nums"
+    });
+    $[3] = ref;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  return t2;
 }
 /* A call still running: its timer on the line, and for a provider that streams output, the last lines under it. */
-export function WorkLiveRow({ chatId, tool: derived }) {
-    const [open, setOpen] = useState(false);
-    const tool = useCurrentItem(chatId, derived);
-    const tail = liveOutput(tool);
-    const summary = toolSummary(tool.name, tool.input);
-    const opens = hasToolBody(tool);
-    const shell = shellCommand(tool.name, tool.input);
-    const { commandLooks } = useChatHost();
-    const run = shell === null ? null : matchCommandLook(shell, commandLooks);
-    return (_jsxs("div", { children: [_jsx(ToggleLine, { icon: run === null ? toolIcon(tool.name) : _jsx(run.look.Mark, { size: 12 }), label: run === null ? tool.name : run.match.label, brand: run?.look.brand, look: run === null ? undefined : { run, chatId }, detail: summary || tool.progress?.description || '', command: summary !== '' && summary === shellCommand(tool.name, tool.input), path: summary !== '' && toolSummaryIsPath(tool.name, tool.input), open: open && opens, onToggle: opens ? () => setOpen((o) => !o) : undefined, trailing: _jsx(RunningFor, { startedAt: toolStartedAt(tool) }), live: true }), open && opens && _jsx(ToolBody, { tool: tool }), tail !== null && !open && (_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: _jsx(AnsiOutput, { text: tail, tailLines: 12 }) }))] }));
+export function WorkLiveRow(t0) {
+  const $ = _c(49);
+  const {
+    chatId,
+    tool: derived
+  } = t0;
+  const [open, setOpen] = useState(false);
+  const tool = useCurrentItem(chatId, derived);
+  let t1;
+  if ($[0] !== tool) {
+    t1 = liveOutput(tool);
+    $[0] = tool;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const tail = t1;
+  let t2;
+  if ($[2] !== tool.input || $[3] !== tool.name) {
+    t2 = toolSummary(tool.name, tool.input);
+    $[2] = tool.input;
+    $[3] = tool.name;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  const summary = t2;
+  let t3;
+  if ($[5] !== tool) {
+    t3 = hasToolBody(tool);
+    $[5] = tool;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  const opens = t3;
+  const shell = shellCommand(tool.name, tool.input);
+  const {
+    commandLooks
+  } = useChatHost();
+  const run = shell === null ? null : matchCommandLook(shell, commandLooks);
+  const awaiting = useAwaitsApproval(chatId, tool.toolUseId);
+  const {
+    t
+  } = useTranslation("agent-chat");
+  let t4;
+  if ($[7] !== run || $[8] !== tool.name) {
+    t4 = run === null ? toolIcon(tool.name) : /*#__PURE__*/_jsx(run.look.Mark, {
+      size: 12
+    });
+    $[7] = run;
+    $[8] = tool.name;
+    $[9] = t4;
+  } else {
+    t4 = $[9];
+  }
+  const t5 = run === null ? tool.name : run.match.label;
+  const t6 = run?.look.brand;
+  let t7;
+  if ($[10] !== chatId || $[11] !== run) {
+    t7 = run === null ? undefined : {
+      run,
+      chatId
+    };
+    $[10] = chatId;
+    $[11] = run;
+    $[12] = t7;
+  } else {
+    t7 = $[12];
+  }
+  const t8 = summary || tool.progress?.description || "";
+  let t9;
+  if ($[13] !== summary || $[14] !== tool.input || $[15] !== tool.name) {
+    t9 = summary !== "" && summary === shellCommand(tool.name, tool.input);
+    $[13] = summary;
+    $[14] = tool.input;
+    $[15] = tool.name;
+    $[16] = t9;
+  } else {
+    t9 = $[16];
+  }
+  let t10;
+  if ($[17] !== summary || $[18] !== tool.input || $[19] !== tool.name) {
+    t10 = summary !== "" && toolSummaryIsPath(tool.name, tool.input);
+    $[17] = summary;
+    $[18] = tool.input;
+    $[19] = tool.name;
+    $[20] = t10;
+  } else {
+    t10 = $[20];
+  }
+  const t11 = open && opens;
+  let t12;
+  if ($[21] !== opens) {
+    t12 = opens ? () => setOpen(_temp3) : undefined;
+    $[21] = opens;
+    $[22] = t12;
+  } else {
+    t12 = $[22];
+  }
+  let t13;
+  if ($[23] !== awaiting || $[24] !== t || $[25] !== tool) {
+    t13 = awaiting ? /*#__PURE__*/_jsx("span", {
+      className: "shrink-0 text-xs text-text-faint",
+      children: t("work.awaitingApproval")
+    }) : /*#__PURE__*/_jsx(RunningFor, {
+      startedAt: toolStartedAt(tool)
+    });
+    $[23] = awaiting;
+    $[24] = t;
+    $[25] = tool;
+    $[26] = t13;
+  } else {
+    t13 = $[26];
+  }
+  let t14;
+  if ($[27] !== t10 || $[28] !== t11 || $[29] !== t12 || $[30] !== t13 || $[31] !== t4 || $[32] !== t5 || $[33] !== t6 || $[34] !== t7 || $[35] !== t8 || $[36] !== t9) {
+    t14 = /*#__PURE__*/_jsx(ToggleLine, {
+      icon: t4,
+      label: t5,
+      brand: t6,
+      look: t7,
+      detail: t8,
+      command: t9,
+      path: t10,
+      open: t11,
+      onToggle: t12,
+      trailing: t13,
+      live: true
+    });
+    $[27] = t10;
+    $[28] = t11;
+    $[29] = t12;
+    $[30] = t13;
+    $[31] = t4;
+    $[32] = t5;
+    $[33] = t6;
+    $[34] = t7;
+    $[35] = t8;
+    $[36] = t9;
+    $[37] = t14;
+  } else {
+    t14 = $[37];
+  }
+  let t15;
+  if ($[38] !== open || $[39] !== opens || $[40] !== tool) {
+    t15 = open && opens && /*#__PURE__*/_jsx(ToolBody, {
+      tool: tool
+    });
+    $[38] = open;
+    $[39] = opens;
+    $[40] = tool;
+    $[41] = t15;
+  } else {
+    t15 = $[41];
+  }
+  let t16;
+  if ($[42] !== open || $[43] !== 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, {
+        text: tail,
+        tailLines: 12
+      })
+    });
+    $[42] = open;
+    $[43] = tail;
+    $[44] = t16;
+  } else {
+    t16 = $[44];
+  }
+  let t17;
+  if ($[45] !== t14 || $[46] !== t15 || $[47] !== t16) {
+    t17 = /*#__PURE__*/_jsxs("div", {
+      children: [t14, t15, t16]
+    });
+    $[45] = t14;
+    $[46] = t15;
+    $[47] = t16;
+    $[48] = t17;
+  } else {
+    t17 = $[48];
+  }
+  return t17;
 }
 /* A run of tool calls as one line ("Read 4 files"); opening it lists every call. A run of one look wears its mark and its brand. */
-export function WorkGroupRow({ tools, summary, look, expanded, onToggle }) {
-    const failed = tools.some((tool) => tool.state === 'error');
-    return (_jsx("div", { children: _jsx(ToggleLine, { icon: look === undefined ? toolIcon(tools[0].name) : _jsx(look.Mark, { size: 12 }), label: look?.brand === undefined ? summary : withBrand(summary, [look.brand]), open: expanded, onToggle: onToggle, failed: failed, time: tools[0].createdAt }) }));
+function _temp3(o) {
+  return !o;
+}
+export function WorkGroupRow(t0) {
+  const $ = _c(15);
+  const {
+    tools,
+    summary,
+    look,
+    expanded,
+    onToggle
+  } = t0;
+  let t1;
+  if ($[0] !== tools) {
+    t1 = tools.some(_temp4);
+    $[0] = tools;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const failed = t1;
+  let t2;
+  if ($[2] !== look || $[3] !== tools[0].name) {
+    t2 = look === undefined ? toolIcon(tools[0].name) : /*#__PURE__*/_jsx(look.Mark, {
+      size: 12
+    });
+    $[2] = look;
+    $[3] = tools[0].name;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  let t3;
+  if ($[5] !== look || $[6] !== summary) {
+    t3 = look?.brand === undefined ? summary : withBrand(summary, [look.brand]);
+    $[5] = look;
+    $[6] = summary;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  let t4;
+  if ($[8] !== expanded || $[9] !== failed || $[10] !== onToggle || $[11] !== t2 || $[12] !== t3 || $[13] !== tools[0].createdAt) {
+    t4 = /*#__PURE__*/_jsx("div", {
+      children: /*#__PURE__*/_jsx(ToggleLine, {
+        icon: t2,
+        label: t3,
+        open: expanded,
+        onToggle: onToggle,
+        failed: failed,
+        time: tools[0].createdAt
+      })
+    });
+    $[8] = expanded;
+    $[9] = failed;
+    $[10] = onToggle;
+    $[11] = t2;
+    $[12] = t3;
+    $[13] = tools[0].createdAt;
+    $[14] = t4;
+  } else {
+    t4 = $[14];
+  }
+  return t4;
 }
 /*
  * A settled turn folded behind how long it took and what it did. A line and not a button, like the
  * tool lines it hides; the work reads fainter than the time so the eye lands on the time first.
  */
-export function TurnFoldRow({ turn, label, work, expanded, onToggle }) {
-    const { commandLooks } = useChatHost();
-    const brands = commandLooks?.flatMap(({ brand }) => (brand === undefined ? [] : [brand])) ?? [];
-    return (_jsxs("button", { className: clsx('group group/line -mx-1 mb-2 flex h-7 w-[calc(100%+8px)] min-w-0 items-center gap-2 rounded-md px-1 text-left text-xs text-text-muted hover:bg-surface-hover', turn.state === 'error' && 'text-status-error'), "aria-expanded": expanded, onClick: onToggle, children: [_jsx("span", { className: ROW_GUTTER, children: _jsx(Icon, { icon: ChevronRight, size: 12, className: clsx('transition-transform', expanded && 'rotate-90') }) }), _jsx("span", { className: "shrink-0 group-hover:text-text", children: label }), work.length > 0 && (_jsx("span", { className: "min-w-0 truncate text-text-faint", children: work.map((part, index) => (_jsxs(Fragment, { children: [' · ', withBrand(part, brands)] }, index))) })), _jsx("span", { className: "grow" }), _jsx(RowTime, { at: turn.createdAt })] }));
+function _temp4(tool) {
+  return tool.state === "error";
+}
+export function TurnFoldRow(t0) {
+  const $ = _c(31);
+  const {
+    turn,
+    label,
+    work,
+    expanded,
+    onToggle
+  } = t0;
+  const {
+    commandLooks
+  } = useChatHost();
+  let t1;
+  let t2;
+  let t3;
+  let t4;
+  let t5;
+  let t6;
+  if ($[0] !== commandLooks || $[1] !== expanded || $[2] !== label || $[3] !== onToggle || $[4] !== turn.state || $[5] !== work) {
+    const brands = commandLooks?.flatMap(_temp5) ?? [];
+    const t7 = turn.state === "error" && "text-status-error";
+    if ($[12] !== t7) {
+      t1 = clsx("group group/line -mx-1 mb-2 flex h-7 w-[calc(100%+8px)] min-w-0 items-center gap-2 rounded-md px-1 text-left text-xs text-text-muted hover:bg-surface-hover", t7);
+      $[12] = t7;
+      $[13] = t1;
+    } else {
+      t1 = $[13];
+    }
+    t2 = expanded;
+    t3 = onToggle;
+    const t8 = expanded && "rotate-90";
+    let t9;
+    if ($[14] !== t8) {
+      t9 = clsx("transition-transform", t8);
+      $[14] = t8;
+      $[15] = t9;
+    } else {
+      t9 = $[15];
+    }
+    if ($[16] !== t9) {
+      t4 = /*#__PURE__*/_jsx("span", {
+        className: ROW_GUTTER,
+        children: /*#__PURE__*/_jsx(Icon, {
+          icon: ChevronRight,
+          size: 12,
+          className: t9
+        })
+      });
+      $[16] = t9;
+      $[17] = t4;
+    } else {
+      t4 = $[17];
+    }
+    if ($[18] !== label) {
+      t5 = /*#__PURE__*/_jsx("span", {
+        className: "shrink-0 group-hover:text-text",
+        children: label
+      });
+      $[18] = label;
+      $[19] = t5;
+    } else {
+      t5 = $[19];
+    }
+    t6 = work.length > 0 && /*#__PURE__*/_jsx("span", {
+      className: "min-w-0 truncate text-text-faint",
+      children: work.map((part, index) => /*#__PURE__*/_jsxs(Fragment, {
+        children: [" \xB7 ", withBrand(part, brands)]
+      }, index))
+    });
+    $[0] = commandLooks;
+    $[1] = expanded;
+    $[2] = label;
+    $[3] = onToggle;
+    $[4] = turn.state;
+    $[5] = work;
+    $[6] = t1;
+    $[7] = t2;
+    $[8] = t3;
+    $[9] = t4;
+    $[10] = t5;
+    $[11] = t6;
+  } else {
+    t1 = $[6];
+    t2 = $[7];
+    t3 = $[8];
+    t4 = $[9];
+    t5 = $[10];
+    t6 = $[11];
+  }
+  let t7;
+  if ($[20] === Symbol.for("react.memo_cache_sentinel")) {
+    t7 = /*#__PURE__*/_jsx("span", {
+      className: "grow"
+    });
+    $[20] = t7;
+  } else {
+    t7 = $[20];
+  }
+  let t8;
+  if ($[21] !== turn.createdAt) {
+    t8 = /*#__PURE__*/_jsx(RowTime, {
+      at: turn.createdAt
+    });
+    $[21] = turn.createdAt;
+    $[22] = t8;
+  } else {
+    t8 = $[22];
+  }
+  let t9;
+  if ($[23] !== t1 || $[24] !== t2 || $[25] !== t3 || $[26] !== t4 || $[27] !== t5 || $[28] !== t6 || $[29] !== t8) {
+    t9 = /*#__PURE__*/_jsxs("button", {
+      className: t1,
+      "aria-expanded": t2,
+      onClick: t3,
+      children: [t4, t5, t6, t7, t8]
+    });
+    $[23] = t1;
+    $[24] = t2;
+    $[25] = t3;
+    $[26] = t4;
+    $[27] = t5;
+    $[28] = t6;
+    $[29] = t8;
+    $[30] = t9;
+  } else {
+    t9 = $[30];
+  }
+  return t9;
+}
+function _temp5(t0) {
+  const {
+    brand
+  } = t0;
+  return brand === undefined ? [] : [brand];
 }
 function omittedLabel(reason) {
-    return reason === 'binary' ? i18next.t('agent-chat:work.omitted.binary') : i18next.t('agent-chat:work.omitted.tooLarge');
+  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. */
-function CheckpointFileBody({ file }) {
-    if (file.omitted) {
-        return _jsx("div", { className: "px-3 py-2 text-xs text-text-faint", children: omittedLabel(file.omitted) });
+function CheckpointFileBody(t0) {
+  const $ = _c(6);
+  const {
+    file
+  } = t0;
+  if (file.omitted) {
+    let t1;
+    if ($[0] !== file.omitted) {
+      t1 = omittedLabel(file.omitted);
+      $[0] = file.omitted;
+      $[1] = t1;
+    } else {
+      t1 = $[1];
     }
-    return (_jsx(DiffSuspense, { children: _jsx(UnifiedDiff, { change: file }) }));
+    let t2;
+    if ($[2] !== t1) {
+      t2 = /*#__PURE__*/_jsx("div", {
+        className: "px-3 py-2 text-xs text-text-faint",
+        children: t1
+      });
+      $[2] = t1;
+      $[3] = t2;
+    } else {
+      t2 = $[3];
+    }
+    return t2;
+  }
+  let t1;
+  if ($[4] !== file) {
+    t1 = /*#__PURE__*/_jsx(DiffSuspense, {
+      children: /*#__PURE__*/_jsx(UnifiedDiff, {
+        change: file
+      })
+    });
+    $[4] = file;
+    $[5] = t1;
+  } else {
+    t1 = $[5];
+  }
+  return t1;
 }
 /* The frame of a changed files card: a header that folds the list of files away. */
-function ChangedFilesCard({ count, truncated, added, deleted, revealNonce = 0, baseMoved, children }) {
-    const { t } = useTranslation('agent-chat');
-    const [expanded, setExpanded] = useState(false);
-    // A jump opens the card, also one that mounted it by scrolling it on screen; the flash is gone by the next visit.
-    const [seenReveal, setSeenReveal] = useState(0);
-    if (revealNonce > 0 && revealNonce !== seenReveal) {
-        setSeenReveal(revealNonce);
-        setExpanded(true);
-    }
-    return (_jsxs("div", { className: "mb-3 overflow-hidden rounded-lg border border-border bg-surface-raised", children: [_jsxs("button", { className: "flex w-full items-center gap-2 px-3 py-2 text-left text-xs text-text-muted hover:bg-surface-hover", "aria-expanded": expanded, onClick: () => setExpanded((value) => !value), children: [_jsx(Icon, { icon: FileDiff, size: 12, className: "shrink-0" }), _jsx("span", { className: "shrink-0 font-medium text-text", children: baseMoved === undefined ? t('work.changedFiles', { count }) : t('work.folderChanges', { count }) }), truncated && _jsx("span", { className: "min-w-0 truncate text-text-faint", children: t('work.andMore') }), _jsx("span", { className: "grow" }), added !== undefined && _jsxs("span", { className: "text-chat-added tabular-nums", children: ["+", added] }), deleted !== undefined && _jsxs("span", { className: "text-chat-removed tabular-nums", children: ["-", deleted] }), _jsx(Icon, { icon: ChevronRight, size: 12, className: clsx('shrink-0 text-text-faint transition-transform', expanded && 'rotate-90') })] }), baseMoved !== undefined && (_jsx("div", { className: "pr-3 pb-2 pl-8 text-xs text-text-faint", children: t('work.baseMoved', { from: baseMoved.from.slice(0, 7), to: baseMoved.to.slice(0, 7) }) })), expanded && children] }));
+function ChangedFilesCard(t0) {
+  const $ = _c(34);
+  const {
+    count,
+    truncated,
+    added,
+    deleted,
+    revealNonce: t1,
+    baseMoved,
+    children
+  } = t0;
+  const revealNonce = t1 === undefined ? 0 : t1;
+  const {
+    t
+  } = useTranslation("agent-chat");
+  const [expanded, setExpanded] = useState(false);
+  const [seenReveal, setSeenReveal] = useState(0);
+  if (revealNonce > 0 && revealNonce !== seenReveal) {
+    setSeenReveal(revealNonce);
+    setExpanded(true);
+  }
+  let t2;
+  let t3;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = () => setExpanded(_temp6);
+    t3 = /*#__PURE__*/_jsx(Icon, {
+      icon: FileDiff,
+      size: 12,
+      className: "shrink-0"
+    });
+    $[0] = t2;
+    $[1] = t3;
+  } else {
+    t2 = $[0];
+    t3 = $[1];
+  }
+  let t4;
+  if ($[2] !== baseMoved || $[3] !== count || $[4] !== t) {
+    t4 = baseMoved === undefined ? t("work.changedFiles", {
+      count
+    }) : t("work.folderChanges", {
+      count
+    });
+    $[2] = baseMoved;
+    $[3] = count;
+    $[4] = t;
+    $[5] = t4;
+  } else {
+    t4 = $[5];
+  }
+  let t5;
+  if ($[6] !== t4) {
+    t5 = /*#__PURE__*/_jsx("span", {
+      className: "shrink-0 font-medium text-text",
+      children: t4
+    });
+    $[6] = t4;
+    $[7] = t5;
+  } else {
+    t5 = $[7];
+  }
+  let t6;
+  if ($[8] !== t || $[9] !== truncated) {
+    t6 = truncated && /*#__PURE__*/_jsx("span", {
+      className: "min-w-0 truncate text-text-faint",
+      children: t("work.andMore")
+    });
+    $[8] = t;
+    $[9] = truncated;
+    $[10] = t6;
+  } else {
+    t6 = $[10];
+  }
+  let t7;
+  if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+    t7 = /*#__PURE__*/_jsx("span", {
+      className: "grow"
+    });
+    $[11] = t7;
+  } else {
+    t7 = $[11];
+  }
+  let t8;
+  if ($[12] !== added) {
+    t8 = added !== undefined && /*#__PURE__*/_jsxs("span", {
+      className: "text-chat-added tabular-nums",
+      children: ["+", added]
+    });
+    $[12] = added;
+    $[13] = t8;
+  } else {
+    t8 = $[13];
+  }
+  let t9;
+  if ($[14] !== deleted) {
+    t9 = deleted !== undefined && /*#__PURE__*/_jsxs("span", {
+      className: "text-chat-removed tabular-nums",
+      children: ["-", deleted]
+    });
+    $[14] = deleted;
+    $[15] = t9;
+  } else {
+    t9 = $[15];
+  }
+  const t10 = expanded && "rotate-90";
+  let t11;
+  if ($[16] !== t10) {
+    t11 = clsx("shrink-0 text-text-faint transition-transform", t10);
+    $[16] = t10;
+    $[17] = t11;
+  } else {
+    t11 = $[17];
+  }
+  let t12;
+  if ($[18] !== t11) {
+    t12 = /*#__PURE__*/_jsx(Icon, {
+      icon: ChevronRight,
+      size: 12,
+      className: t11
+    });
+    $[18] = t11;
+    $[19] = t12;
+  } else {
+    t12 = $[19];
+  }
+  let t13;
+  if ($[20] !== expanded || $[21] !== t12 || $[22] !== t5 || $[23] !== t6 || $[24] !== t8 || $[25] !== t9) {
+    t13 = /*#__PURE__*/_jsxs("button", {
+      className: "flex w-full items-center gap-2 px-3 py-2 text-left text-xs text-text-muted hover:bg-surface-hover",
+      "aria-expanded": expanded,
+      onClick: t2,
+      children: [t3, t5, t6, t7, t8, t9, t12]
+    });
+    $[20] = expanded;
+    $[21] = t12;
+    $[22] = t5;
+    $[23] = t6;
+    $[24] = t8;
+    $[25] = t9;
+    $[26] = t13;
+  } else {
+    t13 = $[26];
+  }
+  let t14;
+  if ($[27] !== baseMoved || $[28] !== t) {
+    t14 = baseMoved !== undefined && /*#__PURE__*/_jsx("div", {
+      className: "pr-3 pb-2 pl-8 text-xs text-text-faint",
+      children: t("work.baseMoved", {
+        from: baseMoved.from.slice(0, 7),
+        to: baseMoved.to.slice(0, 7)
+      })
+    });
+    $[27] = baseMoved;
+    $[28] = t;
+    $[29] = t14;
+  } else {
+    t14 = $[29];
+  }
+  const t15 = expanded && children;
+  let t16;
+  if ($[30] !== t13 || $[31] !== t14 || $[32] !== t15) {
+    t16 = /*#__PURE__*/_jsxs("div", {
+      className: "mb-3 overflow-hidden rounded-lg border border-border bg-surface-raised",
+      children: [t13, t14, t15]
+    });
+    $[30] = t13;
+    $[31] = t14;
+    $[32] = t15;
+    $[33] = t16;
+  } else {
+    t16 = $[33];
+  }
+  return t16;
 }
 /*
  * The files a settled turn changed, as a card; each file opens its diff in place. The host's
@@ -191,76 +1624,426 @@ function ChangedFilesCard({ count, truncated, added, deleted, revealNonce = 0, b
  * 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.
  */
-export function ChangedFilesRow({ tools, diff, checkpoint, baseMoved, chatId, turnId }) {
-    const [open, setOpen] = useState({});
-    const [fetched, setFetched] = useState(null);
-    const actions = useChatActions();
-    useEffect(() => {
-        if (diff !== null || !checkpoint) {
-            return;
+function _temp6(value) {
+  return !value;
+}
+export function ChangedFilesRow(t0) {
+  const $ = _c(34);
+  const {
+    tools,
+    diff,
+    checkpoint,
+    baseMoved,
+    chatId,
+    turnId
+  } = t0;
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = {};
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  const [open, setOpen] = useState(t1);
+  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 (diff !== null || !checkpoint) {
+        return;
+      }
+      let alive = true;
+      actions.turnDiff(chatId, turnId).then(answer => {
+        if (alive) {
+          setFetched(answer);
         }
-        let alive = true;
-        void actions
-            .turnDiff(chatId, turnId)
-            .then((answer) => {
-            if (alive) {
-                setFetched(answer);
-            }
-        })
-            .catch(() => undefined);
-        return () => {
-            alive = false;
-        };
-    }, [actions, chatId, turnId, diff, checkpoint]);
-    const checkpointDiff = diff ?? fetched;
-    const { keyOf } = useChatScope();
-    const flash = useTimelineFlash((s) => s.target);
-    const revealNonce = flash !== null && flash.opens && flash.key === keyOf(chatId) && flash.rowId === `files-${turnId}` ? flash.nonce : 0;
-    if (checkpointDiff !== null && checkpointDiff.files.length > 0) {
-        const files = checkpointDiff.files;
-        return (_jsx(ChangedFilesCard, { revealNonce: revealNonce, baseMoved: baseMoved, count: files.length, truncated: checkpointDiff.truncated, added: files.reduce((sum, file) => sum + file.added, 0), deleted: files.reduce((sum, file) => sum + file.deleted, 0), children: files.map((file) => (_jsx(ChangedFileLine, { path: file.path, open: open[file.path] === true, onToggle: () => setOpen((o) => ({ ...o, [file.path]: !o[file.path] })), trailing: _jsxs(_Fragment, { children: [_jsxs("span", { className: "text-chat-added tabular-nums", children: ["+", file.added] }), _jsxs("span", { className: "text-chat-removed tabular-nums", children: ["-", file.deleted] })] }), children: _jsx(CheckpointFileBody, { file: file }) }, file.path))) }));
+      }).catch(_temp7);
+      return () => {
+        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;
+  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;
+  } else {
+    t4 = $[12];
+  }
+  const revealNonce = t4;
+  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;
+    } else {
+      t7 = $[14];
+    }
+    let t8;
+    if ($[15] !== files) {
+      t8 = files.reduce(_temp0, 0);
+      $[15] = files;
+      $[16] = t8;
+    } else {
+      t8 = $[16];
+    }
+    let t9;
+    if ($[17] !== files || $[18] !== open) {
+      let t10;
+      if ($[20] !== open) {
+        t10 = file_1 => /*#__PURE__*/_jsx(ChangedFileLine, {
+          path: file_1.path,
+          open: open[file_1.path] === true,
+          onToggle: () => setOpen(o => ({
+            ...o,
+            [file_1.path]: !o[file_1.path]
+          })),
+          trailing: /*#__PURE__*/_jsxs(_Fragment, {
+            children: [/*#__PURE__*/_jsxs("span", {
+              className: "text-chat-added tabular-nums",
+              children: ["+", file_1.added]
+            }), /*#__PURE__*/_jsxs("span", {
+              className: "text-chat-removed tabular-nums",
+              children: ["-", file_1.deleted]
+            })]
+          }),
+          children: /*#__PURE__*/_jsx(CheckpointFileBody, {
+            file: file_1
+          })
+        }, file_1.path);
+        $[20] = open;
+        $[21] = t10;
+      } else {
+        t10 = $[21];
+      }
+      t9 = files.map(t10);
+      $[17] = files;
+      $[18] = open;
+      $[19] = t9;
+    } else {
+      t9 = $[19];
     }
-    return _jsx(ProviderChangedFiles, { tools: tools, open: open, setOpen: setOpen, revealNonce: revealNonce });
+    let t10;
+    if ($[22] !== baseMoved || $[23] !== checkpointDiff.truncated || $[24] !== files.length || $[25] !== revealNonce || $[26] !== t7 || $[27] !== t8 || $[28] !== t9) {
+      t10 = /*#__PURE__*/_jsx(ChangedFilesCard, {
+        revealNonce: revealNonce,
+        baseMoved: baseMoved,
+        count: t5,
+        truncated: t6,
+        added: t7,
+        deleted: t8,
+        children: t9
+      });
+      $[22] = baseMoved;
+      $[23] = checkpointDiff.truncated;
+      $[24] = files.length;
+      $[25] = revealNonce;
+      $[26] = t7;
+      $[27] = t8;
+      $[28] = t9;
+      $[29] = t10;
+    } else {
+      t10 = $[29];
+    }
+    return t10;
+  }
+  let t5;
+  if ($[30] !== open || $[31] !== revealNonce || $[32] !== tools) {
+    t5 = /*#__PURE__*/_jsx(ProviderChangedFiles, {
+      tools: tools,
+      open: open,
+      setOpen: setOpen,
+      revealNonce: revealNonce
+    });
+    $[30] = open;
+    $[31] = revealNonce;
+    $[32] = tools;
+    $[33] = t5;
+  } else {
+    t5 = $[33];
+  }
+  return t5;
+}
+function _temp0(sum_0, file_0) {
+  return sum_0 + file_0.deleted;
 }
-function ProviderReviewFiles({ reviews, open, setOpen }) {
-    const { t } = useTranslation('agent-chat');
-    const stack = useReviewStack(reviews.filter(({ path }) => open[path] === true).flatMap(({ reviews }) => reviews));
-    return reviews.map(({ path, count, reviews }) => (_jsx(ChangedFileLine, { path: path, open: open[path] === true, onToggle: () => setOpen((previous) => ({ ...previous, [path]: !previous[path] })), trailing: _jsx("span", { className: "text-text-faint", children: t('work.edits', { count }) }), children: _jsx(ReviewStackView, { entries: reviews, stack: stack }) }, path)));
+function _temp9(sum, file) {
+  return sum + file.added;
+}
+function _temp8(s) {
+  return s.target;
+}
+function _temp7() {}
+function ProviderReviewFiles(t0) {
+  const $ = _c(16);
+  const {
+    reviews,
+    open,
+    setOpen
+  } = t0;
+  const {
+    t
+  } = useTranslation("agent-chat");
+  let t1;
+  if ($[0] !== open || $[1] !== reviews) {
+    let t2;
+    if ($[3] !== open) {
+      t2 = t3 => {
+        const {
+          path
+        } = t3;
+        return open[path] === true;
+      };
+      $[3] = open;
+      $[4] = t2;
+    } else {
+      t2 = $[4];
+    }
+    t1 = reviews.filter(t2).flatMap(_temp1);
+    $[0] = open;
+    $[1] = reviews;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const stack = useReviewStack(t1);
+  let t2;
+  if ($[5] !== open || $[6] !== reviews || $[7] !== setOpen || $[8] !== stack || $[9] !== t) {
+    let t3;
+    if ($[11] !== open || $[12] !== setOpen || $[13] !== stack || $[14] !== t) {
+      t3 = t4 => {
+        const {
+          path: path_0,
+          count,
+          reviews: reviews_1
+        } = t4;
+        return /*#__PURE__*/_jsx(ChangedFileLine, {
+          path: path_0,
+          open: open[path_0] === true,
+          onToggle: () => setOpen(previous => ({
+            ...previous,
+            [path_0]: !previous[path_0]
+          })),
+          trailing: /*#__PURE__*/_jsx("span", {
+            className: "text-text-faint",
+            children: t("work.edits", {
+              count
+            })
+          }),
+          children: /*#__PURE__*/_jsx(ReviewStackView, {
+            entries: reviews_1,
+            stack: stack
+          })
+        }, path_0);
+      };
+      $[11] = open;
+      $[12] = setOpen;
+      $[13] = stack;
+      $[14] = t;
+      $[15] = t3;
+    } else {
+      t3 = $[15];
+    }
+    t2 = reviews.map(t3);
+    $[5] = open;
+    $[6] = reviews;
+    $[7] = setOpen;
+    $[8] = stack;
+    $[9] = t;
+    $[10] = t2;
+  } else {
+    t2 = $[10];
+  }
+  return t2;
 }
 /* The fallback card, built from what the CLI itself reported about its edits. */
-function ProviderChangedFiles({ tools, open, setOpen, revealNonce }) {
-    const byPath = new Map();
-    const entryFor = (path) => {
-        const existing = byPath.get(path);
-        if (existing) {
-            return existing;
-        }
-        const created = { edits: [], patches: [] };
-        byPath.set(path, created);
-        return created;
+function _temp1(t0) {
+  const {
+    reviews: reviews_0
+  } = t0;
+  return reviews_0;
+}
+function ProviderChangedFiles(t0) {
+  const $ = _c(11);
+  const {
+    tools,
+    open,
+    setOpen,
+    revealNonce
+  } = t0;
+  let byPath;
+  let t1;
+  if ($[0] !== tools) {
+    byPath = new Map();
+    const entryFor = path => {
+      const existing = byPath.get(path);
+      if (existing) {
+        return existing;
+      }
+      const created = {
+        edits: [],
+        patches: []
+      };
+      byPath.set(path, created);
+      return created;
     };
     for (const tool of tools) {
-        const patches = unifiedChanges(tool);
-        if (patches.length > 0) {
-            for (const patch of patches) {
-                entryFor(patch.path).patches.push(patch);
-            }
-            continue;
-        }
-        for (const change of fileChanges(tool.name, tool.input)) {
-            entryFor(change.path || tool.id).edits.push(change);
+      const patches = unifiedChanges(tool);
+      if (patches.length > 0) {
+        for (const patch of patches) {
+          entryFor(patch.path).patches.push(patch);
         }
+        continue;
+      }
+      for (const change of fileChanges(tool.name, tool.input)) {
+        entryFor(change.path || tool.id).edits.push(change);
+      }
     }
-    const reviews = [...byPath].map(([path, entry]) => ({
-        path,
-        count: entry.patches.length + entry.edits.length,
-        reviews: reviewEntries(entry.patches, entry.edits)
-    }));
-    return (_jsx(ChangedFilesCard, { count: byPath.size, revealNonce: revealNonce, children: _jsx(ProviderReviewFiles, { reviews: reviews, open: open, setOpen: setOpen }) }));
+    t1 = [...byPath].map(_temp10);
+    $[0] = tools;
+    $[1] = byPath;
+    $[2] = t1;
+  } else {
+    byPath = $[1];
+    t1 = $[2];
+  }
+  const reviews = t1;
+  let t2;
+  if ($[3] !== open || $[4] !== reviews || $[5] !== setOpen) {
+    t2 = /*#__PURE__*/_jsx(ProviderReviewFiles, {
+      reviews: reviews,
+      open: open,
+      setOpen: setOpen
+    });
+    $[3] = open;
+    $[4] = reviews;
+    $[5] = setOpen;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  let t3;
+  if ($[7] !== byPath.size || $[8] !== revealNonce || $[9] !== t2) {
+    t3 = /*#__PURE__*/_jsx(ChangedFilesCard, {
+      count: byPath.size,
+      revealNonce: revealNonce,
+      children: t2
+    });
+    $[7] = byPath.size;
+    $[8] = revealNonce;
+    $[9] = t2;
+    $[10] = t3;
+  } else {
+    t3 = $[10];
+  }
+  return t3;
 }
 /* "Working for 00:14". */
-export function WorkingRow({ startedAt }) {
-    const { t } = useTranslation('agent-chat');
-    const ref = useTickingText(() => formatClockDuration(Date.now() - startedAt));
-    return (_jsxs("div", { className: "-mx-1 mb-0.5 flex h-7 items-center gap-2 px-1 text-xs text-text-muted", children: [_jsx("span", { className: `${ROW_GUTTER} text-status-running`, children: _jsx(Spinner, { size: 12 }) }), _jsx("span", { className: "chat-live-text", children: t('work.workingFor') }), _jsx("span", { ref: ref, className: "tabular-nums" })] }));
+function _temp10(t0) {
+  const [path_0, entry] = t0;
+  return {
+    path: path_0,
+    count: entry.patches.length + entry.edits.length,
+    reviews: reviewEntries(entry.patches, entry.edits)
+  };
 }
+export function WorkingRow(t0) {
+  const $ = _c(12);
+  const {
+    startedAt
+  } = t0;
+  const {
+    t
+  } = useTranslation("agent-chat");
+  let t1;
+  if ($[0] !== startedAt) {
+    t1 = () => formatClockDuration(Date.now() - startedAt);
+    $[0] = startedAt;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const ref = useTickingText(t1);
+  let t2;
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = /*#__PURE__*/_jsx("span", {
+      className: `${ROW_GUTTER} text-status-running`,
+      children: /*#__PURE__*/_jsx(Spinner, {
+        size: 12
+      })
+    });
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  let t3;
+  if ($[3] !== t) {
+    t3 = t("work.workingFor");
+    $[3] = t;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  let t4;
+  if ($[5] !== t3) {
+    t4 = /*#__PURE__*/_jsx("span", {
+      className: "chat-live-text",
+      children: t3
+    });
+    $[5] = t3;
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  let t5;
+  if ($[7] !== ref) {
+    t5 = /*#__PURE__*/_jsx("span", {
+      ref: ref,
+      className: "tabular-nums"
+    });
+    $[7] = ref;
+    $[8] = t5;
+  } else {
+    t5 = $[8];
+  }
+  let t6;
+  if ($[9] !== t4 || $[10] !== t5) {
+    t6 = /*#__PURE__*/_jsxs("div", {
+      className: "-mx-1 mb-0.5 flex h-7 items-center gap-2 px-1 text-xs text-text-muted",
+      children: [t2, t4, t5]
+    });
+    $[9] = t4;
+    $[10] = t5;
+    $[11] = t6;
+  } else {
+    t6 = $[11];
+  }
+  return t6;
+}