@adecore/agents-react 0.37.2 → 0.38.0

package/dist/chat/ui/ComposerInput.d.ts

@@ -26,6 +26,7 @@ interface ComposerInputProps {
     onComposing?(composing: boolean): void;
     onKeyDown?(event: KeyboardEvent, view: EditorView): boolean;
     onPaste?(event: ClipboardEvent, view: EditorView): boolean;
+    onCopy?(event: ClipboardEvent, view: EditorView): boolean;
 }
 export declare function ComposerInput({ ref, value, placeholder, disabled, tabbable, className, dictationToolbar, extensions, aria, ...handlers }: ComposerInputProps): import("react").JSX.Element;
 export {};

package/dist/chat/ui/ComposerInput.js

@@ -117,6 +117,8 @@ export function ComposerInput(t0) {
           extensions: [composerEditorExtensions(), dictation.composer?.extensions ?? [], compartments.attributes.of([]), compartments.editable.of([]), compartments.placeholder.of([]), compartments.extensions.of([]), Prec.highest(EditorView.domEventHandlers({
             keydown: (event, target) => latest.current.handlers.onKeyDown?.(event, target) ?? false,
             paste: (event_0, target_0) => latest.current.handlers.onPaste?.(event_0, target_0) ?? false,
+            copy: (event_1, target_1) => latest.current.handlers.onCopy?.(event_1, target_1) ?? false,
+            cut: (event_2, target_2) => latest.current.handlers.onCopy?.(event_2, target_2) ?? false,
             compositionstart: () => {
               latest.current.handlers.onComposing?.(true);
               return false;

package/dist/chat/ui/HostMenuItems.d.ts

@@ -0,0 +1,4 @@
+import type { HostMenuAction } from '../../host.js';
+export declare function HostMenuItems({ actions }: {
+    actions: readonly HostMenuAction[];
+}): import("react").JSX.Element[];

package/dist/chat/ui/HostMenuItems.js

@@ -0,0 +1,15 @@
+import { Icon, Menu } from '@adecore/ui';
+/* The items a host adds to a menu of the chat's, in the order it gave them. */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function HostMenuItems({
+  actions
+}) {
+  return actions.map(action => /*#__PURE__*/_jsxs(Menu.Item, {
+    disabled: action.disabled,
+    onClick: () => action.run(),
+    children: [action.icon !== undefined && /*#__PURE__*/_jsx(Icon, {
+      icon: action.icon,
+      size: 14
+    }), " ", action.label]
+  }, action.id));
+}

package/dist/chat/ui/Markdown.d.ts

@@ -1,4 +1,5 @@
 import { type Components, type Options } from 'react-markdown';
+import type { ReferenceToken } from '../mentions.js';
 import { type ShellCodeBlockContext } from '../../host.js';
 type ShellCodeBlockReply = Pick<ShellCodeBlockContext, 'scopeId' | 'chatId' | 'itemId'> & {
     streaming: boolean;
@@ -9,10 +10,11 @@ export declare const ReplyMarkdown: import("react").MemoExoticComponent<({ text,
     arriving?: boolean;
     reply?: ShellCodeBlockReply;
 }) => import("react").JSX.Element>;
-export declare const MessageMarkdown: import("react").MemoExoticComponent<({ text, mentions, skills }: {
+export declare const MessageMarkdown: import("react").MemoExoticComponent<({ text, mentions, skills, references }: {
     text: string;
     mentions?: string[];
     skills?: string[];
+    references?: readonly ReferenceToken[];
 }) => import("react").JSX.Element>;
 export declare const Markdown: import("react").MemoExoticComponent<({ text, breaks, fileLinks, muted, rehypePlugins, componentOverrides }: {
     text: string;

package/dist/chat/ui/Markdown.js

@@ -5,19 +5,21 @@ import { Zap } from 'lucide-react';
 import ReactMarkdown from 'react-markdown';
 import remarkBreaks from 'remark-breaks';
 import remarkGfm from 'remark-gfm';
-import { CHIP_IN_MESSAGE, MENTION_TONE, SKILL_TONE } from './chips.js';
+import { MENTION_TONE, SKILL_TONE, TOKEN_ICON } from './chips.js';
 import { CodeBlock } from './CodeBlock.js';
 import { MermaidBlock } from './MermaidBlock.js';
 import { CodeStreamingContext } from './code-streaming.js';
 import { splitMarkdownBlocks } from './markdown-blocks.js';
-import { rehypeChips } from './rehype-chips.js';
+import { ReferenceChip, TokenChip } from './ReferenceChip.js';
+import { ReferenceLookupContext } from './reference-lookup.js';
+import { rehypeChips, rehypeNamedReferences } from './rehype-chips.js';
 import { rehypeFadeWords } from './rehype-fade.js';
 import { remarkHtmlAsText } from './remark-html-as-text.js';
 import { useChatHost } from '../../host.js';
 import { useFileLinkCwd, useFileLinkScopeId, useFileLinkTarget, useOpenFileLink } from './file-links.js';
 import { ErrorBoundary, FileIcon, Icon } from '@adecore/ui';
 import { useTranslation } from 'react-i18next';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 const ShellCodeBlockReplyContext = createContext(null);
 const BlockCodeContext = createContext(false);
 /* The command a shell fence holds, read from the fence as written, so it keeps the indentation and line endings it has. */
@@ -562,6 +564,7 @@ function replyHeading(level) {
 const replyComponents = {
   ...components,
   code: ReplyCode,
+  span: ChipSpan,
   h1: replyHeading(1),
   h2: replyHeading(2),
   h3: replyHeading(3),
@@ -685,121 +688,162 @@ function ReplyCode(t0) {
   }
   return t2;
 }
-/* A picked file or skill in a sent message. The glyph stands in for the sigil the text still carries. */
+/* A picked file, skill or reference in a sent message. The glyph stands in for the sigil the text still carries. */
 function Chip(t0) {
-  const $ = _c(16);
+  const $ = _c(14);
   const {
     kind,
     value
   } = t0;
+  if (kind === "reference") {
+    let t1;
+    if ($[0] !== value) {
+      t1 = /*#__PURE__*/_jsx(ReferenceChip, {
+        id: value
+      });
+      $[0] = value;
+      $[1] = t1;
+    } else {
+      t1 = $[1];
+    }
+    return t1;
+  }
   if (kind === "skill") {
     let t1;
-    let t2;
-    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-      t1 = clsx(CHIP_IN_MESSAGE, SKILL_TONE);
-      t2 = /*#__PURE__*/_jsx(Icon, {
+    if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+      t1 = /*#__PURE__*/_jsx(Icon, {
         icon: Zap,
         size: 14,
-        className: "shrink-0 opacity-85"
+        className: clsx(TOKEN_ICON, "opacity-85")
       });
-      $[0] = t1;
-      $[1] = t2;
+      $[2] = t1;
     } else {
-      t1 = $[0];
-      t2 = $[1];
+      t1 = $[2];
     }
-    let t3;
-    if ($[2] !== value) {
-      t3 = /*#__PURE__*/_jsxs("span", {
-        className: t1,
-        children: [t2, /*#__PURE__*/_jsx("span", {
-          className: "truncate",
-          children: value
-        })]
+    let t2;
+    if ($[3] !== value) {
+      t2 = /*#__PURE__*/_jsx(TokenChip, {
+        kind: "skill",
+        value: value,
+        sigil: "$",
+        icon: t1,
+        label: value,
+        tone: SKILL_TONE
       });
-      $[2] = value;
-      $[3] = t3;
+      $[3] = value;
+      $[4] = t2;
     } else {
-      t3 = $[3];
+      t2 = $[4];
     }
-    return t3;
+    return t2;
   }
   let t1;
-  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-    t1 = clsx(CHIP_IN_MESSAGE, MENTION_TONE);
-    $[4] = t1;
+  if ($[5] !== value) {
+    t1 = /*#__PURE__*/_jsx(FileIcon, {
+      path: value,
+      size: 14,
+      className: TOKEN_ICON
+    });
+    $[5] = value;
+    $[6] = t1;
   } else {
-    t1 = $[4];
+    t1 = $[6];
   }
   let t2;
-  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
     t2 = /[\\/]$/;
-    $[5] = t2;
+    $[7] = t2;
   } else {
-    t2 = $[5];
+    t2 = $[7];
   }
   let t3;
-  if ($[6] !== value) {
-    t3 = t2.test(value);
-    $[6] = value;
-    $[7] = t3;
-  } else {
-    t3 = $[7];
-  }
-  let t4;
-  let t5;
   if ($[8] !== value) {
-    t4 = /*#__PURE__*/_jsx(FileIcon, {
-      path: value,
-      size: 14
-    });
-    t5 = /*#__PURE__*/_jsx("span", {
-      className: "truncate",
-      children: value
-    });
+    t3 = t2.test(value);
     $[8] = value;
-    $[9] = t4;
-    $[10] = t5;
+    $[9] = t3;
   } else {
-    t4 = $[9];
-    t5 = $[10];
+    t3 = $[9];
   }
-  let t6;
-  if ($[11] !== t3 || $[12] !== t4 || $[13] !== t5 || $[14] !== value) {
-    t6 = /*#__PURE__*/_jsxs("span", {
-      className: t1,
+  let t4;
+  if ($[10] !== t1 || $[11] !== t3 || $[12] !== value) {
+    t4 = /*#__PURE__*/_jsx(TokenChip, {
+      kind: "mention",
+      value: value,
+      sigil: "@",
+      icon: t1,
+      label: value,
+      tone: MENTION_TONE,
       "data-file-path": value,
-      "data-file-directory": t3,
-      children: [t4, t5]
+      "data-file-directory": t3
     });
+    $[10] = t1;
     $[11] = t3;
-    $[12] = t4;
-    $[13] = t5;
-    $[14] = value;
-    $[15] = t6;
+    $[12] = value;
+    $[13] = t4;
   } else {
-    t6 = $[15];
+    t4 = $[13];
   }
-  return t6;
+  return t4;
 }
-const messageComponents = {
-  ...replyComponents,
-  span({
-    children,
-    'data-chip': chip,
-    'data-value': value
-  }) {
-    if (chip === undefined || value === undefined) {
-      return /*#__PURE__*/_jsx("span", {
+/* A span the chip plugins made is a chip; any other, such as a fading word, stays the span it was. */
+function ChipSpan(t0) {
+  const $ = _c(11);
+  let children;
+  let chip;
+  let rest;
+  let value;
+  if ($[0] !== t0) {
+    const {
+      children: t1,
+      node: _node,
+      "data-chip": t2,
+      "data-value": t3,
+      ...t4
+    } = t0;
+    children = t1;
+    chip = t2;
+    value = t3;
+    rest = t4;
+    $[0] = t0;
+    $[1] = children;
+    $[2] = chip;
+    $[3] = rest;
+    $[4] = value;
+  } else {
+    children = $[1];
+    chip = $[2];
+    rest = $[3];
+    value = $[4];
+  }
+  if (chip === undefined || value === undefined) {
+    let t1;
+    if ($[5] !== children || $[6] !== rest) {
+      t1 = /*#__PURE__*/_jsx("span", {
+        ...rest,
         children: children
       });
+      $[5] = children;
+      $[6] = rest;
+      $[7] = t1;
+    } else {
+      t1 = $[7];
     }
-    return /*#__PURE__*/_jsx(Chip, {
+    return t1;
+  }
+  let t1;
+  if ($[8] !== chip || $[9] !== value) {
+    t1 = /*#__PURE__*/_jsx(Chip, {
       kind: chip,
       value: value
     });
+    $[8] = chip;
+    $[9] = value;
+    $[10] = t1;
+  } else {
+    t1 = $[10];
   }
-};
+  return t1;
+}
 // Module constants, so a render never hands react-markdown a fresh array and makes it parse again.
 const PLUGINS = [remarkGfm];
 const REPLY_PLUGINS = [remarkGfm, remarkShellCodeBlocks];
@@ -809,54 +853,81 @@ const FADE_PLUGINS = [rehypeFadeWords];
 const NO_PLUGINS = [];
 /* One block of a reply. It renders no element of its own, so prose keeps its first and last margins. */
 const ReplyBlock = memo(function ReplyBlock(t0) {
-  const $ = _c(9);
+  const $ = _c(16);
   const {
     text,
     fade,
     open,
     reply
   } = t0;
-  const t1 = reply ?? null;
-  const t2 = fade ? FADE_PLUGINS : NO_PLUGINS;
-  let t3;
-  if ($[0] !== t2 || $[1] !== text) {
-    t3 = /*#__PURE__*/_jsx(ReactMarkdown, {
+  const {
+    items,
+    referenced
+  } = useContext(ReferenceLookupContext);
+  let t1;
+  if ($[0] !== items || $[1] !== referenced) {
+    t1 = {
+      items,
+      referenced
+    };
+    $[0] = items;
+    $[1] = referenced;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const named = t1;
+  let t2;
+  if ($[3] !== fade || $[4] !== items.length || $[5] !== named) {
+    t2 = items.length === 0 ? fade ? FADE_PLUGINS : NO_PLUGINS : [[rehypeNamedReferences, named], ...(fade ? FADE_PLUGINS : [])];
+    $[3] = fade;
+    $[4] = items.length;
+    $[5] = named;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  const rehypePlugins = t2;
+  const t3 = reply ?? null;
+  let t4;
+  if ($[7] !== rehypePlugins || $[8] !== text) {
+    t4 = /*#__PURE__*/_jsx(ReactMarkdown, {
       remarkPlugins: REPLY_PLUGINS,
-      rehypePlugins: t2,
+      rehypePlugins: rehypePlugins,
       components: replyComponents,
       children: text
     });
-    $[0] = t2;
-    $[1] = text;
-    $[2] = t3;
+    $[7] = rehypePlugins;
+    $[8] = text;
+    $[9] = t4;
   } else {
-    t3 = $[2];
+    t4 = $[9];
   }
-  let t4;
-  if ($[3] !== t1 || $[4] !== t3) {
-    t4 = /*#__PURE__*/_jsx(ShellCodeBlockReplyContext.Provider, {
-      value: t1,
-      children: t3
+  let t5;
+  if ($[10] !== t3 || $[11] !== t4) {
+    t5 = /*#__PURE__*/_jsx(ShellCodeBlockReplyContext.Provider, {
+      value: t3,
+      children: t4
     });
-    $[3] = t1;
-    $[4] = t3;
-    $[5] = t4;
+    $[10] = t3;
+    $[11] = t4;
+    $[12] = t5;
   } else {
-    t4 = $[5];
+    t5 = $[12];
   }
-  let t5;
-  if ($[6] !== open || $[7] !== t4) {
-    t5 = /*#__PURE__*/_jsx(CodeStreamingContext.Provider, {
+  let t6;
+  if ($[13] !== open || $[14] !== t5) {
+    t6 = /*#__PURE__*/_jsx(CodeStreamingContext.Provider, {
       value: open,
-      children: t4
+      children: t5
     });
-    $[6] = open;
-    $[7] = t4;
-    $[8] = t5;
+    $[13] = open;
+    $[14] = t5;
+    $[15] = t6;
   } else {
-    t5 = $[8];
+    t6 = $[15];
   }
-  return t5;
+  return t6;
 });
 /*
  * A code fence at the top level of a reply, drawn as markdown draws it but without parsing, so a word
@@ -998,44 +1069,47 @@ export const ReplyMarkdown = memo(function ReplyMarkdown(t0) {
 });
 /*
  * A message a person sent. Enter meant a line break, a tag typed without backticks stays the text
- * it was, and the files and skills picked in the composer are chips again.
+ * it was, and the files, skills and references picked in the composer are chips again.
  */
 export const MessageMarkdown = memo(function MessageMarkdown(t0) {
-  const $ = _c(6);
+  const $ = _c(7);
   const {
     text,
     mentions,
-    skills
+    skills,
+    references
   } = t0;
   let t1;
-  if ($[0] !== mentions || $[1] !== skills) {
+  if ($[0] !== mentions || $[1] !== references || $[2] !== skills) {
     t1 = [[rehypeChips, {
       mentions,
-      skills
+      skills,
+      references
     }]];
     $[0] = mentions;
-    $[1] = skills;
-    $[2] = t1;
+    $[1] = references;
+    $[2] = skills;
+    $[3] = t1;
   } else {
-    t1 = $[2];
+    t1 = $[3];
   }
   const rehypePlugins = t1;
   let t2;
-  if ($[3] !== rehypePlugins || $[4] !== text) {
+  if ($[4] !== rehypePlugins || $[5] !== text) {
     t2 = /*#__PURE__*/_jsx("div", {
       className: "chat-markdown prose prose-sm max-w-none text-sm",
       children: /*#__PURE__*/_jsx(ReactMarkdown, {
         remarkPlugins: MESSAGE_PLUGINS,
         rehypePlugins: rehypePlugins,
-        components: messageComponents,
+        components: replyComponents,
         children: text
       })
     });
-    $[3] = rehypePlugins;
-    $[4] = text;
-    $[5] = t2;
+    $[4] = rehypePlugins;
+    $[5] = text;
+    $[6] = t2;
   } else {
-    t2 = $[5];
+    t2 = $[6];
   }
   return t2;
 });