@adecore/agents-react 0.31.11 → 0.32.0

package/dist/chat/ui/composer/QueuedMessages.js

@@ -1,20 +1,145 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
 import { useTranslation } from 'react-i18next';
 import { Clock, Copy, FastForward, Pencil, X } from 'lucide-react';
 import { ButtonGroup, ContextMenu, copyText, Icon, IconButton } from '@adecore/ui';
 import { useChatActions } from '../../actions.js';
 import { scrollTimelineToEnd } from '../../timeline-scroll.js';
 /* The messages waiting for the running turn to end, each with a way to send it now, edit it or drop it. */
-export function QueuedMessages({ chatId, queue, paused, takingBack, onEdit }) {
-    const { t } = useTranslation('agent-chat');
-    const actions = useChatActions();
-    return (_jsxs("div", { className: "flex flex-col gap-1 border-b border-border px-2 py-1.5", children: [paused && _jsx("p", { className: "px-1.5 text-xs text-text-muted", children: t('composer.queue.paused') }), queue.map((message) => {
-                const sendNow = () => {
-                    scrollTimelineToEnd(chatId, 'instant');
-                    void actions.sendNow(chatId, message.id).catch(() => undefined);
-                };
-                const unqueue = () => void actions.unqueue(chatId, message.id).catch(() => undefined);
-                const edit = () => onEdit(message);
-                return (_jsxs(ContextMenu.Root, { children: [_jsxs(ContextMenu.Trigger, { className: "group/queued flex items-center gap-2 rounded-md px-1.5 py-1 text-xs text-text-muted", children: [_jsx(Icon, { icon: Clock, size: 12, className: "shrink-0 text-text-faint" }), _jsx("span", { className: "min-w-0 grow truncate", children: message.text || t('composer.queue.attachments', { count: message.attachments?.length ?? 0 }) }), _jsxs(ButtonGroup, { render: _jsx("span", {}), className: "opacity-0 transition-opacity group-hover/queued:opacity-100 focus-within:opacity-100", children: [_jsx(IconButton, { icon: FastForward, size: "2xs", label: t('composer.queue.sendNow'), onClick: sendNow }), _jsx(IconButton, { icon: Pencil, size: "2xs", label: t('common.action.edit'), disabled: takingBack, onClick: edit }), _jsx(IconButton, { icon: X, size: "2xs", label: t('common.action.remove'), onClick: unqueue })] })] }), _jsxs(ContextMenu.Popup, { children: [_jsxs(ContextMenu.Item, { onClick: sendNow, children: [_jsx(Icon, { icon: FastForward, size: 14 }), " ", t('composer.queue.sendNow')] }), _jsxs(ContextMenu.Item, { disabled: takingBack, onClick: edit, children: [_jsx(Icon, { icon: Pencil, size: 14 }), " ", t('common.action.edit')] }), _jsxs(ContextMenu.Item, { disabled: message.text === '', onClick: () => copyText(message.text), children: [_jsx(Icon, { icon: Copy, size: 14 }), " ", t('common.action.copy')] }), _jsx(ContextMenu.Separator, {}), _jsxs(ContextMenu.Item, { className: "text-status-error", onClick: unqueue, children: [_jsx(Icon, { icon: X, size: 14 }), " ", t('common.action.remove')] })] })] }, message.id));
-            })] }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function QueuedMessages(t0) {
+  const $ = _c(19);
+  const {
+    chatId,
+    queue,
+    paused,
+    takingBack,
+    onEdit
+  } = t0;
+  const {
+    t
+  } = useTranslation("agent-chat");
+  const actions = useChatActions();
+  let t1;
+  if ($[0] !== paused || $[1] !== t) {
+    t1 = paused && /*#__PURE__*/_jsx("p", {
+      className: "px-1.5 text-xs text-text-muted",
+      children: t("composer.queue.paused")
+    });
+    $[0] = paused;
+    $[1] = t;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  let t2;
+  if ($[3] !== actions || $[4] !== chatId || $[5] !== onEdit || $[6] !== queue || $[7] !== t || $[8] !== takingBack) {
+    let t3;
+    if ($[10] !== actions || $[11] !== chatId || $[12] !== onEdit || $[13] !== t || $[14] !== takingBack) {
+      t3 = message => {
+        const sendNow = () => {
+          scrollTimelineToEnd(chatId, "instant");
+          actions.sendNow(chatId, message.id).catch(_temp);
+        };
+        const unqueue = () => void actions.unqueue(chatId, message.id).catch(_temp2);
+        const edit = () => onEdit(message);
+        return /*#__PURE__*/_jsxs(ContextMenu.Root, {
+          children: [/*#__PURE__*/_jsxs(ContextMenu.Trigger, {
+            className: "group/queued flex items-center gap-2 rounded-md px-1.5 py-1 text-xs text-text-muted",
+            children: [/*#__PURE__*/_jsx(Icon, {
+              icon: Clock,
+              size: 12,
+              className: "shrink-0 text-text-faint"
+            }), /*#__PURE__*/_jsx("span", {
+              className: "min-w-0 grow truncate",
+              children: message.text || t("composer.queue.attachments", {
+                count: message.attachments?.length ?? 0
+              })
+            }), /*#__PURE__*/_jsxs(ButtonGroup, {
+              render: /*#__PURE__*/_jsx("span", {}),
+              className: "opacity-0 transition-opacity group-hover/queued:opacity-100 focus-within:opacity-100",
+              children: [/*#__PURE__*/_jsx(IconButton, {
+                icon: FastForward,
+                size: "2xs",
+                label: t("composer.queue.sendNow"),
+                onClick: sendNow
+              }), /*#__PURE__*/_jsx(IconButton, {
+                icon: Pencil,
+                size: "2xs",
+                label: t("common.action.edit"),
+                disabled: takingBack,
+                onClick: edit
+              }), /*#__PURE__*/_jsx(IconButton, {
+                icon: X,
+                size: "2xs",
+                label: t("common.action.remove"),
+                onClick: unqueue
+              })]
+            })]
+          }), /*#__PURE__*/_jsxs(ContextMenu.Popup, {
+            children: [/*#__PURE__*/_jsxs(ContextMenu.Item, {
+              onClick: sendNow,
+              children: [/*#__PURE__*/_jsx(Icon, {
+                icon: FastForward,
+                size: 14
+              }), " ", t("composer.queue.sendNow")]
+            }), /*#__PURE__*/_jsxs(ContextMenu.Item, {
+              disabled: takingBack,
+              onClick: edit,
+              children: [/*#__PURE__*/_jsx(Icon, {
+                icon: Pencil,
+                size: 14
+              }), " ", t("common.action.edit")]
+            }), /*#__PURE__*/_jsxs(ContextMenu.Item, {
+              disabled: message.text === "",
+              onClick: () => copyText(message.text),
+              children: [/*#__PURE__*/_jsx(Icon, {
+                icon: Copy,
+                size: 14
+              }), " ", t("common.action.copy")]
+            }), /*#__PURE__*/_jsx(ContextMenu.Separator, {}), /*#__PURE__*/_jsxs(ContextMenu.Item, {
+              className: "text-status-error",
+              onClick: unqueue,
+              children: [/*#__PURE__*/_jsx(Icon, {
+                icon: X,
+                size: 14
+              }), " ", t("common.action.remove")]
+            })]
+          })]
+        }, message.id);
+      };
+      $[10] = actions;
+      $[11] = chatId;
+      $[12] = onEdit;
+      $[13] = t;
+      $[14] = takingBack;
+      $[15] = t3;
+    } else {
+      t3 = $[15];
+    }
+    t2 = queue.map(t3);
+    $[3] = actions;
+    $[4] = chatId;
+    $[5] = onEdit;
+    $[6] = queue;
+    $[7] = t;
+    $[8] = takingBack;
+    $[9] = t2;
+  } else {
+    t2 = $[9];
+  }
+  let t3;
+  if ($[16] !== t1 || $[17] !== t2) {
+    t3 = /*#__PURE__*/_jsxs("div", {
+      className: "flex flex-col gap-1 border-b border-border px-2 py-1.5",
+      children: [t1, t2]
+    });
+    $[16] = t1;
+    $[17] = t2;
+    $[18] = t3;
+  } else {
+    t3 = $[18];
+  }
+  return t3;
 }
+function _temp2() {}
+function _temp() {}

package/dist/chat/ui/composer/chips.js

@@ -4,28 +4,38 @@ import { Decoration, EditorView } from '@codemirror/view';
 import { chipRanges } from '../../mentions.js';
 import { CHIP_IN_EDITOR, MENTION_TONE, SKILL_TONE } from '../chips.js';
 import { codeRanges } from './editor.js';
-const NO_CHOICES = { mentions: [], skills: [] };
-const choices = Facet.define({ combine: (values) => values[0] ?? NO_CHOICES });
-const mentionMark = Decoration.mark({ class: `${MENTION_TONE} ${CHIP_IN_EDITOR}` });
-const skillMark = Decoration.mark({ class: `${SKILL_TONE} ${CHIP_IN_EDITOR}` });
+const NO_CHOICES = {
+  mentions: [],
+  skills: []
+};
+const choices = Facet.define({
+  combine: values => values[0] ?? NO_CHOICES
+});
+const mentionMark = Decoration.mark({
+  class: `${MENTION_TONE} ${CHIP_IN_EDITOR}`
+});
+const skillMark = Decoration.mark({
+  class: `${SKILL_TONE} ${CHIP_IN_EDITOR}`
+});
 function chipMarks(state) {
-    const { mentions, skills } = state.facet(choices);
-    const builder = new RangeSetBuilder();
-    // `@a.ts` in backticks is code, not a mention.
-    for (const range of chipRanges(state.doc.toString(), mentions, skills, codeRanges(state))) {
-        builder.add(range.from, range.to, range.kind === 'skill' ? skillMark : mentionMark);
-    }
-    return builder.finish();
+  const {
+    mentions,
+    skills
+  } = state.facet(choices);
+  const builder = new RangeSetBuilder();
+  // `@a.ts` in backticks is code, not a mention.
+  for (const range of chipRanges(state.doc.toString(), mentions, skills, codeRanges(state))) {
+    builder.add(range.from, range.to, range.kind === 'skill' ? skillMark : mentionMark);
+  }
+  return builder.finish();
 }
 const chipField = StateField.define({
-    create: chipMarks,
-    // The parser finishes a long text after the edit that asked for it, and a code span it finds then unmakes a chip.
-    update: (marks, tr) => tr.docChanged || tr.startState.facet(choices) !== tr.state.facet(choices) || syntaxTree(tr.startState) !== syntaxTree(tr.state)
-        ? chipMarks(tr.state)
-        : marks,
-    provide: (field) => EditorView.decorations.from(field)
+  create: chipMarks,
+  // The parser finishes a long text after the edit that asked for it, and a code span it finds then unmakes a chip.
+  update: (marks, tr) => tr.docChanged || tr.startState.facet(choices) !== tr.state.facet(choices) || syntaxTree(tr.startState) !== syntaxTree(tr.state) ? chipMarks(tr.state) : marks,
+  provide: field => EditorView.decorations.from(field)
 });
 /* Draws the chosen `@path` and `$name` tokens as chips; a new `ChipChoices` object is what redraws them. */
 export function chipDecorations(value) {
-    return [choices.of(value), chipField];
-}
+  return [choices.of(value), chipField];
+}

package/dist/chat/ui/composer/editor.js

@@ -12,87 +12,103 @@ export const externalChange = Annotation.define();
  */
 export const markdownLanguage = new Language(defineLanguageFacet(), parser.configure([Strikethrough, Table]), [], 'markdown');
 /* Classes rather than generated styles, so the look lives in `styles.css` on the theme's tokens. */
-const markdownClasses = tagHighlighter([
-    { tag: tags.strong, class: 'cm-md-strong' },
-    { tag: tags.emphasis, class: 'cm-md-emphasis' },
-    { tag: tags.strikethrough, class: 'cm-md-strike' },
-    { tag: tags.heading, class: 'cm-md-heading' },
-    { tag: [tags.link, tags.url], class: 'cm-md-link' },
-    { tag: tags.processingInstruction, class: 'cm-md-mark' }
-]);
+const markdownClasses = tagHighlighter([{
+  tag: tags.strong,
+  class: 'cm-md-strong'
+}, {
+  tag: tags.emphasis,
+  class: 'cm-md-emphasis'
+}, {
+  tag: tags.strikethrough,
+  class: 'cm-md-strike'
+}, {
+  tag: tags.heading,
+  class: 'cm-md-heading'
+}, {
+  tag: [tags.link, tags.url],
+  class: 'cm-md-link'
+}, {
+  tag: tags.processingInstruction,
+  class: 'cm-md-mark'
+}]);
 /* The code spans and fenced blocks between `from` and `to`, as far as the parser has got. */
 export function codeRanges(state, from = 0, to = state.doc.length) {
-    const found = [];
-    syntaxTree(state).iterate({
-        from,
-        to,
-        enter: (node) => {
-            if (node.name === 'InlineCode' || node.name === 'FencedCode') {
-                found.push({ from: node.from, to: node.to, kind: node.name === 'InlineCode' ? 'inline' : 'fence' });
-                return false;
-            }
-            return undefined;
-        }
-    });
-    return found;
+  const found = [];
+  syntaxTree(state).iterate({
+    from,
+    to,
+    enter: node => {
+      if (node.name === 'InlineCode' || node.name === 'FencedCode') {
+        found.push({
+          from: node.from,
+          to: node.to,
+          kind: node.name === 'InlineCode' ? 'inline' : 'fence'
+        });
+        return false;
+      }
+      return undefined;
+    }
+  });
+  return found;
 }
-const inlineCodeMark = Decoration.mark({ class: 'cm-md-code' });
+const inlineCodeMark = Decoration.mark({
+  class: 'cm-md-code'
+});
 function fenceLine(first, last) {
-    return Decoration.line({ class: ['cm-md-fence', first ? 'cm-md-fence-start' : '', last ? 'cm-md-fence-end' : ''].join(' ').trim() });
+  return Decoration.line({
+    class: ['cm-md-fence', first ? 'cm-md-fence-start' : '', last ? 'cm-md-fence-end' : ''].join(' ').trim()
+  });
 }
 /*
  * Code is decorated from the tree rather than highlighted per token: the highlighter styles the
  * backticks apart from what they wrap, and a block's background belongs to its whole lines.
  */
 function codeDecorations(view) {
-    const { state } = view;
-    const decorations = [];
-    const fenceLines = new Set();
-    for (const visible of view.visibleRanges) {
-        for (const range of codeRanges(state, visible.from, visible.to)) {
-            if (range.kind === 'inline') {
-                decorations.push(inlineCodeMark.range(range.from, range.to));
-                continue;
-            }
-            const first = state.doc.lineAt(range.from).number;
-            const last = state.doc.lineAt(range.to).number;
-            const start = state.doc.lineAt(Math.max(range.from, visible.from)).number;
-            const end = state.doc.lineAt(Math.min(range.to, visible.to)).number;
-            for (let number = start; number <= end; number++) {
-                if (!fenceLines.has(number)) {
-                    fenceLines.add(number);
-                    decorations.push(fenceLine(number === first, number === last).range(state.doc.line(number).from));
-                }
-            }
+  const {
+    state
+  } = view;
+  const decorations = [];
+  const fenceLines = new Set();
+  for (const visible of view.visibleRanges) {
+    for (const range of codeRanges(state, visible.from, visible.to)) {
+      if (range.kind === 'inline') {
+        decorations.push(inlineCodeMark.range(range.from, range.to));
+        continue;
+      }
+      const first = state.doc.lineAt(range.from).number;
+      const last = state.doc.lineAt(range.to).number;
+      const start = state.doc.lineAt(Math.max(range.from, visible.from)).number;
+      const end = state.doc.lineAt(Math.min(range.to, visible.to)).number;
+      for (let number = start; number <= end; number++) {
+        if (!fenceLines.has(number)) {
+          fenceLines.add(number);
+          decorations.push(fenceLine(number === first, number === last).range(state.doc.line(number).from));
         }
+      }
     }
-    return Decoration.set(decorations, true);
+  }
+  return Decoration.set(decorations, true);
 }
 const codeDecorationPlugin = ViewPlugin.fromClass(class {
-    decorations;
-    constructor(view) {
-        this.decorations = codeDecorations(view);
+  decorations;
+  constructor(view) {
+    this.decorations = codeDecorations(view);
+  }
+  update(update) {
+    if (update.docChanged || update.viewportChanged || syntaxTree(update.startState) !== syntaxTree(update.state)) {
+      this.decorations = codeDecorations(update.view);
     }
-    update(update) {
-        if (update.docChanged || update.viewportChanged || syntaxTree(update.startState) !== syntaxTree(update.state)) {
-            this.decorations = codeDecorations(update.view);
-        }
-    }
-}, { decorations: (plugin) => plugin.decorations });
+  }
+}, {
+  decorations: plugin => plugin.decorations
+});
 /*
  * What every composer editor carries. The standard keymap rather than the default one: the default
  * adds code editor commands (move a line, indent, select the syntax parent) on keys a prompt box
  * has no business taking.
  */
 export function composerEditorExtensions() {
-    return [
-        history(),
-        keymap.of([...standardKeymap, ...historyKeymap]),
-        EditorView.lineWrapping,
-        // What Tab and Shift+Tab in a fence add and take away, so a selection indents in the same steps as a caret.
-        indentUnit.of('    '),
-        markdownLanguage,
-        syntaxHighlighting(markdownClasses),
-        codeDecorationPlugin
-    ];
-}
+  return [history(), keymap.of([...standardKeymap, ...historyKeymap]), EditorView.lineWrapping,
+  // What Tab and Shift+Tab in a fence add and take away, so a selection indents in the same steps as a caret.
+  indentUnit.of('    '), markdownLanguage, syntaxHighlighting(markdownClasses), codeDecorationPlugin];
+}

package/dist/chat/ui/composer/insert.js

@@ -1,19 +1,33 @@
 function isSpace(text) {
-    return /^\s/.test(text);
+  return /^\s/.test(text);
 }
 /*
  * Text an app puts in the draft, over the selection, as if it were typed there. A space keeps it apart
  * from a word it would touch, and one after it at the end of the text lets the person type on.
  */
 export function insertAtSelection(state, text) {
-    if (text === '') {
-        return {};
-    }
-    const { from, to } = state.selection.main;
-    const before = state.doc.sliceString(Math.max(0, from - 1), from);
-    const after = state.doc.sliceString(to, to + 1);
-    const lead = before !== '' && !isSpace(before) && !isSpace(text) ? ' ' : '';
-    const trail = (after === '' || !isSpace(after)) && !/\s$/.test(text) ? ' ' : '';
-    const insert = `${lead}${text}${trail}`;
-    return { changes: { from, to, insert }, selection: { anchor: from + insert.length }, scrollIntoView: true, userEvent: 'input' };
-}
+  if (text === '') {
+    return {};
+  }
+  const {
+    from,
+    to
+  } = state.selection.main;
+  const before = state.doc.sliceString(Math.max(0, from - 1), from);
+  const after = state.doc.sliceString(to, to + 1);
+  const lead = before !== '' && !isSpace(before) && !isSpace(text) ? ' ' : '';
+  const trail = (after === '' || !isSpace(after)) && !/\s$/.test(text) ? ' ' : '';
+  const insert = `${lead}${text}${trail}`;
+  return {
+    changes: {
+      from,
+      to,
+      insert
+    },
+    selection: {
+      anchor: from + insert.length
+    },
+    scrollIntoView: true,
+    userEvent: 'input'
+  };
+}