@adecore/agents-react 0.31.12 → 0.32.0

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

@@ -1,4 +1,4 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
 import { useEffect, useState } from 'react';
 import clsx from 'clsx';
 import { Trans, useTranslation } from 'react-i18next';
@@ -15,109 +15,563 @@ import { useFileLinkCwd, useOpenFileLink } from '../file-links.js';
 import { ImageThumb } from '../ImageView.js';
 import { ROW_GUTTER } from '../icons.js';
 import { RunningFor, WorkRow } from './WorkRows.js';
+import { useHostAttachmentUrl } from '../../../host-hooks.js';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const SAVED_FLASH_MS = 2000;
 // Where each image went, so a row the thread unmounts while scrolling still says so when it comes back.
 const savedPaths = new Map();
 /* True for `ms` after `start()`, for a check mark that says an action landed. */
 function useFlash(ms) {
-    const [on, setOn] = useState(false);
-    useEffect(() => {
-        if (!on) {
-            return;
-        }
-        const timer = setTimeout(() => setOn(false), ms);
-        return () => clearTimeout(timer);
-    }, [on, ms]);
-    return [on, () => setOn(true)];
+  const $ = _c(7);
+  const [on, setOn] = useState(false);
+  let t0;
+  let t1;
+  if ($[0] !== ms || $[1] !== on) {
+    t0 = () => {
+      if (!on) {
+        return;
+      }
+      const timer = setTimeout(() => setOn(false), ms);
+      return () => clearTimeout(timer);
+    };
+    t1 = [on, ms];
+    $[0] = ms;
+    $[1] = on;
+    $[2] = t0;
+    $[3] = t1;
+  } else {
+    t0 = $[2];
+    t1 = $[3];
+  }
+  useEffect(t0, t1);
+  let t2;
+  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = () => setOn(true);
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  let t3;
+  if ($[5] !== on) {
+    t3 = [on, t2];
+    $[5] = on;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  return t3;
 }
 function failureText(failure, t) {
-    switch (failure.kind) {
-        case 'provider':
-            return failure.message ?? undefined;
-        case 'empty':
-            return t('generatedImage.empty');
-        case 'not-image':
-            return t('generatedImage.notImage');
-        case 'too-large':
-            return t('generatedImage.tooLarge', { size: formatBytes(failure.limit) });
-    }
+  switch (failure.kind) {
+    case 'provider':
+      return failure.message ?? undefined;
+    case 'empty':
+      return t('generatedImage.empty');
+    case 'not-image':
+      return t('generatedImage.notImage');
+    case 'too-large':
+      return t('generatedImage.tooLarge', {
+        size: formatBytes(failure.limit)
+      });
+  }
 }
 /* The line over the image, in the measures of a tool line but nothing to fold. */
-function HeadLine({ label, detail, live, startedAt }) {
-    return (_jsxs("div", { className: "-mx-1 mb-0.5 flex h-7 items-center gap-2 px-1 text-xs text-text-muted", children: [_jsx("span", { className: clsx(ROW_GUTTER, live && 'text-accent'), children: _jsx(Icon, { icon: ImageIcon, size: 12 }) }), _jsx("span", { className: clsx('shrink-0', live && 'chat-live-text'), children: label }), detail && _jsx("span", { className: "min-w-0 truncate text-text-faint", children: detail }), _jsx("span", { className: "grow" }), startedAt !== undefined && _jsx(RunningFor, { startedAt: startedAt })] }));
+function HeadLine(t0) {
+  const $ = _c(20);
+  const {
+    label,
+    detail,
+    live,
+    startedAt
+  } = t0;
+  const t1 = live && "text-accent";
+  let t2;
+  if ($[0] !== t1) {
+    t2 = clsx(ROW_GUTTER, t1);
+    $[0] = t1;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  let t3;
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = /*#__PURE__*/_jsx(Icon, {
+      icon: ImageIcon,
+      size: 12
+    });
+    $[2] = t3;
+  } else {
+    t3 = $[2];
+  }
+  let t4;
+  if ($[3] !== t2) {
+    t4 = /*#__PURE__*/_jsx("span", {
+      className: t2,
+      children: t3
+    });
+    $[3] = t2;
+    $[4] = t4;
+  } else {
+    t4 = $[4];
+  }
+  const t5 = live && "chat-live-text";
+  let t6;
+  if ($[5] !== t5) {
+    t6 = clsx("shrink-0", t5);
+    $[5] = t5;
+    $[6] = t6;
+  } else {
+    t6 = $[6];
+  }
+  let t7;
+  if ($[7] !== label || $[8] !== t6) {
+    t7 = /*#__PURE__*/_jsx("span", {
+      className: t6,
+      children: label
+    });
+    $[7] = label;
+    $[8] = t6;
+    $[9] = t7;
+  } else {
+    t7 = $[9];
+  }
+  let t8;
+  if ($[10] !== detail) {
+    t8 = detail && /*#__PURE__*/_jsx("span", {
+      className: "min-w-0 truncate text-text-faint",
+      children: detail
+    });
+    $[10] = detail;
+    $[11] = t8;
+  } else {
+    t8 = $[11];
+  }
+  let t9;
+  if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
+    t9 = /*#__PURE__*/_jsx("span", {
+      className: "grow"
+    });
+    $[12] = t9;
+  } else {
+    t9 = $[12];
+  }
+  let t10;
+  if ($[13] !== startedAt) {
+    t10 = startedAt !== undefined && /*#__PURE__*/_jsx(RunningFor, {
+      startedAt: startedAt
+    });
+    $[13] = startedAt;
+    $[14] = t10;
+  } else {
+    t10 = $[14];
+  }
+  let t11;
+  if ($[15] !== t10 || $[16] !== t4 || $[17] !== t7 || $[18] !== t8) {
+    t11 = /*#__PURE__*/_jsxs("div", {
+      className: "-mx-1 mb-0.5 flex h-7 items-center gap-2 px-1 text-xs text-text-muted",
+      children: [t4, t7, t8, t9, t10]
+    });
+    $[15] = t10;
+    $[16] = t4;
+    $[17] = t7;
+    $[18] = t8;
+    $[19] = t11;
+  } else {
+    t11 = $[19];
+  }
+  return t11;
 }
 /* The file a saved image became, which opens where the app opens a file link. */
-function SavedFile({ path }) {
-    const cwd = useFileLinkCwd();
-    const { id } = useChatScope();
-    const { fileLinks } = useChatHost();
-    const openFileLink = useOpenFileLink();
-    const chip = (_jsxs(_Fragment, { children: [_jsx(FileIcon, { path: path, size: 14 }), _jsx("span", { className: "truncate", children: path })] }));
-    if (fileLinks === null) {
-        return _jsx("span", { className: clsx(CHIP_IN_MESSAGE, MENTION_TONE), children: chip });
+function SavedFile(t0) {
+  const $ = _c(15);
+  const {
+    path
+  } = t0;
+  const cwd = useFileLinkCwd();
+  const {
+    id
+  } = useChatScope();
+  const {
+    fileLinks
+  } = useChatHost();
+  const openFileLink = useOpenFileLink();
+  let t1;
+  if ($[0] !== path) {
+    t1 = /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(FileIcon, {
+        path: path,
+        size: 14
+      }), /*#__PURE__*/_jsx("span", {
+        className: "truncate",
+        children: path
+      })]
+    });
+    $[0] = path;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const chip = t1;
+  if (fileLinks === null) {
+    let t2;
+    if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+      t2 = clsx(CHIP_IN_MESSAGE, MENTION_TONE);
+      $[2] = t2;
+    } else {
+      t2 = $[2];
+    }
+    let t3;
+    if ($[3] !== chip) {
+      t3 = /*#__PURE__*/_jsx("span", {
+        className: t2,
+        children: chip
+      });
+      $[3] = chip;
+      $[4] = t3;
+    } else {
+      t3 = $[4];
     }
-    return (_jsx("button", { type: "button", className: clsx(CHIP_IN_MESSAGE, MENTION_TONE, 'hover:brightness-95'), "data-file-path": path, onClick: () => openFileLink(cwd, { path, directory: false }, id), children: chip }));
+    return t3;
+  }
+  let t2;
+  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = clsx(CHIP_IN_MESSAGE, MENTION_TONE, "hover:brightness-95");
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  let t3;
+  if ($[6] !== cwd || $[7] !== id || $[8] !== openFileLink || $[9] !== path) {
+    t3 = () => openFileLink(cwd, {
+      path,
+      directory: false
+    }, id);
+    $[6] = cwd;
+    $[7] = id;
+    $[8] = openFileLink;
+    $[9] = path;
+    $[10] = t3;
+  } else {
+    t3 = $[10];
+  }
+  let t4;
+  if ($[11] !== chip || $[12] !== path || $[13] !== t3) {
+    t4 = /*#__PURE__*/_jsx("button", {
+      type: "button",
+      className: t2,
+      "data-file-path": path,
+      onClick: t3,
+      children: chip
+    });
+    $[11] = chip;
+    $[12] = path;
+    $[13] = t3;
+    $[14] = t4;
+  } else {
+    t4 = $[14];
+  }
+  return t4;
 }
