@adecore/agents-react 0.31.11 → 0.32.0

package/dist/chat/ui/ChatActivity.js

@@ -1,5 +1,5 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo } from 'react';
+import { c as _c } from "react/compiler-runtime";
+import 'react';
 import clsx from 'clsx';
 import { useShallow } from 'zustand/shallow';
 import { useTranslation } from 'react-i18next';
@@ -16,88 +16,667 @@ import { useChatHost } from '../../host.js';
 import { useChatScope } from '../../scope.js';
 import { useChatActions } from '../actions.js';
 import { statusLookOf } from '../../agents/status-look.js';
+import { useHostTask, useHostTasks } from '../../host-hooks.js';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const NO_TASKS = [];
 const NO_ITEMS = [];
 const ROW_BODY = 'flex min-h-9 min-w-0 grow items-center gap-2.5 rounded-md px-2.5 py-1.5 text-left';
 /* What the chat keeps working on beside the thread, in one small line over the composer: its sub-agents and what runs in the background. */
-export function ChatActivity({ chatId }) {
-    const host = useChatHost();
-    const { t } = useTranslation('agent-chat');
-    const order = useChatRow(chatId, (row) => row?.order) ?? NO_ITEMS;
-    const before = useChatRow(chatId, (row) => row?.subagentsBefore) ?? NO_ITEMS;
-    const structure = useChatRow(chatId, (row) => row?.structure);
-    const subagents = useMemo(() => (structure === undefined ? [] : flyoutSubagents([...before, ...order], structure)), [before, order, structure]);
-    const { id, keyOf } = useChatScope();
-    const tasks = host.tasks.useTasks(id);
-    // The infos of these sub-agents' own chats, so the info of any other chat changing does not draw this again.
-    const children = useChats(useShallow((s) => subagents.map((item) => (item.childId === undefined ? undefined : s.statusByKey[keyOf(item.childId)]?.info))));
-    const progress = useMemo(() => progressOf(subagents.map((item, index) => {
-        const taskId = taskIdOf(item);
-        return taskRowStateOf(item, taskId === null ? null : (tasks?.[taskId] ?? null), children[index]);
-    })), [subagents, tasks, children]);
-    const words = useMemo(() => subagents.map((item) => {
-        const taskId = taskIdOf(item);
-        return statusWordOf(item, taskId === null ? null : (tasks?.[taskId] ?? null));
-    }), [subagents, tasks]);
-    const background = useChatRow(chatId, (row) => row?.info.background) ?? NO_TASKS;
-    if (subagents.length === 0 && background.length === 0) {
-        return null;
-    }
-    const { shells, monitors } = backgroundCounts(background);
-    const Slot = host.SubagentSlot;
-    const counting = progress.active > 0 && progress.total > 1;
-    const label = counting
-        ? [t('activity.progress', { done: progress.done, total: progress.total }), progress.waiting > 0 && t('activity.needsYou', { count: progress.waiting })]
-            .filter(Boolean)
-            .join(', ')
-        : t('activity.subagents', { count: badgeCountOf(words) });
-    return (_jsxs("div", { className: "mb-3 flex flex-wrap items-center gap-2", children: [subagents.length > 0 &&
-                (Slot === null ? (_jsx(Flyout, { icon: progress.waiting > 0 ? (_jsx(Icon, { icon: MessageCircleQuestionMark, size: 14, className: "shrink-0 text-status-needs-you" })) : (_jsx(StatusIcon, { word: summaryWordOf(words) })), label: label, heading: t('activity.subagents', { count: subagents.length }), children: _jsx(SubagentRows, { chatId: chatId, items: subagents }) })) : (_jsx(Slot, { chatId: chatId, items: subagents }))), background.length > 0 && (_jsx(Flyout, { icon: _jsx(Icon, { icon: shells > 0 ? SquareTerminal : Activity, size: 14 }), label: [shells > 0 && t('activity.shells', { count: shells }), monitors > 0 && t('activity.monitors', { count: monitors })]
-                    .filter(Boolean)
-                    .join(' · '), children: _jsx(BackgroundTaskRows, { chatId: chatId, tasks: background }) }))] }));
+export function ChatActivity(t0) {
+  const $ = _c(20);
+  const {
+    chatId
+  } = t0;
+  const host = useChatHost();
+  const {
+    t
+  } = useTranslation("agent-chat");
+  const order = useChatRow(chatId, _temp) ?? NO_ITEMS;
+  const before = useChatRow(chatId, _temp2) ?? NO_ITEMS;
+  const structure = useChatRow(chatId, _temp3);
+  let t1;
+  if ($[0] !== before || $[1] !== order || $[2] !== structure) {
+    t1 = structure === undefined ? [] : flyoutSubagents([...before, ...order], structure);
+    $[0] = before;
+    $[1] = order;
+    $[2] = structure;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  const subagents = t1;
+  const {
+    id,
+    keyOf
+  } = useChatScope();
+  const tasks = useHostTasks(id);
+  let t2;
+  if ($[4] !== keyOf || $[5] !== subagents) {
+    t2 = s => subagents.map(item => item.childId === undefined ? undefined : s.statusByKey[keyOf(item.childId)]?.info);
+    $[4] = keyOf;
+    $[5] = subagents;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  const children = useChats(useShallow(t2));
+  const progress = progressOf(subagents.map((item_0, index) => {
+    const taskId = taskIdOf(item_0);
+    return taskRowStateOf(item_0, taskId === null ? null : tasks?.[taskId] ?? null, children[index]);
+  }));
+  let t3;
+  if ($[7] !== tasks) {
+    t3 = item_1 => {
+      const taskId_0 = taskIdOf(item_1);
+      return statusWordOf(item_1, taskId_0 === null ? null : tasks?.[taskId_0] ?? null);
+    };
+    $[7] = tasks;
+    $[8] = t3;
+  } else {
+    t3 = $[8];
+  }
+  const words = subagents.map(t3);
+  const background = useChatRow(chatId, _temp4) ?? NO_TASKS;
+  if (subagents.length === 0 && background.length === 0) {
+    return null;
+  }
+  let t4;
+  if ($[9] !== background) {
+    t4 = backgroundCounts(background);
+    $[9] = background;
+    $[10] = t4;
+  } else {
+    t4 = $[10];
+  }
+  const {
+    shells,
+    monitors
+  } = t4;
+  const Slot = host.SubagentSlot;
+  const counting = progress.active > 0 && progress.total > 1;
+  const label = counting ? [t("activity.progress", {
+    done: progress.done,
+    total: progress.total
+  }), progress.waiting > 0 && t("activity.needsYou", {
+    count: progress.waiting
+  })].filter(Boolean).join(", ") : t("activity.subagents", {
+    count: badgeCountOf(words)
+  });
+  const t5 = "mb-3 flex flex-wrap items-center gap-2";
+  const t6 = subagents.length > 0 && (Slot === null ? /*#__PURE__*/_jsx(Flyout, {
+    icon: progress.waiting > 0 ? /*#__PURE__*/_jsx(Icon, {
+      icon: MessageCircleQuestionMark,
+      size: 14,
+      className: "shrink-0 text-status-needs-you"
+    }) : /*#__PURE__*/_jsx(StatusIcon, {
+      word: summaryWordOf(words)
+    }),
+    label: label,
+    heading: t("activity.subagents", {
+      count: subagents.length
+    }),
+    children: /*#__PURE__*/_jsx(SubagentRows, {
+      chatId: chatId,
+      items: subagents
+    })
+  }) : /*#__PURE__*/_jsx(Slot, {
+    chatId: chatId,
+    items: subagents
+  }));
+  let t7;
+  if ($[11] !== background || $[12] !== chatId || $[13] !== monitors || $[14] !== shells || $[15] !== t) {
+    t7 = background.length > 0 && /*#__PURE__*/_jsx(Flyout, {
+      icon: /*#__PURE__*/_jsx(Icon, {
+        icon: shells > 0 ? SquareTerminal : Activity,
+        size: 14
+      }),
+      label: [shells > 0 && t("activity.shells", {
+        count: shells
+      }), monitors > 0 && t("activity.monitors", {
+        count: monitors
+      })].filter(Boolean).join(" \xB7 "),
+      children: /*#__PURE__*/_jsx(BackgroundTaskRows, {
+        chatId: chatId,
+        tasks: background
+      })
+    });
+    $[11] = background;
+    $[12] = chatId;
+    $[13] = monitors;
+    $[14] = shells;
+    $[15] = t;
+    $[16] = t7;
+  } else {
+    t7 = $[16];
+  }
+  let t8;
+  if ($[17] !== t6 || $[18] !== t7) {
+    t8 = /*#__PURE__*/_jsxs("div", {
+      className: t5,
+      children: [t6, t7]
+    });
+    $[17] = t6;
+    $[18] = t7;
+    $[19] = t8;
+  } else {
+    t8 = $[19];
+  }
+  return t8;
+}
+function _temp4(row_2) {
+  return row_2?.info.background;
+}
+function _temp3(row_1) {
+  return row_1?.structure;
+}
+function _temp2(row_0) {
+  return row_0?.subagentsBefore;
 }
-export function StatusIcon({ word }) {
+function _temp(row) {
+  return row?.order;
+}
+export function StatusIcon(t0) {
+  const $ = _c(10);
+  const {
+    word
+  } = t0;
+  let T0;
+  let t1;
+  let t2;
+  let t3;
+  if ($[0] !== word) {
     const look = statusLookOf(word);
-    return _jsx(Icon, { icon: look.icon, size: 14, className: clsx('shrink-0', look.tone, look.spins && 'animate-spin') });
+    T0 = Icon;
+    t1 = look.icon;
+    t2 = 14;
+    t3 = clsx("shrink-0", look.tone, look.spins && "animate-spin");
+    $[0] = word;
+    $[1] = T0;
+    $[2] = t1;
+    $[3] = t2;
+    $[4] = t3;
+  } else {
+    T0 = $[1];
+    t1 = $[2];
+    t2 = $[3];
+    t3 = $[4];
+  }
+  let t4;
+  if ($[5] !== T0 || $[6] !== t1 || $[7] !== t2 || $[8] !== t3) {
+    t4 = /*#__PURE__*/_jsx(T0, {
+      icon: t1,
+      size: t2,
+      className: t3
+    });
+    $[5] = T0;
+    $[6] = t1;
+    $[7] = t2;
+    $[8] = t3;
+    $[9] = t4;
+  } else {
+    t4 = $[9];
+  }
+  return t4;
 }
 /* A chip that opens a list over it, headed by what the chip says unless the list counts more than the chip does. */
-function Flyout({ icon, label, heading = label, children }) {
-    return (_jsxs(Popover.Root, { children: [_jsxs(Surface, { render: _jsx(Popover.Trigger, {}), className: "pointer-events-auto inline-flex h-7.5 items-center gap-1.5 rounded-full px-3 text-xs text-text-muted tabular-nums hover:text-text", children: [icon, label] }), _jsxs(Popover.Popup, { side: "top", className: "w-80", children: [_jsx("div", { className: "px-2.5 pt-1.5 pb-1 text-xs text-text-faint", children: heading }), children] })] }));
+function Flyout(t0) {
+  const $ = _c(12);
+  const {
+    icon,
+    label,
+    heading: t1,
+    children
+  } = t0;
+  const heading = t1 === undefined ? label : t1;
+  let t2;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = /*#__PURE__*/_jsx(Popover.Trigger, {});
+    $[0] = t2;
+  } else {
+    t2 = $[0];
+  }
+  let t3;
+  if ($[1] !== icon || $[2] !== label) {
+    t3 = /*#__PURE__*/_jsxs(Surface, {
+      render: t2,
+      className: "pointer-events-auto inline-flex h-7.5 items-center gap-1.5 rounded-full px-3 text-xs text-text-muted tabular-nums hover:text-text",
+      children: [icon, label]
+    });
+    $[1] = icon;
+    $[2] = label;
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  let t4;
+  if ($[4] !== heading) {
+    t4 = /*#__PURE__*/_jsx("div", {
+      className: "px-2.5 pt-1.5 pb-1 text-xs text-text-faint",
+      children: heading
+    });
+    $[4] = heading;
+    $[5] = t4;
+  } else {
+    t4 = $[5];
+  }
+  let t5;
+  if ($[6] !== children || $[7] !== t4) {
+    t5 = /*#__PURE__*/_jsxs(Popover.Popup, {
+      side: "top",
+      className: "w-80",
+      children: [t4, children]
+    });
+    $[6] = children;
+    $[7] = t4;
+    $[8] = t5;
+  } else {
+    t5 = $[8];
+  }
+  let t6;
+  if ($[9] !== t3 || $[10] !== t5) {
+    t6 = /*#__PURE__*/_jsxs(Popover.Root, {
+      children: [t3, t5]
+    });
+    $[9] = t3;
+    $[10] = t5;
+    $[11] = t6;
+  } else {
+    t6 = $[11];
+  }
+  return t6;
 }
 /* One line of a flyout; with `onOpen` the line leads somewhere and closes the flyout on the way. */
-function ActivityRow({ icon, title, detail, time, onOpen, children }) {
-    const body = (_jsxs(_Fragment, { children: [icon, _jsxs("span", { className: "flex min-w-0 grow flex-col", children: [_jsx("span", { className: "truncate text-sm text-text", children: title }), detail && _jsx("span", { className: "truncate font-mono text-xs text-text-faint", children: detail })] }), time !== '' && _jsx("span", { className: "shrink-0 text-xs text-text-faint tabular-nums", children: time })] }));
-    // The stop is a button of its own beside the line, since a button cannot hold another.
-    return (_jsxs("div", { className: clsx('flex items-center gap-1 rounded-md', onOpen && 'hover:bg-surface-hover'), children: [onOpen ? (_jsx(Popover.Close, { className: ROW_BODY, onClick: onOpen, children: body })) : (_jsx("div", { className: ROW_BODY, children: body })), children] }));
+function ActivityRow(t0) {
+  const $ = _c(22);
+  const {
+    icon,
+    title,
+    detail,
+    time,
+    onOpen,
+    children
+  } = t0;
+  let t1;
+  if ($[0] !== title) {
+    t1 = /*#__PURE__*/_jsx("span", {
+      className: "truncate text-sm text-text",
+      children: title
+    });
+    $[0] = title;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== detail) {
+    t2 = detail && /*#__PURE__*/_jsx("span", {
+      className: "truncate font-mono text-xs text-text-faint",
+      children: detail
+    });
+    $[2] = detail;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] !== t1 || $[5] !== t2) {
+    t3 = /*#__PURE__*/_jsxs("span", {
+      className: "flex min-w-0 grow flex-col",
+      children: [t1, t2]
+    });
+    $[4] = t1;
+    $[5] = t2;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  let t4;
+  if ($[7] !== time) {
+    t4 = time !== "" && /*#__PURE__*/_jsx("span", {
+      className: "shrink-0 text-xs text-text-faint tabular-nums",
+      children: time
+    });
+    $[7] = time;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  let t5;
+  if ($[9] !== icon || $[10] !== t3 || $[11] !== t4) {
+    t5 = /*#__PURE__*/_jsxs(_Fragment, {
+      children: [icon, t3, t4]
+    });
+    $[9] = icon;
+    $[10] = t3;
+    $[11] = t4;
+    $[12] = t5;
+  } else {
+    t5 = $[12];
+  }
+  const body = t5;
+  const t6 = onOpen && "hover:bg-surface-hover";
+  let t7;
+  if ($[13] !== t6) {
+    t7 = clsx("flex items-center gap-1 rounded-md", t6);
+    $[13] = t6;
+    $[14] = t7;
+  } else {
+    t7 = $[14];
+  }
+  let t8;
+  if ($[15] !== body || $[16] !== onOpen) {
+    t8 = onOpen ? /*#__PURE__*/_jsx(Popover.Close, {
+      className: ROW_BODY,
+      onClick: onOpen,
+      children: body
+    }) : /*#__PURE__*/_jsx("div", {
+      className: ROW_BODY,
+      children: body
+    });
+    $[15] = body;
+    $[16] = onOpen;
+    $[17] = t8;
+  } else {
+    t8 = $[17];
+  }
+  let t9;
+  if ($[18] !== children || $[19] !== t7 || $[20] !== t8) {
+    t9 = /*#__PURE__*/_jsxs("div", {
+      className: t7,
+      children: [t8, children]
+    });
+    $[18] = children;
+    $[19] = t7;
+    $[20] = t8;
+    $[21] = t9;
+  } else {
+    t9 = $[21];
+  }
+  return t9;
 }
 /* Only drawn while the flyout is open, so the clock ticks for nobody otherwise. */
-function SubagentRows({ chatId, items }) {
-    const now = useNow(1000, items.some((item) => item.status === 'running'));
-    return items.map((item) => _jsx(SubagentEntry, { chatId: chatId, item: item, now: now }, item.id));
+function SubagentRows(t0) {
+  const $ = _c(9);
+  const {
+    chatId,
+    items
+  } = t0;
+  let t1;
+  if ($[0] !== items) {
+    t1 = items.some(_temp5);
+    $[0] = items;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const now = useNow(1000, t1);
+  let t2;
+  if ($[2] !== chatId || $[3] !== items || $[4] !== now) {
+    let t3;
+    if ($[6] !== chatId || $[7] !== now) {
+      t3 = item_0 => /*#__PURE__*/_jsx(SubagentEntry, {
+        chatId: chatId,
+        item: item_0,
+        now: now
+      }, item_0.id);
+      $[6] = chatId;
+      $[7] = now;
+      $[8] = t3;
+    } else {
+      t3 = $[8];
+    }
+    t2 = items.map(t3);
+    $[2] = chatId;
+    $[3] = items;
+    $[4] = now;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  return t2;
 }
-function SubagentEntry({ chatId, item, now }) {
-    const host = useChatHost();
-    const { t } = useTranslation('agent-chat');
-    const { id, keyOf } = useChatScope();
-    const refused = useSubagentSupport((s) => s.unsupported[id] === true);
-    const task = host.tasks.useTask(id, taskIdOf(item));
-    const { show } = useSubagentTrail(chatId);
-    const child = useChats((s) => (item.childId === undefined ? undefined : s.statusByKey[keyOf(item.childId)]?.info));
-    const word = statusWordOf(item, task);
-    const state = taskRowStateOf(item, task, child);
-    return (_jsx(ActivityRow, { icon: _jsx(StatusIcon, { word: word }), title: _jsxs(_Fragment, { children: [subagentTitle(item), _jsxs("span", { className: "sr-only", children: [", ", state === 'waiting' ? t('rows.task.waiting') : t(`common.status.${word}`)] })] }), time: entryTimeOf(item, task, now), onOpen: canOpenSubagent(item, refused) ? () => show(openFromMain(crumbOf(item))) : undefined, children: _jsx(SubagentStopButton, { chatId: chatId, item: item, className: "mr-1.5" }) }));
+function _temp5(item) {
+  return item.status === "running";
+}
+function SubagentEntry(t0) {
+  const $ = _c(44);
+  const {
+    chatId,
+    item,
+    now
+  } = t0;
+  const {
+    t
+  } = useTranslation("agent-chat");
+  const {
+    id,
+    keyOf
+  } = useChatScope();
+  let t1;
+  if ($[0] !== id) {
+    t1 = s => s.unsupported[id] === true;
+    $[0] = id;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const refused = useSubagentSupport(t1);
+  let t2;
+  if ($[2] !== item) {
+    t2 = taskIdOf(item);
+    $[2] = item;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  const task = useHostTask(id, t2);
+  const {
+    show
+  } = useSubagentTrail(chatId);
+  let t3;
+  if ($[4] !== item.childId || $[5] !== keyOf) {
+    t3 = s_0 => item.childId === undefined ? undefined : s_0.statusByKey[keyOf(item.childId)]?.info;
+    $[4] = item.childId;
+    $[5] = keyOf;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  const child = useChats(t3);
+  let t4;
+  if ($[7] !== item || $[8] !== task) {
+    t4 = statusWordOf(item, task);
+    $[7] = item;
+    $[8] = task;
+    $[9] = t4;
+  } else {
+    t4 = $[9];
+  }
+  const word = t4;
+  let t5;
+  if ($[10] !== child || $[11] !== item || $[12] !== task) {
+    t5 = taskRowStateOf(item, task, child);
+    $[10] = child;
+    $[11] = item;
+    $[12] = task;
+    $[13] = t5;
+  } else {
+    t5 = $[13];
+  }
+  const state = t5;
+  let t6;
+  if ($[14] !== word) {
+    t6 = /*#__PURE__*/_jsx(StatusIcon, {
+      word: word
+    });
+    $[14] = word;
+    $[15] = t6;
+  } else {
+    t6 = $[15];
+  }
+  let t7;
+  if ($[16] !== item) {
+    t7 = subagentTitle(item);
+    $[16] = item;
+    $[17] = t7;
+  } else {
+    t7 = $[17];
+  }
+  let t8;
+  if ($[18] !== state || $[19] !== t || $[20] !== word) {
+    t8 = state === "waiting" ? t("rows.task.waiting") : t(`common.status.${word}`);
+    $[18] = state;
+    $[19] = t;
+    $[20] = word;
+    $[21] = t8;
+  } else {
+    t8 = $[21];
+  }
+  let t9;
+  if ($[22] !== t8) {
+    t9 = /*#__PURE__*/_jsxs("span", {
+      className: "sr-only",
+      children: [", ", t8]
+    });
+    $[22] = t8;
+    $[23] = t9;
+  } else {
+    t9 = $[23];
+  }
+  let t10;
+  if ($[24] !== t7 || $[25] !== t9) {
+    t10 = /*#__PURE__*/_jsxs(_Fragment, {
+      children: [t7, t9]
+    });
+    $[24] = t7;
+    $[25] = t9;
+    $[26] = t10;
+  } else {
+    t10 = $[26];
+  }
+  let t11;
+  if ($[27] !== item || $[28] !== now || $[29] !== task) {
+    t11 = entryTimeOf(item, task, now);
+    $[27] = item;
+    $[28] = now;
+    $[29] = task;
+    $[30] = t11;
+  } else {
+    t11 = $[30];
+  }
+  let t12;
+  if ($[31] !== item || $[32] !== refused || $[33] !== show) {
+    t12 = canOpenSubagent(item, refused) ? () => show(openFromMain(crumbOf(item))) : undefined;
+    $[31] = item;
+    $[32] = refused;
+    $[33] = show;
+    $[34] = t12;
+  } else {
+    t12 = $[34];
+  }
+  let t13;
+  if ($[35] !== chatId || $[36] !== item) {
+    t13 = /*#__PURE__*/_jsx(SubagentStopButton, {
+      chatId: chatId,
+      item: item,
+      className: "mr-1.5"
+    });
+    $[35] = chatId;
+    $[36] = item;
+    $[37] = t13;
+  } else {
+    t13 = $[37];
+  }
+  let t14;
+  if ($[38] !== t10 || $[39] !== t11 || $[40] !== t12 || $[41] !== t13 || $[42] !== t6) {
+    t14 = /*#__PURE__*/_jsx(ActivityRow, {
+      icon: t6,
+      title: t10,
+      time: t11,
+      onOpen: t12,
+      children: t13
+    });
+    $[38] = t10;
+    $[39] = t11;
+    $[40] = t12;
+    $[41] = t13;
+    $[42] = t6;
+    $[43] = t14;
+  } else {
+    t14 = $[43];
+  }
+  return t14;
 }
 /* Only drawn while the flyout is open, so the clock ticks for nobody otherwise. */
-function BackgroundTaskRows({ chatId, tasks }) {
-    const host = useChatHost();
-    const { t } = useTranslation('agent-chat');
-    const now = useNow(1000);
-    const actions = useChatActions();
-    function stop(taskId) {
-        void actions.stopTask(chatId, taskId).catch((e) => {
-            const description = e instanceof Error ? e.message : t('subagents.noAnswer');
-            host.notify({ kind: 'error', title: t('activity.stopFailed'), description });
+function BackgroundTaskRows(t0) {
+  const $ = _c(14);
+  const {
+    chatId,
+    tasks
+  } = t0;
+  const host = useChatHost();
+  const {
+    t
+  } = useTranslation("agent-chat");
+  const now = useNow(1000);
+  const actions = useChatActions();
+  let t1;
+  if ($[0] !== actions || $[1] !== chatId || $[2] !== host || $[3] !== t) {
+    t1 = function stop(taskId) {
+      actions.stopTask(chatId, taskId).catch(e => {
+        const description = e instanceof Error ? e.message : t("subagents.noAnswer");
+        host.notify({
+          kind: "error",
+          title: t("activity.stopFailed"),
+          description
         });
+      });
+    };
+    $[0] = actions;
+    $[1] = chatId;
+    $[2] = host;
+    $[3] = t;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  const stop = t1;
+  let t2;
+  if ($[5] !== now || $[6] !== stop || $[7] !== t || $[8] !== tasks) {
+    let t3;
+    if ($[10] !== now || $[11] !== stop || $[12] !== t) {
+      t3 = task => /*#__PURE__*/_jsx(ActivityRow, {
+        icon: /*#__PURE__*/_jsx(Icon, {
+          icon: task.kind === "shell" ? SquareTerminal : Activity,
+          size: 14,
+          className: "shrink-0 text-text-faint"
+        }),
+        title: task.description || task.command || t(`activity.${task.kind}`),
+        detail: task.description ? task.command : null,
+        time: formatElapsedShort(now - task.startedAt),
+        children: /*#__PURE__*/_jsx(IconButton, {
+          icon: Square,
+          size: "xs",
+          label: t("activity.stop"),
+          className: "mr-1.5",
+          onClick: () => stop(task.id)
+        })
+      }, task.id);
+      $[10] = now;
+      $[11] = stop;
+      $[12] = t;
+      $[13] = t3;
+    } else {
+      t3 = $[13];
     }
-    return tasks.map((task) => (_jsx(ActivityRow, { icon: _jsx(Icon, { icon: task.kind === 'shell' ? SquareTerminal : Activity, size: 14, className: "shrink-0 text-text-faint" }), title: task.description || task.command || t(`activity.${task.kind}`), detail: task.description ? task.command : null, time: formatElapsedShort(now - task.startedAt), children: _jsx(IconButton, { icon: Square, size: "xs", label: t('activity.stop'), className: "mr-1.5", onClick: () => stop(task.id) }) }, task.id)));
-}
+    t2 = tasks.map(t3);
+    $[5] = now;
+    $[6] = stop;
+    $[7] = t;
+    $[8] = tasks;
+    $[9] = t2;
+  } else {
+    t2 = $[9];
+  }
+  return t2;
+}