@adecore/agents-react 0.31.12 → 0.33.0

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

@@ -1,9 +1,59 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
 import clsx from 'clsx';
 import { rowPosition, rowRhythm } from './row-rhythm.js';
-export function RowContainer({ row, previous, index, top, ref, children }) {
-    const wide = row.kind === 'visual' && row.visual.layout === 'wide';
-    return (_jsx("div", { "data-index": index, "data-item-id": row.id, ref: ref, className: clsx('absolute inset-x-0 top-0 mx-auto w-full', wide ? 'chat-wide-content' : 'chat-column-content', rowRhythm(row, previous), 
-        // Turn gaps belong inside the measurement used by the virtualizer.
-        row.kind === 'user' && index > 0 && 'pt-(--chat-turn-gap)'), style: rowPosition(row.kind, top), children: children }));
-}
+import { jsx as _jsx } from "react/jsx-runtime";
+export function RowContainer(t0) {
+  const $ = _c(15);
+  const {
+    row,
+    previous,
+    index,
+    top,
+    ref,
+    children
+  } = t0;
+  const wide = row.kind === "visual" && row.visual.layout === "wide";
+  const t1 = row.id;
+  const t2 = wide ? "chat-wide-content" : "chat-column-content";
+  let t3;
+  if ($[0] !== index || $[1] !== previous || $[2] !== row || $[3] !== t2) {
+    t3 = clsx("absolute inset-x-0 top-0 mx-auto w-full", t2, rowRhythm(row, previous), row.kind === "user" && index > 0 && "pt-(--chat-turn-gap)");
+    $[0] = index;
+    $[1] = previous;
+    $[2] = row;
+    $[3] = t2;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  let t4;
+  if ($[5] !== row.kind || $[6] !== top) {
+    t4 = rowPosition(row.kind, top);
+    $[5] = row.kind;
+    $[6] = top;
+    $[7] = t4;
+  } else {
+    t4 = $[7];
+  }
+  let t5;
+  if ($[8] !== children || $[9] !== index || $[10] !== ref || $[11] !== row.id || $[12] !== t3 || $[13] !== t4) {
+    t5 = /*#__PURE__*/_jsx("div", {
+      "data-index": index,
+      "data-item-id": t1,
+      ref: ref,
+      className: t3,
+      style: t4,
+      children: children
+    });
+    $[8] = children;
+    $[9] = index;
+    $[10] = ref;
+    $[11] = row.id;
+    $[12] = t3;
+    $[13] = t4;
+    $[14] = t5;
+  } else {
+    t5 = $[14];
+  }
+  return t5;
+}

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

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
 import { useTranslation } from 'react-i18next';
 import { ErrorBoundary } from '@adecore/ui';
 import { AgentTurnRow, ApprovalHistoryRow, AssistantRow, CompactionRow, LiveThoughtRow, NoteRow, QuestionHistoryRow, ReportRow, ThinkingRow, UserRow } from './MessageRows.js';
@@ -10,59 +10,468 @@ import { VisualRow } from './VisualRow.js';
 import { WorkflowRow } from './WorkflowRow.js';
 import { ChangedFilesRow, TurnFoldRow, WorkGroupRow, WorkLiveRow, WorkRow, WorkingRow } from './WorkRows.js';
 /* Its own component, so a card that throws while it renders is caught by the boundary around it. */
-function AppCardBody({ card }) {
-    return card.render();
+import { jsx as _jsx } from "react/jsx-runtime";
+function AppCardBody({
+  card
+}) {
+  return card.render();
 }
-function AppCardRow({ card }) {
-    const { t } = useTranslation('agent-chat');
-    return (_jsx(ErrorBoundary, { label: t('timeline.cardFailed'), resetKeys: [card], compact: true, className: "relative rounded-lg", children: _jsx(AppCardBody, { card: card }) }));
+function AppCardRow(t0) {
+  const $ = _c(10);
+  const {
+    card
+  } = t0;
+  const {
+    t
+  } = useTranslation("agent-chat");
+  let t1;
+  if ($[0] !== t) {
+    t1 = t("timeline.cardFailed");
+    $[0] = t;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== card) {
+    t2 = [card];
+    $[2] = card;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] !== card) {
+    t3 = /*#__PURE__*/_jsx(AppCardBody, {
+      card: card
+    });
+    $[4] = card;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  let t4;
+  if ($[6] !== t1 || $[7] !== t2 || $[8] !== t3) {
+    t4 = /*#__PURE__*/_jsx(ErrorBoundary, {
+      label: t1,
+      resetKeys: t2,
+      compact: true,
+      className: "relative rounded-lg",
+      children: t3
+    });
+    $[6] = t1;
+    $[7] = t2;
+    $[8] = t3;
+    $[9] = t4;
+  } else {
+    t4 = $[9];
+  }
+  return t4;
 }
 /* One row of a thread, the chat's own or a subagent's read back, drawn the same way in both. */
-export function Row({ row, chatId, toggleGroup, toggleTurn, toggleSubagent, openSubagent, openConversation }) {
-    switch (row.kind) {
-        case 'user':
-            return _jsx(UserRow, { chatId: chatId, item: row.item });
-        case 'turn-start': {
-            const toolUseId = row.turn.taskToolUseId;
-            return _jsx(AgentTurnRow, { label: row.label, onOpen: toolUseId ? () => openSubagent(toolUseId) : undefined });
-        }
-        case 'assistant':
-            return _jsx(AssistantRow, { chatId: chatId, item: row.item });
-        case 'report':
-            return _jsx(ReportRow, { id: row.id, text: row.text });
-        case 'thinking':
-            return _jsx(ThinkingRow, { chatId: chatId, item: row.item });
-        case 'live-thought':
-            return _jsx(LiveThoughtRow, { chatId: chatId, item: row.item });
-        case 'work':
-            return isImageGeneration(row.tool) ? _jsx(GeneratedImageRow, { chatId: chatId, tool: row.tool }) : _jsx(WorkRow, { chatId: chatId, tool: row.tool });
-        case 'work-live':
-            return isImageGeneration(row.tool) ? _jsx(GeneratedImageRow, { chatId: chatId, tool: row.tool }) : _jsx(WorkLiveRow, { chatId: chatId, tool: row.tool });
-        case 'workflow':
-            return _jsx(WorkflowRow, { chatId: chatId, tool: row.tool, workflow: row.workflow, onOpenAgent: openConversation });
-        case 'work-group':
-            return _jsx(WorkGroupRow, { tools: row.tools, summary: row.summary, look: row.look, expanded: row.expanded, onToggle: () => toggleGroup(row.id) });
-        case 'subagent':
-            return _jsx(SubagentBranchRow, { chatId: chatId, branch: row, onToggle: toggleSubagent, onOpenConversation: openConversation });
-        case 'turn-fold':
-            return _jsx(TurnFoldRow, { turn: row.turn, label: row.label, work: row.work, expanded: row.expanded, onToggle: () => toggleTurn(row.turn.id) });
-        case 'forks':
-            return _jsx(ForksRow, { chatId: chatId, turnId: row.turnId });
-        case 'changed-files':
-            return (_jsx(ChangedFilesRow, { chatId: chatId, turnId: row.turnId, tools: row.tools, diff: row.diff, checkpoint: row.checkpoint, baseMoved: row.baseMoved }));
-        case 'approval':
-            return _jsx(ApprovalHistoryRow, { item: row.item });
-        case 'question':
-            return _jsx(QuestionHistoryRow, { item: row.item });
-        case 'note':
-            return _jsx(NoteRow, { id: row.id, level: row.level, text: row.text, from: row.from });
-        case 'compaction':
-            return _jsx(CompactionRow, { preTokens: row.preTokens });
-        case 'working':
-            return _jsx(WorkingRow, { startedAt: row.startedAt });
-        case 'app-card':
-            return _jsx(AppCardRow, { card: row.card });
-        case 'visual':
-            return _jsx(VisualRow, { chatId: chatId, visual: row.visual });
-    }
-}
+export function Row(t0) {
+  const $ = _c(83);
+  const {
+    row,
+    chatId,
+    toggleGroup,
+    toggleTurn,
+    toggleSubagent,
+    openSubagent,
+    openConversation
+  } = t0;
+  switch (row.kind) {
+    case "user":
+      {
+        let t1;
+        if ($[0] !== chatId || $[1] !== row.item) {
+          t1 = /*#__PURE__*/_jsx(UserRow, {
+            chatId: chatId,
+            item: row.item
+          });
+          $[0] = chatId;
+          $[1] = row.item;
+          $[2] = t1;
+        } else {
+          t1 = $[2];
+        }
+        return t1;
+      }
+    case "turn-start":
+      {
+        const toolUseId = row.turn.taskToolUseId;
+        let t1;
+        if ($[3] !== openSubagent || $[4] !== toolUseId) {
+          t1 = toolUseId ? () => openSubagent(toolUseId) : undefined;
+          $[3] = openSubagent;
+          $[4] = toolUseId;
+          $[5] = t1;
+        } else {
+          t1 = $[5];
+        }
+        let t2;
+        if ($[6] !== row.label || $[7] !== t1) {
+          t2 = /*#__PURE__*/_jsx(AgentTurnRow, {
+            label: row.label,
+            onOpen: t1
+          });
+          $[6] = row.label;
+          $[7] = t1;
+          $[8] = t2;
+        } else {
+          t2 = $[8];
+        }
+        return t2;
+      }
+    case "assistant":
+      {
+        let t1;
+        if ($[9] !== chatId || $[10] !== row.item) {
+          t1 = /*#__PURE__*/_jsx(AssistantRow, {
+            chatId: chatId,
+            item: row.item
+          });
+          $[9] = chatId;
+          $[10] = row.item;
+          $[11] = t1;
+        } else {
+          t1 = $[11];
+        }
+        return t1;
+      }
+    case "report":
+      {
+        let t1;
+        if ($[12] !== row.id || $[13] !== row.text) {
+          t1 = /*#__PURE__*/_jsx(ReportRow, {
+            id: row.id,
+            text: row.text
+          });
+          $[12] = row.id;
+          $[13] = row.text;
+          $[14] = t1;
+        } else {
+          t1 = $[14];
+        }
+        return t1;
+      }
+    case "thinking":
+      {
+        let t1;
+        if ($[15] !== chatId || $[16] !== row.item) {
+          t1 = /*#__PURE__*/_jsx(ThinkingRow, {
+            chatId: chatId,
+            item: row.item
+          });
+          $[15] = chatId;
+          $[16] = row.item;
+          $[17] = t1;
+        } else {
+          t1 = $[17];
+        }
+        return t1;
+      }
+    case "live-thought":
+      {
+        let t1;
+        if ($[18] !== chatId || $[19] !== row.item) {
+          t1 = /*#__PURE__*/_jsx(LiveThoughtRow, {
+            chatId: chatId,
+            item: row.item
+          });
+          $[18] = chatId;
+          $[19] = row.item;
+          $[20] = t1;
+        } else {
+          t1 = $[20];
+        }
+        return t1;
+      }
+    case "work":
+      {
+        let t1;
+        if ($[21] !== chatId || $[22] !== row.tool) {
+          t1 = isImageGeneration(row.tool) ? /*#__PURE__*/_jsx(GeneratedImageRow, {
+            chatId: chatId,
+            tool: row.tool
+          }) : /*#__PURE__*/_jsx(WorkRow, {
+            chatId: chatId,
+            tool: row.tool
+          });
+          $[21] = chatId;
+          $[22] = row.tool;
+          $[23] = t1;
+        } else {
+          t1 = $[23];
+        }
+        return t1;
+      }
+    case "work-live":
+      {
+        let t1;
+        if ($[24] !== chatId || $[25] !== row.tool) {
+          t1 = isImageGeneration(row.tool) ? /*#__PURE__*/_jsx(GeneratedImageRow, {
+            chatId: chatId,
+            tool: row.tool
+          }) : /*#__PURE__*/_jsx(WorkLiveRow, {
+            chatId: chatId,
+            tool: row.tool
+          });
+          $[24] = chatId;
+          $[25] = row.tool;
+          $[26] = t1;
+        } else {
+          t1 = $[26];
+        }
+        return t1;
+      }
+    case "workflow":
+      {
+        let t1;
+        if ($[27] !== chatId || $[28] !== openConversation || $[29] !== row.tool || $[30] !== row.workflow) {
+          t1 = /*#__PURE__*/_jsx(WorkflowRow, {
+            chatId: chatId,
+            tool: row.tool,
+            workflow: row.workflow,
+            onOpenAgent: openConversation
+          });
+          $[27] = chatId;
+          $[28] = openConversation;
+          $[29] = row.tool;
+          $[30] = row.workflow;
+          $[31] = t1;
+        } else {
+          t1 = $[31];
+        }
+        return t1;
+      }
+    case "work-group":
+      {
+        let t1;
+        if ($[32] !== row.id || $[33] !== toggleGroup) {
+          t1 = () => toggleGroup(row.id);
+          $[32] = row.id;
+          $[33] = toggleGroup;
+          $[34] = t1;
+        } else {
+          t1 = $[34];
+        }
+        let t2;
+        if ($[35] !== row.expanded || $[36] !== row.look || $[37] !== row.summary || $[38] !== row.tools || $[39] !== t1) {
+          t2 = /*#__PURE__*/_jsx(WorkGroupRow, {
+            tools: row.tools,
+            summary: row.summary,
+            look: row.look,
+            expanded: row.expanded,
+            onToggle: t1
+          });
+          $[35] = row.expanded;
+          $[36] = row.look;
+          $[37] = row.summary;
+          $[38] = row.tools;
+          $[39] = t1;
+          $[40] = t2;
+        } else {
+          t2 = $[40];
+        }
+        return t2;
+      }
+    case "subagent":
+      {
+        let t1;
+        if ($[41] !== chatId || $[42] !== openConversation || $[43] !== row || $[44] !== toggleSubagent) {
+          t1 = /*#__PURE__*/_jsx(SubagentBranchRow, {
+            chatId: chatId,
+            branch: row,
+            onToggle: toggleSubagent,
+            onOpenConversation: openConversation
+          });
+          $[41] = chatId;
+          $[42] = openConversation;
+          $[43] = row;
+          $[44] = toggleSubagent;
+          $[45] = t1;
+        } else {
+          t1 = $[45];
+        }
+        return t1;
+      }
+    case "turn-fold":
+      {
+        let t1;
+        if ($[46] !== row.turn.id || $[47] !== toggleTurn) {
+          t1 = () => toggleTurn(row.turn.id);
+          $[46] = row.turn.id;
+          $[47] = toggleTurn;
+          $[48] = t1;
+        } else {
+          t1 = $[48];
+        }
+        let t2;
+        if ($[49] !== row.expanded || $[50] !== row.label || $[51] !== row.turn || $[52] !== row.work || $[53] !== t1) {
+          t2 = /*#__PURE__*/_jsx(TurnFoldRow, {
+            turn: row.turn,
+            label: row.label,
+            work: row.work,
+            expanded: row.expanded,
+            onToggle: t1
+          });
+          $[49] = row.expanded;
+          $[50] = row.label;
+          $[51] = row.turn;
+          $[52] = row.work;
+          $[53] = t1;
+          $[54] = t2;
+        } else {
+          t2 = $[54];
+        }
+        return t2;
+      }
+    case "forks":
+      {
+        let t1;
+        if ($[55] !== chatId || $[56] !== row.turnId) {
+          t1 = /*#__PURE__*/_jsx(ForksRow, {
+            chatId: chatId,
+            turnId: row.turnId
+          });
+          $[55] = chatId;
+          $[56] = row.turnId;
+          $[57] = t1;
+        } else {
+          t1 = $[57];
+        }
+        return t1;
+      }
+    case "changed-files":
+      {
+        let t1;
+        if ($[58] !== chatId || $[59] !== row.baseMoved || $[60] !== row.checkpoint || $[61] !== row.diff || $[62] !== row.tools || $[63] !== row.turnId) {
+          t1 = /*#__PURE__*/_jsx(ChangedFilesRow, {
+            chatId: chatId,
+            turnId: row.turnId,
+            tools: row.tools,
+            diff: row.diff,
+            checkpoint: row.checkpoint,
+            baseMoved: row.baseMoved
+          });
+          $[58] = chatId;
+          $[59] = row.baseMoved;
+          $[60] = row.checkpoint;
+          $[61] = row.diff;
+          $[62] = row.tools;
+          $[63] = row.turnId;
+          $[64] = t1;
+        } else {
+          t1 = $[64];
+        }
+        return t1;
+      }
+    case "approval":
+      {
+        let t1;
+        if ($[65] !== row.item) {
+          t1 = /*#__PURE__*/_jsx(ApprovalHistoryRow, {
+            item: row.item
+          });
+          $[65] = row.item;
+          $[66] = t1;
+        } else {
+          t1 = $[66];
+        }
+        return t1;
+      }
+    case "question":
+      {
+        let t1;
+        if ($[67] !== row.item) {
+          t1 = /*#__PURE__*/_jsx(QuestionHistoryRow, {
+            item: row.item
+          });
+          $[67] = row.item;
+          $[68] = t1;
+        } else {
+          t1 = $[68];
+        }
+        return t1;
+      }
+    case "note":
+      {
+        let t1;
+        if ($[69] !== row.from || $[70] !== row.id || $[71] !== row.level || $[72] !== row.text) {
+          t1 = /*#__PURE__*/_jsx(NoteRow, {
+            id: row.id,
+            level: row.level,
+            text: row.text,
+            from: row.from
+          });
+          $[69] = row.from;
+          $[70] = row.id;
+          $[71] = row.level;
+          $[72] = row.text;
+          $[73] = t1;
+        } else {
+          t1 = $[73];
+        }
+        return t1;
+      }
+    case "compaction":
+      {
+        let t1;
+        if ($[74] !== row.preTokens) {
+          t1 = /*#__PURE__*/_jsx(CompactionRow, {
+            preTokens: row.preTokens
+          });
+          $[74] = row.preTokens;
+          $[75] = t1;
+        } else {
+          t1 = $[75];
+        }
+        return t1;
+      }
+    case "working":
+      {
+        let t1;
+        if ($[76] !== row.startedAt) {
+          t1 = /*#__PURE__*/_jsx(WorkingRow, {
+            startedAt: row.startedAt
+          });
+          $[76] = row.startedAt;
+          $[77] = t1;
+        } else {
+          t1 = $[77];
+        }
+        return t1;
+      }
+    case "app-card":
+      {
+        let t1;
+        if ($[78] !== row.card) {
+          t1 = /*#__PURE__*/_jsx(AppCardRow, {
+            card: row.card
+          });
+          $[78] = row.card;
+          $[79] = t1;
+        } else {
+          t1 = $[79];
+        }
+        return t1;
+      }
+    case "visual":
+      {
+        let t1;
+        if ($[80] !== chatId || $[81] !== row.visual) {
+          t1 = /*#__PURE__*/_jsx(VisualRow, {
+            chatId: chatId,
+            visual: row.visual
+          });
+          $[80] = chatId;
+          $[81] = row.visual;
+          $[82] = t1;
+        } else {
+          t1 = $[82];
+        }
+        return t1;
+      }
+  }
+}