@adecore/agents-react 0.41.1 → 0.42.0

package/dist/chat/ui/intelligent-ui/renderers/content.js

@@ -8,7 +8,7 @@ import { formatNumber } from '@adecore/ui/format';
 import { useChatHost } from '../../../../host.js';
 import { CodeBlock } from '../../CodeBlock.js';
 import { CodeStreamingContext } from '../../code-streaming.js';
-import { ImageThumb } from '../../ImageView.js';
+import { ImageGroup, ImageThumb } from '../../ImageView.js';
 import { uiChildrenOf, uiNodeLabel, uiNodeText, uiUrlDomain } from '../node-text.js';
 import { useTruncated } from '../use-truncated.js';
 import { useHostAttachmentUrl } from '../../../../host-hooks.js';
@@ -301,7 +301,9 @@ export function GalleryRenderer(t0) {
   if ($[3] !== children) {
     t2 = /*#__PURE__*/_jsx("div", {
       className: "chat-ui-nodes grid grid-cols-2 gap-2 @min-[420px]:grid-cols-3",
-      children: children
+      children: /*#__PURE__*/_jsx(ImageGroup, {
+        children: children
+      })
     });
     $[3] = children;
     $[4] = t2;

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

@@ -14,7 +14,7 @@ import { referenceTokens } from '../../chat-references.js';
 import { presentReferences } from '../../mentions.js';
 import { ReferenceChip } from '../ReferenceChip.js';
 import { ReferenceLookupContext } from '../reference-lookup.js';
-import { ImageThumb } from '../ImageView.js';
+import { ImageGroup, ImageThumb } from '../ImageView.js';
 import { Markdown, MessageMarkdown, ReplyMarkdown } from '../Markdown.js';
 import { FadingWords } from '../FadingWords.js';
 import { settledBlocksText } from '../markdown-blocks.js';
@@ -292,13 +292,15 @@ export function UserRow(t0) {
   if ($[21] !== attachments || $[22] !== 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))
+      children: /*#__PURE__*/_jsx(ImageGroup, {
+        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))
+      })
     });
     $[21] = attachments;
     $[22] = chatId;

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

