@adecore/agents-react 0.31.11 → 0.32.0

package/dist/chat/ui/BookmarkMarker.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, useRef } from 'react';
 import clsx from 'clsx';
 import { useTranslation } from 'react-i18next';
@@ -13,47 +13,237 @@ import { ButtonGroup, Icon, IconButton, Input } from '@adecore/ui';
  * A bookmark as a chapter line across the thread, drawn before the message it marks. Without a
  * bookmark it only stands while the name field of a mark still on its way to the host is open.
  */
-export function BookmarkMarker({ chatId, itemId, bookmark }) {
-    const { t } = useTranslation('agent-chat');
-    const scope = useChatScope();
-    const host = useChatHost();
-    const chatKey = scope.keyOf(chatId);
-    const naming = useBookmarkNaming((s) => s.chatKey === chatKey && s.itemId === itemId);
-    if (bookmark === null && !naming) {
-        return null;
-    }
-    return (_jsxs("div", { className: "group/bookmark mb-2 flex h-7 min-w-0 items-center gap-2 text-xs select-none", children: [_jsx(Icon, { icon: Bookmark, size: 14, className: "shrink-0 text-accent" }), naming ? (_jsx(NameField, { initial: bookmark?.name ?? '', onDone: (name) => {
-                    useBookmarkNaming.getState().close();
-                    if (name !== null) {
-                        void nameBookmark(scope, host, chatId, itemId, name, bookmark?.name);
-                    }
-                } })) : (bookmark !== null && (_jsx("span", { className: clsx('min-w-0 truncate', bookmark.name === undefined ? 'text-text-muted' : 'text-text'), children: bookmarkLabel(bookmark) }))), _jsx("span", { className: "min-w-6 grow border-t border-border" }), bookmark !== null && !naming && (_jsxs(ButtonGroup, { render: _jsx("span", {}), className: "-ml-2 max-w-0 shrink-0 overflow-hidden opacity-0 group-hover/bookmark:ml-0 group-hover/bookmark:max-w-none group-hover/bookmark:opacity-100 group-has-focus-visible/bookmark:ml-0 group-has-focus-visible/bookmark:max-w-none group-has-focus-visible/bookmark:opacity-100", children: [_jsx(IconButton, { icon: Pencil, size: "xs", label: t('bookmarks.rename'), onClick: () => useBookmarkNaming.getState().open(chatKey, itemId) }), _jsx(IconButton, { icon: X, size: "xs", label: t('bookmarks.remove'), onClick: () => void removeBookmark(scope, host, chatId, bookmark) })] }))] }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function BookmarkMarker(t0) {
+  const $ = _c(27);
+  const {
+    chatId,
+    itemId,
+    bookmark
+  } = t0;
+  const {
+    t
+  } = useTranslation("agent-chat");
+  const scope = useChatScope();
+  const host = useChatHost();
+  let t1;
+  if ($[0] !== chatId || $[1] !== scope) {
+    t1 = scope.keyOf(chatId);
+    $[0] = chatId;
+    $[1] = scope;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const chatKey = t1;
+  let t2;
+  if ($[3] !== chatKey || $[4] !== itemId) {
+    t2 = s => s.chatKey === chatKey && s.itemId === itemId;
+    $[3] = chatKey;
+    $[4] = itemId;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  const naming = useBookmarkNaming(t2);
+  if (bookmark === null && !naming) {
+    return null;
+  }
+  let t3;
+  if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = /*#__PURE__*/_jsx(Icon, {
+      icon: Bookmark,
+      size: 14,
+      className: "shrink-0 text-accent"
+    });
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  let t4;
+  if ($[7] !== bookmark || $[8] !== chatId || $[9] !== host || $[10] !== itemId || $[11] !== naming || $[12] !== scope) {
+    t4 = naming ? /*#__PURE__*/_jsx(NameField, {
+      initial: bookmark?.name ?? "",
+      onDone: name => {
+        useBookmarkNaming.getState().close();
+        if (name !== null) {
+          nameBookmark(scope, host, chatId, itemId, name, bookmark?.name);
+        }
+      }
+    }) : bookmark !== null && /*#__PURE__*/_jsx("span", {
+      className: clsx("min-w-0 truncate", bookmark.name === undefined ? "text-text-muted" : "text-text"),
+      children: bookmarkLabel(bookmark)
+    });
+    $[7] = bookmark;
+    $[8] = chatId;
+    $[9] = host;
+    $[10] = itemId;
+    $[11] = naming;
+    $[12] = scope;
+    $[13] = t4;
+  } else {
+    t4 = $[13];
+  }
+  let t5;
+  if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
+    t5 = /*#__PURE__*/_jsx("span", {
+      className: "min-w-6 grow border-t border-border"
+    });
+    $[14] = t5;
+  } else {
+    t5 = $[14];
+  }
+  let t6;
+  if ($[15] !== bookmark || $[16] !== chatId || $[17] !== chatKey || $[18] !== host || $[19] !== itemId || $[20] !== naming || $[21] !== scope || $[22] !== t) {
+    t6 = bookmark !== null && !naming && /*#__PURE__*/_jsxs(ButtonGroup, {
+      render: /*#__PURE__*/_jsx("span", {}),
+      className: "-ml-2 max-w-0 shrink-0 overflow-hidden opacity-0 group-hover/bookmark:ml-0 group-hover/bookmark:max-w-none group-hover/bookmark:opacity-100 group-has-focus-visible/bookmark:ml-0 group-has-focus-visible/bookmark:max-w-none group-has-focus-visible/bookmark:opacity-100",
+      children: [/*#__PURE__*/_jsx(IconButton, {
+        icon: Pencil,
+        size: "xs",
+        label: t("bookmarks.rename"),
+        onClick: () => useBookmarkNaming.getState().open(chatKey, itemId)
+      }), /*#__PURE__*/_jsx(IconButton, {
+        icon: X,
+        size: "xs",
+        label: t("bookmarks.remove"),
+        onClick: () => void removeBookmark(scope, host, chatId, bookmark)
+      })]
+    });
+    $[15] = bookmark;
+    $[16] = chatId;
+    $[17] = chatKey;
+    $[18] = host;
+    $[19] = itemId;
+    $[20] = naming;
+    $[21] = scope;
+    $[22] = t;
+    $[23] = t6;
+  } else {
+    t6 = $[23];
+  }
+  let t7;
+  if ($[24] !== t4 || $[25] !== t6) {
+    t7 = /*#__PURE__*/_jsxs("div", {
+      className: "group/bookmark mb-2 flex h-7 min-w-0 items-center gap-2 text-xs select-none",
+      children: [t3, t4, t5, t6]
+    });
+    $[24] = t4;
+    $[25] = t6;
+    $[26] = t7;
+  } else {
+    t7 = $[26];
+  }
+  return t7;
 }
 /* Settles with the name on Enter or when the focus leaves, and with null on Escape, which keeps the name as it was. */
-function NameField({ initial, onDone }) {
-    const { t } = useTranslation('agent-chat');
-    const ref = useRef(null);
-    const settled = useRef(false);
-    // Again a frame later: the menu the field was opened from hands the focus back as it closes.
-    useEffect(() => {
-        ref.current?.focus();
-        const frame = requestAnimationFrame(() => ref.current?.focus());
-        return () => cancelAnimationFrame(frame);
-    }, []);
-    const settle = (name) => {
-        if (settled.current) {
-            return;
-        }
-        settled.current = true;
-        onDone(name);
+function NameField(t0) {
+  const $ = _c(17);
+  const {
+    initial,
+    onDone
+  } = t0;
+  const {
+    t
+  } = useTranslation("agent-chat");
+  const ref = useRef(null);
+  const settled = useRef(false);
+  let t1;
+  let t2;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = () => {
+      ref.current?.focus();
+      const frame = requestAnimationFrame(() => ref.current?.focus());
+      return () => cancelAnimationFrame(frame);
     };
-    return (_jsx(Input, { ref: ref, size: "sm", defaultValue: initial, maxLength: CHAT_BOOKMARK_LIMITS.name, placeholder: t('bookmarks.namePlaceholder'), "aria-label": t('bookmarks.nameLabel'), className: "w-64 max-w-full min-w-0 select-text", onPointerDown: (e) => e.stopPropagation(), onFocus: (e) => e.currentTarget.select(), onBlur: (e) => settle(e.currentTarget.value), onKeyDown: (e) => {
-            e.stopPropagation();
-            if (e.key === 'Enter') {
-                settle(e.currentTarget.value);
-            }
-            if (e.key === 'Escape') {
-                settle(null);
-            }
-        } }));
+    t2 = [];
+    $[0] = t1;
+    $[1] = t2;
+  } else {
+    t1 = $[0];
+    t2 = $[1];
+  }
+  useEffect(t1, t2);
+  let t3;
+  if ($[2] !== onDone) {
+    t3 = name => {
+      if (settled.current) {
+        return;
+      }
+      settled.current = true;
+      onDone(name);
+    };
+    $[2] = onDone;
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  const settle = t3;
+  let t4;
+  if ($[4] !== t) {
+    t4 = t("bookmarks.namePlaceholder");
+    $[4] = t;
+    $[5] = t4;
+  } else {
+    t4 = $[5];
+  }
+  let t5;
+  if ($[6] !== t) {
+    t5 = t("bookmarks.nameLabel");
+    $[6] = t;
+    $[7] = t5;
+  } else {
+    t5 = $[7];
+  }
+  let t6;
+  let t7;
+  if ($[8] !== settle) {
+    t6 = e_1 => settle(e_1.currentTarget.value);
+    t7 = e_2 => {
+      e_2.stopPropagation();
+      if (e_2.key === "Enter") {
+        settle(e_2.currentTarget.value);
+      }
+      if (e_2.key === "Escape") {
+        settle(null);
+      }
+    };
+    $[8] = settle;
+    $[9] = t6;
+    $[10] = t7;
+  } else {
+    t6 = $[9];
+    t7 = $[10];
+  }
+  let t8;
+  if ($[11] !== initial || $[12] !== t4 || $[13] !== t5 || $[14] !== t6 || $[15] !== t7) {
+    t8 = /*#__PURE__*/_jsx(Input, {
+      ref: ref,
+      size: "sm",
+      defaultValue: initial,
+      maxLength: CHAT_BOOKMARK_LIMITS.name,
+      placeholder: t4,
+      "aria-label": t5,
+      className: "w-64 max-w-full min-w-0 select-text",
+      onPointerDown: _temp,
+      onFocus: _temp2,
+      onBlur: t6,
+      onKeyDown: t7
+    });
+    $[11] = initial;
+    $[12] = t4;
+    $[13] = t5;
+    $[14] = t6;
+    $[15] = t7;
+    $[16] = t8;
+  } else {
+    t8 = $[16];
+  }
+  return t8;
+}
+function _temp2(e_0) {
+  return e_0.currentTarget.select();
 }
+function _temp(e) {
+  return e.stopPropagation();
+}

package/dist/chat/ui/BookmarkSubmenu.js

@@ -1,5 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo } from 'react';
+import { c as _c } from "react/compiler-runtime";
 import clsx from 'clsx';
 import { useTranslation } from 'react-i18next';
 import { Bookmark, Pencil, X } from 'lucide-react';
@@ -9,22 +8,170 @@ import { useChatHost } from '../../host.js';
 import { useChatScope } from '../../scope.js';
 import { useChatRow } from '../../state/chats.js';
 import { Icon, Menu } from '@adecore/ui';
+import { useHostChatPlace } from '../../host-hooks.js';
 /* A chat's bookmarks in thread order, each a jump to its message with rename and remove; nothing without bookmarks. */
-export function BookmarkSubmenu({ chatId }) {
-    const { t } = useTranslation('agent-chat');
-    const scope = useChatScope();
-    const bookmarks = useChatRow(chatId, (row) => row?.bookmarks);
-    const order = useChatRow(chatId, (row) => row?.order);
-    const host = useChatHost();
-    const place = host.useChatPlace(chatId);
-    const sorted = useMemo(() => bookmarksInThreadOrder(bookmarks ?? [], order ?? []), [bookmarks, order]);
-    if (sorted.length === 0) {
-        return null;
-    }
-    const go = (itemId, rename) => {
-        if (!goToBookmark(scope, chatId, itemId, rename)) {
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function BookmarkSubmenu(t0) {
+  const $ = _c(36);
+  const {
+    chatId
+  } = t0;
+  const {
+    t
+  } = useTranslation("agent-chat");
+  const scope = useChatScope();
+  const bookmarks = useChatRow(chatId, _temp);
+  const order = useChatRow(chatId, _temp2);
+  const host = useChatHost();
+  const place = useHostChatPlace(chatId);
+  let T0;
+  let T1;
+  let t1;
+  let t2;
+  let t3;
+  let t4;
+  if ($[0] !== bookmarks || $[1] !== chatId || $[2] !== host || $[3] !== order || $[4] !== place || $[5] !== scope || $[6] !== t) {
+    t4 = Symbol.for("react.early_return_sentinel");
+    bb0: {
+      const sorted = bookmarksInThreadOrder(bookmarks ?? [], order ?? []);
+      if (sorted.length === 0) {
+        t4 = null;
+        break bb0;
+      }
+      let t5;
+      if ($[13] !== chatId || $[14] !== place || $[15] !== scope) {
+        t5 = (itemId, rename) => {
+          if (!goToBookmark(scope, chatId, itemId, rename)) {
             place.go();
-        }
-    };
-    return (_jsxs(Menu.SubmenuRoot, { children: [_jsxs(Menu.SubmenuTrigger, { children: [_jsx(Icon, { icon: Bookmark, size: 14 }), " ", t('bookmarks.menu')] }), _jsx(Menu.Popup, { className: "max-w-80 min-w-56", children: sorted.map((bookmark) => (_jsxs(Menu.Row, { "aria-label": bookmarkLabel(bookmark), children: [_jsxs(Menu.Item, { onClick: () => go(bookmark.itemId, false), children: [_jsx(Icon, { icon: Bookmark, size: 14, className: "shrink-0 text-accent" }), _jsx("span", { className: clsx('min-w-0 grow truncate', bookmark.name === undefined && 'text-text-muted'), children: bookmarkLabel(bookmark) })] }), _jsx(Menu.RowAction, { icon: Pencil, label: t('bookmarks.rename'), onClick: () => go(bookmark.itemId, true) }), _jsx(Menu.RowAction, { icon: X, label: t('bookmarks.remove'), onClick: () => void removeBookmark(scope, host, chatId, bookmark) })] }, bookmark.itemId))) })] }));
+          }
+        };
+        $[13] = chatId;
+        $[14] = place;
+        $[15] = scope;
+        $[16] = t5;
+      } else {
+        t5 = $[16];
+      }
+      const go = t5;
+      T1 = Menu.SubmenuRoot;
+      let t6;
+      if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
+        t6 = /*#__PURE__*/_jsx(Icon, {
+          icon: Bookmark,
+          size: 14
+        });
+        $[17] = t6;
+      } else {
+        t6 = $[17];
+      }
+      let t7;
+      if ($[18] !== t) {
+        t7 = t("bookmarks.menu");
+        $[18] = t;
+        $[19] = t7;
+      } else {
+        t7 = $[19];
+      }
+      if ($[20] !== t7) {
+        t3 = /*#__PURE__*/_jsxs(Menu.SubmenuTrigger, {
+          children: [t6, " ", t7]
+        });
+        $[20] = t7;
+        $[21] = t3;
+      } else {
+        t3 = $[21];
+      }
+      T0 = Menu.Popup;
+      t1 = "max-w-80 min-w-56";
+      let t8;
+      if ($[22] !== chatId || $[23] !== go || $[24] !== host || $[25] !== scope || $[26] !== t) {
+        t8 = bookmark => /*#__PURE__*/_jsxs(Menu.Row, {
+          "aria-label": bookmarkLabel(bookmark),
+          children: [/*#__PURE__*/_jsxs(Menu.Item, {
+            onClick: () => go(bookmark.itemId, false),
+            children: [/*#__PURE__*/_jsx(Icon, {
+              icon: Bookmark,
+              size: 14,
+              className: "shrink-0 text-accent"
+            }), /*#__PURE__*/_jsx("span", {
+              className: clsx("min-w-0 grow truncate", bookmark.name === undefined && "text-text-muted"),
+              children: bookmarkLabel(bookmark)
+            })]
+          }), /*#__PURE__*/_jsx(Menu.RowAction, {
+            icon: Pencil,
+            label: t("bookmarks.rename"),
+            onClick: () => go(bookmark.itemId, true)
+          }), /*#__PURE__*/_jsx(Menu.RowAction, {
+            icon: X,
+            label: t("bookmarks.remove"),
+            onClick: () => void removeBookmark(scope, host, chatId, bookmark)
+          })]
+        }, bookmark.itemId);
+        $[22] = chatId;
+        $[23] = go;
+        $[24] = host;
+        $[25] = scope;
+        $[26] = t;
+        $[27] = t8;
+      } else {
+        t8 = $[27];
+      }
+      t2 = sorted.map(t8);
+    }
+    $[0] = bookmarks;
+    $[1] = chatId;
+    $[2] = host;
+    $[3] = order;
+    $[4] = place;
+    $[5] = scope;
+    $[6] = t;
+    $[7] = T0;
+    $[8] = T1;
+    $[9] = t1;
+    $[10] = t2;
+    $[11] = t3;
+    $[12] = t4;
+  } else {
+    T0 = $[7];
+    T1 = $[8];
+    t1 = $[9];
+    t2 = $[10];
+    t3 = $[11];
+    t4 = $[12];
+  }
+  if (t4 !== Symbol.for("react.early_return_sentinel")) {
+    return t4;
+  }
+  let t5;
+  if ($[28] !== T0 || $[29] !== t1 || $[30] !== t2) {
+    t5 = /*#__PURE__*/_jsx(T0, {
+      className: t1,
+      children: t2
+    });
+    $[28] = T0;
+    $[29] = t1;
+    $[30] = t2;
+    $[31] = t5;
+  } else {
+    t5 = $[31];
+  }
+  let t6;
+  if ($[32] !== T1 || $[33] !== t3 || $[34] !== t5) {
+    t6 = /*#__PURE__*/_jsxs(T1, {
+      children: [t3, t5]
+    });
+    $[32] = T1;
+    $[33] = t3;
+    $[34] = t5;
+    $[35] = t6;
+  } else {
+    t6 = $[35];
+  }
+  return t6;
+}
+function _temp2(row_0) {
+  return row_0?.order;
 }
+function _temp(row) {
+  return row?.bookmarks;
+}