@adecore/agents-react 0.31.12 → 0.33.0

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

@@ -1,12 +1,11 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useContext, useMemo, useState } from 'react';
+import { c as _c } from "react/compiler-runtime";
+import { useContext, useState } from 'react';
 import clsx from 'clsx';
 import { useTranslation } from 'react-i18next';
 import { Bot, Brain, Check, ChevronDown, CircleAlert, File, Info, MessageCircleQuestionMark, Reply, TriangleAlert, X } from 'lucide-react';
 import { WAITING_NOTE_PREFIX } from '@adecore/agent-contracts';
 import { fileBadge, formatBytes, isImageAttachment } from '../../attachments.js';
 import { useChatRow, useCurrentItem } from '../../../state/chats.js';
-import { useChatHost } from '../../../host.js';
 import { useChatScope } from '../../../scope.js';
 import { splitQuote } from '../../quote.js';
 import { jumpToTimelineItem } from '../../timeline-scroll.js';
@@ -26,115 +25,731 @@ import { ROW_GUTTER } from '../icons.js';
 import { useOpenForFind } from '../find-reveal.js';
 import { ReplyContext, UiReplyNavigationContext } from '../reply-context.js';
 import { UiReply } from '../intelligent-ui/UiReply.js';
+import { useHostAttachmentUrl, useHostChatPlace, useHostReplyAuthor, useHostStreaming } from '../../../host-hooks.js';
 // A long prompt folds so the answer stays in view; the reader can open it.
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const USER_FOLD_LINES = 8;
 const USER_FOLD_CHARS = 600;
 /* A folded user prompt fades out at the bottom instead of cutting a line in half. */
 const FOLD = 'max-h-[10em] overflow-hidden [mask-image:linear-gradient(to_bottom,black_70%,transparent)]';
 function useReplyAuthor(chatId) {
-    const host = useChatHost();
-    const { id } = useChatScope();
-    const context = useContext(ReplyContext);
-    const author = host.useReplyAuthor(id, context?.chatId ?? chatId);
-    return context !== null && context.chatId === undefined ? null : author;
+  const {
+    id
+  } = useChatScope();
+  const context = useContext(ReplyContext);
+  const author = useHostReplyAuthor(id, context?.chatId ?? chatId);
+  return context !== null && context.chatId === undefined ? null : author;
 }
 /*
  * A file attached to a message that is not a picture. `download` is what saves a blob URL: the shell
  * hands a link that opens a window to the system browser, which cannot reach a blob of this page.
  */