-function ReadyImage({ chatId, attachment, prompt, transparent }) {
-    const { t } = useTranslation('agent-chat');
-    const { id: scopeId } = useChatScope();
-    const { attachments } = useChatHost();
-    const source = attachments.useUrl(scopeId, chatId, attachment.id);
-    const savedKey = `${scopeId}\n${chatId}\n${attachment.id}`;
-    const [lightbox, setLightbox] = useState(false);
-    const [saving, setSaving] = useState(false);
-    const [savedPath, setSavedPath] = useState(() => savedPaths.get(savedKey) ?? null);
-    const [savedFlash, flashSaved] = useFlash(SAVED_FLASH_MS);
-    const missing = source.failure !== null;
-    const aspect = attachmentAspect(attachment);
-    const { open, saveToProject } = attachments;
-    const detail = [
-        attachment.width !== undefined && attachment.height !== undefined
-            ? t('generatedImage.dimensions', { width: attachment.width, height: attachment.height })
-            : null,
-        formatBytes(attachment.size),
-        transparent ? t('generatedImage.transparent') : null
-    ]
-        .filter((part) => part !== null)
-        .join(' · ');
-    const openFile = open === undefined ? undefined : () => open(scopeId, chatId, attachment.id, attachment.name);
-    const save = saveToProject === undefined
-        ? undefined
-        : async () => {
-            setSaving(true);
-            try {
-                const path = await saveToProject(scopeId, chatId, attachment.id, attachment.name);
-                if (path !== null) {
-                    savedPaths.set(savedKey, path);
-                    setSavedPath(path);
-                    flashSaved();
-                }
-            }
-            catch {
-                // The host's dialog shows why; the row stays as it was.
-            }
-            finally {
-                setSaving(false);
-            }
-        };
-    const lightboxActions = (_jsxs(_Fragment, { children: [openFile !== undefined && _jsx(IconButton, { icon: ExternalLink, size: "sm", label: t('generatedImage.open'), onClick: openFile }), save !== undefined && _jsx(IconButton, { icon: FolderDown, size: "sm", label: t('generatedImage.save'), disabled: saving, onClick: () => void save() })] }));
-    return (_jsxs("div", { children: [_jsx(HeadLine, { label: t('generatedImage.label'), detail: detail }), _jsxs("div", { className: "flex max-w-90 flex-col gap-1.5", children: [_jsxs("div", { className: clsx('group/image relative', aspect === undefined && 'w-fit', transparent && source.url !== null && 'chat-checkerboard rounded-lg'), children: [_jsx(ImageThumb, { source: source, alt: attachment.name, aspect: aspect, className: aspect === undefined ? 'max-h-90 max-w-full object-contain' : undefined, actions: lightboxActions, open: lightbox, onOpenChange: setLightbox }), source.url !== null && (_jsx(Surface, { role: "toolbar", "aria-label": t('generatedImage.actions'), className: "absolute top-2 right-2 rounded-lg p-0.5 opacity-0 transition-opacity group-focus-within/image:opacity-100 group-hover/image:opacity-100 has-[[data-popup-open]]:opacity-100 pointer-coarse:opacity-100", children: _jsxs(ButtonGroup, { children: [_jsx(IconButton, { icon: Maximize2, size: "sm", label: t('generatedImage.openLarge'), onClick: () => setLightbox(true) }), prompt !== null && (_jsxs(Menu.Root, { children: [_jsx(IconButton, { icon: Ellipsis, size: "sm", label: t('generatedImage.more'), render: _jsx(Menu.Trigger, {}) }), _jsx(Menu.Popup, { align: "end", children: _jsxs(Menu.Item, { onClick: () => copyText(prompt), children: [_jsx(Icon, { icon: Copy, size: 14 }), " ", t('generatedImage.copyPrompt')] }) })] }))] }) }))] }), (openFile !== undefined || save !== undefined) && (_jsxs("div", { className: "flex items-center gap-1.5", children: [openFile !== undefined && (_jsx(Button, { size: "xs", variant: "secondary", disabled: missing, onClick: openFile, children: t('generatedImage.open') })), save !== undefined && (_jsx(Button, { size: "xs", variant: "secondary", disabled: missing || saving || savedFlash, onClick: () => void save(), children: savedFlash ? (_jsxs(_Fragment, { children: [_jsx(Icon, { icon: Check, size: 12 }), " ", t('generatedImage.saved')] })) : (t('generatedImage.save')) }))] })), savedPath !== null && !savedFlash && (_jsx("div", { className: "flex min-w-0 items-center gap-1.5 text-xs text-text-muted", children: _jsx(Trans, { t: t, i18nKey: "generatedImage.savedTo", values: { path: savedPath }, components: { file: _jsx(SavedFile, { path: savedPath }) } }) }))] })] }));
+function ReadyImage({
+  chatId,
+  attachment,
+  prompt,
+  transparent
+}) {
+  const {
+    t
+  } = useTranslation('agent-chat');
+  const {
+    id: scopeId
+  } = useChatScope();
+  const {
+    attachments
+  } = useChatHost();
+  const source = useHostAttachmentUrl(scopeId, chatId, attachment.id);
+  const savedKey = `${scopeId}\n${chatId}\n${attachment.id}`;
+  const [lightbox, setLightbox] = useState(false);
+  const [saving, setSaving] = useState(false);
+  const [savedPath, setSavedPath] = useState(() => savedPaths.get(savedKey) ?? null);
+  const [savedFlash, flashSaved] = useFlash(SAVED_FLASH_MS);
+  const missing = source.failure !== null;
+  const aspect = attachmentAspect(attachment);
+  const {
+    open,
+    saveToProject
+  } = attachments;
+  const detail = [attachment.width !== undefined && attachment.height !== undefined ? t('generatedImage.dimensions', {
+    width: attachment.width,
+    height: attachment.height
+  }) : null, formatBytes(attachment.size), transparent ? t('generatedImage.transparent') : null].filter(part => part !== null).join(' · ');
+  const openFile = open === undefined ? undefined : () => open(scopeId, chatId, attachment.id, attachment.name);
+  const save = saveToProject === undefined ? undefined : async () => {
+    setSaving(true);
+    try {
+      const path = await saveToProject(scopeId, chatId, attachment.id, attachment.name);
+      if (path !== null) {
+        savedPaths.set(savedKey, path);
+        setSavedPath(path);
+        flashSaved();
+      }
+    } catch {
+      // The host's dialog shows why; the row stays as it was.
+    } finally {
+      setSaving(false);
+    }
+  };
+  const lightboxActions = /*#__PURE__*/_jsxs(_Fragment, {
+    children: [openFile !== undefined && /*#__PURE__*/_jsx(IconButton, {
+      icon: ExternalLink,
+      size: "sm",
+      label: t('generatedImage.open'),
+      onClick: openFile
+    }), save !== undefined && /*#__PURE__*/_jsx(IconButton, {
+      icon: FolderDown,
+      size: "sm",
+      label: t('generatedImage.save'),
+      disabled: saving,
+      onClick: () => void save()
+    })]
+  });
+  return /*#__PURE__*/_jsxs("div", {
+    children: [/*#__PURE__*/_jsx(HeadLine, {
+      label: t('generatedImage.label'),
+      detail: detail
+    }), /*#__PURE__*/_jsxs("div", {
+      className: "flex max-w-90 flex-col gap-1.5",
+      children: [/*#__PURE__*/_jsxs("div", {
+        className: clsx('group/image relative', aspect === undefined && 'w-fit', transparent && source.url !== null && 'chat-checkerboard rounded-lg'),
+        children: [/*#__PURE__*/_jsx(ImageThumb, {
+          source: source,
+          alt: attachment.name,
+          aspect: aspect,
+          className: aspect === undefined ? 'max-h-90 max-w-full object-contain' : undefined,
+          actions: lightboxActions,
+          open: lightbox,
+          onOpenChange: setLightbox
+        }), source.url !== null && /*#__PURE__*/_jsx(Surface, {
+          role: "toolbar",
+          "aria-label": t('generatedImage.actions'),
+          className: "absolute top-2 right-2 rounded-lg p-0.5 opacity-0 transition-opacity group-focus-within/image:opacity-100 group-hover/image:opacity-100 has-[[data-popup-open]]:opacity-100 pointer-coarse:opacity-100",
+          children: /*#__PURE__*/_jsxs(ButtonGroup, {
+            children: [/*#__PURE__*/_jsx(IconButton, {
+              icon: Maximize2,
+              size: "sm",
+              label: t('generatedImage.openLarge'),
+              onClick: () => setLightbox(true)
+            }), prompt !== null && /*#__PURE__*/_jsxs(Menu.Root, {
+              children: [/*#__PURE__*/_jsx(IconButton, {
+                icon: Ellipsis,
+                size: "sm",
+                label: t('generatedImage.more'),
+                render: /*#__PURE__*/_jsx(Menu.Trigger, {})
+              }), /*#__PURE__*/_jsx(Menu.Popup, {
+                align: "end",
+                children: /*#__PURE__*/_jsxs(Menu.Item, {
+                  onClick: () => copyText(prompt),
+                  children: [/*#__PURE__*/_jsx(Icon, {
+                    icon: Copy,
+                    size: 14
+                  }), " ", t('generatedImage.copyPrompt')]
+                })
+              })]
+            })]
+          })
+        })]
+      }), (openFile !== undefined || save !== undefined) && /*#__PURE__*/_jsxs("div", {
+        className: "flex items-center gap-1.5",
+        children: [openFile !== undefined && /*#__PURE__*/_jsx(Button, {
+          size: "xs",
+          variant: "secondary",
+          disabled: missing,
+          onClick: openFile,
+          children: t('generatedImage.open')
+        }), save !== undefined && /*#__PURE__*/_jsx(Button, {
+          size: "xs",
+          variant: "secondary",
+          disabled: missing || saving || savedFlash,
+          onClick: () => void save(),
+          children: savedFlash ? /*#__PURE__*/_jsxs(_Fragment, {
+            children: [/*#__PURE__*/_jsx(Icon, {
+              icon: Check,
+              size: 12
+            }), " ", t('generatedImage.saved')]
+          }) : t('generatedImage.save')
+        })]
+      }), savedPath !== null && !savedFlash && /*#__PURE__*/_jsx("div", {
+        className: "flex min-w-0 items-center gap-1.5 text-xs text-text-muted",
+        children: /*#__PURE__*/_jsx(Trans, {
+          t: t,
+          i18nKey: "generatedImage.savedTo",
+          values: {
+            path: savedPath
+          },
+          components: {
+            file: /*#__PURE__*/_jsx(SavedFile, {
+              path: savedPath
+            })
+          }
+        })
+      })]
+    })]
+  });
 }
 /*
  * The row of an image generation. Not a fold like other tool calls: the image is the result a person
  * came for, so it stays open, opens large in the lightbox and offers what the host lets a person do
  * with it. A failure is an ordinary failed tool line, with the reason as its detail.
  */
-export function GeneratedImageRow({ chatId, tool: derived }) {
-    const { t } = useTranslation('agent-chat');
-    const tool = useCurrentItem(chatId, derived);
-    const view = generatedImageView(tool);
-    switch (view.state) {
-        case 'generating':
-            return _jsx(HeadLine, { label: t('generatedImage.generating'), live: true, startedAt: toolStartedAt(tool) });
-        case 'failed':
-            return (_jsx(WorkRow, { tool: tool, icon: _jsx(Icon, { icon: ImageIcon, size: 12 }), label: t('generatedImage.failed'), detail: failureText(view.failure, t) ?? '', failed: true }));
-        case 'ready':
-            return (_jsx(ErrorBoundary, { label: t('generatedImage.renderFailed'), resetKeys: [view.attachment], compact: true, className: "relative rounded-lg", children: _jsx(ReadyImage, { chatId: chatId, attachment: view.attachment, prompt: view.prompt, transparent: view.transparent }) }));
+export function GeneratedImageRow(t0) {
+  const $ = _c(29);
+  const {
+    chatId,
+    tool: derived
+  } = t0;
+  const {
+    t
+  } = useTranslation("agent-chat");
+  const tool = useCurrentItem(chatId, derived);
+  let t1;
+  if ($[0] !== chatId || $[1] !== t || $[2] !== tool) {
+    t1 = Symbol.for("react.early_return_sentinel");
+    bb0: {
+      const view = generatedImageView(tool);
+      switch (view.state) {
+        case "generating":
+          {
+            let t2;
+            if ($[4] !== t) {
+              t2 = t("generatedImage.generating");
+              $[4] = t;
+              $[5] = t2;
+            } else {
+              t2 = $[5];
+            }
+            let t3;
+            if ($[6] !== tool) {
+              t3 = toolStartedAt(tool);
+              $[6] = tool;
+              $[7] = t3;
+            } else {
+              t3 = $[7];
+            }
+            let t4;
+            if ($[8] !== t2 || $[9] !== t3) {
+              t4 = /*#__PURE__*/_jsx(HeadLine, {
+                label: t2,
+                live: true,
+                startedAt: t3
+              });
+              $[8] = t2;
+              $[9] = t3;
+              $[10] = t4;
+            } else {
+              t4 = $[10];
+            }
+            t1 = t4;
+            break bb0;
+          }
+        case "failed":
+          {
+            let t2;
+            if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+              t2 = /*#__PURE__*/_jsx(Icon, {
+                icon: ImageIcon,
+                size: 12
+              });
+              $[11] = t2;
+            } else {
+              t2 = $[11];
+            }
+            let t3;
+            if ($[12] !== t) {
+              t3 = t("generatedImage.failed");
+              $[12] = t;
+              $[13] = t3;
+            } else {
+              t3 = $[13];
+            }
+            const t4 = failureText(view.failure, t) ?? "";
+            let t5;
+            if ($[14] !== t3 || $[15] !== t4 || $[16] !== tool) {
+              t5 = /*#__PURE__*/_jsx(WorkRow, {
+                tool: tool,
+                icon: t2,
+                label: t3,
+                detail: t4,
+                failed: true
+              });
+              $[14] = t3;
+              $[15] = t4;
+              $[16] = tool;
+              $[17] = t5;
+            } else {
+              t5 = $[17];
+            }
+            t1 = t5;
+            break bb0;
+          }
+        case "ready":
+          {
+            let t2;
+            if ($[18] !== t) {
+              t2 = t("generatedImage.renderFailed");
+              $[18] = t;
+              $[19] = t2;
+            } else {
+              t2 = $[19];
+            }
+            let t3;
+            if ($[20] !== view) {
+              t3 = [view.attachment];
+              $[20] = view;
+              $[21] = t3;
+            } else {
+              t3 = $[21];
+            }
+            let t4;
+            if ($[22] !== chatId || $[23] !== view) {
+              t4 = /*#__PURE__*/_jsx(ReadyImage, {
+                chatId: chatId,
+                attachment: view.attachment,
+                prompt: view.prompt,
+                transparent: view.transparent
+              });
+              $[22] = chatId;
+              $[23] = view;
+              $[24] = t4;
+            } else {
+              t4 = $[24];
+            }
+            let t5;
+            if ($[25] !== t2 || $[26] !== t3 || $[27] !== t4) {
+              t5 = /*#__PURE__*/_jsx(ErrorBoundary, {
+                label: t2,
+                resetKeys: t3,
+                compact: true,
+                className: "relative rounded-lg",
+                children: t4
+              });
+              $[25] = t2;
+              $[26] = t3;
+              $[27] = t4;
+              $[28] = t5;
+            } else {
+              t5 = $[28];
+            }
+            t1 = t5;
+            break bb0;
+          }
+      }
     }
-}
+    $[0] = chatId;
+    $[1] = t;
+    $[2] = tool;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  if (t1 !== Symbol.for("react.early_return_sentinel")) {
+    return t1;
+  }
+}