@adecore/agents-react 0.31.11 → 0.32.0

package/dist/chat/ui/ChatReferenceChip.js

@@ -1,15 +1,110 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
 import clsx from 'clsx';
 import { useTranslation } from 'react-i18next';
 import { MessageSquare, X } from 'lucide-react';
-import { useChatHost } from '../../host.js';
 import { CHIP_IN_MESSAGE, MENTION_TONE } from './chips.js';
 import { Icon, Tooltip } from '@adecore/ui';
+import { useHostReferableChats } from '../../host-hooks.js';
 /* A chat attached to a message, under the title it has now rather than the one it had when it was attached. */
-export function ChatReferenceChip({ chatId, onRemove }) {
-    const host = useChatHost();
-    const { t } = useTranslation('agent-chat');
-    const chat = host.useReferableChats().find((candidate) => candidate.id === chatId);
-    const title = chat === undefined ? t('chatReference.gone') : chat.title || t('chatReference.untitled');
-    return (_jsxs("span", { className: clsx(MENTION_TONE, CHIP_IN_MESSAGE), children: [_jsx(Icon, { icon: MessageSquare, size: 12, className: "shrink-0" }), _jsx("span", { className: "truncate", children: title }), onRemove && (_jsx(Tooltip, { label: t('chatReference.remove', { title }), name: true, children: _jsx("button", { className: "-mr-0.5 shrink-0 rounded-sm opacity-70 hover:opacity-100", onClick: onRemove, children: _jsx(Icon, { icon: X, size: 12 }) }) }))] }));
-}
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function ChatReferenceChip(t0) {
+  const $ = _c(19);
+  const {
+    chatId,
+    onRemove
+  } = t0;
+  const {
+    t
+  } = useTranslation("agent-chat");
+  const t1 = useHostReferableChats();
+  let t2;
+  if ($[0] !== chatId || $[1] !== t1) {
+    let t3;
+    if ($[3] !== chatId) {
+      t3 = candidate => candidate.id === chatId;
+      $[3] = chatId;
+      $[4] = t3;
+    } else {
+      t3 = $[4];
+    }
+    t2 = t1.find(t3);
+    $[0] = chatId;
+    $[1] = t1;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  const chat = t2;
+  let t3;
+  if ($[5] !== chat || $[6] !== t) {
+    t3 = chat === undefined ? t("chatReference.gone") : chat.title || t("chatReference.untitled");
+    $[5] = chat;
+    $[6] = t;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  const title = t3;
+  let t4;
+  let t5;
+  if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+    t4 = clsx(MENTION_TONE, CHIP_IN_MESSAGE);
+    t5 = /*#__PURE__*/_jsx(Icon, {
+      icon: MessageSquare,
+      size: 12,
+      className: "shrink-0"
+    });
+    $[8] = t4;
+    $[9] = t5;
+  } else {
+    t4 = $[8];
+    t5 = $[9];
+  }
+  let t6;
+  if ($[10] !== title) {
+    t6 = /*#__PURE__*/_jsx("span", {
+      className: "truncate",
+      children: title
+    });
+    $[10] = title;
+    $[11] = t6;
+  } else {
+    t6 = $[11];
+  }
+  let t7;
+  if ($[12] !== onRemove || $[13] !== t || $[14] !== title) {
+    t7 = onRemove && /*#__PURE__*/_jsx(Tooltip, {
+      label: t("chatReference.remove", {
+        title
+      }),
+      name: true,
+      children: /*#__PURE__*/_jsx("button", {
+        className: "-mr-0.5 shrink-0 rounded-sm opacity-70 hover:opacity-100",
+        onClick: onRemove,
+        children: /*#__PURE__*/_jsx(Icon, {
+          icon: X,
+          size: 12
+        })
+      })
+    });
+    $[12] = onRemove;
+    $[13] = t;
+    $[14] = title;
+    $[15] = t7;
+  } else {
+    t7 = $[15];
+  }
+  let t8;
+  if ($[16] !== t6 || $[17] !== t7) {
+    t8 = /*#__PURE__*/_jsxs("span", {
+      className: t4,
+      children: [t5, t6, t7]
+    });
+    $[16] = t6;
+    $[17] = t7;
+    $[18] = t8;
+  } else {
+    t8 = $[18];
+  }
+  return t8;
+}

package/dist/chat/ui/CodeBlock.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 { Fragment, memo, useContext, useEffect, useMemo, useRef, useState } from 'react';
 import clsx from 'clsx';
 import { useTranslation } from 'react-i18next';
@@ -10,10 +10,34 @@ import { WHOLE_FADE_CLASS } from './rehype-fade.js';
 import { useChatHost } from '../../host.js';
 import { useCodeTheme } from './code-theme.js';
 import { tokenStyle, useCodeHighlighter } from './highlighter.js';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const COPIED_MS = 1500;
 /* A line whose tokens did not change keeps its elements, so a selection in it survives the next delta. */
-const CodeLine = memo(function CodeLine({ tokens }) {
-    return (_jsx("span", { className: "line", children: tokens.map((token, index) => (_jsx("span", { style: tokenStyle(token), children: token.content }, index))) }));
+const CodeLine = memo(function CodeLine(t0) {
+  const $ = _c(4);
+  const {
+    tokens
+  } = t0;
+  let t1;
+  if ($[0] !== tokens) {
+    t1 = tokens.map(_temp);
+    $[0] = tokens;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== t1) {
+    t2 = /*#__PURE__*/_jsx("span", {
+      className: "line",
+      children: t1
+    });
+    $[2] = t1;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  return t2;
 });
 /*
  * A fenced block, highlighted a line at a time. Until shiki and the grammar are there it holds its
@@ -21,60 +45,110 @@ const CodeLine = memo(function CodeLine({ tokens }) {
  * closing it does not draw it again. `view` takes the place of the code, such as what the code draws,
  * and Copy still copies the code.
  */
-export function CodeBlock({ code, lang, actions, view }) {
-    const { t } = useTranslation('agent-chat');
-    const theme = useCodeTheme();
-    const { custom } = useChatHost().code;
-    const highlighter = useCodeHighlighter();
-    const streaming = useContext(CodeStreamingContext);
-    const [copyState, setCopyState] = useState('idle');
-    const copying = useRef(false);
-    // What loaded last, so a block whose theme changes draws again once the new one is in.
-    const [loaded, setLoaded] = useState(null);
-    const tokenizer = highlighter.tokenizer(lang, theme);
-    // Only a block that had to wait fades in; one drawn highlighted from its first frame just stands there.
-    const [waited] = useState(tokenizer === null);
-    const lines = useMemo(() => (tokenizer ? new IncrementalLines(tokenizer.tokenize) : null), [tokenizer]);
-    const tokens = useMemo(() => lines?.update(code, !streaming) ?? null, [lines, code, streaming]);
-    useEffect(() => {
-        if (copyState !== 'copied') {
-            return;
-        }
-        const timer = setTimeout(() => setCopyState('idle'), COPIED_MS);
-        return () => clearTimeout(timer);
-    }, [copyState]);
-    async function copy() {
-        if (copying.current) {
-            return;
-        }
-        copying.current = true;
-        setCopyState('copying');
-        try {
-            // The best-effort clipboard helper cannot distinguish a refusal from success.
-            await navigator.clipboard.writeText(code);
-            setCopyState('copied');
-        }
-        catch {
-            setCopyState('failed');
-        }
-        finally {
-            copying.current = false;
-        }
+export function CodeBlock({
+  code,
+  lang,
+  actions,
+  view
+}) {
+  const {
+    t
+  } = useTranslation('agent-chat');
+  const theme = useCodeTheme();
+  const {
+    custom
+  } = useChatHost().code;
+  const highlighter = useCodeHighlighter();
+  const streaming = useContext(CodeStreamingContext);
+  const [copyState, setCopyState] = useState('idle');
+  const copying = useRef(false);
+  // What loaded last, so a block whose theme changes draws again once the new one is in.
+  const [loaded, setLoaded] = useState(null);
+  const tokenizer = highlighter.tokenizer(lang, theme);
+  // Only a block that had to wait fades in; one drawn highlighted from its first frame just stands there.
+  const [waited] = useState(tokenizer === null);
+  const lines = useMemo(() => tokenizer ? new IncrementalLines(tokenizer.tokenize) : null, [tokenizer]);
+  const tokens = useMemo(() => lines?.update(code, !streaming) ?? null, [lines, code, streaming]);
+  useEffect(() => {
+    if (copyState !== 'copied') {
+      return;
+    }
+    const timer = setTimeout(() => setCopyState('idle'), COPIED_MS);
+    return () => clearTimeout(timer);
+  }, [copyState]);
+  async function copy() {
+    if (copying.current) {
+      return;
+    }
+    copying.current = true;
+    setCopyState('copying');
+    try {
+      // The best-effort clipboard helper cannot distinguish a refusal from success.
+      await navigator.clipboard.writeText(code);
+      setCopyState('copied');
+    } catch {
+      setCopyState('failed');
+    } finally {
+      copying.current = false;
+    }
+  }
+  useEffect(() => {
+    if (tokenizer !== null) {
+      return;
     }
-    useEffect(() => {
-        if (tokenizer !== null) {
-            return;
-        }
-        let cancelled = false;
-        Promise.all([highlighter.loadLanguage(lang), highlighter.loadTheme(theme, custom)])
-            .then(() => !cancelled && setLoaded(`${lang}:${theme}`))
-            .catch(() => !cancelled && setLoaded('failed'));
-        return () => {
-            cancelled = true;
-        };
-    }, [highlighter, lang, theme, custom, tokenizer]);
-    const pending = (tokenizer === null || tokens === null) && loaded !== 'failed';
-    return (_jsxs("div", { className: "chat-code", "data-copy-state": copyState, children: [view ?? (_jsx("pre", { className: clsx(pending && 'invisible', !pending && tokens !== null && waited && WHOLE_FADE_CLASS), "aria-hidden": pending || undefined, style: { color: tokenizer?.fg }, children: _jsx("code", { children: tokens === null
-                        ? code
-                        : tokens.map((line, index) => (_jsxs(Fragment, { children: [_jsx(CodeLine, { tokens: line }), index < tokens.length - 1 && '\n'] }, index))) }) })), _jsxs(ButtonGroup, { className: "chat-code-actions", role: "group", "aria-label": t('code.actions'), children: [_jsx(IconButton, { icon: copyState === 'copied' ? Check : Copy, size: "sm", label: copyState === 'copied' ? t('timeline.actions.copied') : t('timeline.menu.copyCode'), busy: copyState === 'copying', "aria-busy": copyState === 'copying', "aria-disabled": copyState === 'copying', onClick: () => void copy() }), actions] }), _jsx("span", { className: "sr-only", role: "status", children: copyState === 'copied' ? t('timeline.actions.copied') : '' }), copyState === 'failed' && (_jsx("p", { className: "chat-code-error", role: "alert", children: t('code.copyFailed') }))] }));
+    let cancelled = false;
+    Promise.all([highlighter.loadLanguage(lang), highlighter.loadTheme(theme, custom)]).then(() => !cancelled && setLoaded(`${lang}:${theme}`)).catch(() => !cancelled && setLoaded('failed'));
+    return () => {
+      cancelled = true;
+    };
+  }, [highlighter, lang, theme, custom, tokenizer]);
+  const pending = (tokenizer === null || tokens === null) && loaded !== 'failed';
+  return /*#__PURE__*/_jsxs("div", {
+    className: "chat-code",
+    "data-copy-state": copyState,
+    children: [view ?? /*#__PURE__*/_jsx("pre", {
+      className: clsx(pending && 'invisible', !pending && tokens !== null && waited && WHOLE_FADE_CLASS),
+      "aria-hidden": pending || undefined,
+      style: {
+        color: tokenizer?.fg
+      },
+      children: /*#__PURE__*/_jsx("code", {
+        children: tokens === null ? code : tokens.map((line, index) =>
+        /*#__PURE__*/
+        // Lines only ever grow at the end, so the place of a line is a stable key.
+        _jsxs(Fragment, {
+          children: [/*#__PURE__*/_jsx(CodeLine, {
+            tokens: line
+          }), index < tokens.length - 1 && '\n']
+        }, index))
+      })
+    }), /*#__PURE__*/_jsxs(ButtonGroup, {
+      className: "chat-code-actions",
+      role: "group",
+      "aria-label": t('code.actions'),
+      children: [/*#__PURE__*/_jsx(IconButton, {
+        icon: copyState === 'copied' ? Check : Copy,
+        size: "sm",
+        label: copyState === 'copied' ? t('timeline.actions.copied') : t('timeline.menu.copyCode'),
+        busy: copyState === 'copying',
+        "aria-busy": copyState === 'copying',
+        "aria-disabled": copyState === 'copying',
+        onClick: () => void copy()
+      }), actions]
+    }), /*#__PURE__*/_jsx("span", {
+      className: "sr-only",
+      role: "status",
+      children: copyState === 'copied' ? t('timeline.actions.copied') : ''
+    }), copyState === 'failed' && /*#__PURE__*/_jsx("p", {
+      className: "chat-code-error",
+      role: "alert",
+      children: t('code.copyFailed')
+    })]
+  });
 }
+function _temp(token, index) {
+  return /*#__PURE__*/_jsx("span", {
+    style: tokenStyle(token),
+    children: token.content
+  }, index);
+}