@@ -70,7 +70,7 @@ function AppCardRow(t0) {
 }
 /* One row of a thread, the chat's own or a subagent's read back, drawn the same way in both. */
 export function Row(t0) {
-  const $ = _c(83);
+  const $ = _c(84);
   const {
     row,
     chatId,
@@ -345,15 +345,17 @@ export function Row(t0) {
       }
     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, {
+        const t1 = row.heldBack === true;
+        let t2;
+        if ($[58] !== chatId || $[59] !== row.baseMoved || $[60] !== row.checkpoint || $[61] !== row.diff || $[62] !== row.tools || $[63] !== row.turnId || $[64] !== t1) {
+          t2 = /*#__PURE__*/_jsx(ChangedFilesRow, {
             chatId: chatId,
             turnId: row.turnId,
             tools: row.tools,
             diff: row.diff,
             checkpoint: row.checkpoint,
-            baseMoved: row.baseMoved
+            baseMoved: row.baseMoved,
+            heldBack: t1
           });
           $[58] = chatId;
           $[59] = row.baseMoved;
@@ -362,114 +364,115 @@ export function Row(t0) {
           $[62] = row.tools;
           $[63] = row.turnId;
           $[64] = t1;
+          $[65] = t2;
         } else {
-          t1 = $[64];
+          t2 = $[65];
         }
-        return t1;
+        return t2;
       }
     case "approval":
       {
         let t1;
-        if ($[65] !== row.item) {
+        if ($[66] !== row.item) {
           t1 = /*#__PURE__*/_jsx(ApprovalHistoryRow, {
             item: row.item
           });
-          $[65] = row.item;
-          $[66] = t1;
+          $[66] = row.item;
+          $[67] = t1;
         } else {
-          t1 = $[66];
+          t1 = $[67];
         }
         return t1;
       }
     case "question":
       {
         let t1;
-        if ($[67] !== row.item) {
+        if ($[68] !== row.item) {
           t1 = /*#__PURE__*/_jsx(QuestionHistoryRow, {
             item: row.item
           });
-          $[67] = row.item;
-          $[68] = t1;
+          $[68] = row.item;
+          $[69] = t1;
         } else {
-          t1 = $[68];
+          t1 = $[69];
         }
         return t1;
       }
     case "note":
       {
         let t1;
-        if ($[69] !== row.from || $[70] !== row.id || $[71] !== row.level || $[72] !== row.text) {
+        if ($[70] !== row.from || $[71] !== row.id || $[72] !== row.level || $[73] !== 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;
+          $[70] = row.from;
+          $[71] = row.id;
+          $[72] = row.level;
+          $[73] = row.text;
+          $[74] = t1;
         } else {
-          t1 = $[73];
+          t1 = $[74];
         }
         return t1;
       }
     case "compaction":
       {
         let t1;
-        if ($[74] !== row.preTokens) {
+        if ($[75] !== row.preTokens) {
           t1 = /*#__PURE__*/_jsx(CompactionRow, {
             preTokens: row.preTokens
           });
-          $[74] = row.preTokens;
-          $[75] = t1;
+          $[75] = row.preTokens;
+          $[76] = t1;
         } else {
-          t1 = $[75];
+          t1 = $[76];
         }
         return t1;
       }
     case "working":
       {
         let t1;
-        if ($[76] !== row.startedAt) {
+        if ($[77] !== row.startedAt) {
           t1 = /*#__PURE__*/_jsx(WorkingRow, {
             startedAt: row.startedAt
           });
-          $[76] = row.startedAt;
-          $[77] = t1;
+          $[77] = row.startedAt;
+          $[78] = t1;
         } else {
-          t1 = $[77];
+          t1 = $[78];
         }
         return t1;
       }
     case "app-card":
       {
         let t1;
-        if ($[78] !== row.card) {
+        if ($[79] !== row.card) {
           t1 = /*#__PURE__*/_jsx(AppCardRow, {
             card: row.card
           });
-          $[78] = row.card;
-          $[79] = t1;
+          $[79] = row.card;
+          $[80] = t1;
         } else {
-          t1 = $[79];
+          t1 = $[80];
         }
         return t1;
       }
     case "visual":
       {
         let t1;
-        if ($[80] !== chatId || $[81] !== row.visual) {
+        if ($[81] !== chatId || $[82] !== row.visual) {
           t1 = /*#__PURE__*/_jsx(VisualRow, {
             chatId: chatId,
             visual: row.visual
           });
-          $[80] = chatId;
-          $[81] = row.visual;
-          $[82] = t1;
+          $[81] = chatId;
+          $[82] = row.visual;
+          $[83] = t1;
         } else {
-          t1 = $[82];
+          t1 = $[83];
         }
         return t1;
       }

package/dist/chat/ui/rows/WorkRows.d.ts

@@ -22,8 +22,9 @@ export declare function ToggleLine({ icon, label, brand, detail, command, look,
     time?: number;
     className?: string;
 }): import("react").JSX.Element;
-export declare function ToolBody({ tool }: {
+export declare function ToolBody({ tool, chatId }: {
     tool: ChatToolItem;
+    chatId?: string | undefined;
 }): import("react").JSX.Element;
 export declare function WorkRow({ tool, chatId, nested, detail, icon, label, failed }: {
     tool: ChatToolItem;
@@ -55,13 +56,14 @@ export declare function TurnFoldRow({ turn, label, work, expanded, onToggle }: {
     expanded: boolean;
     onToggle(): void;
 }): import("react").JSX.Element;
-export declare function ChangedFilesRow({ tools, diff, checkpoint, baseMoved, chatId, turnId }: {
+export declare function ChangedFilesRow({ tools, diff, checkpoint, baseMoved, chatId, turnId, heldBack }: {
     tools: ChatToolItem[];
     diff: ChatCheckpointDiff | null;
     checkpoint: boolean;
     baseMoved?: BaseMoved | undefined;
     chatId: string;
     turnId: string;
+    heldBack?: boolean;
 }): import("react").JSX.Element;
 export declare function WorkingRow({ startedAt }: {
     startedAt: number;