@adecore/agents-react 0.31.12 → 0.33.0

package/dist/chat/ui/MessageActions.js

@@ -1,4 +1,4 @@
-import { 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 { useTranslation } from 'react-i18next';
@@ -12,46 +12,258 @@ import { useChatRow, useChats } from '../../state/chats.js';
 import { ButtonGroup, copyText, IconButton, Tooltip } from '@adecore/ui';
 import { formatClock, formatDateTime, useFormatLocale } from '@adecore/ui/format';
 import { TIMESTAMP_FORMAT } from './timestamp-format.js';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const COPIED_MS = 1500;
 /* Hidden actions keep their height, so hovering never forces the virtualizer to remeasure. */
-export function MessageActions({ chatId, row }) {
-    const { t } = useTranslation('agent-chat');
-    useFormatLocale();
-    const scope = useChatScope();
-    const host = useChatHost();
-    const { fork } = host;
-    const turnId = row.item.turnId;
-    // Every selector runs on every streamed word of the thread, so each only looks a field up; the work happens in render.
-    const bookmarks = useChatRow(chatId, (chat) => chat?.bookmarks);
-    const info = useChatRow(chatId, (chat) => chat?.info ?? null);
-    const turn = useChatRow(chatId, (chat) => (turnId === null ? undefined : chat?.structure[turnId]));
-    const streaming = useChatRow(chatId, (chat) => {
-        const item = chat?.items[row.id];
-        return item?.kind === 'assistant' && item.streaming;
+export function MessageActions(t0) {
+  const $ = _c(58);
+  const {
+    chatId,
+    row
+  } = t0;
+  const {
+    t
+  } = useTranslation("agent-chat");
+  useFormatLocale();
+  const scope = useChatScope();
+  const host = useChatHost();
+  const {
+    fork
+  } = host;
+  const turnId = row.item.turnId;
+  const bookmarks = useChatRow(chatId, _temp);
+  const info = useChatRow(chatId, _temp2);
+  let t1;
+  if ($[0] !== turnId) {
+    t1 = chat_1 => turnId === null ? undefined : chat_1?.structure[turnId];
+    $[0] = turnId;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const turn = useChatRow(chatId, t1);
+  let t2;
+  if ($[2] !== row.id) {
+    t2 = chat_2 => {
+      const item = chat_2?.items[row.id];
+      return item?.kind === "assistant" && item.streaming;
+    };
+    $[2] = row.id;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  const streaming = useChatRow(chatId, t2);
+  let t3;
+  if ($[4] !== row.id) {
+    t3 = chat_3 => {
+      const item_0 = chat_3?.items[row.id];
+      return (item_0?.kind === "user" || item_0?.kind === "assistant") && /\S/.test(item_0.text);
+    };
+    $[4] = row.id;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  const hasText = useChatRow(chatId, t3);
+  let t4;
+  if ($[6] !== bookmarks || $[7] !== row.id) {
+    t4 = bookmarks?.some(candidate => candidate.itemId === row.id);
+    $[6] = bookmarks;
+    $[7] = row.id;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  const bookmarked = t4 === true;
+  let t5;
+  if ($[9] !== info || $[10] !== turn || $[11] !== turnId) {
+    t5 = turnId !== null && forkRefusal(info, turn) === null;
+    $[9] = info;
+    $[10] = turn;
+    $[11] = turnId;
+    $[12] = t5;
+  } else {
+    t5 = $[12];
+  }
+  const canFork = t5;
+  const [copied, setCopied] = useState(false);
+  let t6;
+  let t7;
+  if ($[13] !== copied) {
+    t6 = () => {
+      if (!copied) {
+        return;
+      }
+      const timer = setTimeout(() => setCopied(false), COPIED_MS);
+      return () => clearTimeout(timer);
+    };
+    t7 = [copied];
+    $[13] = copied;
+    $[14] = t6;
+    $[15] = t7;
+  } else {
+    t6 = $[14];
+    t7 = $[15];
+  }
+  useEffect(t6, t7);
+  let t8;
+  if ($[16] !== chatId || $[17] !== row || $[18] !== scope) {
+    t8 = plain => {
+      const item_1 = useChats.getState().byKey[scope.keyOf(chatId)]?.items[row.id];
+      const current = item_1?.kind === row.kind ? {
+        ...row,
+        item: item_1
+      } : row;
+      const text = (plain ? null : markdownOf(current)) ?? messageTextOf(current);
+      if (text !== null) {
+        copyText(text);
+        setCopied(true);
+      }
+    };
+    $[16] = chatId;
+    $[17] = row;
+    $[18] = scope;
+    $[19] = t8;
+  } else {
+    t8 = $[19];
+  }
+  const copy = t8;
+  let t9;
+  if ($[20] !== t) {
+    t9 = t("timeline.actions.label");
+    $[20] = t;
+    $[21] = t9;
+  } else {
+    t9 = $[21];
+  }
+  const t10 = row.kind === "user" && "mt-1.5 justify-end";
+  let t11;
+  if ($[22] !== t10) {
+    t11 = clsx("flex h-7 items-center gap-2 opacity-0 transition-opacity group-has-focus-visible/message:opacity-100 group-hover/message:opacity-100", t10);
+    $[22] = t10;
+    $[23] = t11;
+  } else {
+    t11 = $[23];
+  }
+  let t12;
+  if ($[24] !== bookmarked || $[25] !== canFork || $[26] !== chatId || $[27] !== copied || $[28] !== copy || $[29] !== fork || $[30] !== hasText || $[31] !== host || $[32] !== row.id || $[33] !== scope || $[34] !== streaming || $[35] !== t || $[36] !== turnId) {
+    t12 = !streaming && /*#__PURE__*/_jsxs(ButtonGroup, {
+      render: /*#__PURE__*/_jsx("span", {}),
+      children: [!bookmarked && /*#__PURE__*/_jsx(IconButton, {
+        icon: Bookmark,
+        size: "sm",
+        label: t("bookmarks.add"),
+        onClick: () => void placeBookmark(scope, host, chatId, row.id)
+      }), canFork && turnId !== null && fork !== null && /*#__PURE__*/_jsx(IconButton, {
+        icon: GitFork,
+        size: "sm",
+        label: t("timeline.menu.forkFromHere"),
+        onClick: () => fork(chatId, turnId)
+      }), hasText && /*#__PURE__*/_jsx(IconButton, {
+        icon: copied ? Check : Copy,
+        size: "sm",
+        label: copied ? t("timeline.actions.copied") : t("timeline.menu.copyMessage"),
+        onClick: e => copy(e.shiftKey)
+      })]
     });
-    const hasText = useChatRow(chatId, (chat) => {
-        const item = chat?.items[row.id];
-        return (item?.kind === 'user' || item?.kind === 'assistant') && /\S/.test(item.text);
+    $[24] = bookmarked;
+    $[25] = canFork;
+    $[26] = chatId;
+    $[27] = copied;
+    $[28] = copy;
+    $[29] = fork;
+    $[30] = hasText;
+    $[31] = host;
+    $[32] = row.id;
+    $[33] = scope;
+    $[34] = streaming;
+    $[35] = t;
+    $[36] = turnId;
+    $[37] = t12;
+  } else {
+    t12 = $[37];
+  }
+  let t13;
+  if ($[38] !== row.item.createdAt) {
+    t13 = formatDateTime(row.item.createdAt, TIMESTAMP_FORMAT);
+    $[38] = row.item.createdAt;
+    $[39] = t13;
+  } else {
+    t13 = $[39];
+  }
+  let t14;
+  if ($[40] !== row.item.createdAt) {
+    t14 = new Date(row.item.createdAt).toISOString();
+    $[40] = row.item.createdAt;
+    $[41] = t14;
+  } else {
+    t14 = $[41];
+  }
+  const t15 = row.kind === "assistant" && "order-first";
+  let t16;
+  if ($[42] !== t15) {
+    t16 = clsx("shrink-0 text-xs text-text-faint tabular-nums select-none", t15);
+    $[42] = t15;
+    $[43] = t16;
+  } else {
+    t16 = $[43];
+  }
+  let t17;
+  if ($[44] !== row.item.createdAt) {
+    t17 = formatClock(row.item.createdAt);
+    $[44] = row.item.createdAt;
+    $[45] = t17;
+  } else {
+    t17 = $[45];
+  }
+  let t18;
+  if ($[46] !== t14 || $[47] !== t16 || $[48] !== t17) {
+    t18 = /*#__PURE__*/_jsx("time", {
+      dateTime: t14,
+      className: t16,
+      children: t17
     });
-    const bookmarked = bookmarks?.some((candidate) => candidate.itemId === row.id) === true;
-    const canFork = turnId !== null && forkRefusal(info, turn) === null;
-    const [copied, setCopied] = useState(false);
-    useEffect(() => {
-        if (!copied) {
-            return;
-        }
-        const timer = setTimeout(() => setCopied(false), COPIED_MS);
-        return () => clearTimeout(timer);
-    }, [copied]);
-    // The row was derived from the structure, which a delta leaves alone; the text to copy is the one held now.
-    const copy = (plain) => {
-        const item = useChats.getState().byKey[scope.keyOf(chatId)]?.items[row.id];
-        const current = item?.kind === row.kind ? { ...row, item } : row;
-        const text = (plain ? null : markdownOf(current)) ?? messageTextOf(current);
-        if (text !== null) {
-            copyText(text);
-            setCopied(true);
-        }
-    };
-    return (_jsxs("div", { role: "toolbar", "aria-label": t('timeline.actions.label'), className: clsx('flex h-7 items-center gap-2 opacity-0 transition-opacity group-has-focus-visible/message:opacity-100 group-hover/message:opacity-100', row.kind === 'user' && 'mt-1.5 justify-end'), children: [!streaming && (_jsxs(ButtonGroup, { render: _jsx("span", {}), children: [!bookmarked && (_jsx(IconButton, { icon: Bookmark, size: "sm", label: t('bookmarks.add'), onClick: () => void placeBookmark(scope, host, chatId, row.id) })), canFork && turnId !== null && fork !== null && (_jsx(IconButton, { icon: GitFork, size: "sm", label: t('timeline.menu.forkFromHere'), onClick: () => fork(chatId, turnId) })), hasText && (_jsx(IconButton, { icon: copied ? Check : Copy, size: "sm", label: copied ? t('timeline.actions.copied') : t('timeline.menu.copyMessage'), onClick: (e) => copy(e.shiftKey) }))] })), _jsx(Tooltip, { label: formatDateTime(row.item.createdAt, TIMESTAMP_FORMAT), children: _jsx("time", { dateTime: new Date(row.item.createdAt).toISOString(), className: clsx('shrink-0 text-xs text-text-faint tabular-nums select-none', row.kind === 'assistant' && 'order-first'), children: formatClock(row.item.createdAt) }) })] }));
+    $[46] = t14;
+    $[47] = t16;
+    $[48] = t17;
+    $[49] = t18;
+  } else {
+    t18 = $[49];
+  }
+  let t19;
+  if ($[50] !== t13 || $[51] !== t18) {
+    t19 = /*#__PURE__*/_jsx(Tooltip, {
+      label: t13,
+      children: t18
+    });
+    $[50] = t13;
+    $[51] = t18;
+    $[52] = t19;
+  } else {
+    t19 = $[52];
+  }
+  let t20;
+  if ($[53] !== t11 || $[54] !== t12 || $[55] !== t19 || $[56] !== t9) {
+    t20 = /*#__PURE__*/_jsxs("div", {
+      role: "toolbar",
+      "aria-label": t9,
+      className: t11,
+      children: [t12, t19]
+    });
+    $[53] = t11;
+    $[54] = t12;
+    $[55] = t19;
+    $[56] = t9;
+    $[57] = t20;
+  } else {
+    t20 = $[57];
+  }
+  return t20;
+}
+function _temp2(chat_0) {
+  return chat_0?.info ?? null;
 }
+function _temp(chat) {
+  return chat?.bookmarks;
+}

package/dist/chat/ui/ModelMarks.js

@@ -1,9 +1,59 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
 import { useTranslation } from 'react-i18next';
 import { Wrench } from 'lucide-react';
 import { Icon, Pill, Tooltip } from '@adecore/ui';
 /* What a model row says beside the name: its badge, and a mark when the provider says the model can call tools. */
-export function ModelMarks({ model }) {
-    const { t } = useTranslation('agent-chat');
-    return (_jsxs(_Fragment, { children: [model.badge && (_jsx(Pill, { tone: "accent", shape: "tag", size: "sm", children: model.badge.charAt(0).toLocaleUpperCase() + model.badge.slice(1) })), model.tools === true && (_jsx(Tooltip, { label: t('pickers.model.tools'), children: _jsx("span", { className: "flex shrink-0 text-text-faint", "aria-label": t('pickers.model.tools'), children: _jsx(Icon, { icon: Wrench, size: 12 }) }) }))] }));
-}
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+export function ModelMarks(t0) {
+  const $ = _c(8);
+  const {
+    model
+  } = t0;
+  const {
+    t
+  } = useTranslation("agent-chat");
+  let t1;
+  if ($[0] !== model.badge) {
+    t1 = model.badge && /*#__PURE__*/_jsx(Pill, {
+      tone: "accent",
+      shape: "tag",
+      size: "sm",
+      children: model.badge.charAt(0).toLocaleUpperCase() + model.badge.slice(1)
+    });
+    $[0] = model.badge;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== model.tools || $[3] !== t) {
+    t2 = model.tools === true && /*#__PURE__*/_jsx(Tooltip, {
+      label: t("pickers.model.tools"),
+      children: /*#__PURE__*/_jsx("span", {
+        className: "flex shrink-0 text-text-faint",
+        "aria-label": t("pickers.model.tools"),
+        children: /*#__PURE__*/_jsx(Icon, {
+          icon: Wrench,
+          size: 12
+        })
+      })
+    });
+    $[2] = model.tools;
+    $[3] = t;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  let t3;
+  if ($[5] !== t1 || $[6] !== t2) {
+    t3 = /*#__PURE__*/_jsxs(_Fragment, {
+      children: [t1, t2]
+    });
+    $[5] = t1;
+    $[6] = t2;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  return t3;
+}