@adecore/agents-react 0.37.2 → 0.38.0

package/dist/chat/ui/composer/use-draft-files.js

@@ -5,21 +5,28 @@ import { EditorView } from '@codemirror/view';
 import { useChatHost } from '../../../host.js';
 import { checkAttachmentLimits, filesOf, readAttachments, uploadBytes } from '../../attachments.js';
 import { pasteBecomesAttachment, pastedTextName } from '../../guards.js';
-import { carriesMentions, droppedMentions, pastedMentions } from '../../mentions.js';
+import { carriesMentions, droppedMentions, pastedMentions, readClipboardChips } from '../../mentions.js';
+import { copyWithChipsFromEditor, pasteWithChips, withPastedChips } from './chip-paste.js';
 /* The card turns dropped files and paths into attachments and chips; CodeMirror would also paste their text at the drop point. */
 export const LEAVE_DROPS_TO_THE_CARD = EditorView.domEventHandlers({
   drop: event => event.dataTransfer !== null && (event.dataTransfer.types.includes('Files') || carriesMentions(event.dataTransfer.types))
 });
-/* What reaches the draft besides typing: files as attachments, dragged paths as mentions, and a long paste as a file of its own. */
+/*
+ * What reaches the draft besides typing: files as attachments, dragged paths as mentions, a long paste
+ * as a file of its own, and the chips a copy carried or a pasted text spells.
+ */
 export function useDraftFiles(t0) {
-  const $ = _c(35);
+  const $ = _c(41);
   const {
     capabilities,
     providerName,
     writable,
     draft: t1,
     inputRef,
-    setNotice
+    setNotice,
+    skills,
+    referables,
+    referenceChips
   } = t0;
   const {
     draft,
@@ -103,7 +110,7 @@ export function useDraftFiles(t0) {
   }
   const noteKey = t4;
   let t5;
-  if ($[13] !== addFiles || $[14] !== capabilities?.attachments || $[15] !== capabilities?.mentions || $[16] !== draft || $[17] !== setDraft) {
+  if ($[13] !== addFiles || $[14] !== capabilities?.attachments || $[15] !== capabilities?.mentions || $[16] !== draft || $[17] !== referables || $[18] !== setDraft || $[19] !== skills) {
     t5 = (e_0, view) => {
       const data = e_0.clipboardData;
       if (!data) {
@@ -130,7 +137,18 @@ export function useDraftFiles(t0) {
         return true;
       }
       if (inline || capabilities?.attachments === false || !pasteBecomesAttachment(clip)) {
-        return false;
+        const choices = {
+          skills,
+          referables,
+          referenced: [...draft.chats, ...draft.references],
+          mentions: capabilities?.mentions !== false
+        };
+        const chips = pasteWithChips(view, clip, readClipboardChips(data), choices);
+        if (chips === null) {
+          return false;
+        }
+        setDraft(current_1 => withPastedChips(current_1, chips, choices));
+        return true;
       }
       const {
         from,
@@ -155,88 +173,102 @@ export function useDraftFiles(t0) {
     $[14] = capabilities?.attachments;
     $[15] = capabilities?.mentions;
     $[16] = draft;
-    $[17] = setDraft;
-    $[18] = t5;
+    $[17] = referables;
+    $[18] = setDraft;
+    $[19] = skills;
+    $[20] = t5;
   } else {
-    t5 = $[18];
+    t5 = $[20];
   }
   const onPaste = t5;
   let t6;
-  if ($[19] !== writable) {
-    t6 = e_1 => {
-      if (writable && (e_1.dataTransfer.types.includes("Files") || carriesMentions(e_1.dataTransfer.types))) {
-        e_1.preventDefault();
-        e_1.stopPropagation();
-        setDragging(true);
-      }
-    };
-    $[19] = writable;
-    $[20] = t6;
+  if ($[21] !== draft || $[22] !== referenceChips) {
+    t6 = (e_1, view_0) => copyWithChipsFromEditor(e_1, view_0, draft, referenceChips);
+    $[21] = draft;
+    $[22] = referenceChips;
+    $[23] = t6;
   } else {
-    t6 = $[20];
+    t6 = $[23];
   }
+  const onCopy = t6;
   let t7;
-  if ($[21] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[24] !== writable) {
     t7 = e_2 => {
-      if (!e_2.currentTarget.contains(e_2.relatedTarget)) {
-        setDragging(false);
+      if (writable && (e_2.dataTransfer.types.includes("Files") || carriesMentions(e_2.dataTransfer.types))) {
+        e_2.preventDefault();
+        e_2.stopPropagation();
+        setDragging(true);
       }
     };
-    $[21] = t7;
+    $[24] = writable;
+    $[25] = t7;
   } else {
-    t7 = $[21];
+    t7 = $[25];
   }
   let t8;
-  if ($[22] !== addFiles || $[23] !== addMentions || $[24] !== inputRef) {
+  if ($[26] === Symbol.for("react.memo_cache_sentinel")) {
     t8 = e_3 => {
-      e_3.preventDefault();
-      e_3.stopPropagation();
-      setDragging(false);
-      addMentions(droppedMentions(e_3.dataTransfer));
-      addFiles(filesOf(e_3.dataTransfer));
-      inputRef.current?.focus();
+      if (!e_3.currentTarget.contains(e_3.relatedTarget)) {
+        setDragging(false);
+      }
     };
-    $[22] = addFiles;
-    $[23] = addMentions;
-    $[24] = inputRef;
-    $[25] = t8;
+    $[26] = t8;
   } else {
-    t8 = $[25];
+    t8 = $[26];
   }
   let t9;
-  if ($[26] !== t6 || $[27] !== t8) {
-    t9 = {
-      "data-takes-drop": "all",
-      onDragOver: t6,
-      onDragLeave: t7,
-      onDrop: t8
+  if ($[27] !== addFiles || $[28] !== addMentions || $[29] !== inputRef) {
+    t9 = e_4 => {
+      e_4.preventDefault();
+      e_4.stopPropagation();
+      setDragging(false);
+      addMentions(droppedMentions(e_4.dataTransfer));
+      addFiles(filesOf(e_4.dataTransfer));
+      inputRef.current?.focus();
     };
-    $[26] = t6;
-    $[27] = t8;
-    $[28] = t9;
+    $[27] = addFiles;
+    $[28] = addMentions;
+    $[29] = inputRef;
+    $[30] = t9;
   } else {
-    t9 = $[28];
+    t9 = $[30];
   }
-  const dropTarget = t9;
   let t10;
-  if ($[29] !== addFiles || $[30] !== dragging || $[31] !== dropTarget || $[32] !== noteKey || $[33] !== onPaste) {
+  if ($[31] !== t7 || $[32] !== t9) {
     t10 = {
+      "data-takes-drop": "all",
+      onDragOver: t7,
+      onDragLeave: t8,
+      onDrop: t9
+    };
+    $[31] = t7;
+    $[32] = t9;
+    $[33] = t10;
+  } else {
+    t10 = $[33];
+  }
+  const dropTarget = t10;
+  let t11;
+  if ($[34] !== addFiles || $[35] !== dragging || $[36] !== dropTarget || $[37] !== noteKey || $[38] !== onCopy || $[39] !== onPaste) {
+    t11 = {
       dragging,
       dropTarget,
       addFiles,
       noteKey,
-      onPaste
+      onPaste,
+      onCopy
     };
-    $[29] = addFiles;
-    $[30] = dragging;
-    $[31] = dropTarget;
-    $[32] = noteKey;
-    $[33] = onPaste;
-    $[34] = t10;
+    $[34] = addFiles;
+    $[35] = dragging;
+    $[36] = dropTarget;
+    $[37] = noteKey;
+    $[38] = onCopy;
+    $[39] = onPaste;
+    $[40] = t11;
   } else {
-    t10 = $[34];
+    t11 = $[40];
   }
-  return t10;
+  return t11;
 }
 function _temp6(attachment_0) {
   return attachment_0.name;

package/dist/chat/ui/composer/use-take-back.js

@@ -60,7 +60,8 @@ export function useTakeBack({
         mentions: message.mentions ?? [],
         skills: message.skills ?? [],
         chats: message.chats ?? [],
-        attachments: uploads
+        attachments: uploads,
+        references: message.references ?? []
       };
       // A file that would not fit is refused here, while the message still holds it on the machine.
       const wouldReject = takeBackIntoDraft(latest.current, taken).rejected[0];

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

@@ -2,7 +2,6 @@ export { AccountPill } from './AccountPill.js';
 export { AnsiOutput } from './AnsiOutput.js';
 export { BookmarkSubmenu } from './BookmarkSubmenu.js';
 export { ChatActivity, StatusIcon } from './ChatActivity.js';
-export { ChatReferenceChip } from './ChatReferenceChip.js';
 export { CodeBlock } from './CodeBlock.js';
 export { Composer } from './Composer.js';
 export { type ComposerInputHandle, ComposerInput, type InputSelection } from './ComposerInput.js';
@@ -22,6 +21,7 @@ export { Timeline } from './Timeline.js';
 export { TimelineMenuPopup } from './TimelineMenu.js';
 export { default as UnifiedDiff } from './UnifiedDiff.js';
 export { UploadThumb } from './UploadThumb.js';
+export { VisualPageFrame, type VisualPageFrameProps } from './VisualFrame.js';
 export { WelcomeGreeting } from './Welcome.js';
 export { externalChange, composerEditorExtensions } from './composer/editor.js';
 export { createDiffSyntaxRuntime, diffSyntaxRuntime, type DiffSyntaxRuntime, type DiffSyntaxRuntimeOptions, type DiffSyntaxSession, type DiffSyntaxMapping, type DiffSourceTokenSession, diffSourceTokens } from './diff-syntax.js';

package/dist/chat/ui/index.js

@@ -3,7 +3,6 @@ export { AccountPill } from './AccountPill.js';
 export { AnsiOutput } from './AnsiOutput.js';
 export { BookmarkSubmenu } from './BookmarkSubmenu.js';
 export { ChatActivity, StatusIcon } from './ChatActivity.js';
-export { ChatReferenceChip } from './ChatReferenceChip.js';
 export { CodeBlock } from './CodeBlock.js';
 export { Composer } from './Composer.js';
 export { ComposerInput } from './ComposerInput.js';
@@ -23,6 +22,7 @@ export { Timeline } from './Timeline.js';
 export { TimelineMenuPopup } from './TimelineMenu.js';
 export { default as UnifiedDiff } from './UnifiedDiff.js';
 export { UploadThumb } from './UploadThumb.js';
+export { VisualPageFrame } from './VisualFrame.js';
 export { WelcomeGreeting } from './Welcome.js';
 export { externalChange, composerEditorExtensions } from './composer/editor.js';
 export { createDiffSyntaxRuntime, diffSyntaxRuntime, diffSourceTokens } from './diff-syntax.js';

package/dist/chat/ui/reference-icons.d.ts

@@ -0,0 +1,3 @@
+import { type LucideIcon } from 'lucide-react';
+import type { ReferableKind } from '../chat-references.js';
+export declare const REFERENCE_ICONS: Record<ReferableKind, LucideIcon>;

package/dist/chat/ui/reference-icons.js

@@ -0,0 +1,15 @@
+import { Database, FileText, Frame, Globe, MessageSquare, PenTool, Smartphone, StickyNote, Terminal, Type, Workflow } from 'lucide-react';
+/* The mark of what a `#` points at, in the picker and on its chip. */
+export const REFERENCE_ICONS = {
+  canvas: Frame,
+  chat: MessageSquare,
+  terminal: Terminal,
+  note: StickyNote,
+  text: Type,
+  drawing: PenTool,
+  diagram: Workflow,
+  browser: Globe,
+  device: Smartphone,
+  file: FileText,
+  database: Database
+};

package/dist/chat/ui/reference-lookup.d.ts

@@ -0,0 +1,7 @@
+import type { Referable } from '../chat-references.js';
+export interface ReferenceLookup {
+    items: readonly Referable[];
+    open: ((id: string) => void) | null;
+    referenced?: readonly string[];
+}
+export declare const ReferenceLookupContext: import("react").Context<ReferenceLookup>;

package/dist/chat/ui/reference-lookup.js

@@ -0,0 +1,6 @@
+import { createContext } from 'react';
+/* What the views and nodes of a message stand for now, handed down by the row that draws it. */
+export const ReferenceLookupContext = createContext({
+  items: [],
+  open: null
+});

package/dist/chat/ui/rehype-chips.d.ts

@@ -1,3 +1,4 @@
+import { type ReferenceToken } from '../mentions.js';
 interface HastText {
     type: 'text';
     value: string;
@@ -18,6 +19,12 @@ interface HastParent {
 export interface ChipOptions {
     mentions?: string[];
     skills?: string[];
+    references?: readonly ReferenceToken[];
 }
-export declare function rehypeChips({ mentions, skills }?: ChipOptions): (tree: HastParent) => void;
+export interface NamedReferenceOptions {
+    items: readonly ReferenceToken[];
+    referenced?: readonly string[];
+}
+export declare function rehypeChips({ mentions, skills, references }?: ChipOptions): (tree: HastParent) => void;
+export declare function rehypeNamedReferences({ items, referenced }: NamedReferenceOptions): (tree: HastParent) => void;
 export {};

package/dist/chat/ui/rehype-chips.js

@@ -1,14 +1,22 @@
-import { chipText, tokenizeChips } from '../mentions.js';
+import { chipText, tokenizeChips, tokenizeNamedReferences } from '../mentions.js';
+function valueOf(segment) {
+  if (segment.kind === 'mention') {
+    return segment.path;
+  }
+  return segment.kind === 'skill' ? segment.name : segment.id;
+}
 // Inline code overrules a chip: `@a.ts` between backticks is code, not a mention.
 const SKIPPED = new Set(['code', 'pre']);
-/* A chip as an element: the renderer reads `data-chip` and `data-value`, the text keeps the sigil. */
+// A link already leads somewhere of its own.
+const SKIPPED_IN_REPLIES = new Set(['code', 'pre', 'a']);
+/* A chip as an element: the renderer reads `data-chip` and `data-value` (a reference's id), the text keeps the sigil. */
 function chipElement(segment) {
   return {
     type: 'element',
     tagName: 'span',
     properties: {
       dataChip: segment.kind,
-      dataValue: segment.kind === 'mention' ? segment.path : segment.name
+      dataValue: valueOf(segment)
     },
     children: [{
       type: 'text',
@@ -16,29 +24,45 @@ function chipElement(segment) {
     }]
   };
 }
-function split(parent, mentions, skills) {
+function split(parent, tokenize, skipped) {
   parent.children = parent.children.flatMap(child => {
     if (child.type === 'text') {
-      return tokenizeChips(child.value, mentions, skills).map(segment => segment.kind === 'text' ? {
+      return tokenize(child.value).map(segment => segment.kind === 'text' ? {
         type: 'text',
         value: segment.text
       } : chipElement(segment));
     }
-    if (child.type === 'element' && !SKIPPED.has(child.tagName)) {
-      split(child, mentions, skills);
+    if (child.type === 'element' && !skipped.has(child.tagName)) {
+      split(child, tokenize, skipped);
     }
     return [child];
   });
 }
-/* The `@path` and `$name` tokens a person picked in the composer, cut out of the text as chips. */
+/* The `@path`, `$name` and `#name` tokens a person picked in the composer, cut out of the text as chips. */
 export function rehypeChips({
   mentions = [],
-  skills = []
+  skills = [],
+  references = []
 } = {}) {
   return tree => {
-    if (mentions.length === 0 && skills.length === 0) {
+    if (mentions.length === 0 && skills.length === 0 && references.length === 0) {
+      return;
+    }
+    split(tree, text => tokenizeChips(text, mentions, skills, references), SKIPPED);
+  };
+}
+/* The `#Name` a reply spells for a view, node or chat by exactly its name, cut out of the text as chips. */
+export function rehypeNamedReferences({
+  items,
+  referenced = []
+}) {
+  return tree => {
+    if (items.length === 0) {
       return;
     }
-    split(tree, mentions, skills);
+    split(tree, text => text.includes('#') ? tokenizeNamedReferences(text, items, referenced) : [{
+      kind: 'text',
+      text
+    }], SKIPPED_IN_REPLIES);
   };
 }

package/dist/chat/ui/rows/GeneratedImageRow.js

@@ -12,6 +12,7 @@ import { attachmentAspect, generatedImageView } from '../../logic/generated-imag
 import { toolStartedAt } from '../../logic/tools.js';
 import { CHIP_IN_MESSAGE, MENTION_TONE } from '../chips.js';
 import { useFileLinkCwd, useOpenFileLink } from '../file-links.js';
+import { HostMenuItems } from '../HostMenuItems.js';
 import { ImageThumb } from '../ImageView.js';
 import { ROW_GUTTER } from '../icons.js';
 import { RunningFor, WorkRow } from './WorkRows.js';
@@ -299,6 +300,7 @@ function ReadyImage({
     open,
     saveToProject
   } = attachments;
+  const extra = attachments.actions?.(scopeId, chatId, attachment) ?? [];
   const detail = [attachment.width !== undefined && attachment.height !== undefined ? t('generatedImage.dimensions', {
     width: attachment.width,
     height: attachment.height
@@ -359,21 +361,23 @@ function ReadyImage({
               size: "sm",
               label: t('generatedImage.openLarge'),
               onClick: () => setLightbox(true)
-            }), prompt !== null && /*#__PURE__*/_jsxs(Menu.Root, {
+            }), (prompt !== null || extra.length > 0) && /*#__PURE__*/_jsxs(Menu.Root, {
               children: [/*#__PURE__*/_jsx(IconButton, {
                 icon: Ellipsis,
                 size: "sm",
                 label: t('generatedImage.more'),
                 render: /*#__PURE__*/_jsx(Menu.Trigger, {})
-              }), /*#__PURE__*/_jsx(Menu.Popup, {
+              }), /*#__PURE__*/_jsxs(Menu.Popup, {
                 align: "end",
-                children: /*#__PURE__*/_jsxs(Menu.Item, {
+                children: [prompt !== null && /*#__PURE__*/_jsxs(Menu.Item, {
                   onClick: () => copyText(prompt),
                   children: [/*#__PURE__*/_jsx(Icon, {
                     icon: Copy,
                     size: 14
                   }), " ", t('generatedImage.copyPrompt')]
-                })
+                }), /*#__PURE__*/_jsx(HostMenuItems, {
+                  actions: extra
+                })]
               })]
             })]
           })