-function AttachmentLink({ chatId, attachment }) {
-    const host = useChatHost();
-    const { id } = useChatScope();
-    const { url } = host.attachments.useUrl(id, chatId, attachment.id);
-    const badge = fileBadge(attachment.name);
-    return (_jsx(Tooltip, { label: attachment.name, children: _jsxs("a", { href: url ?? undefined, download: attachment.name, target: "_blank", rel: "noreferrer", "aria-disabled": url === null, className: "flex h-28 w-36 flex-col rounded-xl border border-border bg-surface-raised bg-clip-padding p-2.5 text-left hover:bg-surface-hover", children: [_jsx("span", { className: "flex h-6 min-w-6 items-center justify-center self-start rounded-md border border-border px-1.5 text-xs font-medium text-text-muted", children: badge ?? _jsx(Icon, { icon: File, size: 12 }) }), _jsx("span", { className: "mt-auto line-clamp-2 text-xs break-all text-text", children: attachment.name }), _jsx("span", { className: "text-xs text-text-faint", children: formatBytes(attachment.size) })] }) }));
+function AttachmentLink(t0) {
+  const $ = _c(22);
+  const {
+    chatId,
+    attachment
+  } = t0;
+  const {
+    id
+  } = useChatScope();
+  const {
+    url
+  } = useHostAttachmentUrl(id, chatId, attachment.id);
+  let t1;
+  if ($[0] !== attachment.name) {
+    t1 = fileBadge(attachment.name);
+    $[0] = attachment.name;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const badge = t1;
+  const t2 = attachment.name;
+  const t3 = url ?? undefined;
+  const t4 = attachment.name;
+  const t5 = url === null;
+  let t6;
+  if ($[2] !== badge) {
+    t6 = badge ?? /*#__PURE__*/_jsx(Icon, {
+      icon: File,
+      size: 12
+    });
+    $[2] = badge;
+    $[3] = t6;
+  } else {
+    t6 = $[3];
+  }
+  let t7;
+  if ($[4] !== t6) {
+    t7 = /*#__PURE__*/_jsx("span", {
+      className: "flex h-6 min-w-6 items-center justify-center self-start rounded-md border border-border px-1.5 text-xs font-medium text-text-muted",
+      children: t6
+    });
+    $[4] = t6;
+    $[5] = t7;
+  } else {
+    t7 = $[5];
+  }
+  let t8;
+  if ($[6] !== attachment.name) {
+    t8 = /*#__PURE__*/_jsx("span", {
+      className: "mt-auto line-clamp-2 text-xs break-all text-text",
+      children: attachment.name
+    });
+    $[6] = attachment.name;
+    $[7] = t8;
+  } else {
+    t8 = $[7];
+  }
+  let t9;
+  if ($[8] !== attachment.size) {
+    t9 = formatBytes(attachment.size);
+    $[8] = attachment.size;
+    $[9] = t9;
+  } else {
+    t9 = $[9];
+  }
+  let t10;
+  if ($[10] !== t9) {
+    t10 = /*#__PURE__*/_jsx("span", {
+      className: "text-xs text-text-faint",
+      children: t9
+    });
+    $[10] = t9;
+    $[11] = t10;
+  } else {
+    t10 = $[11];
+  }
+  let t11;
+  if ($[12] !== attachment.name || $[13] !== t10 || $[14] !== t3 || $[15] !== t5 || $[16] !== t7 || $[17] !== t8) {
+    t11 = /*#__PURE__*/_jsxs("a", {
+      href: t3,
+      download: t4,
+      target: "_blank",
+      rel: "noreferrer",
+      "aria-disabled": t5,
+      className: "flex h-28 w-36 flex-col rounded-xl border border-border bg-surface-raised bg-clip-padding p-2.5 text-left hover:bg-surface-hover",
+      children: [t7, t8, t10]
+    });
+    $[12] = attachment.name;
+    $[13] = t10;
+    $[14] = t3;
+    $[15] = t5;
+    $[16] = t7;
+    $[17] = t8;
+    $[18] = t11;
+  } else {
+    t11 = $[18];
+  }
+  let t12;
+  if ($[19] !== attachment.name || $[20] !== t11) {
+    t12 = /*#__PURE__*/_jsx(Tooltip, {
+      label: t2,
+      children: t11
+    });
+    $[19] = attachment.name;
+    $[20] = t11;
+    $[21] = t12;
+  } else {
+    t12 = $[21];
+  }
+  return t12;
 }
 /* A picture attached to a message, which opens large. */
-function AttachmentThumb({ chatId, attachment }) {
-    const host = useChatHost();
-    const { id } = useChatScope();
-    const source = host.attachments.useUrl(id, chatId, attachment.id);
-    return _jsx(ImageThumb, { source: source, alt: attachment.name, className: "max-h-32 max-w-48 object-cover" });
+function AttachmentThumb(t0) {
+  const $ = _c(3);
+  const {
+    chatId,
+    attachment
+  } = t0;
+  const {
+    id
+  } = useChatScope();
+  const source = useHostAttachmentUrl(id, chatId, attachment.id);
+  let t1;
+  if ($[0] !== attachment.name || $[1] !== source) {
+    t1 = /*#__PURE__*/_jsx(ImageThumb, {
+      source: source,
+      alt: attachment.name,
+      className: "max-h-32 max-w-48 object-cover"
+    });
+    $[0] = attachment.name;
+    $[1] = source;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  return t1;
 }
-export function UserRow({ chatId, item }) {
-    const { t } = useTranslation('agent-chat');
-    const [open, setOpen] = useState(false);
-    const long = item.text.split('\n').length > USER_FOLD_LINES || item.text.length > USER_FOLD_CHARS;
-    const attachments = item.attachments ?? [];
-    const chats = item.chats ?? [];
-    const [missing, setMissing] = useState(false);
-    const { keyOf } = useChatScope();
-    useOpenForFind(item.id, 'text', setOpen);
-    // A quote only leads somewhere when the message still opens with the blockquote it was sent with.
-    const quoted = item.quoteSource === undefined ? null : splitQuote(item.text);
-    const source = item.quoteSource?.itemId;
-    function goToSource() {
-        if (source !== undefined) {
-            setMissing(false);
-            jumpToTimelineItem(keyOf(chatId), source, { flash: true, onMissing: () => setMissing(true) });
-        }
-    }
-    return (_jsxs("div", { "data-find-item": item.id, className: "flex flex-col items-end", children: [_jsx(MessageHeading, { children: t('rows.user.heading') }), attachments.length > 0 && (_jsx("div", { className: "mb-1.5 flex max-w-[80%] flex-wrap justify-end gap-1.5", children: attachments.map((attachment) => isImageAttachment(attachment.mime) ? (_jsx(AttachmentThumb, { chatId: chatId, attachment: attachment }, attachment.id)) : (_jsx(AttachmentLink, { chatId: chatId, attachment: attachment }, attachment.id))) })), chats.length > 0 && (_jsx("div", { className: "mb-1.5 flex max-w-[80%] flex-wrap justify-end gap-1.5", children: chats.map((id) => (_jsx(ChatReferenceChip, { chatId: id }, id))) })), item.uiChoice !== undefined && _jsx(ChoiceLine, { chatId: chatId, choice: item.uiChoice }), item.text !== '' && (_jsxs("div", { className: "relative max-w-[80%] rounded-2xl bg-surface-active px-3.5 py-2.5 text-sm wrap-anywhere text-text select-text", children: [_jsx("div", { "data-find-field": "text", className: clsx(long && !open && FOLD), children: quoted !== null && source !== undefined ? (_jsxs(_Fragment, { children: [_jsx(Tooltip, { label: t('composer.quote.goToSource'), children: _jsx("div", { role: "button", tabIndex: 0, className: "mb-2 cursor-pointer rounded-sm border-l-2 border-border-strong pl-2.5 text-text-muted hover:bg-text/5 hover:text-text focus-visible:outline-2 focus-visible:outline-accent", onClick: goToSource, onKeyDown: (e) => {
-                                            if (e.key === 'Enter' || e.key === ' ') {
-                                                e.preventDefault();
-                                                goToSource();
-                                            }
-                                        }, children: _jsx(MessageMarkdown, { text: quoted.quote }) }) }), missing && _jsx("div", { className: "mb-2 text-xs text-text-faint", children: t('rows.user.quoteGone') }), quoted.rest !== '' && _jsx(MessageMarkdown, { text: quoted.rest, mentions: item.mentions, skills: item.skills })] })) : (_jsx(MessageMarkdown, { text: item.text, mentions: item.mentions, skills: item.skills })) }), long && (_jsxs("button", { className: "mt-1 flex items-center gap-1 text-xs text-text-muted hover:text-text", onClick: () => setOpen((o) => !o), children: [_jsx(Icon, { icon: ChevronDown, size: 12, className: clsx('transition-transform', open && 'rotate-180') }), ' ', open ? t('rows.user.showLess') : t('rows.user.showAll')] }))] }))] }));
+export function UserRow(t0) {
+  const $ = _c(43);
+  const {
+    chatId,
+    item
+  } = t0;
+  const {
+    t
+  } = useTranslation("agent-chat");
+  const [open, setOpen] = useState(false);
+  let t1;
+  if ($[0] !== item.text) {
+    t1 = item.text.split("\n").length > USER_FOLD_LINES || item.text.length > USER_FOLD_CHARS;
+    $[0] = item.text;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const long = t1;
+  let t2;
+  if ($[2] !== item.attachments) {
+    t2 = item.attachments ?? [];
+    $[2] = item.attachments;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  const attachments = t2;
+  let t3;
+  if ($[4] !== item.chats) {
+    t3 = item.chats ?? [];
+    $[4] = item.chats;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  const chats = t3;
+  const [missing, setMissing] = useState(false);
+  const {
+    keyOf
+  } = useChatScope();
+  useOpenForFind(item.id, "text", setOpen);
+  let t4;
+  if ($[6] !== item.quoteSource || $[7] !== item.text) {
+    t4 = item.quoteSource === undefined ? null : splitQuote(item.text);
+    $[6] = item.quoteSource;
+    $[7] = item.text;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  const quoted = t4;
+  const source = item.quoteSource?.itemId;
+  let t5;
+  if ($[9] !== chatId || $[10] !== keyOf || $[11] !== source) {
+    t5 = function goToSource() {
+      if (source !== undefined) {
+        setMissing(false);
+        jumpToTimelineItem(keyOf(chatId), source, {
+          flash: true,
+          onMissing: () => setMissing(true)
+        });
+      }
+    };
+    $[9] = chatId;
+    $[10] = keyOf;
+    $[11] = source;
+    $[12] = t5;
+  } else {
+    t5 = $[12];
+  }
+  const goToSource = t5;
+  const t6 = item.id;
+  let t7;
+  if ($[13] !== t) {
+    t7 = t("rows.user.heading");
+    $[13] = t;
+    $[14] = t7;
+  } else {
+    t7 = $[14];
+  }
+  let t8;
+  if ($[15] !== t7) {
+    t8 = /*#__PURE__*/_jsx(MessageHeading, {
+      children: t7
+    });
+    $[15] = t7;
+    $[16] = t8;
+  } else {
+    t8 = $[16];
+  }
+  let t9;
+  if ($[17] !== attachments || $[18] !== chatId) {
+    t9 = attachments.length > 0 && /*#__PURE__*/_jsx("div", {
+      className: "mb-1.5 flex max-w-[80%] flex-wrap justify-end gap-1.5",
+      children: attachments.map(attachment => isImageAttachment(attachment.mime) ? /*#__PURE__*/_jsx(AttachmentThumb, {
+        chatId: chatId,
+        attachment: attachment
+      }, attachment.id) : /*#__PURE__*/_jsx(AttachmentLink, {
+        chatId: chatId,
+        attachment: attachment
+      }, attachment.id))
+    });
+    $[17] = attachments;
+    $[18] = chatId;
+    $[19] = t9;
+  } else {
+    t9 = $[19];
+  }
+  let t10;
+  if ($[20] !== chats) {
+    t10 = chats.length > 0 && /*#__PURE__*/_jsx("div", {
+      className: "mb-1.5 flex max-w-[80%] flex-wrap justify-end gap-1.5",
+      children: chats.map(_temp)
+    });
+    $[20] = chats;
+    $[21] = t10;
+  } else {
+    t10 = $[21];
+  }
+  let t11;
+  if ($[22] !== chatId || $[23] !== item.uiChoice) {
+    t11 = item.uiChoice !== undefined && /*#__PURE__*/_jsx(ChoiceLine, {
+      chatId: chatId,
+      choice: item.uiChoice
+    });
+    $[22] = chatId;
+    $[23] = item.uiChoice;
+    $[24] = t11;
+  } else {
+    t11 = $[24];
+  }
+  let t12;
+  if ($[25] !== goToSource || $[26] !== item.mentions || $[27] !== item.skills || $[28] !== item.text || $[29] !== long || $[30] !== missing || $[31] !== open || $[32] !== quoted || $[33] !== source || $[34] !== t) {
+    t12 = item.text !== "" && /*#__PURE__*/_jsxs("div", {
+      className: "relative max-w-[80%] rounded-2xl bg-surface-active px-3.5 py-2.5 text-sm wrap-anywhere text-text select-text",
+      children: [/*#__PURE__*/_jsx("div", {
+        "data-find-field": "text",
+        className: clsx(long && !open && FOLD),
+        children: quoted !== null && source !== undefined ? /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx(Tooltip, {
+            label: t("composer.quote.goToSource"),
+            children: /*#__PURE__*/_jsx("div", {
+              role: "button",
+              tabIndex: 0,
+              className: "mb-2 cursor-pointer rounded-sm border-l-2 border-border-strong pl-2.5 text-text-muted hover:bg-text/5 hover:text-text focus-visible:outline-2 focus-visible:outline-accent",
+              onClick: goToSource,
+              onKeyDown: e => {
+                if (e.key === "Enter" || e.key === " ") {
+                  e.preventDefault();
+                  goToSource();
+                }
+              },
+              children: /*#__PURE__*/_jsx(MessageMarkdown, {
+                text: quoted.quote
+              })
+            })
+          }), missing && /*#__PURE__*/_jsx("div", {
+            className: "mb-2 text-xs text-text-faint",
+            children: t("rows.user.quoteGone")
+          }), quoted.rest !== "" && /*#__PURE__*/_jsx(MessageMarkdown, {
+            text: quoted.rest,
+            mentions: item.mentions,
+            skills: item.skills
+          })]
+        }) : /*#__PURE__*/_jsx(MessageMarkdown, {
+          text: item.text,
+          mentions: item.mentions,
+          skills: item.skills
+        })
+      }), long && /*#__PURE__*/_jsxs("button", {
+        className: "mt-1 flex items-center gap-1 text-xs text-text-muted hover:text-text",
+        onClick: () => setOpen(_temp2),
+        children: [/*#__PURE__*/_jsx(Icon, {
+          icon: ChevronDown,
+          size: 12,
+          className: clsx("transition-transform", open && "rotate-180")
+        }), " ", open ? t("rows.user.showLess") : t("rows.user.showAll")]
+      })]
+    });
+    $[25] = goToSource;
+    $[26] = item.mentions;
+    $[27] = item.skills;
+    $[28] = item.text;
+    $[29] = long;
+    $[30] = missing;
+    $[31] = open;
+    $[32] = quoted;
+    $[33] = source;
+    $[34] = t;
+    $[35] = t12;
+  } else {
+    t12 = $[35];
+  }
+  let t13;
+  if ($[36] !== item.id || $[37] !== t10 || $[38] !== t11 || $[39] !== t12 || $[40] !== t8 || $[41] !== t9) {
+    t13 = /*#__PURE__*/_jsxs("div", {
+      "data-find-item": t6,
+      className: "flex flex-col items-end",
+      children: [t8, t9, t10, t11, t12]
+    });
+    $[36] = item.id;
+    $[37] = t10;
+    $[38] = t11;
+    $[39] = t12;
+    $[40] = t8;
+    $[41] = t9;
+    $[42] = t13;
+  } else {
+    t13 = $[42];
+  }
+  return t13;
 }
 /*
  * The choice a message answers. The label stays out of the message, which holds exactly what the agent
  * read, and out of a copied selection; a screen reader hears it between the heading and the message.
  */
-function ChoiceLine({ chatId, choice }) {
-    const { t } = useTranslation('agent-chat');
-    const inherited = useContext(UiReplyNavigationContext);
-    const navigation = inherited?.chatId === chatId ? inherited : null;
-    const Tag = navigation ? 'button' : 'div';
-    return (_jsxs(Tag, { type: navigation ? 'button' : undefined, onClick: navigation ? () => navigation.reveal(choice) : undefined, className: clsx('mb-1 flex max-w-[80%] items-start gap-1.5 px-1 text-left text-xs text-text-muted select-none', navigation && 'rounded-md hover:text-text focus-visible:outline-2 focus-visible:outline-accent'), children: [_jsx(Icon, { icon: Reply, size: 12, className: "mt-1 shrink-0" }), _jsx("span", { className: "min-w-0 wrap-anywhere", children: choice.older
-                    ? t('blocks.choseOlder', { label: choice.label, time: formatMoment(choice.sourceAt) })
-                    : t('blocks.chose', { label: choice.label }) })] }));
+function _temp2(o) {
+  return !o;
+}
+function _temp(id) {
+  return /*#__PURE__*/_jsx(ChatReferenceChip, {
+    chatId: id
+  }, id);
+}
+function ChoiceLine(t0) {
+  const $ = _c(19);
+  const {
+    chatId,
+    choice
+  } = t0;
+  const {
+    t
+  } = useTranslation("agent-chat");
+  const inherited = useContext(UiReplyNavigationContext);
+  const navigation = inherited?.chatId === chatId ? inherited : null;
+  const Tag = navigation ? "button" : "div";
+  const t1 = navigation ? "button" : undefined;
+  let t2;
+  if ($[0] !== choice || $[1] !== navigation) {
+    t2 = navigation ? () => navigation.reveal(choice) : undefined;
+    $[0] = choice;
+    $[1] = navigation;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  const t3 = navigation && "rounded-md hover:text-text focus-visible:outline-2 focus-visible:outline-accent";
+  let t4;
+  if ($[3] !== t3) {
+    t4 = clsx("mb-1 flex max-w-[80%] items-start gap-1.5 px-1 text-left text-xs text-text-muted select-none", t3);
+    $[3] = t3;
+    $[4] = t4;
+  } else {
+    t4 = $[4];
+  }
+  let t5;
+  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+    t5 = /*#__PURE__*/_jsx(Icon, {
+      icon: Reply,
+      size: 12,
+      className: "mt-1 shrink-0"
+    });
+    $[5] = t5;
+  } else {
+    t5 = $[5];
+  }
+  let t6;
+  if ($[6] !== choice.label || $[7] !== choice.older || $[8] !== choice.sourceAt || $[9] !== t) {
+    t6 = choice.older ? t("blocks.choseOlder", {
+      label: choice.label,
+      time: formatMoment(choice.sourceAt)
+    }) : t("blocks.chose", {
+      label: choice.label
+    });
+    $[6] = choice.label;
+    $[7] = choice.older;
+    $[8] = choice.sourceAt;
+    $[9] = t;
+    $[10] = t6;
+  } else {
+    t6 = $[10];
+  }
+  let t7;
+  if ($[11] !== t6) {
+    t7 = /*#__PURE__*/_jsx("span", {
+      className: "min-w-0 wrap-anywhere",
+      children: t6
+    });
+    $[11] = t6;
+    $[12] = t7;
+  } else {
+    t7 = $[12];
+  }
+  let t8;
+  if ($[13] !== Tag || $[14] !== t1 || $[15] !== t2 || $[16] !== t4 || $[17] !== t7) {
+    t8 = /*#__PURE__*/_jsxs(Tag, {
+      type: t1,
+      onClick: t2,
+      className: t4,
+      children: [t5, t7]
+    });
+    $[13] = Tag;
+    $[14] = t1;
+    $[15] = t2;
+    $[16] = t4;
+    $[17] = t7;
+    $[18] = t8;
+  } else {
+    t8 = $[18];
+  }
+  return t8;
 }
 /*
  * Who wrote a message, for a screen reader only: one heading per message is what lets VoiceOver's
  * rotor walk a thread from message to message. `select-none`, so a selection copied across two
  * messages does not pick the names up.
  */
-function MessageHeading({ children }) {
-    return _jsx("h3", { className: "sr-only select-none", children: children });
+function MessageHeading(t0) {
+  const $ = _c(2);
+  const {
+    children
+  } = t0;
+  let t1;
+  if ($[0] !== children) {
+    t1 = /*#__PURE__*/_jsx("h3", {
+      className: "sr-only select-none",
+      children: children
+    });
+    $[0] = children;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  return t1;
 }
 /* The report a subagent handed back, drawn as a reply under a label of its own. */
-export function ReportRow({ id, text }) {
-    const { t } = useTranslation('agent-chat');
-    return (_jsxs("div", { "data-find-item": id, className: "-mx-1 px-1 pb-2", children: [_jsx(MessageHeading, { children: t('rows.report.heading') }), _jsx("div", { "aria-hidden": true, className: "mb-1 text-xs font-medium text-text-faint select-none", children: t('rows.report.heading') }), _jsx("div", { "data-find-field": "text", "data-quote-answer": true, className: "contents", children: _jsx(ReplyMarkdown, { text: text, streaming: false }) })] }));
+export function ReportRow(t0) {
+  const $ = _c(15);
+  const {
+    id,
+    text
+  } = t0;
+  const {
+    t
+  } = useTranslation("agent-chat");
+  let t1;
+  if ($[0] !== t) {
+    t1 = t("rows.report.heading");
+    $[0] = t;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== t1) {
+    t2 = /*#__PURE__*/_jsx(MessageHeading, {
+      children: t1
+    });
+    $[2] = t1;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] !== t) {
+    t3 = t("rows.report.heading");
+    $[4] = t;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  let t4;
+  if ($[6] !== t3) {
+    t4 = /*#__PURE__*/_jsx("div", {
+      "aria-hidden": true,
+      className: "mb-1 text-xs font-medium text-text-faint select-none",
+      children: t3
+    });
+    $[6] = t3;
+    $[7] = t4;
+  } else {
+    t4 = $[7];
+  }
+  let t5;
+  if ($[8] !== text) {
+    t5 = /*#__PURE__*/_jsx("div", {
+      "data-find-field": "text",
+      "data-quote-answer": true,
+      className: "contents",
+      children: /*#__PURE__*/_jsx(ReplyMarkdown, {
+        text: text,
+        streaming: false
+      })
+    });
+    $[8] = text;
+    $[9] = t5;
+  } else {
+    t5 = $[9];
+  }
+  let t6;
+  if ($[10] !== id || $[11] !== t2 || $[12] !== t4 || $[13] !== t5) {
+    t6 = /*#__PURE__*/_jsxs("div", {
+      "data-find-item": id,
+      className: "-mx-1 px-1 pb-2",
+      children: [t2, t4, t5]
+    });
+    $[10] = id;
+    $[11] = t2;
+    $[12] = t4;
+    $[13] = t5;
+    $[14] = t6;
+  } else {
+    t6 = $[14];
+  }
+  return t6;
 }
 /* The heading of a reply, named after its author when the host names one and after the agent the chat runs otherwise. */
-function ReplyHeading({ chatId }) {
-    const { t } = useTranslation('agent-chat');
-    const context = useContext(ReplyContext);
-    const author = useReplyAuthor(chatId);
-    const kind = useChatRow(chatId, (row) => row?.info.provider);
-    const name = useProviders((s) => s.providers.find((provider) => provider.kind === (context?.provider ?? kind))?.name);
-    return _jsx(MessageHeading, { children: author?.name ?? name ?? t('rows.reply.agent') });
+function ReplyHeading(t0) {
+  const $ = _c(9);
+  const {
+    chatId
+  } = t0;
+  const {
+    t
+  } = useTranslation("agent-chat");
+  const context = useContext(ReplyContext);
+  const author = useReplyAuthor(chatId);
+  const kind = useChatRow(chatId, _temp3);
+  let t1;
+  if ($[0] !== context?.provider || $[1] !== kind) {
+    t1 = s => s.providers.find(provider => provider.kind === (context?.provider ?? kind))?.name;
+    $[0] = context?.provider;
+    $[1] = kind;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const name = useProviders(t1);
+  let t2;
+  if ($[3] !== author?.name || $[4] !== name || $[5] !== t) {
+    t2 = author?.name ?? name ?? t("rows.reply.agent");
+    $[3] = author?.name;
+    $[4] = name;
+    $[5] = t;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  let t3;
+  if ($[7] !== t2) {
+    t3 = /*#__PURE__*/_jsx(MessageHeading, {
+      children: t2
+    });
+    $[7] = t2;
+    $[8] = t3;
+  } else {
+    t3 = $[8];
+  }
+  return t3;
 }
 /*
  * The line over a reply with who wrote it and how long ago, when the host names its author. A screen
  * reader hears the name from the reply's own heading, so this line is for the eye only.
  */
-export function ReplyHeader({ chatId, at }) {
-    const author = useReplyAuthor(chatId);
-    if (author === null) {
-        return null;
-    }
-    return (_jsxs("div", { "aria-hidden": true, className: "mb-1 flex h-6 items-center gap-2 text-sm font-medium text-text select-none", children: [author.mark, _jsx("span", { className: "min-w-0 truncate", children: author.name }), at !== null && _jsx(ReplyAge, { at: at })] }));
+function _temp3(row) {
+  return row?.info.provider;
+}
+export function ReplyHeader(t0) {
+  const $ = _c(8);
+  const {
+    chatId,
+    at
+  } = t0;
+  const author = useReplyAuthor(chatId);
+  if (author === null) {
+    return null;
+  }
+  let t1;
+  if ($[0] !== author.name) {
+    t1 = /*#__PURE__*/_jsx("span", {
+      className: "min-w-0 truncate",
+      children: author.name
+    });
+    $[0] = author.name;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== at) {
+    t2 = at !== null && /*#__PURE__*/_jsx(ReplyAge, {
+      at: at
+    });
+    $[2] = at;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] !== author.mark || $[5] !== t1 || $[6] !== t2) {
+    t3 = /*#__PURE__*/_jsxs("div", {
+      "aria-hidden": true,
+      className: "mb-1 flex h-6 items-center gap-2 text-sm font-medium text-text select-none",
+      children: [author.mark, t1, t2]
+    });
+    $[4] = author.mark;
+    $[5] = t1;
+    $[6] = t2;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  return t3;
 }
-function ReplyAge({ at }) {
-    const ref = useTickingText(() => formatAgo(Date.now() - at), 30_000);
-    return _jsx("span", { ref: ref, className: "shrink-0 font-normal text-text-faint" });
+function ReplyAge(t0) {
+  const $ = _c(4);
+  const {
+    at
+  } = t0;
+  let t1;
+  if ($[0] !== at) {
+    t1 = () => formatAgo(Date.now() - at);
+    $[0] = at;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const ref = useTickingText(t1, 30000);
+  let t2;
+  if ($[2] !== ref) {
+    t2 = /*#__PURE__*/_jsx("span", {
+      ref: ref,
+      className: "shrink-0 font-normal text-text-faint"
+    });
+    $[2] = ref;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  return t2;
 }
 /* The line that stands where the next words will land; a component, so the word is read at render and not at import. */
 function Writing() {
-    const { t } = useTranslation('agent-chat');
-    return _jsx("span", { className: "chat-live-text text-sm", children: t('rows.reply.writing') });
+  const $ = _c(4);
+  const {
+    t
+  } = useTranslation("agent-chat");
+  let t0;
+  if ($[0] !== t) {
+    t0 = t("rows.reply.writing");
+    $[0] = t;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  let t1;
+  if ($[2] !== t0) {
+    t1 = /*#__PURE__*/_jsx("span", {
+      className: "chat-live-text text-sm",
+      children: t0
+    });
+    $[2] = t0;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  return t1;
 }
 /*
  * A reply. A word at a time, it follows the text as it arrives. A block at a time, the blocks that
@@ -142,124 +757,1056 @@ function Writing() {
  * it says it is being written and fades in once it is done. Only a row that saw the reply being
  * written fades anything: an old reply scrolled back into view just stands there.
  */
-export function AssistantRow({ chatId, item: derived }) {
-    const host = useChatHost();
-    const item = useCurrentItem(chatId, derived);
-    const scope = useChatScope();
-    const context = useContext(ReplyContext);
-    const reply = useMemo(() => (context === null && !item.parentToolUseId ? { scopeId: scope.id, chatId, itemId: item.id, streaming: item.streaming } : undefined), [context, item.parentToolUseId, scope.id, chatId, item.id, item.streaming]);
-    const mode = host.useStreaming();
-    const [sawWriting] = useState(item.streaming);
-    const live = mode === 'words' && item.streaming;
-    const reveal = useRevealedText(item.text, live);
-    if (item.ui?.length && !item.parentToolUseId && !(mode === 'whole' && item.streaming)) {
-        return (_jsxs("div", { "data-find-item": item.id, className: "-mx-1 px-1 pb-2", children: [_jsx(ReplyHeading, { chatId: chatId }), _jsx("div", { "data-find-field": "text", "data-quote-answer": true, className: "contents", children: _jsx(UiReply, { text: item.text, blocks: item.ui, answers: item.uiAnswers, queries: item.uiQueries, reply: reply, context: { scopeId: scope.id, chatId, itemId: item.id, phase: item.streaming ? 'streaming' : 'final' } }) })] }));
+export function AssistantRow(t0) {
+  const $ = _c(63);
+  const {
+    chatId,
+    item: derived
+  } = t0;
+  const item = useCurrentItem(chatId, derived);
+  const scope = useChatScope();
+  const context = useContext(ReplyContext);
+  let t1;
+  if ($[0] !== chatId || $[1] !== context || $[2] !== item.id || $[3] !== item.parentToolUseId || $[4] !== item.streaming || $[5] !== scope) {
+    t1 = context === null && !item.parentToolUseId ? {
+      scopeId: scope.id,
+      chatId,
+      itemId: item.id,
+      streaming: item.streaming
+    } : undefined;
+    $[0] = chatId;
+    $[1] = context;
+    $[2] = item.id;
+    $[3] = item.parentToolUseId;
+    $[4] = item.streaming;
+    $[5] = scope;
+    $[6] = t1;
+  } else {
+    t1 = $[6];
+  }
+  const reply = t1;
+  const mode = useHostStreaming();
+  const [sawWriting] = useState(item.streaming);
+  const live = mode === "words" && item.streaming;
+  const reveal = useRevealedText(item.text, live);
+  if (item.ui?.length && !item.parentToolUseId && !(mode === "whole" && item.streaming)) {
+    let t2;
+    if ($[7] !== chatId) {
+      t2 = /*#__PURE__*/_jsx(ReplyHeading, {
+        chatId: chatId
+      });
+      $[7] = chatId;
+      $[8] = t2;
+    } else {
+      t2 = $[8];
+    }
+    const t3 = item.streaming ? "streaming" : "final";
+    let t4;
+    if ($[9] !== chatId || $[10] !== item.id || $[11] !== scope.id || $[12] !== t3) {
+      t4 = {
+        scopeId: scope.id,
+        chatId,
+        itemId: item.id,
+        phase: t3
+      };
+      $[9] = chatId;
+      $[10] = item.id;
+      $[11] = scope.id;
+      $[12] = t3;
+      $[13] = t4;
+    } else {
+      t4 = $[13];
+    }
+    let t5;
+    if ($[14] !== item.text || $[15] !== item.ui || $[16] !== item.uiAnswers || $[17] !== item.uiQueries || $[18] !== reply || $[19] !== t4) {
+      t5 = /*#__PURE__*/_jsx("div", {
+        "data-find-field": "text",
+        "data-quote-answer": true,
+        className: "contents",
+        children: /*#__PURE__*/_jsx(UiReply, {
+          text: item.text,
+          blocks: item.ui,
+          answers: item.uiAnswers,
+          queries: item.uiQueries,
+          reply: reply,
+          context: t4
+        })
+      });
+      $[14] = item.text;
+      $[15] = item.ui;
+      $[16] = item.uiAnswers;
+      $[17] = item.uiQueries;
+      $[18] = reply;
+      $[19] = t4;
+      $[20] = t5;
+    } else {
+      t5 = $[20];
+    }
+    let t6;
+    if ($[21] !== item.id || $[22] !== t2 || $[23] !== t5) {
+      t6 = /*#__PURE__*/_jsxs("div", {
+        "data-find-item": item.id,
+        className: "-mx-1 px-1 pb-2",
+        children: [t2, t5]
+      });
+      $[21] = item.id;
+      $[22] = t2;
+      $[23] = t5;
+      $[24] = t6;
+    } else {
+      t6 = $[24];
+    }
+    return t6;
+  }
+  if (mode === "blocks") {
+    let t2;
+    if ($[25] !== item.streaming || $[26] !== item.text) {
+      t2 = item.streaming ? settledBlocksText(item.text) : item.text;
+      $[25] = item.streaming;
+      $[26] = item.text;
+      $[27] = t2;
+    } else {
+      t2 = $[27];
+    }
+    const settled = t2;
+    let t3;
+    if ($[28] !== chatId) {
+      t3 = /*#__PURE__*/_jsx(ReplyHeading, {
+        chatId: chatId
+      });
+      $[28] = chatId;
+      $[29] = t3;
+    } else {
+      t3 = $[29];
     }
-    if (mode === 'blocks') {
-        const settled = item.streaming ? settledBlocksText(item.text) : item.text;
-        return (_jsxs("div", { "data-find-item": item.id, className: "-mx-1 px-1 pb-2", children: [_jsx(ReplyHeading, { chatId: chatId }), settled !== '' && (_jsx("div", { "data-find-field": "text", "data-quote-answer": true, className: "contents", children: _jsx(ReplyMarkdown, { text: settled, streaming: false, arriving: sawWriting, reply: reply }) })), item.streaming && _jsx(Writing, {})] }));
+    let t4;
+    if ($[30] !== reply || $[31] !== sawWriting || $[32] !== settled) {
+      t4 = settled !== "" && /*#__PURE__*/_jsx("div", {
+        "data-find-field": "text",
+        "data-quote-answer": true,
+        className: "contents",
+        children: /*#__PURE__*/_jsx(ReplyMarkdown, {
+          text: settled,
+          streaming: false,
+          arriving: sawWriting,
+          reply: reply
+        })
+      });
+      $[30] = reply;
+      $[31] = sawWriting;
+      $[32] = settled;
+      $[33] = t4;
+    } else {
+      t4 = $[33];
     }
-    if (mode === 'whole' && item.streaming) {
-        return (_jsxs("div", { className: "-mx-1 px-1 pb-2", children: [_jsx(ReplyHeading, { chatId: chatId }), _jsx(Writing, {})] }));
+    let t5;
+    if ($[34] !== item.streaming) {
+      t5 = item.streaming && /*#__PURE__*/_jsx(Writing, {});
+      $[34] = item.streaming;
+      $[35] = t5;
+    } else {
+      t5 = $[35];
     }
-    return (_jsxs("div", { "data-find-item": item.id, className: clsx('-mx-1 px-1 pb-2', mode === 'whole' && sawWriting && WHOLE_FADE_CLASS), children: [_jsx(ReplyHeading, { chatId: chatId }), _jsx("div", { "data-find-field": "text", "data-quote-answer": true, className: "contents", children: _jsx(ReplyMarkdown, { text: reveal.text, streaming: reveal.active, reply: reply }) }), live && item.text === '' && _jsx("span", { className: "inline-block h-3.5 w-1.5 animate-pulse rounded-sm bg-text-faint align-middle" })] }));
+    let t6;
+    if ($[36] !== item.id || $[37] !== t3 || $[38] !== t4 || $[39] !== t5) {
+      t6 = /*#__PURE__*/_jsxs("div", {
+        "data-find-item": item.id,
+        className: "-mx-1 px-1 pb-2",
+        children: [t3, t4, t5]
+      });
+      $[36] = item.id;
+      $[37] = t3;
+      $[38] = t4;
+      $[39] = t5;
+      $[40] = t6;
+    } else {
+      t6 = $[40];
+    }
+    return t6;
+  }
+  if (mode === "whole" && item.streaming) {
+    let t2;
+    if ($[41] !== chatId) {
+      t2 = /*#__PURE__*/_jsx(ReplyHeading, {
+        chatId: chatId
+      });
+      $[41] = chatId;
+      $[42] = t2;
+    } else {
+      t2 = $[42];
+    }
+    let t3;
+    if ($[43] === Symbol.for("react.memo_cache_sentinel")) {
+      t3 = /*#__PURE__*/_jsx(Writing, {});
+      $[43] = t3;
+    } else {
+      t3 = $[43];
+    }
+    let t4;
+    if ($[44] !== t2) {
+      t4 = /*#__PURE__*/_jsxs("div", {
+        className: "-mx-1 px-1 pb-2",
+        children: [t2, t3]
+      });
+      $[44] = t2;
+      $[45] = t4;
+    } else {
+      t4 = $[45];
+    }
+    return t4;
+  }
+  const t2 = item.id;
+  const t3 = mode === "whole" && sawWriting && WHOLE_FADE_CLASS;
+  let t4;
+  if ($[46] !== t3) {
+    t4 = clsx("-mx-1 px-1 pb-2", t3);
+    $[46] = t3;
+    $[47] = t4;
+  } else {
+    t4 = $[47];
+  }
+  let t5;
+  if ($[48] !== chatId) {
+    t5 = /*#__PURE__*/_jsx(ReplyHeading, {
+      chatId: chatId
+    });
+    $[48] = chatId;
+    $[49] = t5;
+  } else {
+    t5 = $[49];
+  }
+  let t6;
+  if ($[50] !== reply || $[51] !== reveal.active || $[52] !== reveal.text) {
+    t6 = /*#__PURE__*/_jsx("div", {
+      "data-find-field": "text",
+      "data-quote-answer": true,
+      className: "contents",
+      children: /*#__PURE__*/_jsx(ReplyMarkdown, {
+        text: reveal.text,
+        streaming: reveal.active,
+        reply: reply
+      })
+    });
+    $[50] = reply;
+    $[51] = reveal.active;
+    $[52] = reveal.text;
+    $[53] = t6;
+  } else {
+    t6 = $[53];
+  }
+  let t7;
+  if ($[54] !== item.text || $[55] !== live) {
+    t7 = live && item.text === "" && /*#__PURE__*/_jsx("span", {
+      className: "inline-block h-3.5 w-1.5 animate-pulse rounded-sm bg-text-faint align-middle"
+    });
+    $[54] = item.text;
+    $[55] = live;
+    $[56] = t7;
+  } else {
+    t7 = $[56];
+  }
+  let t8;
+  if ($[57] !== item.id || $[58] !== t4 || $[59] !== t5 || $[60] !== t6 || $[61] !== t7) {
+    t8 = /*#__PURE__*/_jsxs("div", {
+      "data-find-item": t2,
+      className: t4,
+      children: [t5, t6, t7]
+    });
+    $[57] = item.id;
+    $[58] = t4;
+    $[59] = t5;
+    $[60] = t6;
+    $[61] = t7;
+    $[62] = t8;
+  } else {
+    t8 = $[62];
+  }
+  return t8;
 }
 /*
  * What the model thought before it answered. It shimmers while it streams and folds itself away
  * once the answer starts, because the thought is worth a glance and rarely worth reading twice:
  * folded, it shows the heading it opens with or itself on one line, and opened, it reads as Markdown.
  */
-export function ThinkingRow({ chatId, item: derived }) {
-    const host = useChatHost();
-    const { t } = useTranslation('agent-chat');
-    const item = useCurrentItem(chatId, derived);
-    const mode = host.useStreaming();
-    const [open, setOpen] = useState(false);
-    const reveal = useRevealedText(item.text, mode === 'words' && item.streaming);
-    // A block at a time, the paragraphs of the thought that closed are shown as they land.
-    const settled = mode === 'blocks' && item.streaming ? settledBlocksText(item.text) : null;
-    // Whole, the thought stays behind "Thinking…" until it is done and then folds like any other.
-    const shown = open || reveal.active || (settled !== null && settled !== '');
-    const text = settled ?? reveal.text;
-    const live = useMemo(() => (item.streaming && mode !== 'whole' ? thoughtLine(text) : ''), [item.streaming, mode, text]);
-    const preview = useMemo(() => (item.streaming ? '' : thoughtPreview(item.text)), [item.streaming, item.text]);
-    const duration = formatElapsedShort((item.endedAt ?? item.createdAt) - item.createdAt);
-    useOpenForFind(item.id, 'text', setOpen);
-    return (_jsxs("div", { "data-find-item": item.id, className: "-mx-1 px-1 pb-2", children: [_jsxs("button", { className: "flex w-full min-w-0 items-center gap-2 text-left text-xs text-text-muted hover:text-text", disabled: item.streaming, "aria-expanded": item.streaming ? undefined : open, onClick: () => setOpen((o) => !o), children: [_jsx("span", { className: ROW_GUTTER, children: _jsx(Icon, { icon: Brain, size: 12 }) }), item.streaming ? (_jsx("span", { className: "chat-live-text min-w-0 truncate", children: live || t('rows.thinking.live') })) : preview === '' ? (_jsxs(_Fragment, { children: [_jsx("span", { children: t('rows.thinking.thoughtFor', { duration }) }), _jsx(Icon, { icon: ChevronDown, size: 12, className: clsx('shrink-0 transition-transform', open && 'rotate-180') })] })) : (_jsxs(_Fragment, { children: [_jsx("span", { className: "min-w-0 truncate", children: open ? t('rows.thinking.thought') : preview }), _jsx("span", { className: "grow" }), _jsx("span", { className: "shrink-0 text-text-faint tabular-nums", children: duration }), _jsx(Icon, { icon: ChevronDown, size: 12, className: clsx('shrink-0 transition-transform', open && 'rotate-180') })] }))] }), shown && text !== '' && (_jsx("div", { "data-find-field": "text", className: "mt-1 ml-1.75 border-l border-border pl-4 select-text", children: reveal.active ? (_jsx("div", { className: "text-sm whitespace-pre-wrap text-text-faint", children: _jsx(FadingWords, { text: reveal.text }) })) : (_jsx(Markdown, { text: text, muted: true })) }))] }));
+export function ThinkingRow(t0) {
+  const $ = _c(27);
+  const {
+    chatId,
+    item: derived
+  } = t0;
+  const {
+    t
+  } = useTranslation("agent-chat");
+  const item = useCurrentItem(chatId, derived);
+  const mode = useHostStreaming();
+  const [open, setOpen] = useState(false);
+  const reveal = useRevealedText(item.text, mode === "words" && item.streaming);
+  let t1;
+  if ($[0] !== item.streaming || $[1] !== item.text || $[2] !== mode) {
+    t1 = mode === "blocks" && item.streaming ? settledBlocksText(item.text) : null;
+    $[0] = item.streaming;
+    $[1] = item.text;
+    $[2] = mode;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  const settled = t1;
+  const shown = open || reveal.active || settled !== null && settled !== "";
+  const text = settled ?? reveal.text;
+  let t2;
+  if ($[4] !== item.streaming || $[5] !== mode || $[6] !== text) {
+    t2 = item.streaming && mode !== "whole" ? thoughtLine(text) : "";
+    $[4] = item.streaming;
+    $[5] = mode;
+    $[6] = text;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  const live = t2;
+  let t3;
+  if ($[8] !== item.streaming || $[9] !== item.text) {
+    t3 = item.streaming ? "" : thoughtPreview(item.text);
+    $[8] = item.streaming;
+    $[9] = item.text;
+    $[10] = t3;
+  } else {
+    t3 = $[10];
+  }
+  const preview = t3;
+  const duration = formatElapsedShort((item.endedAt ?? item.createdAt) - item.createdAt);
+  useOpenForFind(item.id, "text", setOpen);
+  const t4 = "-mx-1 px-1 pb-2";
+  const t5 = "flex w-full min-w-0 items-center gap-2 text-left text-xs text-text-muted hover:text-text";
+  const t6 = item.streaming ? undefined : open;
+  let t7;
+  if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+    t7 = () => setOpen(_temp4);
+    $[11] = t7;
+  } else {
+    t7 = $[11];
+  }
+  let t8;
+  if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
+    t8 = /*#__PURE__*/_jsx("span", {
+      className: ROW_GUTTER,
+      children: /*#__PURE__*/_jsx(Icon, {
+        icon: Brain,
+        size: 12
+      })
+    });
+    $[12] = t8;
+  } else {
+    t8 = $[12];
+  }
+  const t9 = item.streaming ? /*#__PURE__*/_jsx("span", {
+    className: "chat-live-text min-w-0 truncate",
+    children: live || t("rows.thinking.live")
+  }) : preview === "" ? /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx("span", {
+      children: t("rows.thinking.thoughtFor", {
+        duration
+      })
+    }), /*#__PURE__*/_jsx(Icon, {
+      icon: ChevronDown,
+      size: 12,
+      className: clsx("shrink-0 transition-transform", open && "rotate-180")
+    })]
+  }) : /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx("span", {
+      className: "min-w-0 truncate",
+      children: open ? t("rows.thinking.thought") : preview
+    }), /*#__PURE__*/_jsx("span", {
+      className: "grow"
+    }), /*#__PURE__*/_jsx("span", {
+      className: "shrink-0 text-text-faint tabular-nums",
+      children: duration
+    }), /*#__PURE__*/_jsx(Icon, {
+      icon: ChevronDown,
+      size: 12,
+      className: clsx("shrink-0 transition-transform", open && "rotate-180")
+    })]
+  });
+  let t10;
+  if ($[13] !== item.streaming || $[14] !== t6 || $[15] !== t7 || $[16] !== t8 || $[17] !== t9) {
+    t10 = /*#__PURE__*/_jsxs("button", {
+      className: t5,
+      disabled: item.streaming,
+      "aria-expanded": t6,
+      onClick: t7,
+      children: [t8, t9]
+    });
+    $[13] = item.streaming;
+    $[14] = t6;
+    $[15] = t7;
+    $[16] = t8;
+    $[17] = t9;
+    $[18] = t10;
+  } else {
+    t10 = $[18];
+  }
+  let t11;
+  if ($[19] !== reveal || $[20] !== shown || $[21] !== text) {
+    t11 = shown && text !== "" && /*#__PURE__*/_jsx("div", {
+      "data-find-field": "text",
+      className: "mt-1 ml-1.75 border-l border-border pl-4 select-text",
+      children: reveal.active ? /*#__PURE__*/_jsx("div", {
+        className: "text-sm whitespace-pre-wrap text-text-faint",
+        children: /*#__PURE__*/_jsx(FadingWords, {
+          text: reveal.text
+        })
+      }) : /*#__PURE__*/_jsx(Markdown, {
+        text: text,
+        muted: true
+      })
+    });
+    $[19] = reveal;
+    $[20] = shown;
+    $[21] = text;
+    $[22] = t11;
+  } else {
+    t11 = $[22];
+  }
+  let t12;
+  if ($[23] !== item.id || $[24] !== t10 || $[25] !== t11) {
+    t12 = /*#__PURE__*/_jsxs("div", {
+      "data-find-item": item.id,
+      className: t4,
+      children: [t10, t11]
+    });
+    $[23] = item.id;
+    $[24] = t10;
+    $[25] = t11;
+    $[26] = t12;
+  } else {
+    t12 = $[26];
+  }
+  return t12;
 }
 /*
  * The latest thought of a running turn over the call it led to, as its heading or first sentence,
  * so what the model found stays in view while it checks it. Nothing while the thought has no line yet.
  */
-export function LiveThoughtRow({ chatId, item: derived }) {
-    const item = useCurrentItem(chatId, derived);
-    const line = useMemo(() => thoughtLine(item.text), [item.text]);
-    if (line === '') {
-        return null;
-    }
-    return (_jsxs("div", { className: "-mx-1 mb-0.5 flex min-h-7 items-start gap-2 px-1 py-1 text-xs text-text-muted", children: [_jsx("span", { className: ROW_GUTTER, children: _jsx(Icon, { icon: Brain, size: 12 }) }), _jsx("span", { className: "line-clamp-4 min-w-0 wrap-anywhere select-text", children: line })] }));
+function _temp4(o) {
+  return !o;
+}
+export function LiveThoughtRow(t0) {
+  const $ = _c(5);
+  const {
+    chatId,
+    item: derived
+  } = t0;
+  const item = useCurrentItem(chatId, derived);
+  let t1;
+  if ($[0] !== item.text) {
+    t1 = thoughtLine(item.text);
+    $[0] = item.text;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const line = t1;
+  if (line === "") {
+    return null;
+  }
+  let t2;
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = /*#__PURE__*/_jsx("span", {
+      className: ROW_GUTTER,
+      children: /*#__PURE__*/_jsx(Icon, {
+        icon: Brain,
+        size: 12
+      })
+    });
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  let t3;
+  if ($[3] !== line) {
+    t3 = /*#__PURE__*/_jsxs("div", {
+      className: "-mx-1 mb-0.5 flex min-h-7 items-start gap-2 px-1 py-1 text-xs text-text-muted",
+      children: [t2, /*#__PURE__*/_jsx("span", {
+        className: "line-clamp-4 min-w-0 wrap-anywhere select-text",
+        children: line
+      })]
+    });
+    $[3] = line;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  return t3;
 }
 const NOTE_ICON = {
-    info: _jsx(Icon, { icon: Info, size: 12 }),
-    warning: _jsx(Icon, { icon: TriangleAlert, size: 12 }),
-    error: _jsx(Icon, { icon: CircleAlert, size: 12 })
+  info: /*#__PURE__*/_jsx(Icon, {
+    icon: Info,
+    size: 12
+  }),
+  warning: /*#__PURE__*/_jsx(Icon, {
+    icon: TriangleAlert,
+    size: 12
+  }),
+  error: /*#__PURE__*/_jsx(Icon, {
+    icon: CircleAlert,
+    size: 12
+  })
 };
 /*
  * A line from the machine in the thread. A note of more than one line (a summary a fork sent back)
  * shows its first line and folds the rest open as markdown; one that came from a fork leads to it.
  */
-export function NoteRow({ id, level, text, from }) {
-    const { t } = useTranslation('agent-chat');
-    const [open, setOpen] = useState(false);
-    const breakAt = text.indexOf('\n');
-    const head = breakAt === -1 ? text : text.slice(0, breakAt);
-    const rest = breakAt === -1 ? '' : text.slice(breakAt + 1).trim();
-    useOpenForFind(id, 'output', setOpen);
-    return (_jsxs("div", { "data-find-item": id, className: clsx('-mx-1 mb-0.5 flex min-h-7 items-start gap-2 px-1 py-1 text-xs', level === 'error' ? 'text-status-error' : level === 'warning' ? 'text-status-needs-you' : 'text-text-faint'), children: [_jsx("span", { className: ROW_GUTTER, children: NOTE_ICON[level] }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-x-2", children: [_jsx("span", { "data-find-field": "summary", className: "select-text", children: head }), rest !== '' && (_jsx("button", { className: "text-text-muted hover:text-text", onClick: () => setOpen(!open), children: open ? t('rows.note.hide') : t('rows.note.show') })), from !== undefined && _jsx(OpenChatButton, { chatId: from, label: id.startsWith(WAITING_NOTE_PREFIX) ? 'openWaiting' : 'openFork' })] }), open && rest !== '' && (_jsx("div", { "data-find-field": "output", className: "mt-1 text-text-muted select-text", children: _jsx(MessageMarkdown, { text: rest }) }))] })] }));
+export function NoteRow(t0) {
+  const $ = _c(34);
+  const {
+    id,
+    level,
+    text,
+    from
+  } = t0;
+  const {
+    t
+  } = useTranslation("agent-chat");
+  const [open, setOpen] = useState(false);
+  let breakAt;
+  let t1;
+  if ($[0] !== text) {
+    breakAt = text.indexOf("\n");
+    t1 = breakAt === -1 ? text : text.slice(0, breakAt);
+    $[0] = text;
+    $[1] = breakAt;
+    $[2] = t1;
+  } else {
+    breakAt = $[1];
+    t1 = $[2];
+  }
+  const head = t1;
+  let t2;
+  if ($[3] !== breakAt || $[4] !== text) {
+    t2 = breakAt === -1 ? "" : text.slice(breakAt + 1).trim();
+    $[3] = breakAt;
+    $[4] = text;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  const rest = t2;
+  useOpenForFind(id, "output", setOpen);
+  const t3 = level === "error" ? "text-status-error" : level === "warning" ? "text-status-needs-you" : "text-text-faint";
+  let t4;
+  if ($[6] !== t3) {
+    t4 = clsx("-mx-1 mb-0.5 flex min-h-7 items-start gap-2 px-1 py-1 text-xs", t3);
+    $[6] = t3;
+    $[7] = t4;
+  } else {
+    t4 = $[7];
+  }
+  const t5 = NOTE_ICON[level];
+  let t6;
+  if ($[8] !== t5) {
+    t6 = /*#__PURE__*/_jsx("span", {
+      className: ROW_GUTTER,
+      children: t5
+    });
+    $[8] = t5;
+    $[9] = t6;
+  } else {
+    t6 = $[9];
+  }
+  let t7;
+  if ($[10] !== head) {
+    t7 = /*#__PURE__*/_jsx("span", {
+      "data-find-field": "summary",
+      className: "select-text",
+      children: head
+    });
+    $[10] = head;
+    $[11] = t7;
+  } else {
+    t7 = $[11];
+  }
+  let t8;
+  if ($[12] !== open || $[13] !== rest || $[14] !== t) {
+    t8 = rest !== "" && /*#__PURE__*/_jsx("button", {
+      className: "text-text-muted hover:text-text",
+      onClick: () => setOpen(!open),
+      children: open ? t("rows.note.hide") : t("rows.note.show")
+    });
+    $[12] = open;
+    $[13] = rest;
+    $[14] = t;
+    $[15] = t8;
+  } else {
+    t8 = $[15];
+  }
+  let t9;
+  if ($[16] !== from || $[17] !== id) {
+    t9 = from !== undefined && /*#__PURE__*/_jsx(OpenChatButton, {
+      chatId: from,
+      label: id.startsWith(WAITING_NOTE_PREFIX) ? "openWaiting" : "openFork"
+    });
+    $[16] = from;
+    $[17] = id;
+    $[18] = t9;
+  } else {
+    t9 = $[18];
+  }
+  let t10;
+  if ($[19] !== t7 || $[20] !== t8 || $[21] !== t9) {
+    t10 = /*#__PURE__*/_jsxs("div", {
+      className: "flex flex-wrap items-center gap-x-2",
+      children: [t7, t8, t9]
+    });
+    $[19] = t7;
+    $[20] = t8;
+    $[21] = t9;
+    $[22] = t10;
+  } else {
+    t10 = $[22];
+  }
+  let t11;
+  if ($[23] !== open || $[24] !== rest) {
+    t11 = open && rest !== "" && /*#__PURE__*/_jsx("div", {
+      "data-find-field": "output",
+      className: "mt-1 text-text-muted select-text",
+      children: /*#__PURE__*/_jsx(MessageMarkdown, {
+        text: rest
+      })
+    });
+    $[23] = open;
+    $[24] = rest;
+    $[25] = t11;
+  } else {
+    t11 = $[25];
+  }
+  let t12;
+  if ($[26] !== t10 || $[27] !== t11) {
+    t12 = /*#__PURE__*/_jsxs("div", {
+      className: "min-w-0 flex-1",
+      children: [t10, t11]
+    });
+    $[26] = t10;
+    $[27] = t11;
+    $[28] = t12;
+  } else {
+    t12 = $[28];
+  }
+  let t13;
+  if ($[29] !== id || $[30] !== t12 || $[31] !== t4 || $[32] !== t6) {
+    t13 = /*#__PURE__*/_jsxs("div", {
+      "data-find-item": id,
+      className: t4,
+      children: [t6, t12]
+    });
+    $[29] = id;
+    $[30] = t12;
+    $[31] = t4;
+    $[32] = t6;
+    $[33] = t13;
+  } else {
+    t13 = $[33];
+  }
+  return t13;
 }
 /* "Open fork" on a note a fork sent, or "Open to answer" on one about a waiting child, while that chat is still in the project. */
-function OpenChatButton({ chatId, label }) {
-    const host = useChatHost();
-    const { t } = useTranslation('agent-chat');
-    const place = host.useChatPlace(chatId);
-    if (place.title === null) {
-        return null;
-    }
-    return (_jsx("button", { className: "text-text-muted hover:text-text", onClick: place.go, children: t(`rows.note.${label}`) }));
+function OpenChatButton(t0) {
+  const $ = _c(6);
+  const {
+    chatId,
+    label
+  } = t0;
+  const {
+    t
+  } = useTranslation("agent-chat");
+  const place = useHostChatPlace(chatId);
+  if (place.title === null) {
+    return null;
+  }
+  const t1 = place.go;
+  const t2 = `rows.note.${label}`;
+  let t3;
+  if ($[0] !== t || $[1] !== t2) {
+    t3 = t(t2);
+    $[0] = t;
+    $[1] = t2;
+    $[2] = t3;
+  } else {
+    t3 = $[2];
+  }
+  let t4;
+  if ($[3] !== place.go || $[4] !== t3) {
+    t4 = /*#__PURE__*/_jsx("button", {
+      className: "text-text-muted hover:text-text",
+      onClick: t1,
+      children: t3
+    });
+    $[3] = place.go;
+    $[4] = t3;
+    $[5] = t4;
+  } else {
+    t4 = $[5];
+  }
+  return t4;
 }
 /*
  * The header of a turn the agent started itself, in place of a message of the person. What the
  * sub-agent came back with lives on its own row, which the header opens when the CLI named it.
  */
-export function AgentTurnRow({ label, onOpen }) {
-    const line = 'mb-0.5 flex h-7 w-full items-center gap-2 text-left text-xs text-text-muted';
-    // A header with nowhere to go is text to read and copy; one that opens a row is a button.
-    const content = (_jsxs(_Fragment, { children: [_jsx("span", { className: ROW_GUTTER, children: _jsx(Icon, { icon: Bot, size: 12 }) }), _jsx("span", { className: clsx('min-w-0 truncate', onOpen === undefined && 'select-text'), children: label })] }));
-    if (onOpen === undefined) {
-        return _jsx("div", { className: line, children: content });
+export function AgentTurnRow(t0) {
+  const $ = _c(12);
+  const {
+    label,
+    onOpen
+  } = t0;
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = /*#__PURE__*/_jsx("span", {
+      className: ROW_GUTTER,
+      children: /*#__PURE__*/_jsx(Icon, {
+        icon: Bot,
+        size: 12
+      })
+    });
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  const t2 = onOpen === undefined && "select-text";
+  let t3;
+  if ($[1] !== t2) {
+    t3 = clsx("min-w-0 truncate", t2);
+    $[1] = t2;
+    $[2] = t3;
+  } else {
+    t3 = $[2];
+  }
+  let t4;
+  if ($[3] !== label || $[4] !== t3) {
+    t4 = /*#__PURE__*/_jsxs(_Fragment, {
+      children: [t1, /*#__PURE__*/_jsx("span", {
+        className: t3,
+        children: label
+      })]
+    });
+    $[3] = label;
+    $[4] = t3;
+    $[5] = t4;
+  } else {
+    t4 = $[5];
+  }
+  const content = t4;
+  if (onOpen === undefined) {
+    let t5;
+    if ($[6] !== content) {
+      t5 = /*#__PURE__*/_jsx("div", {
+        className: "mb-0.5 flex h-7 w-full items-center gap-2 text-left text-xs text-text-muted",
+        children: content
+      });
+      $[6] = content;
+      $[7] = t5;
+    } else {
+      t5 = $[7];
     }
-    return (_jsx("button", { className: clsx(line, 'hover:text-text'), onClick: onOpen, children: content }));
+    return t5;
+  }
+  let t5;
+  if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+    t5 = clsx("mb-0.5 flex h-7 w-full items-center gap-2 text-left text-xs text-text-muted", "hover:text-text");
+    $[8] = t5;
+  } else {
+    t5 = $[8];
+  }
+  let t6;
+  if ($[9] !== content || $[10] !== onOpen) {
+    t6 = /*#__PURE__*/_jsx("button", {
+      className: t5,
+      onClick: onOpen,
+      children: content
+    });
+    $[9] = content;
+    $[10] = onOpen;
+    $[11] = t6;
+  } else {
+    t6 = $[11];
+  }
+  return t6;
 }
 /* A dashed line, since what stands above it is still there for the reader but only a summary to the agent. */
-export function CompactionRow({ preTokens }) {
-    const { t } = useTranslation('agent-chat');
-    return (_jsxs("div", { className: "flex items-center gap-3 pb-3 text-xs text-text-faint", children: [_jsx("span", { className: "grow border-t border-dashed border-border" }), _jsx(Tooltip, { label: t('rows.compaction.summary'), children: _jsx("span", { children: preTokens ? t('rows.compaction.from', { tokens: formatTokens(preTokens) }) : t('rows.compaction.plain') }) }), _jsx("span", { className: "grow border-t border-dashed border-border" })] }));
+export function CompactionRow(t0) {
+  const $ = _c(14);
+  const {
+    preTokens
+  } = t0;
+  const {
+    t
+  } = useTranslation("agent-chat");
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = /*#__PURE__*/_jsx("span", {
+      className: "grow border-t border-dashed border-border"
+    });
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  let t2;
+  if ($[1] !== t) {
+    t2 = t("rows.compaction.summary");
+    $[1] = t;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  let t3;
+  if ($[3] !== preTokens || $[4] !== t) {
+    t3 = preTokens ? t("rows.compaction.from", {
+      tokens: formatTokens(preTokens)
+    }) : t("rows.compaction.plain");
+    $[3] = preTokens;
+    $[4] = t;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  let t4;
+  if ($[6] !== t3) {
+    t4 = /*#__PURE__*/_jsx("span", {
+      children: t3
+    });
+    $[6] = t3;
+    $[7] = t4;
+  } else {
+    t4 = $[7];
+  }
+  let t5;
+  if ($[8] !== t2 || $[9] !== t4) {
+    t5 = /*#__PURE__*/_jsx(Tooltip, {
+      label: t2,
+      children: t4
+    });
+    $[8] = t2;
+    $[9] = t4;
+    $[10] = t5;
+  } else {
+    t5 = $[10];
+  }
+  let t6;
+  if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+    t6 = /*#__PURE__*/_jsx("span", {
+      className: "grow border-t border-dashed border-border"
+    });
+    $[11] = t6;
+  } else {
+    t6 = $[11];
+  }
+  let t7;
+  if ($[12] !== t5) {
+    t7 = /*#__PURE__*/_jsxs("div", {
+      className: "flex items-center gap-3 pb-3 text-xs text-text-faint",
+      children: [t1, t5, t6]
+    });
+    $[12] = t5;
+    $[13] = t7;
+  } else {
+    t7 = $[13];
+  }
+  return t7;
 }
 const DECISION_ICON = {
-    allow: _jsx(Icon, { icon: Check, size: 12 }),
-    'allow-always': _jsx(Icon, { icon: Check, size: 12 }),
-    deny: _jsx(Icon, { icon: X, size: 12 }),
-    cancelled: _jsx(Icon, { icon: X, size: 12 })
+  allow: /*#__PURE__*/_jsx(Icon, {
+    icon: Check,
+    size: 12
+  }),
+  'allow-always': /*#__PURE__*/_jsx(Icon, {
+    icon: Check,
+    size: 12
+  }),
+  deny: /*#__PURE__*/_jsx(Icon, {
+    icon: X,
+    size: 12
+  }),
+  cancelled: /*#__PURE__*/_jsx(Icon, {
+    icon: X,
+    size: 12
+  })
 };
 /* The outcome of a permission request, one quiet line; the request itself lived on the composer. */
-export function ApprovalHistoryRow({ item }) {
-    const { t } = useTranslation('agent-chat');
-    if (item.decision === 'pending') {
-        return null;
-    }
-    return (_jsxs("div", { className: "-mx-1 mb-0.5 flex h-7 items-center gap-2 px-1 text-xs text-text-faint", children: [_jsx("span", { className: clsx(ROW_GUTTER, item.decision === 'deny' && 'text-status-error'), children: DECISION_ICON[item.decision] }), _jsx("span", { className: clsx(item.decision === 'deny' && 'text-status-error'), children: t(`rows.approval.${item.decision}`) }), _jsx("span", { className: "text-text-muted", children: item.toolName }), _jsx("span", { className: "min-w-0 truncate font-mono text-code", children: toolSummaryIsPath(item.toolName, item.input) ? (_jsx(MiddleTruncate, { text: toolSummary(item.toolName, item.input) })) : (toolSummary(item.toolName, item.input)) })] }));
-}
-export function QuestionHistoryRow({ item }) {
-    const { t } = useTranslation('agent-chat');
-    return (_jsx("div", { children: item.questions.map((question) => (_jsxs("div", { className: "-mx-1 mb-0.5 flex min-h-7 items-start gap-2 px-1 py-1 text-xs text-text-faint", children: [_jsx("span", { className: ROW_GUTTER, children: _jsx(Icon, { icon: MessageCircleQuestionMark, size: 12 }) }), _jsxs("span", { className: "min-w-0", children: [_jsx("span", { className: "text-text-muted", children: question.question }), item.state === 'answered' && item.answers?.[question.id] !== undefined && (_jsx("span", { className: "ml-1.5 text-text", children: item.answers[question.id] })), item.state === 'cancelled' && _jsx("span", { className: "ml-1.5", children: t('rows.question.notAnswered') }), item.state === 'dismissed' && _jsx("span", { className: "ml-1.5", children: t('rows.question.dismissed') })] })] }, question.id))) }));
+export function ApprovalHistoryRow(t0) {
+  const $ = _c(25);
+  const {
+    item
+  } = t0;
+  const {
+    t
+  } = useTranslation("agent-chat");
+  if (item.decision === "pending") {
+    return null;
+  }
+  const t1 = item.decision === "deny" && "text-status-error";
+  let t2;
+  if ($[0] !== t1) {
+    t2 = clsx(ROW_GUTTER, t1);
+    $[0] = t1;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  const t3 = DECISION_ICON[item.decision];
+  let t4;
+  if ($[2] !== t2 || $[3] !== t3) {
+    t4 = /*#__PURE__*/_jsx("span", {
+      className: t2,
+      children: t3
+    });
+    $[2] = t2;
+    $[3] = t3;
+    $[4] = t4;
+  } else {
+    t4 = $[4];
+  }
+  const t5 = item.decision === "deny" && "text-status-error";
+  let t6;
+  if ($[5] !== t5) {
+    t6 = clsx(t5);
+    $[5] = t5;
+    $[6] = t6;
+  } else {
+    t6 = $[6];
+  }
+  const t7 = `rows.approval.${item.decision}`;
+  let t8;
+  if ($[7] !== t || $[8] !== t7) {
+    t8 = t(t7);
+    $[7] = t;
+    $[8] = t7;
+    $[9] = t8;
+  } else {
+    t8 = $[9];
+  }
+  let t9;
+  if ($[10] !== t6 || $[11] !== t8) {
+    t9 = /*#__PURE__*/_jsx("span", {
+      className: t6,
+      children: t8
+    });
+    $[10] = t6;
+    $[11] = t8;
+    $[12] = t9;
+  } else {
+    t9 = $[12];
+  }
+  let t10;
+  if ($[13] !== item.toolName) {
+    t10 = /*#__PURE__*/_jsx("span", {
+      className: "text-text-muted",
+      children: item.toolName
+    });
+    $[13] = item.toolName;
+    $[14] = t10;
+  } else {
+    t10 = $[14];
+  }
+  let t11;
+  if ($[15] !== item.input || $[16] !== item.toolName) {
+    t11 = toolSummaryIsPath(item.toolName, item.input) ? /*#__PURE__*/_jsx(MiddleTruncate, {
+      text: toolSummary(item.toolName, item.input)
+    }) : toolSummary(item.toolName, item.input);
+    $[15] = item.input;
+    $[16] = item.toolName;
+    $[17] = t11;
+  } else {
+    t11 = $[17];
+  }
+  let t12;
+  if ($[18] !== t11) {
+    t12 = /*#__PURE__*/_jsx("span", {
+      className: "min-w-0 truncate font-mono text-code",
+      children: t11
+    });
+    $[18] = t11;
+    $[19] = t12;
+  } else {
+    t12 = $[19];
+  }
+  let t13;
+  if ($[20] !== t10 || $[21] !== t12 || $[22] !== t4 || $[23] !== t9) {
+    t13 = /*#__PURE__*/_jsxs("div", {
+      className: "-mx-1 mb-0.5 flex h-7 items-center gap-2 px-1 text-xs text-text-faint",
+      children: [t4, t9, t10, t12]
+    });
+    $[20] = t10;
+    $[21] = t12;
+    $[22] = t4;
+    $[23] = t9;
+    $[24] = t13;
+  } else {
+    t13 = $[24];
+  }
+  return t13;
 }
+export function QuestionHistoryRow(t0) {
+  const $ = _c(11);
+  const {
+    item
+  } = t0;
+  const {
+    t
+  } = useTranslation("agent-chat");
+  let t1;
+  if ($[0] !== item.answers || $[1] !== item.questions || $[2] !== item.state || $[3] !== t) {
+    let t2;
+    if ($[5] !== item.answers || $[6] !== item.state || $[7] !== t) {
+      t2 = question => /*#__PURE__*/_jsxs("div", {
+        className: "-mx-1 mb-0.5 flex min-h-7 items-start gap-2 px-1 py-1 text-xs text-text-faint",
+        children: [/*#__PURE__*/_jsx("span", {
+          className: ROW_GUTTER,
+          children: /*#__PURE__*/_jsx(Icon, {
+            icon: MessageCircleQuestionMark,
+            size: 12
+          })
+        }), /*#__PURE__*/_jsxs("span", {
+          className: "min-w-0",
+          children: [/*#__PURE__*/_jsx("span", {
+            className: "text-text-muted",
+            children: question.question
+          }), item.state === "answered" && item.answers?.[question.id] !== undefined && /*#__PURE__*/_jsx("span", {
+            className: "ml-1.5 text-text",
+            children: item.answers[question.id]
+          }), item.state === "cancelled" && /*#__PURE__*/_jsx("span", {
+            className: "ml-1.5",
+            children: t("rows.question.notAnswered")
+          }), item.state === "dismissed" && /*#__PURE__*/_jsx("span", {
+            className: "ml-1.5",
+            children: t("rows.question.dismissed")
+          })]
+        })]
+      }, question.id);
+      $[5] = item.answers;
+      $[6] = item.state;
+      $[7] = t;
+      $[8] = t2;
+    } else {
+      t2 = $[8];
+    }
+    t1 = item.questions.map(t2);
+    $[0] = item.answers;
+    $[1] = item.questions;
+    $[2] = item.state;
+    $[3] = t;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  let t2;
+  if ($[9] !== t1) {
+    t2 = /*#__PURE__*/_jsx("div", {
+      children: t1
+    });
+    $[9] = t1;
+    $[10] = t2;
+  } else {
+    t2 = $[10];
+  }
+  return t2;
+}