@adecore/agents-react 0.37.2 → 0.38.0

package/dist/chat/ui/composer/use-composer-menus.js

@@ -4,28 +4,28 @@ import { useTranslation } from 'react-i18next';
 import { ensureSyntaxTree, syntaxTree } from '@codemirror/language';
 import { useChatHost } from '../../../host.js';
 import { useChatScope } from '../../../scope.js';
-import { chatSuggestions } from '../../chat-references.js';
+import { referenceSuggestions, referenceTokens } from '../../chat-references.js';
 import { usableSlashCommands } from '../../guards.js';
-import { dropQuery, findMentionQuery, findSkillQuery, insertMention, insertSkill, mentionPick, NO_MENTION_SEARCH } from '../../mentions.js';
+import { chipRanges, findMentionQuery, findReferenceQuery, findSkillQuery, insertMention, insertReference, insertSkill, mentionPick, NO_MENTION_SEARCH, queryOutsideChips } from '../../mentions.js';
 import { inCode } from './keys.js';
 import { clampMenuIndex, composerMenuAria } from './menu-aria.js';
-import { useHostReferableChats } from '../../../host-hooks.js';
+import { useHostReferables } from '../../../host-hooks.js';
 const SEARCH_DEBOUNCE_MS = 80;
 // What fits above the composer without turning the picker into a file tree.
 const MENTION_RESULTS = 8;
