@adecore/agents-react 0.31.12 → 0.33.0

package/dist/chat/ui/intelligent-ui/renderers/content.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 clsx from 'clsx';
 import { createContext, useContext, useId, useState } from 'react';
 import { useTranslation } from 'react-i18next';
@@ -11,12 +11,87 @@ import { CodeStreamingContext } from '../../code-streaming.js';
 import { 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';
 // The number of every source by its node id, which the list counts in its own order.
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const SourceNumbers = createContext(new Map());
 /* Plain text in the same measure until the node closes, so highlighting never makes it jump. */
-export function CodeBlockRenderer({ node }) {
-    const { language } = node.props;
-    return (_jsxs("div", { className: "chat-ui-code chat-ui-flat flex flex-col rounded-xl bg-ui-tile p-1.5", children: [language !== undefined && language !== '' && (_jsx("div", { className: "chat-ui-flat-inner flex px-1.5 pt-0.5 pb-1.5", children: _jsx("span", { className: "rounded-md bg-ui-inset px-1.5 font-mono text-2xs text-text shadow-[inset_0_0_0_1px_var(--border)]", children: language }) })), _jsx(CodeStreamingContext.Provider, { value: !node.complete, children: _jsx(CodeBlock, { code: uiNodeText(node).replace(/^\n|\n$/g, ''), lang: language ?? 'text' }) })] }));
+export function CodeBlockRenderer(t0) {
+  const $ = _c(14);
+  const {
+    node
+  } = t0;
+  const {
+    language
+  } = node.props;
+  let t1;
+  if ($[0] !== language) {
+    t1 = language !== undefined && language !== "" && /*#__PURE__*/_jsx("div", {
+      className: "chat-ui-flat-inner flex px-1.5 pt-0.5 pb-1.5",
+      children: /*#__PURE__*/_jsx("span", {
+        className: "rounded-md bg-ui-inset px-1.5 font-mono text-2xs text-text shadow-[inset_0_0_0_1px_var(--border)]",
+        children: language
+      })
+    });
+    $[0] = language;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const t2 = !node.complete;
+  let t3;
+  if ($[2] !== node) {
+    let t4;
+    if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+      t4 = /^\n|\n$/g;
+      $[4] = t4;
+    } else {
+      t4 = $[4];
+    }
+    t3 = uiNodeText(node).replace(t4, "");
+    $[2] = node;
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  const t4 = language ?? "text";
+  let t5;
+  if ($[5] !== t3 || $[6] !== t4) {
+    t5 = /*#__PURE__*/_jsx(CodeBlock, {
+      code: t3,
+      lang: t4
+    });
+    $[5] = t3;
+    $[6] = t4;
+    $[7] = t5;
+  } else {
+    t5 = $[7];
+  }
+  let t6;
+  if ($[8] !== t2 || $[9] !== t5) {
+    t6 = /*#__PURE__*/_jsx(CodeStreamingContext.Provider, {
+      value: t2,
+      children: t5
+    });
+    $[8] = t2;
+    $[9] = t5;
+    $[10] = t6;
+  } else {
+    t6 = $[10];
+  }
+  let t7;
+  if ($[11] !== t1 || $[12] !== t6) {
+    t7 = /*#__PURE__*/_jsxs("div", {
+      className: "chat-ui-code chat-ui-flat flex flex-col rounded-xl bg-ui-tile p-1.5",
+      children: [t1, t6]
+    });
+    $[11] = t1;
+    $[12] = t6;
+    $[13] = t7;
+  } else {
+    t7 = $[13];
+  }
+  return t7;
 }
 // Set by a Gallery, so the images inside it draw as cells of its grid.
 const GalleryContext = createContext(false);
@@ -24,30 +99,232 @@ const GalleryContext = createContext(false);
  * Its own component, so the host's hook is only called for an image that names an attachment. In a
  * gallery a cell that cannot show its picture says what it was, since the square alone tells nothing.
  */
-function AttachedImage({ scopeId, chatId, attachmentId, alt, cell, unnamed }) {
-    const host = useChatHost();
-    const source = host.attachments.useUrl(scopeId, chatId, attachmentId);
-    if (!cell) {
-        return _jsx(ImageThumb, { source: source, alt: alt, className: "max-h-70 max-w-full rounded-xl object-contain" });
+function AttachedImage(t0) {
+  const $ = _c(13);
+  const {
+    scopeId,
+    chatId,
+    attachmentId,
+    alt,
+    cell,
+    unnamed
+  } = t0;
+  const source = useHostAttachmentUrl(scopeId, chatId, attachmentId);
+  if (!cell) {
+    let t1;
+    if ($[0] !== alt || $[1] !== source) {
+      t1 = /*#__PURE__*/_jsx(ImageThumb, {
+        source: source,
+        alt: alt,
+        className: "max-h-70 max-w-full rounded-xl object-contain"
+      });
+      $[0] = alt;
+      $[1] = source;
+      $[2] = t1;
+    } else {
+      t1 = $[2];
     }
-    return (_jsxs(_Fragment, { children: [_jsx(ImageThumb, { source: source, alt: alt, aspect: 1 }), unnamed && source.failure !== null && _jsx("figcaption", { className: "text-xs wrap-anywhere text-text-faint", children: alt })] }));
+    return t1;
+  }
+  let t1;
+  if ($[3] !== alt || $[4] !== source) {
+    t1 = /*#__PURE__*/_jsx(ImageThumb, {
+      source: source,
+      alt: alt,
+      aspect: 1
+    });
+    $[3] = alt;
+    $[4] = source;
+    $[5] = t1;
+  } else {
+    t1 = $[5];
+  }
+  let t2;
+  if ($[6] !== alt || $[7] !== source || $[8] !== unnamed) {
+    t2 = unnamed && source.failure !== null && /*#__PURE__*/_jsx("figcaption", {
+      className: "text-xs wrap-anywhere text-text-faint",
+      children: alt
+    });
+    $[6] = alt;
+    $[7] = source;
+    $[8] = unnamed;
+    $[9] = t2;
+  } else {
+    t2 = $[9];
+  }
+  let t3;
+  if ($[10] !== t1 || $[11] !== t2) {
+    t3 = /*#__PURE__*/_jsxs(_Fragment, {
+      children: [t1, t2]
+    });
+    $[10] = t1;
+    $[11] = t2;
+    $[12] = t3;
+  } else {
+    t3 = $[12];
+  }
+  return t3;
 }
 /*
  * An attachment of the chat, never a path or an address the model wrote. An image of the latest
  * generation stays a quiet square until the daemon resolved it to an attachment.
  */
-export function ImageRenderer({ node, children, context }) {
-    const { t } = useTranslation('agent-chat');
-    const cell = useContext(GalleryContext);
-    const { attachment, alt } = node.props;
-    const caption = uiNodeLabel(node);
-    const name = alt ?? (caption === '' ? t('blocks.image.label') : caption);
-    return (_jsxs("figure", { className: cell ? 'flex min-w-0 flex-col gap-1' : 'flex flex-col items-start gap-1.5', children: [attachment === undefined ? (_jsx(ImageThumb, { source: { url: null, failure: t('blocks.image.unavailable') }, alt: name, aspect: cell ? 1 : undefined })) : (_jsx(AttachedImage, { scopeId: context.scopeId, chatId: context.chatId, attachmentId: attachment, alt: name, cell: cell, unnamed: caption === '' })), caption !== '' && _jsx("figcaption", { className: "px-0.5 text-2xs wrap-anywhere text-text-muted", children: children }), cell && caption === '' && attachment === undefined && (_jsx("figcaption", { className: "text-xs wrap-anywhere text-text-faint", children: alt ?? t('blocks.image.unavailable') }))] }));
+export function ImageRenderer(t0) {
+  const $ = _c(27);
+  const {
+    node,
+    children,
+    context
+  } = t0;
+  const {
+    t
+  } = useTranslation("agent-chat");
+  const cell = useContext(GalleryContext);
+  const {
+    attachment,
+    alt
+  } = node.props;
+  let t1;
+  if ($[0] !== node) {
+    t1 = uiNodeLabel(node);
+    $[0] = node;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const caption = t1;
+  let t2;
+  if ($[2] !== alt || $[3] !== caption || $[4] !== t) {
+    t2 = alt ?? (caption === "" ? t("blocks.image.label") : caption);
+    $[2] = alt;
+    $[3] = caption;
+    $[4] = t;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  const name = t2;
+  const t3 = cell ? "flex min-w-0 flex-col gap-1" : "flex flex-col items-start gap-1.5";
+  let t4;
+  if ($[6] !== attachment || $[7] !== caption || $[8] !== cell || $[9] !== context || $[10] !== name || $[11] !== t) {
+    t4 = attachment === undefined ? /*#__PURE__*/_jsx(ImageThumb, {
+      source: {
+        url: null,
+        failure: t("blocks.image.unavailable")
+      },
+      alt: name,
+      aspect: cell ? 1 : undefined
+    }) : /*#__PURE__*/_jsx(AttachedImage, {
+      scopeId: context.scopeId,
+      chatId: context.chatId,
+      attachmentId: attachment,
+      alt: name,
+      cell: cell,
+      unnamed: caption === ""
+    });
+    $[6] = attachment;
+    $[7] = caption;
+    $[8] = cell;
+    $[9] = context;
+    $[10] = name;
+    $[11] = t;
+    $[12] = t4;
+  } else {
+    t4 = $[12];
+  }
+  let t5;
+  if ($[13] !== caption || $[14] !== children) {
+    t5 = caption !== "" && /*#__PURE__*/_jsx("figcaption", {
+      className: "px-0.5 text-2xs wrap-anywhere text-text-muted",
+      children: children
+    });
+    $[13] = caption;
+    $[14] = children;
+    $[15] = t5;
+  } else {
+    t5 = $[15];
+  }
+  let t6;
+  if ($[16] !== alt || $[17] !== attachment || $[18] !== caption || $[19] !== cell || $[20] !== t) {
+    t6 = cell && caption === "" && attachment === undefined && /*#__PURE__*/_jsx("figcaption", {
+      className: "text-xs wrap-anywhere text-text-faint",
+      children: alt ?? t("blocks.image.unavailable")
+    });
+    $[16] = alt;
+    $[17] = attachment;
+    $[18] = caption;
+    $[19] = cell;
+    $[20] = t;
+    $[21] = t6;
+  } else {
+    t6 = $[21];
+  }
+  let t7;
+  if ($[22] !== t3 || $[23] !== t4 || $[24] !== t5 || $[25] !== t6) {
+    t7 = /*#__PURE__*/_jsxs("figure", {
+      className: t3,
+      children: [t4, t5, t6]
+    });
+    $[22] = t3;
+    $[23] = t4;
+    $[24] = t5;
+    $[25] = t6;
+    $[26] = t7;
+  } else {
+    t7 = $[26];
+  }
+  return t7;
 }
 /* Three columns, two in a narrow block; the container decides, not the window, since a chat can be any width. */
-export function GalleryRenderer({ node, children }) {
-    const { t } = useTranslation('agent-chat');
-    return (_jsx(GalleryContext, { value: true, children: _jsx("div", { role: "group", "aria-label": t('blocks.gallery.label', { count: uiChildrenOf(node, 'Image').length }), className: "@container", children: _jsx("div", { className: "chat-ui-nodes grid grid-cols-2 gap-2 @min-[420px]:grid-cols-3", children: children }) }) }));
+export function GalleryRenderer(t0) {
+  const $ = _c(8);
+  const {
+    node,
+    children
+  } = t0;
+  const {
+    t
+  } = useTranslation("agent-chat");
+  let t1;
+  if ($[0] !== node || $[1] !== t) {
+    t1 = t("blocks.gallery.label", {
+      count: uiChildrenOf(node, "Image").length
+    });
+    $[0] = node;
+    $[1] = t;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  let t2;
+  if ($[3] !== children) {
+    t2 = /*#__PURE__*/_jsx("div", {
+      className: "chat-ui-nodes grid grid-cols-2 gap-2 @min-[420px]:grid-cols-3",
+      children: children
+    });
+    $[3] = children;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  let t3;
+  if ($[5] !== t1 || $[6] !== t2) {
+    t3 = /*#__PURE__*/_jsx(GalleryContext, {
+      value: true,
+      children: /*#__PURE__*/_jsx("div", {
+        role: "group",
+        "aria-label": t1,
+        className: "@container",
+        children: t2
+      })
+    });
+    $[5] = t1;
+    $[6] = t2;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  return t3;
 }
 // The shape of the frame until the first picture reports its own.
 const COMPARE_ASPECT = 4 / 3;
@@ -57,95 +334,973 @@ const COMPARE_MAX_HEIGHT = 384;
  * Two attachments in one frame, shaped like the first. The split is only this renderer's state. With one
  * attachment gone the other stands alone with the reason; with both gone the thumbnail says why.
  */
-export function CompareRenderer({ node, children, context }) {
-    const { t } = useTranslation('agent-chat');
-    const host = useChatHost();
-    const { before, after } = node.props;
-    const beforeLabel = node.props.beforeLabel || t('blocks.compare.before');
-    const afterLabel = node.props.afterLabel || t('blocks.compare.after');
-    const first = host.attachments.useUrl(context.scopeId, context.chatId, before);
-    const second = host.attachments.useUrl(context.scopeId, context.chatId, after);
-    const [split, setSplit] = useState(0.5);
-    const [aspect, setAspect] = useState(COMPARE_ASPECT);
-    const caption = uiNodeLabel(node);
-    // Each picture is named by its side and by what the whole comparison shows.
-    const describe = (side) => (caption === '' ? side : `${side}: ${caption}`);
-    const loading = (source) => source.url === null && source.failure === null;
-    const label = t('blocks.compare.label', { before: beforeLabel, after: afterLabel });
-    let body;
-    if (loading(first) || loading(second)) {
-        body = _jsx(ImageThumb, { source: { url: null, failure: null }, alt: label, aspect: COMPARE_ASPECT });
-    }
-    else if (first.url !== null && second.url !== null) {
-        body = (_jsxs("div", { className: "relative max-h-96 overflow-hidden rounded-xl bg-ui-tile", style: { aspectRatio: aspect, width: `min(100%, ${COMPARE_MAX_HEIGHT * aspect}px)` }, children: [_jsx(Wipe, { value: split, onValueChange: setSplit, label: label, before: _jsx("img", { src: first.url, alt: describe(beforeLabel), draggable: false, className: "size-full object-contain select-none", onLoad: (event) => {
-                            const { naturalWidth, naturalHeight } = event.currentTarget;
-                            if (naturalWidth > 0 && naturalHeight > 0) {
-                                setAspect(naturalWidth / naturalHeight);
-                            }
-                        } }), after: _jsx("img", { src: second.url, alt: describe(afterLabel), draggable: false, className: "size-full object-contain select-none" }) }), _jsx(CompareChip, { side: "left", label: beforeLabel }), _jsx(CompareChip, { side: "right", label: afterLabel })] }));
+export function CompareRenderer(t0) {
+  const $ = _c(65);
+  const {
+    node,
+    children,
+    context
+  } = t0;
+  const {
+    t
+  } = useTranslation("agent-chat");
+  const {
+    before,
+    after
+  } = node.props;
+  const beforeLabel = node.props.beforeLabel || t("blocks.compare.before");
+  const afterLabel = node.props.afterLabel || t("blocks.compare.after");
+  const first = useHostAttachmentUrl(context.scopeId, context.chatId, before);
+  const second = useHostAttachmentUrl(context.scopeId, context.chatId, after);
+  const [split, setSplit] = useState(0.5);
+  const [aspect, setAspect] = useState(COMPARE_ASPECT);
+  let t1;
+  if ($[0] !== node) {
+    t1 = uiNodeLabel(node);
+    $[0] = node;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const caption = t1;
+  let t2;
+  if ($[2] !== caption) {
+    t2 = side => caption === "" ? side : `${side}: ${caption}`;
+    $[2] = caption;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  const describe = t2;
+  const loading = _temp;
+  const label = t("blocks.compare.label", {
+    before: beforeLabel,
+    after: afterLabel
+  });
+  let body;
+  if (loading(first) || loading(second)) {
+    let t3;
+    if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+      t3 = {
+        url: null,
+        failure: null
+      };
+      $[4] = t3;
+    } else {
+      t3 = $[4];
     }
-    else if (first.url === null && second.url === null) {
-        body = _jsx(ImageThumb, { source: first, alt: label, aspect: COMPARE_ASPECT });
+    let t4;
+    if ($[5] !== label) {
+      t4 = /*#__PURE__*/_jsx(ImageThumb, {
+        source: t3,
+        alt: label,
+        aspect: COMPARE_ASPECT
+      });
+      $[5] = label;
+      $[6] = t4;
+    } else {
+      t4 = $[6];
     }
-    else {
-        const shown = first.url !== null ? { source: first, name: describe(beforeLabel) } : { source: second, name: describe(afterLabel) };
-        body = (_jsxs(_Fragment, { children: [_jsx(ImageThumb, { source: shown.source, alt: shown.name, className: "max-h-70 max-w-full object-contain" }), _jsx("span", { className: "text-2xs text-text-faint", children: t('blocks.compare.missing') })] }));
+    body = t4;
+  } else {
+    if (first.url !== null && second.url !== null) {
+      const t3 = `min(100%, ${COMPARE_MAX_HEIGHT * aspect}px)`;
+      let t4;
+      if ($[7] !== aspect || $[8] !== t3) {
+        t4 = {
+          aspectRatio: aspect,
+          width: t3
+        };
+        $[7] = aspect;
+        $[8] = t3;
+        $[9] = t4;
+      } else {
+        t4 = $[9];
+      }
+      const t5 = first.url;
+      let t6;
+      if ($[10] !== beforeLabel || $[11] !== describe) {
+        t6 = describe(beforeLabel);
+        $[10] = beforeLabel;
+        $[11] = describe;
+        $[12] = t6;
+      } else {
+        t6 = $[12];
+      }
+      let t7;
+      if ($[13] !== setAspect) {
+        t7 = event => {
+          const {
+            naturalWidth,
+            naturalHeight
+          } = event.currentTarget;
+          if (naturalWidth > 0 && naturalHeight > 0) {
+            setAspect(naturalWidth / naturalHeight);
+          }
+        };
+        $[13] = setAspect;
+        $[14] = t7;
+      } else {
+        t7 = $[14];
+      }
+      let t8;
+      if ($[15] !== first.url || $[16] !== t6 || $[17] !== t7) {
+        t8 = /*#__PURE__*/_jsx("img", {
+          src: t5,
+          alt: t6,
+          draggable: false,
+          className: "size-full object-contain select-none",
+          onLoad: t7
+        });
+        $[15] = first.url;
+        $[16] = t6;
+        $[17] = t7;
+        $[18] = t8;
+      } else {
+        t8 = $[18];
+      }
+      const t9 = second.url;
+      let t10;
+      if ($[19] !== afterLabel || $[20] !== describe) {
+        t10 = describe(afterLabel);
+        $[19] = afterLabel;
+        $[20] = describe;
+        $[21] = t10;
+      } else {
+        t10 = $[21];
+      }
+      let t11;
+      if ($[22] !== second.url || $[23] !== t10) {
+        t11 = /*#__PURE__*/_jsx("img", {
+          src: t9,
+          alt: t10,
+          draggable: false,
+          className: "size-full object-contain select-none"
+        });
+        $[22] = second.url;
+        $[23] = t10;
+        $[24] = t11;
+      } else {
+        t11 = $[24];
+      }
+      let t12;
+      if ($[25] !== label || $[26] !== setSplit || $[27] !== split || $[28] !== t11 || $[29] !== t8) {
+        t12 = /*#__PURE__*/_jsx(Wipe, {
+          value: split,
+          onValueChange: setSplit,
+          label: label,
+          before: t8,
+          after: t11
+        });
+        $[25] = label;
+        $[26] = setSplit;
+        $[27] = split;
+        $[28] = t11;
+        $[29] = t8;
+        $[30] = t12;
+      } else {
+        t12 = $[30];
+      }
+      let t13;
+      if ($[31] !== beforeLabel) {
+        t13 = /*#__PURE__*/_jsx(CompareChip, {
+          side: "left",
+          label: beforeLabel
+        });
+        $[31] = beforeLabel;
+        $[32] = t13;
+      } else {
+        t13 = $[32];
+      }
+      let t14;
+      if ($[33] !== afterLabel) {
+        t14 = /*#__PURE__*/_jsx(CompareChip, {
+          side: "right",
+          label: afterLabel
+        });
+        $[33] = afterLabel;
+        $[34] = t14;
+      } else {
+        t14 = $[34];
+      }
+      let t15;
+      if ($[35] !== t12 || $[36] !== t13 || $[37] !== t14 || $[38] !== t4) {
+        t15 = /*#__PURE__*/_jsxs("div", {
+          className: "relative max-h-96 overflow-hidden rounded-xl bg-ui-tile",
+          style: t4,
+          children: [t12, t13, t14]
+        });
+        $[35] = t12;
+        $[36] = t13;
+        $[37] = t14;
+        $[38] = t4;
+        $[39] = t15;
+      } else {
+        t15 = $[39];
+      }
+      body = t15;
+    } else {
+      if (first.url === null && second.url === null) {
+        let t3;
+        if ($[40] !== first || $[41] !== label) {
+          t3 = /*#__PURE__*/_jsx(ImageThumb, {
+            source: first,
+            alt: label,
+            aspect: COMPARE_ASPECT
+          });
+          $[40] = first;
+          $[41] = label;
+          $[42] = t3;
+        } else {
+          t3 = $[42];
+        }
+        body = t3;
+      } else {
+        let t3;
+        if ($[43] !== afterLabel || $[44] !== beforeLabel || $[45] !== describe || $[46] !== first || $[47] !== second) {
+          t3 = first.url !== null ? {
+            source: first,
+            name: describe(beforeLabel)
+          } : {
+            source: second,
+            name: describe(afterLabel)
+          };
+          $[43] = afterLabel;
+          $[44] = beforeLabel;
+          $[45] = describe;
+          $[46] = first;
+          $[47] = second;
+          $[48] = t3;
+        } else {
+          t3 = $[48];
+        }
+        const shown = t3;
+        let t4;
+        if ($[49] !== shown.name || $[50] !== shown.source) {
+          t4 = /*#__PURE__*/_jsx(ImageThumb, {
+            source: shown.source,
+            alt: shown.name,
+            className: "max-h-70 max-w-full object-contain"
+          });
+          $[49] = shown.name;
+          $[50] = shown.source;
+          $[51] = t4;
+        } else {
+          t4 = $[51];
+        }
+        let t5;
+        if ($[52] !== t) {
+          t5 = t("blocks.compare.missing");
+          $[52] = t;
+          $[53] = t5;
+        } else {
+          t5 = $[53];
+        }
+        let t6;
+        if ($[54] !== t5) {
+          t6 = /*#__PURE__*/_jsx("span", {
+            className: "text-2xs text-text-faint",
+            children: t5
+          });
+          $[54] = t5;
+          $[55] = t6;
+        } else {
+          t6 = $[55];
+        }
+        let t7;
+        if ($[56] !== t4 || $[57] !== t6) {
+          t7 = /*#__PURE__*/_jsxs(_Fragment, {
+            children: [t4, t6]
+          });
+          $[56] = t4;
+          $[57] = t6;
+          $[58] = t7;
+        } else {
+          t7 = $[58];
+        }
+        body = t7;
+      }
     }
-    return (_jsxs("figure", { className: "flex w-full flex-col items-start gap-1.5", children: [body, caption !== '' && _jsx("figcaption", { className: "px-0.5 text-2xs text-text-muted", children: children })] }));
+  }
+  let t3;
+  if ($[59] !== caption || $[60] !== children) {
+    t3 = caption !== "" && /*#__PURE__*/_jsx("figcaption", {
+      className: "px-0.5 text-2xs text-text-muted",
+      children: children
+    });
+    $[59] = caption;
+    $[60] = children;
+    $[61] = t3;
+  } else {
+    t3 = $[61];
+  }
+  let t4;
+  if ($[62] !== body || $[63] !== t3) {
+    t4 = /*#__PURE__*/_jsxs("figure", {
+      className: "flex w-full flex-col items-start gap-1.5",
+      children: [body, t3]
+    });
+    $[62] = body;
+    $[63] = t3;
+    $[64] = t4;
+  } else {
+    t4 = $[64];
+  }
+  return t4;
 }
 /* A chip on the picture gets a ground of its own, since a pill's alpha ground would vanish over an image. */
-function CompareChip({ side, label }) {
-    return (_jsx("span", { className: clsx('pointer-events-none absolute top-2 z-20 max-w-2/5 truncate rounded-md bg-surface-raised', side === 'left' ? 'left-2' : 'right-2'), children: _jsx(Pill, { shape: "tag", size: "sm", tone: "muted", children: label }) }));
+function _temp(source) {
+  return source.url === null && source.failure === null;
+}
+function CompareChip(t0) {
+  const $ = _c(7);
+  const {
+    side,
+    label
+  } = t0;
+  const t1 = side === "left" ? "left-2" : "right-2";
+  let t2;
+  if ($[0] !== t1) {
+    t2 = clsx("pointer-events-none absolute top-2 z-20 max-w-2/5 truncate rounded-md bg-surface-raised", t1);
+    $[0] = t1;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  let t3;
+  if ($[2] !== label) {
+    t3 = /*#__PURE__*/_jsx(Pill, {
+      shape: "tag",
+      size: "sm",
+      tone: "muted",
+      children: label
+    });
+    $[2] = label;
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  let t4;
+  if ($[4] !== t2 || $[5] !== t3) {
+    t4 = /*#__PURE__*/_jsx("span", {
+      className: t2,
+      children: t3
+    });
+    $[4] = t2;
+    $[5] = t3;
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  return t4;
 }
 /*
  * The host draws the model, since the chat knows no 3D format. The frame has a fixed height in the reply column,
  * so a view that loads late never moves the thread. Without a view of the host, or without the bytes, the model
  * stays a quiet row that names it.
  */
-export function ModelRenderer({ node, children, context }) {
-    const { t } = useTranslation('agent-chat');
-    const host = useChatHost();
-    const { attachment, alt } = node.props;
-    const source = host.attachments.useUrl(context.scopeId, context.chatId, attachment);
-    const caption = uiNodeLabel(node);
-    const label = alt ?? (caption === '' ? t('blocks.model.label') : caption);
-    const View = host.ModelView;
-    let body;
-    if (View !== undefined && source.url !== null) {
-        body = (_jsx("div", { role: "group", "aria-label": label, className: "relative h-80 w-full overflow-hidden rounded-xl bg-ui-tile", children: _jsx(ErrorBoundary, { label: t('blocks.model.crashed'), resetKeys: [attachment, source.url], compact: true, children: _jsx(View, { scopeId: context.scopeId, chatId: context.chatId, attachmentId: attachment, url: source.url, label: label, alt: alt, caption: caption }) }) }));
+export function ModelRenderer(t0) {
+  const $ = _c(46);
+  const {
+    node,
+    children,
+    context
+  } = t0;
+  const {
+    t
+  } = useTranslation("agent-chat");
+  const host = useChatHost();
+  const {
+    attachment,
+    alt
+  } = node.props;
+  const source = useHostAttachmentUrl(context.scopeId, context.chatId, attachment);
+  let t1;
+  if ($[0] !== node) {
+    t1 = uiNodeLabel(node);
+    $[0] = node;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const caption = t1;
+  let t2;
+  if ($[2] !== alt || $[3] !== caption || $[4] !== t) {
+    t2 = alt ?? (caption === "" ? t("blocks.model.label") : caption);
+    $[2] = alt;
+    $[3] = caption;
+    $[4] = t;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  const label = t2;
+  const View = host.ModelView;
+  let body;
+  if (View !== undefined && source.url !== null) {
+    let t3;
+    if ($[6] !== t) {
+      t3 = t("blocks.model.crashed");
+      $[6] = t;
+      $[7] = t3;
+    } else {
+      t3 = $[7];
+    }
+    let t4;
+    if ($[8] !== attachment || $[9] !== source.url) {
+      t4 = [attachment, source.url];
+      $[8] = attachment;
+      $[9] = source.url;
+      $[10] = t4;
+    } else {
+      t4 = $[10];
     }
-    else if (View !== undefined && source.failure === null) {
-        body = _jsx("div", { "aria-busy": "true", "aria-label": label, className: "h-80 w-full rounded-xl bg-ui-tile" });
+    let t5;
+    if ($[11] !== View || $[12] !== alt || $[13] !== attachment || $[14] !== caption || $[15] !== context.chatId || $[16] !== context.scopeId || $[17] !== label || $[18] !== source.url) {
+      t5 = /*#__PURE__*/_jsx(View, {
+        scopeId: context.scopeId,
+        chatId: context.chatId,
+        attachmentId: attachment,
+        url: source.url,
+        label: label,
+        alt: alt,
+        caption: caption
+      });
+      $[11] = View;
+      $[12] = alt;
+      $[13] = attachment;
+      $[14] = caption;
+      $[15] = context.chatId;
+      $[16] = context.scopeId;
+      $[17] = label;
+      $[18] = source.url;
+      $[19] = t5;
+    } else {
+      t5 = $[19];
     }
-    else {
-        body = (_jsxs("div", { className: "flex w-full min-w-0 items-center gap-2 rounded-xl bg-ui-tile px-3 py-2 text-xs", children: [_jsx(Icon, { icon: Box, size: 14, className: "shrink-0 text-text-muted" }), _jsx("span", { className: "min-w-0 truncate text-text", children: alt ?? attachment }), _jsx("span", { className: "ml-auto shrink-0 text-text-faint", children: source.failure === null ? t('blocks.model.label') : t('blocks.model.unavailable') })] }));
+    let t6;
+    if ($[20] !== t3 || $[21] !== t4 || $[22] !== t5) {
+      t6 = /*#__PURE__*/_jsx(ErrorBoundary, {
+        label: t3,
+        resetKeys: t4,
+        compact: true,
+        children: t5
+      });
+      $[20] = t3;
+      $[21] = t4;
+      $[22] = t5;
+      $[23] = t6;
+    } else {
+      t6 = $[23];
     }
-    return (_jsxs("figure", { className: "flex w-full flex-col items-start gap-1.5", children: [body, caption !== '' && _jsx("figcaption", { className: "px-0.5 text-2xs text-text-muted", children: children })] }));
+    let t7;
+    if ($[24] !== label || $[25] !== t6) {
+      t7 = /*#__PURE__*/_jsx("div", {
+        role: "group",
+        "aria-label": label,
+        className: "relative h-80 w-full overflow-hidden rounded-xl bg-ui-tile",
+        children: t6
+      });
+      $[24] = label;
+      $[25] = t6;
+      $[26] = t7;
+    } else {
+      t7 = $[26];
+    }
+    body = t7;
+  } else {
+    if (View !== undefined && source.failure === null) {
+      let t3;
+      if ($[27] !== label) {
+        t3 = /*#__PURE__*/_jsx("div", {
+          "aria-busy": "true",
+          "aria-label": label,
+          className: "h-80 w-full rounded-xl bg-ui-tile"
+        });
+        $[27] = label;
+        $[28] = t3;
+      } else {
+        t3 = $[28];
+      }
+      body = t3;
+    } else {
+      let t3;
+      if ($[29] === Symbol.for("react.memo_cache_sentinel")) {
+        t3 = /*#__PURE__*/_jsx(Icon, {
+          icon: Box,
+          size: 14,
+          className: "shrink-0 text-text-muted"
+        });
+        $[29] = t3;
+      } else {
+        t3 = $[29];
+      }
+      const t4 = alt ?? attachment;
+      let t5;
+      if ($[30] !== t4) {
+        t5 = /*#__PURE__*/_jsx("span", {
+          className: "min-w-0 truncate text-text",
+          children: t4
+        });
+        $[30] = t4;
+        $[31] = t5;
+      } else {
+        t5 = $[31];
+      }
+      let t6;
+      if ($[32] !== source.failure || $[33] !== t) {
+        t6 = source.failure === null ? t("blocks.model.label") : t("blocks.model.unavailable");
+        $[32] = source.failure;
+        $[33] = t;
+        $[34] = t6;
+      } else {
+        t6 = $[34];
+      }
+      let t7;
+      if ($[35] !== t6) {
+        t7 = /*#__PURE__*/_jsx("span", {
+          className: "ml-auto shrink-0 text-text-faint",
+          children: t6
+        });
+        $[35] = t6;
+        $[36] = t7;
+      } else {
+        t7 = $[36];
+      }
+      let t8;
+      if ($[37] !== t5 || $[38] !== t7) {
+        t8 = /*#__PURE__*/_jsxs("div", {
+          className: "flex w-full min-w-0 items-center gap-2 rounded-xl bg-ui-tile px-3 py-2 text-xs",
+          children: [t3, t5, t7]
+        });
+        $[37] = t5;
+        $[38] = t7;
+        $[39] = t8;
+      } else {
+        t8 = $[39];
+      }
+      body = t8;
+    }
+  }
+  let t3;
+  if ($[40] !== caption || $[41] !== children) {
+    t3 = caption !== "" && /*#__PURE__*/_jsx("figcaption", {
+      className: "px-0.5 text-2xs text-text-muted",
+      children: children
+    });
+    $[40] = caption;
+    $[41] = children;
+    $[42] = t3;
+  } else {
+    t3 = $[42];
+  }
+  let t4;
+  if ($[43] !== body || $[44] !== t3) {
+    t4 = /*#__PURE__*/_jsxs("figure", {
+      className: "flex w-full flex-col items-start gap-1.5",
+      children: [body, t3]
+    });
+    $[43] = body;
+    $[44] = t3;
+    $[45] = t4;
+  } else {
+    t4 = $[45];
+  }
+  return t4;
 }
-export function SourcesRenderer({ node, children }) {
-    const { t } = useTranslation('agent-chat');
-    const headingId = useId();
-    const numbers = new Map(uiChildrenOf(node, 'Source').map((source, index) => [source.id, index + 1]));
-    return (_jsx(SourceNumbers, { value: numbers, children: _jsxs("section", { "aria-labelledby": headingId, className: "chat-ui-flat flex flex-col rounded-xl bg-ui-tile p-1.5", children: [_jsx("span", { id: headingId, className: "chat-ui-flat-inner px-1.5 pt-0.5 pb-1 text-2xs font-medium text-text-muted", children: t('blocks.sources') }), _jsx("ol", { className: "chat-ui-nodes flex flex-col", children: children })] }) }));
+export function SourcesRenderer(t0) {
+  const $ = _c(16);
+  const {
+    node,
+    children
+  } = t0;
+  const {
+    t
+  } = useTranslation("agent-chat");
+  const headingId = useId();
+  let t1;
+  if ($[0] !== node) {
+    t1 = new Map(uiChildrenOf(node, "Source").map(_temp2));
+    $[0] = node;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const numbers = t1;
+  let t2;
+  if ($[2] !== t) {
+    t2 = t("blocks.sources");
+    $[2] = t;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] !== headingId || $[5] !== t2) {
+    t3 = /*#__PURE__*/_jsx("span", {
+      id: headingId,
+      className: "chat-ui-flat-inner px-1.5 pt-0.5 pb-1 text-2xs font-medium text-text-muted",
+      children: t2
+    });
+    $[4] = headingId;
+    $[5] = t2;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  let t4;
+  if ($[7] !== children) {
+    t4 = /*#__PURE__*/_jsx("ol", {
+      className: "chat-ui-nodes flex flex-col",
+      children: children
+    });
+    $[7] = children;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  let t5;
+  if ($[9] !== headingId || $[10] !== t3 || $[11] !== t4) {
+    t5 = /*#__PURE__*/_jsxs("section", {
+      "aria-labelledby": headingId,
+      className: "chat-ui-flat flex flex-col rounded-xl bg-ui-tile p-1.5",
+      children: [t3, t4]
+    });
+    $[9] = headingId;
+    $[10] = t3;
+    $[11] = t4;
+    $[12] = t5;
+  } else {
+    t5 = $[12];
+  }
+  let t6;
+  if ($[13] !== numbers || $[14] !== t5) {
+    t6 = /*#__PURE__*/_jsx(SourceNumbers, {
+      value: numbers,
+      children: t5
+    });
+    $[13] = numbers;
+    $[14] = t5;
+    $[15] = t6;
+  } else {
+    t6 = $[15];
+  }
+  return t6;
 }
 /*
  * A source number in running text. Resting on it or focusing it shows the title and the domain, and
  * a tap reveals the row in the list of sources; only that row opens the address, so nothing loads
  * before a person asks for it.
  */
-export function UiSourceCitation({ number, title, url, onReveal, className }) {
-    const { t } = useTranslation('agent-chat');
-    return (_jsxs(PreviewCard.Root, { children: [_jsx(PreviewCard.Trigger, { delay: 300, closeDelay: 150, render: onReveal === undefined ? _jsx("span", {}) : _jsx("button", { type: "button" }), "aria-label": onReveal === undefined ? undefined : t('blocks.citation', { number: formatNumber(number), title }), className: clsx('inline-flex h-4 min-w-4.5 items-center justify-center rounded-sm bg-text/7 px-1 align-[1px] text-2xs leading-4 text-text-muted tabular-nums', onReveal !== undefined && 'cursor-pointer hover:bg-text/12 hover:text-text', className), onClick: onReveal, children: formatNumber(number) }), _jsxs(PreviewCard.Popup, { side: "top", align: "center", sideOffset: 4, className: "flex max-w-72 flex-col px-2.5 py-1.5 text-xs", children: [_jsx("span", { className: "line-clamp-2 text-text", children: title }), _jsx("span", { className: "truncate text-text-faint", children: uiUrlDomain(url) })] })] }));
+function _temp2(source, index) {
+  return [source.id, index + 1];
+}
+export function UiSourceCitation(t0) {
+  const $ = _c(30);
+  const {
+    number,
+    title,
+    url,
+    onReveal,
+    className
+  } = t0;
+  const {
+    t
+  } = useTranslation("agent-chat");
+  let t1;
+  if ($[0] !== onReveal) {
+    t1 = onReveal === undefined ? /*#__PURE__*/_jsx("span", {}) : /*#__PURE__*/_jsx("button", {
+      type: "button"
+    });
+    $[0] = onReveal;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== number || $[3] !== onReveal || $[4] !== t || $[5] !== title) {
+    t2 = onReveal === undefined ? undefined : t("blocks.citation", {
+      number: formatNumber(number),
+      title
+    });
+    $[2] = number;
+    $[3] = onReveal;
+    $[4] = t;
+    $[5] = title;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  const t3 = onReveal !== undefined && "cursor-pointer hover:bg-text/12 hover:text-text";
+  let t4;
+  if ($[7] !== className || $[8] !== t3) {
+    t4 = clsx("inline-flex h-4 min-w-4.5 items-center justify-center rounded-sm bg-text/7 px-1 align-[1px] text-2xs leading-4 text-text-muted tabular-nums", t3, className);
+    $[7] = className;
+    $[8] = t3;
+    $[9] = t4;
+  } else {
+    t4 = $[9];
+  }
+  let t5;
+  if ($[10] !== number) {
+    t5 = formatNumber(number);
+    $[10] = number;
+    $[11] = t5;
+  } else {
+    t5 = $[11];
+  }
+  let t6;
+  if ($[12] !== onReveal || $[13] !== t1 || $[14] !== t2 || $[15] !== t4 || $[16] !== t5) {
+    t6 = /*#__PURE__*/_jsx(PreviewCard.Trigger, {
+      delay: 300,
+      closeDelay: 150,
+      render: t1,
+      "aria-label": t2,
+      className: t4,
+      onClick: onReveal,
+      children: t5
+    });
+    $[12] = onReveal;
+    $[13] = t1;
+    $[14] = t2;
+    $[15] = t4;
+    $[16] = t5;
+    $[17] = t6;
+  } else {
+    t6 = $[17];
+  }
+  let t7;
+  if ($[18] !== title) {
+    t7 = /*#__PURE__*/_jsx("span", {
+      className: "line-clamp-2 text-text",
+      children: title
+    });
+    $[18] = title;
+    $[19] = t7;
+  } else {
+    t7 = $[19];
+  }
+  let t8;
+  if ($[20] !== url) {
+    t8 = uiUrlDomain(url);
+    $[20] = url;
+    $[21] = t8;
+  } else {
+    t8 = $[21];
+  }
+  let t9;
+  if ($[22] !== t8) {
+    t9 = /*#__PURE__*/_jsx("span", {
+      className: "truncate text-text-faint",
+      children: t8
+    });
+    $[22] = t8;
+    $[23] = t9;
+  } else {
+    t9 = $[23];
+  }
+  let t10;
+  if ($[24] !== t7 || $[25] !== t9) {
+    t10 = /*#__PURE__*/_jsxs(PreviewCard.Popup, {
+      side: "top",
+      align: "center",
+      sideOffset: 4,
+      className: "flex max-w-72 flex-col px-2.5 py-1.5 text-xs",
+      children: [t7, t9]
+    });
+    $[24] = t7;
+    $[25] = t9;
+    $[26] = t10;
+  } else {
+    t10 = $[26];
+  }
+  let t11;
+  if ($[27] !== t10 || $[28] !== t6) {
+    t11 = /*#__PURE__*/_jsxs(PreviewCard.Root, {
+      children: [t6, t10]
+    });
+    $[27] = t10;
+    $[28] = t6;
+    $[29] = t11;
+  } else {
+    t11 = $[29];
+  }
+  return t11;
 }
 /*
  * Opens through the host and loads nothing before, not even an icon. The row itself takes focus
  * when a citation reveals it, apart from the button that opens it.
  */
-export function SourceRenderer({ node, context }) {
-    const number = useContext(SourceNumbers).get(node.id);
-    const { title, url } = node.props;
-    const { openUrl } = context;
-    const [measureDomain, domainCut] = useTruncated();
-    const face = (_jsxs(_Fragment, { children: [_jsx("span", { className: "grid size-5 shrink-0 place-items-center rounded-md bg-ui-inset text-2xs font-semibold text-text tabular-nums", children: number }), _jsxs("span", { className: "flex min-w-0 grow flex-col", children: [_jsx("span", { className: "font-medium wrap-anywhere text-text", children: title }), _jsx("span", { ref: measureDomain, className: "truncate text-text-muted", children: uiUrlDomain(url) })] })] }));
-    return (_jsx("li", { "data-ui-source": node.id, tabIndex: -1, className: "chat-ui-source scroll-my-2 rounded-md", children: _jsx(Tooltip, { label: _jsxs(_Fragment, { children: [_jsx("span", { className: "block", children: title }), _jsx("span", { className: "block text-text-muted", children: url })] }), children: openUrl === undefined ? (_jsx("span", { tabIndex: domainCut ? 0 : undefined, className: "chat-ui-flat-inner flex min-h-8 items-start gap-2.5 rounded-lg px-1.5 py-1.5 text-2xs", children: face })) : (_jsx("button", { type: "button", className: "chat-ui-flat-inner flex min-h-8 w-full items-start gap-2.5 rounded-lg px-1.5 py-1.5 text-left text-2xs hover:bg-text/4", onClick: () => openUrl(url), children: face })) }) }));
-}
+export function SourceRenderer(t0) {
+  const $ = _c(36);
+  const {
+    node,
+    context
+  } = t0;
+  const t1 = useContext(SourceNumbers);
+  let t2;
+  if ($[0] !== node.id || $[1] !== t1) {
+    t2 = t1.get(node.id);
+    $[0] = node.id;
+    $[1] = t1;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  const number = t2;
+  const {
+    title,
+    url
+  } = node.props;
+  const {
+    openUrl
+  } = context;
+  const [measureDomain, domainCut] = useTruncated();
+  let t3;
+  if ($[3] !== number) {
+    t3 = /*#__PURE__*/_jsx("span", {
+      className: "grid size-5 shrink-0 place-items-center rounded-md bg-ui-inset text-2xs font-semibold text-text tabular-nums",
+      children: number
+    });
+    $[3] = number;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  let t4;
+  if ($[5] !== title) {
+    t4 = /*#__PURE__*/_jsx("span", {
+      className: "font-medium wrap-anywhere text-text",
+      children: title
+    });
+    $[5] = title;
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  let t5;
+  if ($[7] !== url) {
+    t5 = uiUrlDomain(url);
+    $[7] = url;
+    $[8] = t5;
+  } else {
+    t5 = $[8];
+  }
+  let t6;
+  if ($[9] !== measureDomain || $[10] !== t5) {
+    t6 = /*#__PURE__*/_jsx("span", {
+      ref: measureDomain,
+      className: "truncate text-text-muted",
+      children: t5
+    });
+    $[9] = measureDomain;
+    $[10] = t5;
+    $[11] = t6;
+  } else {
+    t6 = $[11];
+  }
+  let t7;
+  if ($[12] !== t4 || $[13] !== t6) {
+    t7 = /*#__PURE__*/_jsxs("span", {
+      className: "flex min-w-0 grow flex-col",
+      children: [t4, t6]
+    });
+    $[12] = t4;
+    $[13] = t6;
+    $[14] = t7;
+  } else {
+    t7 = $[14];
+  }
+  let t8;
+  if ($[15] !== t3 || $[16] !== t7) {
+    t8 = /*#__PURE__*/_jsxs(_Fragment, {
+      children: [t3, t7]
+    });
+    $[15] = t3;
+    $[16] = t7;
+    $[17] = t8;
+  } else {
+    t8 = $[17];
+  }
+  const face = t8;
+  let t9;
+  if ($[18] !== title) {
+    t9 = /*#__PURE__*/_jsx("span", {
+      className: "block",
+      children: title
+    });
+    $[18] = title;
+    $[19] = t9;
+  } else {
+    t9 = $[19];
+  }
+  let t10;
+  if ($[20] !== url) {
+    t10 = /*#__PURE__*/_jsx("span", {
+      className: "block text-text-muted",
+      children: url
+    });
+    $[20] = url;
+    $[21] = t10;
+  } else {
+    t10 = $[21];
+  }
+  let t11;
+  if ($[22] !== t10 || $[23] !== t9) {
+    t11 = /*#__PURE__*/_jsxs(_Fragment, {
+      children: [t9, t10]
+    });
+    $[22] = t10;
+    $[23] = t9;
+    $[24] = t11;
+  } else {
+    t11 = $[24];
+  }
+  let t12;
+  if ($[25] !== domainCut || $[26] !== face || $[27] !== openUrl || $[28] !== url) {
+    t12 = openUrl === undefined ? /*#__PURE__*/_jsx("span", {
+      tabIndex: domainCut ? 0 : undefined,
+      className: "chat-ui-flat-inner flex min-h-8 items-start gap-2.5 rounded-lg px-1.5 py-1.5 text-2xs",
+      children: face
+    }) : /*#__PURE__*/_jsx("button", {
+      type: "button",
+      className: "chat-ui-flat-inner flex min-h-8 w-full items-start gap-2.5 rounded-lg px-1.5 py-1.5 text-left text-2xs hover:bg-text/4",
+      onClick: () => openUrl(url),
+      children: face
+    });
+    $[25] = domainCut;
+    $[26] = face;
+    $[27] = openUrl;
+    $[28] = url;
+    $[29] = t12;
+  } else {
+    t12 = $[29];
+  }
+  let t13;
+  if ($[30] !== t11 || $[31] !== t12) {
+    t13 = /*#__PURE__*/_jsx(Tooltip, {
+      label: t11,
+      children: t12
+    });
+    $[30] = t11;
+    $[31] = t12;
+    $[32] = t13;
+  } else {
+    t13 = $[32];
+  }
+  let t14;
+  if ($[33] !== node.id || $[34] !== t13) {
+    t14 = /*#__PURE__*/_jsx("li", {
+      "data-ui-source": node.id,
+      tabIndex: -1,
+      className: "chat-ui-source scroll-my-2 rounded-md",
+      children: t13
+    });
+    $[33] = node.id;
+    $[34] = t13;
+    $[35] = t14;
+  } else {
+    t14 = $[35];
+  }
+  return t14;
+}