-// The chats go above the files, so a few leave the files in view.
-const CHAT_RESULTS = 4;
+const REFERENCE_RESULTS = 8;
 // Commands the composer handles itself; the CLI's own ones are sent through as text.
 export const LOCAL_COMMANDS = ['model', 'compact', 'clear'];
 function sameQuery(left, right) {
   return left?.start === right?.start && left?.query === right?.query;
 }
 /*
- * The pickers over the box: `/` for a command, `$` for a skill and `@` for a file or another chat.
- * One is open at a time, and the arrow keys and the editor's ARIA attributes follow that one.
+ * The pickers over the box: `/` for a command, `$` for a skill, `@` for a file and `#` for a view,
+ * a node or another chat. One is open at a time, and the arrow keys and the editor's ARIA attributes
+ * follow that one.
  */
 export function useComposerMenus(t0) {
-  const $ = _c(105);
+  const $ = _c(110);
   const {
     chatId,
     info,
@@ -47,9 +47,10 @@ export function useComposerMenus(t0) {
   const {
     searchFiles
   } = host;
-  const chats = useHostReferableChats();
+  const referables = useHostReferables(scope.id, chatId);
   const [menuIndex, setMenuIndex] = useState(0);
   const [mention, setMention] = useState(null);
+  const [referenceQuery, setReferenceQuery] = useState(null);
   const [skillQuery, setSkillQuery] = useState(null);
   let t2;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
@@ -242,97 +243,102 @@ export function useComposerMenus(t0) {
   const commandMenuOpen = commandQuery !== null && commands.length > 0;
   const skillMenuOpen = !commandMenuOpen && skillQuery !== null && skillMatches.length > 0;
   const mentionMenuOpen = !commandMenuOpen && !skillMenuOpen && mention !== null;
+  const files_0 = mention === null ? [] : searched.files;
+  const mentionCount = files_0.length;
   let t10;
-  if ($[35] !== mention || $[36] !== searched) {
-    t10 = mention === null ? [] : searched.files;
-    $[35] = mention;
-    $[36] = searched;
-    $[37] = t10;
+  if ($[35] !== referables.chatsOnly) {
+    t10 = item => !referables.chatsOnly || item.kind === "chat";
+    $[35] = referables.chatsOnly;
+    $[36] = t10;
   } else {
-    t10 = $[37];
+    t10 = $[36];
   }
-  const files_0 = t10;
+  const offersReferences = referables.items.some(t10);
+  const referenceMenuOpen = !commandMenuOpen && !skillMenuOpen && !mentionMenuOpen && referenceQuery !== null && offersReferences;
+  const referenceMatches = referenceMenuOpen ? referenceSuggestions(referables, referenceQuery.query, [chatId, ...draft.chats, ...draft.references], REFERENCE_RESULTS) : [];
   let t11;
-  if ($[38] !== chatId || $[39] !== chats || $[40] !== draft.chats || $[41] !== mention) {
-    t11 = mention === null ? [] : chatSuggestions(chats, mention.query, [chatId, ...draft.chats], CHAT_RESULTS);
-    $[38] = chatId;
-    $[39] = chats;
-    $[40] = draft.chats;
-    $[41] = mention;
-    $[42] = t11;
+  if ($[37] !== draft.chats || $[38] !== draft.referenceNames || $[39] !== draft.references || $[40] !== referables.items) {
+    let t12;
+    if ($[42] !== referables.items) {
+      t12 = token => ({
+        ...token,
+        kind: referables.items.find(item_0 => item_0.id === token.id)?.kind ?? null
+      });
+      $[42] = referables.items;
+      $[43] = t12;
+    } else {
+      t12 = $[43];
+    }
+    t11 = referenceTokens([...draft.chats, ...draft.references], referables.items, draft.referenceNames).map(t12);
+    $[37] = draft.chats;
+    $[38] = draft.referenceNames;
+    $[39] = draft.references;
+    $[40] = referables.items;
+    $[41] = t11;
   } else {
-    t11 = $[42];
+    t11 = $[41];
   }
-  const chatMatches = t11;
-  const mentionCount = chatMatches.length + files_0.length;
+  const referenceChips = t11;
   const listId = useId();
-  const menuOpen = commandMenuOpen || skillMenuOpen || mentionMenuOpen;
-  const menuCount = commandMenuOpen ? commands.length : skillMenuOpen ? skillMatches.length : mentionCount;
-  let activeIndex;
+  const menuOpen = commandMenuOpen || skillMenuOpen || mentionMenuOpen || referenceMenuOpen;
+  const menuCount = commandMenuOpen ? commands.length : skillMenuOpen ? skillMatches.length : mentionMenuOpen ? mentionCount : referenceMatches.length;
+  const activeIndex = clampMenuIndex(menuIndex, menuCount);
+  const inputAria = composerMenuAria({
+    label: t("composer.inputLabel"),
+    listId,
+    open: menuOpen,
+    activeIndex,
+    count: menuCount
+  });
   let t12;
-  if ($[43] !== listId || $[44] !== menuCount || $[45] !== menuIndex || $[46] !== menuOpen || $[47] !== t) {
-    activeIndex = clampMenuIndex(menuIndex, menuCount);
-    t12 = composerMenuAria({
-      label: t("composer.inputLabel"),
-      listId,
-      open: menuOpen,
-      activeIndex,
-      count: menuCount
-    });
-    $[43] = listId;
-    $[44] = menuCount;
-    $[45] = menuIndex;
-    $[46] = menuOpen;
-    $[47] = t;
-    $[48] = activeIndex;
-    $[49] = t12;
-  } else {
-    activeIndex = $[48];
-    t12 = $[49];
-  }
-  const inputAria = t12;
-  let t13;
-  if ($[50] !== capabilities?.mentions) {
-    t13 = (value, selection, state) => {
+  if ($[44] !== capabilities?.mentions || $[45] !== draft.mentions || $[46] !== draft.skills || $[47] !== referenceChips) {
+    t12 = (value, selection, state) => {
       const empty = selection.from === selection.to;
       const tree = empty ? ensureSyntaxTree(state, selection.from, 50) ?? syntaxTree(state) : null;
       const caret = tree !== null && !inCode(tree, value, selection.from) ? selection.from : null;
-      const skill_1 = caret === null ? null : findSkillQuery(value, caret);
+      const chips = caret === null ? [] : chipRanges(value, draft.mentions, draft.skills, [], referenceChips);
+      const skill_1 = caret === null ? null : queryOutsideChips(findSkillQuery(value, caret), chips);
       setSkillQuery(current => sameQuery(current, skill_1) ? current : skill_1);
-      const next = caret === null || capabilities?.mentions === false ? null : findMentionQuery(value, caret);
+      const next = caret === null || capabilities?.mentions === false ? null : queryOutsideChips(findMentionQuery(value, caret), chips);
       setMention(current_0 => sameQuery(current_0, next) ? current_0 : next);
+      const reference = caret === null ? null : queryOutsideChips(findReferenceQuery(value, caret), chips);
+      setReferenceQuery(current_1 => sameQuery(current_1, reference) ? current_1 : reference);
     };
-    $[50] = capabilities?.mentions;
-    $[51] = t13;
+    $[44] = capabilities?.mentions;
+    $[45] = draft.mentions;
+    $[46] = draft.skills;
+    $[47] = referenceChips;
+    $[48] = t12;
   } else {
-    t13 = $[51];
+    t12 = $[48];
   }
-  const trackTriggers = t13;
-  let t14;
-  if ($[52] !== inputRef) {
-    t14 = caret_0 => {
+  const trackTriggers = t12;
+  let t13;
+  if ($[49] !== inputRef) {
+    t13 = caret_0 => {
       requestAnimationFrame(() => inputRef.current?.setCaret(caret_0));
     };
-    $[52] = inputRef;
-    $[53] = t14;
+    $[49] = inputRef;
+    $[50] = t13;
   } else {
-    t14 = $[53];
+    t13 = $[50];
   }
-  const moveCaret = t14;
-  let t15;
-  if ($[54] === Symbol.for("react.memo_cache_sentinel")) {
-    t15 = () => {
+  const moveCaret = t13;
+  let t14;
+  if ($[51] === Symbol.for("react.memo_cache_sentinel")) {
+    t14 = () => {
       setMention(null);
       setSkillQuery(null);
+      setReferenceQuery(null);
     };
-    $[54] = t15;
+    $[51] = t14;
   } else {
-    t15 = $[54];
+    t14 = $[51];
   }
-  const close = t15;
-  let t16;
-  if ($[55] !== draft.mentions || $[56] !== mention || $[57] !== moveCaret || $[58] !== setText || $[59] !== text) {
-    t16 = path => {
+  const close = t14;
+  let t15;
+  if ($[52] !== draft.mentions || $[53] !== mention || $[54] !== moveCaret || $[55] !== setText || $[56] !== text) {
+    t15 = path => {
       if (!mention) {
         return;
       }
@@ -341,64 +347,80 @@ export function useComposerMenus(t0) {
       setMention(null);
       moveCaret(result.caret);
     };
-    $[55] = draft.mentions;
-    $[56] = mention;
-    $[57] = moveCaret;
-    $[58] = setText;
-    $[59] = text;
-    $[60] = t16;
+    $[52] = draft.mentions;
+    $[53] = mention;
+    $[54] = moveCaret;
+    $[55] = setText;
+    $[56] = text;
+    $[57] = t15;
   } else {
-    t16 = $[60];
+    t15 = $[57];
   }
-  const chooseMention = t16;
+  const chooseMention = t15;
+  let t16;
+  if ($[58] !== chooseMention || $[59] !== mention || $[60] !== searched) {
+    t16 = index => {
+      const path_0 = mention === null ? null : mentionPick(index, searched, mention.query);
+      if (path_0 !== null) {
+        chooseMention(path_0);
+      }
+    };
+    $[58] = chooseMention;
+    $[59] = mention;
+    $[60] = searched;
+    $[61] = t16;
+  } else {
+    t16 = $[61];
+  }
+  const chooseMentionAt = t16;
   let t17;
-  if ($[61] !== mention || $[62] !== moveCaret || $[63] !== setDraft || $[64] !== text) {
-    t17 = id => {
-      if (!mention) {
+  if ($[62] !== moveCaret || $[63] !== referenceQuery || $[64] !== setDraft || $[65] !== text) {
+    t17 = item_1 => {
+      if (!referenceQuery) {
         return;
       }
-      const result_0 = dropQuery(text, mention);
-      setDraft(current_1 => ({
-        ...current_1,
+      const result_0 = insertReference(text, referenceQuery, item_1.name);
+      const chat = item_1.kind === "chat";
+      const add = ids => ids.includes(item_1.id) ? ids : [...ids, item_1.id];
+      setDraft(current_2 => ({
+        ...current_2,
         text: result_0.text,
-        chats: current_1.chats.includes(id) ? current_1.chats : [...current_1.chats, id]
+        chats: chat ? add(current_2.chats) : current_2.chats,
+        references: chat ? current_2.references : add(current_2.references),
+        referenceNames: {
+          ...current_2.referenceNames,
+          [item_1.id]: item_1.name
+        }
       }));
-      setMention(null);
+      setReferenceQuery(null);
       moveCaret(result_0.caret);
     };
-    $[61] = mention;
     $[62] = moveCaret;
-    $[63] = setDraft;
-    $[64] = text;
-    $[65] = t17;
+    $[63] = referenceQuery;
+    $[64] = setDraft;
+    $[65] = text;
+    $[66] = t17;
   } else {
-    t17 = $[65];
+    t17 = $[66];
   }
-  const chooseChat = t17;
+  const chooseReference = t17;
   let t18;
-  if ($[66] !== chatMatches || $[67] !== chooseChat || $[68] !== chooseMention || $[69] !== mention || $[70] !== searched) {
-    t18 = index => {
-      const pick = mention === null ? null : mentionPick(index, chatMatches, searched, mention.query);
-      if (pick?.kind === "chat") {
-        chooseChat(pick.chat.id);
-      } else {
-        if (pick?.kind === "file") {
-          chooseMention(pick.path);
-        }
+  if ($[67] !== chooseReference || $[68] !== referenceMatches) {
+    t18 = index_0 => {
+      const item_2 = referenceMatches[index_0] ?? referenceMatches[0];
+      if (item_2 !== undefined) {
+        chooseReference(item_2);
       }
     };
-    $[66] = chatMatches;
-    $[67] = chooseChat;
-    $[68] = chooseMention;
-    $[69] = mention;
-    $[70] = searched;
-    $[71] = t18;
+    $[67] = chooseReference;
+    $[68] = referenceMatches;
+    $[69] = t18;
   } else {
-    t18 = $[71];
+    t18 = $[69];
   }
-  const chooseMentionAt = t18;
+  const chooseReferenceAt = t18;
   let t19;
-  if ($[72] !== draft.mentions || $[73] !== draft.skills || $[74] !== moveCaret || $[75] !== setText || $[76] !== skillQuery || $[77] !== text) {
+  if ($[70] !== draft.mentions || $[71] !== draft.skills || $[72] !== moveCaret || $[73] !== setText || $[74] !== skillQuery || $[75] !== text) {
     t19 = name_2 => {
       const result_1 = skillQuery ? insertSkill(text, skillQuery, name_2) : {
         text: `$${name_2} `,
@@ -408,21 +430,21 @@ export function useComposerMenus(t0) {
       setSkillQuery(null);
       moveCaret(result_1.caret);
     };
-    $[72] = draft.mentions;
-    $[73] = draft.skills;
-    $[74] = moveCaret;
-    $[75] = setText;
-    $[76] = skillQuery;
-    $[77] = text;
-    $[78] = t19;
+    $[70] = draft.mentions;
+    $[71] = draft.skills;
+    $[72] = moveCaret;
+    $[73] = setText;
+    $[74] = skillQuery;
+    $[75] = text;
+    $[76] = t19;
   } else {
-    t19 = $[78];
+    t19 = $[76];
   }
   const chooseSkill = t19;
   let t20;
-  if ($[79] !== chooseSkill || $[80] !== inputRef || $[81] !== setText) {
-    t20 = (command_0, index_0) => {
-      setMenuIndex(index_0);
+  if ($[77] !== chooseSkill || $[78] !== inputRef || $[79] !== setText) {
+    t20 = (command_0, index_1) => {
+      setMenuIndex(index_1);
       if (command_0.skill) {
         chooseSkill(command_0.name);
         return;
@@ -430,16 +452,16 @@ export function useComposerMenus(t0) {
       setText(`/${command_0.name}`);
       inputRef.current?.focus();
     };
-    $[79] = chooseSkill;
-    $[80] = inputRef;
-    $[81] = setText;
-    $[82] = t20;
+    $[77] = chooseSkill;
+    $[78] = inputRef;
+    $[79] = setText;
+    $[80] = t20;
   } else {
-    t20 = $[82];
+    t20 = $[80];
   }
   const pickCommand = t20;
   let t21;
-  if ($[83] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[81] === Symbol.for("react.memo_cache_sentinel")) {
     t21 = (key, count) => {
       if (key === "ArrowDown") {
         setMenuIndex(i => (i + 1) % count);
@@ -451,19 +473,28 @@ export function useComposerMenus(t0) {
       }
       return false;
     };
-    $[83] = t21;
+    $[81] = t21;
   } else {
-    t21 = $[83];
+    t21 = $[81];
   }
   const moveInMenu = t21;
   const t22 = skills.length > 0;
   let t23;
-  if ($[84] !== activeIndex || $[85] !== chatMatches || $[86] !== chooseChat || $[87] !== chooseMention || $[88] !== chooseMentionAt || $[89] !== chooseSkill || $[90] !== commandMenuOpen || $[91] !== commandQuery || $[92] !== commands || $[93] !== files_0 || $[94] !== inputAria || $[95] !== listId || $[96] !== mention || $[97] !== mentionCount || $[98] !== mentionMenuOpen || $[99] !== pickCommand || $[100] !== skillMatches || $[101] !== skillMenuOpen || $[102] !== t22 || $[103] !== trackTriggers) {
-    t23 = {
+  if ($[82] !== skills) {
+    t23 = skills.map(_temp4);
+    $[82] = skills;
+    $[83] = t23;
+  } else {
+    t23 = $[83];
+  }
+  let t24;
+  if ($[84] !== activeIndex || $[85] !== chooseMention || $[86] !== chooseMentionAt || $[87] !== chooseReference || $[88] !== chooseReferenceAt || $[89] !== chooseSkill || $[90] !== commandMenuOpen || $[91] !== commandQuery || $[92] !== commands || $[93] !== files_0 || $[94] !== inputAria || $[95] !== listId || $[96] !== mention || $[97] !== mentionCount || $[98] !== mentionMenuOpen || $[99] !== pickCommand || $[100] !== referables || $[101] !== referenceChips || $[102] !== referenceMatches || $[103] !== referenceMenuOpen || $[104] !== skillMatches || $[105] !== skillMenuOpen || $[106] !== t22 || $[107] !== t23 || $[108] !== trackTriggers) {
+    t24 = {
       listId,
       activeIndex,
       inputAria,
       hasSkills: t22,
+      skillNames: t23,
       commandQuery,
       commands,
       commandMenuOpen,
@@ -472,23 +503,27 @@ export function useComposerMenus(t0) {
       mention,
       mentionMenuOpen,
       mentionCount,
-      chatMatches,
       files: files_0,
+      referenceMenuOpen,
+      referenceMatches,
+      referables,
+      referenceChips,
       setMenuIndex,
       trackTriggers,
       close,
       chooseMention,
-      chooseChat,
       chooseMentionAt,
+      chooseReference,
+      chooseReferenceAt,
       chooseSkill,
       pickCommand,
       moveInMenu
     };
     $[84] = activeIndex;
-    $[85] = chatMatches;
-    $[86] = chooseChat;
-    $[87] = chooseMention;
-    $[88] = chooseMentionAt;
+    $[85] = chooseMention;
+    $[86] = chooseMentionAt;
+    $[87] = chooseReference;
+    $[88] = chooseReferenceAt;
     $[89] = chooseSkill;
     $[90] = commandMenuOpen;
     $[91] = commandQuery;
@@ -500,15 +535,23 @@ export function useComposerMenus(t0) {
     $[97] = mentionCount;
     $[98] = mentionMenuOpen;
     $[99] = pickCommand;
-    $[100] = skillMatches;
-    $[101] = skillMenuOpen;
-    $[102] = t22;
-    $[103] = trackTriggers;
-    $[104] = t23;
+    $[100] = referables;
+    $[101] = referenceChips;
+    $[102] = referenceMatches;
+    $[103] = referenceMenuOpen;
+    $[104] = skillMatches;
+    $[105] = skillMenuOpen;
+    $[106] = t22;
+    $[107] = t23;
+    $[108] = trackTriggers;
+    $[109] = t24;
   } else {
-    t23 = $[104];
+    t24 = $[109];
   }
-  return t23;
+  return t24;
+}
+function _temp4(skill_2) {
+  return skill_2.name;
 }
 function _temp3(skill) {
   return skill.name;

package/dist/chat/ui/composer/use-composer-submit.js

@@ -7,11 +7,10 @@ import { checkAttachmentLimits, uploadBytes } from '../../attachments.js';
 import { registerComposerSender } from '../../composer-send.js';
 import { isEmptyDraft } from '../../drafts.js';
 import { CONTINUE_PROMPT } from '../../logic/continue-after-stop.js';
-import { presentMentions, presentSkills } from '../../mentions.js';
+import { presentMentions, presentReferences, presentSkills } from '../../mentions.js';
 import { withQuote } from '../../quote.js';
 import { restorableChats, stashDraft, useStash } from '../../stash.js';
 import { scrollTimelineToEnd } from '../../timeline-scroll.js';
-import { useHostReferableChats } from '../../../host-hooks.js';
 /* Sends the draft, or runs the command it names, and puts it away in the stash and back. */
 export function useComposerSubmit(t0) {
   const $ = _c(49);
@@ -39,7 +38,6 @@ export function useComposerSubmit(t0) {
     draft,
     setDraft
   } = box;
-  const referable = useHostReferableChats();
   let t1;
   if ($[0] !== chatId || $[1] !== host.openNewChat || $[2] !== scope.id) {
     t1 = (sent, andNew) => {
@@ -100,15 +98,18 @@ export function useComposerSubmit(t0) {
         box.clear();
         return;
       }
+      const chats = presentReferences(trimmed, draft.chats, menus.referenceChips);
+      const references = menus.referables.chatsOnly ? [] : presentReferences(trimmed, draft.references, menus.referenceChips);
       const sent_0 = onSend(withQuote(quote, trimmed), {
         delivery,
         mentions: presentMentions(trimmed, draft.mentions),
         skills: presentSkills(trimmed, draft.skills),
-        chats: draft.chats,
+        chats,
         quoteSource: quote !== "" && quoteSource !== null ? {
           itemId: quoteSource
         } : undefined,
-        attachments: draft.attachments
+        attachments: draft.attachments,
+        references: references.length > 0 ? references : undefined
       });
       afterSend(sent_0, how === "and-new");
       box.clear();
@@ -161,20 +162,21 @@ export function useComposerSubmit(t0) {
   }
   useEffect(t4, t5);
   let t6;
-  if ($[25] !== chatId || $[26] !== history || $[27] !== inputRef || $[28] !== referable || $[29] !== setDraft || $[30] !== setNotice || $[31] !== t) {
+  if ($[25] !== chatId || $[26] !== history || $[27] !== inputRef || $[28] !== menus || $[29] !== setDraft || $[30] !== setNotice || $[31] !== t) {
     t6 = prompt => {
       const stashedQuote = prompt.quote;
       const here = stashedQuote !== undefined && stashedQuote.chatId === chatId;
       const {
-        chats,
+        chats: chats_0,
         dropped
-      } = restorableChats(prompt.chats, new Set(referable.map(_temp3)), chatId);
+      } = restorableChats(prompt.chats, new Set(menus.referables.items.filter(_temp3).map(_temp4)), chatId);
       setDraft(current => ({
         ...current,
         text: stashedQuote === undefined || here ? prompt.text : withQuote(stashedQuote.text, prompt.text),
         mentions: [...prompt.mentions],
         skills: [...prompt.skills],
-        chats,
+        chats: chats_0,
+        references: [...prompt.references],
         ...(here ? {
           quote: stashedQuote.text,
           quoteSource: stashedQuote.itemId
@@ -191,7 +193,7 @@ export function useComposerSubmit(t0) {
     $[25] = chatId;
     $[26] = history;
     $[27] = inputRef;
-    $[28] = referable;
+    $[28] = menus;
     $[29] = setDraft;
     $[30] = setNotice;
     $[31] = t;
@@ -261,8 +263,11 @@ export function useComposerSubmit(t0) {
   }
   return t9;
 }
-function _temp3(chat) {
-  return chat.id;
+function _temp4(item_0) {
+  return item_0.id;
+}
+function _temp3(item) {
+  return item.kind === "chat";
 }
 function _temp2(attachment) {
   return {

package/dist/chat/ui/composer/use-draft-files.d.ts

@@ -1,6 +1,8 @@
 import { type DragEvent, type RefObject } from 'react';
 import { EditorView } from '@codemirror/view';
 import type { ProviderCapabilities } from '@adecore/agent-contracts';
+import type { Referable } from '../../chat-references.js';
+import { type ReferenceToken } from '../../mentions.js';
 import type { ComposerInputHandle } from '../ComposerInput.js';
 import type { ComposerDraft } from './use-composer-draft.js';
 export declare const LEAVE_DROPS_TO_THE_CARD: import("@codemirror/state").Extension;
@@ -11,8 +13,11 @@ interface DraftFilesInput {
     draft: ComposerDraft;
     inputRef: RefObject<ComposerInputHandle | null>;
     setNotice(notice: string): void;
+    skills: readonly string[];
+    referables: readonly Referable[];
+    referenceChips: readonly ReferenceToken[];
 }
-export declare function useDraftFiles({ capabilities, providerName, writable, draft: { draft, setDraft, setText }, inputRef, setNotice }: DraftFilesInput): {
+export declare function useDraftFiles({ capabilities, providerName, writable, draft: { draft, setDraft, setText }, inputRef, setNotice, skills, referables, referenceChips }: DraftFilesInput): {
     dragging: boolean;
     dropTarget: {
         'data-takes-drop': string;
@@ -23,5 +28,6 @@ export declare function useDraftFiles({ capabilities, providerName, writable, dr
     addFiles: (incoming: File[]) => void;
     noteKey: (e: KeyboardEvent) => void;
     onPaste: (e: ClipboardEvent, view: EditorView) => boolean;
+    onCopy: (e: ClipboardEvent, view: EditorView) => boolean;
 };
 export {};